/*
 * PrismAlgo next: the kit (v1, Wave 1, 26 Sep 2026). The ONE stylesheet for rebuilt pages. Contract: next/KIT.md.
 * Budget: 15 KB gzipped (next/tools/kit_check.py measures it).
 *  1 Fonts     2 Tokens     3 Base     4 Layout and type     5 Buttons and links
 *  6 Chrome: header, nav, market rail, footer, phone buy bar, preview pill
 *  7 Components: chips, stat, figure pair, proof card, strip, tabs, FAQ, closer, beam
 *  8 Wave 1: hero figures, the record stage (chart, scrub, ledger, table), markets, plans, how, reviews, results, cards
 *  9 Motion     10 Print
 * No page CSS, no hard-coded figures. Blue-black ink, lit by the spectrum; green is the only action color.
 * The chrome's class names (pa-hdr, pa-ftr, pa-rail) never match today's plugin CSS (pa-header, pa-footer), and the
 * blocks between the @chrome markers are also built into chrome.css (next/tools/build_chrome_css.py), scoped to .pa-k,
 * for the pages that keep today's design under the new chrome.
 */

/* @chrome-start fonts */
/* 1 Fonts ------------------------------------------------------------------------------------ */
/* Geist and Geist Mono 1.7.2 (SIL OFL 1.1), variable wght 100-900, Latin subset. */
@font-face { font-family: "Geist"; src: url("fonts/geist-latin.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Geist Mono"; src: url("fonts/geist-mono-latin.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
/* Metric-matched fallbacks (next/tools/build_fonts.py, width calibrated in Edge by next/tests/kit-probe.html). */
@font-face { font-family: "Geist Fallback"; src: local("Arial"), local("ArialMT"), local("Helvetica"); font-weight: 100 549; size-adjust: 102.19%; ascent-override: 98.35%; descent-override: 28.87%; line-gap-override: 0%; }
@font-face { font-family: "Geist Fallback"; src: local("Arial Bold"), local("Arial-BoldMT"), local("Helvetica Bold"); font-weight: 550 900; size-adjust: 101.01%; ascent-override: 99.49%; descent-override: 29.2%; line-gap-override: 0%; }
@font-face { font-family: "Geist Mono Fallback"; src: local("Courier New"), local("CourierNewPSMT"); font-weight: 100 549; size-adjust: 99.98%; ascent-override: 100.52%; descent-override: 29.5%; line-gap-override: 0%; }
@font-face { font-family: "Geist Mono Fallback"; src: local("Courier New Bold"), local("CourierNewPS-BoldMT"); font-weight: 550 900; size-adjust: 99.98%; ascent-override: 100.52%; descent-override: 29.5%; line-gap-override: 0%; }
/* @chrome-end */

/* @chrome-start tokens */
/* 2 Tokens ----------------------------------------------------------------------------------- */
:root {
	color-scheme: dark;
	--pa-font: "Geist", "Geist Fallback", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--pa-mono: "Geist Mono", "Geist Mono Fallback", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;

	/* ink: blue-black surfaces, darkest first */
	--pa-ink-0: #05080f;
	--pa-ink-1: #0a1120;
	--pa-ink-2: #0f1829;
	--pa-ink-3: #162238;
	--pa-ink-4: #20304b;
	--pa-line: #1f2d45;          /* hairline, decoration only */
	--pa-line-strong: #5d6f8e;   /* borders that carry meaning (3:1 on every ink) */

	/* text */
	--pa-text: #eef3fa;
	--pa-text-2: #b6c2d5;
	--pa-text-3: #8e9cb3;

	/* the single action color */
	--pa-go: #3ee07f;
	--pa-go-hover: #72eaa2;
	--pa-go-ink: #03160b;
	--pa-focus: #9ad8ff;
	--pa-lit: #a9e4f5;            /* lit labels: eyebrows, footer headings */

	/* markets (never the only carrier of meaning: always with a word) */
	--pa-fx: #3cd3ee;
	--pa-gold: #f2b544;
	--pa-btc: #a98bff;

	/* data: drawdown is a calm neutral, never red */
	--pa-gain: var(--pa-text);
	--pa-dd: #a7b4c9;
	--pa-dd-fill: rgba(167, 180, 201, .16);
	--pa-curve-a: var(--pa-fx);
	--pa-curve-b: var(--pa-go);

	/* the spectrum: light only (the prism motif, one H1 line per page); it ends in lime, so amber stays the Gold market's */
	--pa-spectrum: linear-gradient(90deg, #a98bff 0%, #6aa2ff 24%, #3cd3ee 46%, #3ee07f 70%, #b6e35a 100%);

	/* type scale (fluid, 360 px first) */
	--pa-fs-xs: .8125rem;
	--pa-fs-sm: .9375rem;
	--pa-fs-base: clamp(1rem, .97rem + .15vw, 1.0625rem);
	--pa-fs-lg: clamp(1.125rem, 1.06rem + .3vw, 1.3125rem);
	--pa-fs-h3: clamp(1.25rem, 1.12rem + .55vw, 1.5rem);
	--pa-fs-h2: clamp(1.75rem, 1.35rem + 1.9vw, 2.875rem);
	--pa-fs-h1: clamp(2.25rem, 1.5rem + 3.6vw, 4.5rem);
	--pa-fs-fig: clamp(2.75rem, 1.4rem + 6.8vw, 7.5rem);
	--pa-fs-fig-md: clamp(2rem, 1.45rem + 2.6vw, 3.5rem);

	/* space, shape, motion */
	--pa-wrap: 1200px;
	--pa-gutter: clamp(16px, 4vw, 32px);
	--pa-section: clamp(56px, 6.2vw, 92px);
	--pa-r-1: 8px;
	--pa-r-2: 14px;
	--pa-r-3: 22px;
	--pa-header-h: 64px;
	--pa-buybar-h: 64px;
	--pa-shadow: 0 1px 0 rgba(255, 255, 255, .04) inset, 0 18px 50px -20px rgba(0, 0, 0, .6);
	/* one depth for every card: a lit top edge, a soft cool cyan glow (never amber) */
	--pa-card-bg: linear-gradient(180deg, #13203a, #0d1628 55%, #0a1120);
	--pa-card-line: rgba(148, 178, 230, .16);
	--pa-elev: inset 0 1px 0 rgba(255, 255, 255, .07), 0 1px 2px rgba(0, 0, 0, .5), 0 40px 90px -52px rgba(60, 211, 238, .3);
	--pa-ease: cubic-bezier(.2, .7, .2, 1);
	--pa-dur: 480ms;
}
/* @chrome-end */

/* 3 Base ------------------------------------------------------------------------------------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-padding-top: calc(var(--pa-header-h) + 16px); }
body.pa-page, .pa-kit {
	margin: 0;
	background: var(--pa-ink-0);
	color: var(--pa-text);
	font: 400 var(--pa-fs-base)/1.6 var(--pa-font);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}
.pa-page img, .pa-page svg, .pa-kit img, .pa-kit svg { display: block; max-width: 100%; height: auto; }
/* the base rules carry no weight (:where), so a class (.pa-h1, .pa-btn--go) always wins over them */
:where(.pa-page, .pa-kit) :where(h1, h2, h3) { margin: 0; font-weight: 650; letter-spacing: -.02em; line-height: 1.1; text-wrap: balance; }
.pa-page p, .pa-kit p { margin: 0; text-wrap: pretty; }
:where(.pa-page, .pa-kit) a { color: inherit; }
:where(.pa-page, .pa-kit) :focus-visible { outline: 2px solid var(--pa-focus); outline-offset: 3px; border-radius: 4px; }
#main:focus { outline: none; }
/* @chrome-start base */
.pa-skip { position: absolute; left: 12px; top: -80px; z-index: 1000; padding: 12px 16px; background: var(--pa-text); color: var(--pa-ink-0); border-radius: var(--pa-r-1); font: 600 var(--pa-fs-sm)/1.2 var(--pa-font); text-decoration: none; }
.pa-skip:focus { top: 12px; }
.pa-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
/* @chrome-end */
[hidden] { display: none !important; }

/* 4 Layout and type -------------------------------------------------------------------------- */
/* @chrome-start layout */
.pa-wrap { width: 100%; max-width: calc(var(--pa-wrap) + 2 * var(--pa-gutter)); margin-inline: auto; padding-inline: var(--pa-gutter); }
/* every figure: mono, tabular, lining */
.pa-fig { font-family: var(--pa-mono); font-variant-numeric: tabular-nums lining-nums; font-feature-settings: "tnum" 1, "lnum" 1; letter-spacing: -.02em; white-space: nowrap; }
/* @chrome-end */
/* a large figure: the sans with tabular digits (no wide mono decimal point); mono stays for small figures */
.pa-hfig__v, .pa-read__gain b, .pa-panel__big, .pa-plan__price > .pa-fig, .pa-plan__acc b, .pa-ledger dd, .pa-money dd { font-family: var(--pa-font); font-weight: 700; }
.pa-section { padding-block: var(--pa-section); }
.pa-section--tight { padding-block: clamp(48px, 6vw, 88px); }
.pa-section--band { background: var(--pa-ink-1); border-block: 1px solid var(--pa-line); }
.pa-stack > * + * { margin-top: var(--pa-gap, 16px); }
.pa-grid { display: grid; gap: clamp(16px, 2.4vw, 32px); }
.pa-grid > * { min-width: 0; }
@media (min-width: 768px) {
	.pa-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.pa-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.pa-grid--split { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); align-items: center; }
}
.pa-h1 { font-size: var(--pa-fs-h1); font-weight: 720; letter-spacing: -.042em; line-height: 1; }
.pa-h2 { font-size: var(--pa-fs-h2); font-weight: 700; letter-spacing: -.036em; line-height: 1.04; }
.pa-h2-2 { color: var(--pa-text-3); }
.pa-h3 { font-size: var(--pa-fs-h3); }
/* eyebrow: the sans, tracked, lit, with a small spectrum prism as its marker */
.pa-eyebrow { display: inline-flex; align-items: center; gap: 10px; font: 650 var(--pa-fs-xs)/1.3 var(--pa-font); letter-spacing: .14em; text-transform: uppercase; color: var(--pa-lit); }
.pa-eyebrow::before { content: ""; flex: none; width: 12px; height: 11px; background: var(--pa-spectrum); clip-path: polygon(50% 0, 100% 100%, 0 100%); }
.pa-lede { font-size: var(--pa-fs-lg); color: var(--pa-text-2); max-width: 60ch; }
.pa-muted { color: var(--pa-text-3); }
.pa-small { font-size: var(--pa-fs-xs); }
.pa-nowrap { white-space: nowrap; }
/* one line of an H1 per page may carry the spectrum (light only) */
.pa-spectrum-text { color: var(--pa-fx); background: var(--pa-spectrum); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.pa-head { display: grid; gap: 14px; max-width: 760px; margin-bottom: clamp(24px, 4vw, 44px); }
.pa-head--c { margin-inline: auto; text-align: center; justify-items: center; }
.pa-split { display: grid; gap: 24px 56px; }
@media (min-width: 900px) { .pa-split { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: start; } .pa-split > .pa-head { margin-bottom: 0; } }
.pa-prose { display: grid; gap: 16px; color: var(--pa-text-2); max-width: 70ch; }

/* 5 Buttons and links ------------------------------------------------------------------------ */
/* @chrome-start buttons */
.pa-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: .5em;
	min-height: 44px; padding: 0 20px; border: 1px solid transparent; border-radius: 999px;
	font: 600 var(--pa-fs-sm)/1.1 var(--pa-font); letter-spacing: .005em; text-decoration: none; white-space: nowrap;
	cursor: pointer; transition: background-color .2s, border-color .2s, color .2s, transform .2s var(--pa-ease);
}
.pa-btn:active { transform: translateY(1px); }
/* one solid green button per view */
.pa-btn--go, .pa-btn--go:visited { background: linear-gradient(180deg, #62f29f, var(--pa-go) 55%, #2fcf70); color: var(--pa-go-ink); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), 0 18px 40px -16px rgba(62, 224, 127, .65); }
.pa-btn--go:hover, .pa-btn--go:focus { background: linear-gradient(180deg, #8ff5bb, var(--pa-go-hover) 55%, #4fdc8a); color: var(--pa-go-ink); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .55), 0 22px 46px -16px rgba(62, 224, 127, .8); }
/* the green outline: for a second action in view (the header) */
.pa-btn--line, .pa-btn--line:visited { border-color: var(--pa-go); color: var(--pa-go); background: transparent; }
.pa-btn--line:hover, .pa-btn--line:focus { background: rgba(62, 224, 127, .1); color: var(--pa-go); }
.pa-link { color: var(--pa-text); text-decoration: underline; text-decoration-color: var(--pa-go); text-decoration-thickness: 2px; text-underline-offset: 4px; font-weight: 500; }
.pa-link:hover { color: var(--pa-go-hover); }
/* @chrome-end */
.pa-btn--ghost { border-color: var(--pa-line-strong); color: var(--pa-text); background: transparent; }
.pa-btn--ghost:hover { border-color: var(--pa-text-2); background: var(--pa-ink-3); }
.pa-btn--lg { min-height: 56px; padding: 0 30px; font-size: var(--pa-fs-base); }
.pa-btn--block { display: flex; width: 100%; }
.pa-arrow::after { content: "\2192"; display: inline-block; margin-left: .35em; transition: transform .2s var(--pa-ease); }
.pa-arrow:hover::after { transform: translateX(3px); }
.pa-ext::after { content: "\2197"; margin-left: .25em; }
/* a text link that stands alone: a 44 px target */
.pa-tap { display: inline-flex; align-items: center; min-height: 44px; }

/* @chrome-start chrome */
/* 6 Chrome ----------------------------------------------------------------------------------- */
.pa-hdr { position: sticky; top: 0; z-index: 50; background: rgba(5, 8, 15, .86); border-bottom: 1px solid var(--pa-line); -webkit-backdrop-filter: saturate(1.4) blur(12px); backdrop-filter: saturate(1.4) blur(12px); }
.pa-hdr__in { display: flex; align-items: center; gap: 16px; min-height: var(--pa-header-h); }
.pa-logo { display: inline-flex; align-items: center; min-height: 44px; margin-right: auto; color: var(--pa-text); text-decoration: none; }
/* Jim's logo (img/logo-*.webp, 3.16:1): 54 px tall in the header, 44 px on phones, 56 px in the footer */
.pa-logo img { display: block; height: 54px; width: auto; max-width: none; }
.pa-ftr .pa-logo img { height: 56px; }
@media (max-width: 599px) { .pa-hdr .pa-logo img { height: 44px; } }
.pa-logo__txt { font-weight: 700; font-size: 1.25rem; letter-spacing: -.02em; }
.pa-nav { display: flex; align-items: center; gap: 4px; }
.pa-nav__list { display: flex; gap: 2px; margin: 0; padding: 0; list-style: none; }
.pa-nav__list li { margin: 0; padding: 0; }
.pa-nav a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 10px; border-radius: var(--pa-r-1); color: var(--pa-text-2); font: 500 var(--pa-fs-sm)/1.2 var(--pa-font); text-decoration: none; }
.pa-nav a:hover, .pa-nav a:focus { color: var(--pa-text); background: var(--pa-ink-3); }
.pa-nav a[aria-current="page"] { color: var(--pa-text); box-shadow: inset 0 -2px 0 var(--pa-go); border-radius: 0; }
.pa-nav__member { margin-left: 6px; }
.pa-nav__sm { display: none !important; }
/* the phone menu: an icon (three bars; a cross when open); its name "Menu" is visually hidden text */
.pa-menu { display: none; justify-content: center; min-height: 44px; min-width: 44px; margin: 0; padding: 0; border: 1px solid var(--pa-line-strong); border-radius: var(--pa-r-1); background: transparent; color: var(--pa-text); font: 600 var(--pa-fs-sm)/1 var(--pa-font); text-transform: none; cursor: pointer; }
.pa-menu__bars, .pa-menu__bars::before, .pa-menu__bars::after { display: block; width: 18px; height: 2px; border-radius: 2px; background: currentColor; transition: transform .2s var(--pa-ease), background-color .2s; }
.pa-menu__bars { position: relative; }
.pa-menu__bars::before, .pa-menu__bars::after { content: ""; position: absolute; left: 0; top: -6px; }
.pa-menu__bars::after { top: 6px; }
.pa-menu[aria-expanded="true"] .pa-menu__bars { background: transparent; }
.pa-menu[aria-expanded="true"] .pa-menu__bars::before { transform: translateY(6px) rotate(45deg); }
.pa-menu[aria-expanded="true"] .pa-menu__bars::after { transform: translateY(-6px) rotate(-45deg); }
.pa-menu:hover, .pa-menu:focus, .pa-menu[aria-expanded="true"] { background: var(--pa-ink-3); color: var(--pa-text); border-color: var(--pa-text-2); }
@media (max-width: 1023px) {
	.pa-hdr__in { flex-wrap: wrap; padding-block: 10px; }
	.pa-js .pa-menu { display: inline-flex; align-items: center; }
	.pa-hdr__cta { display: none; }
	.pa-nav__sm { display: inline-flex !important; }
	/* without JS the nav wraps under the logo; with JS it becomes a panel */
	.pa-nav { order: 3; width: 100%; flex-wrap: wrap; padding-bottom: 8px; }
	.pa-nav__list { flex-wrap: wrap; }
	.pa-js .pa-nav { display: none; flex-direction: column; align-items: stretch; padding: 8px 0 16px; }
	.pa-js .pa-nav.is-open { display: flex; }
	.pa-js .pa-nav__list { flex-direction: column; }
	.pa-js .pa-nav a { padding: 0 8px; font-size: var(--pa-fs-base); }
	.pa-nav__member { margin: 4px 0 0; }
}

/* the market and session rail, one slim line (Jim, 27 Sep 2026): the state and the next event (a gentle pulse while
   markets are open; an honest weekend state), the UTC clock on the right */
.pa-rail { background: var(--pa-ink-1); border-bottom: 1px solid var(--pa-line); color: var(--pa-text-3); font: 600 var(--pa-fs-xs)/1.3 var(--pa-font); letter-spacing: .1em; text-transform: uppercase; }
.pa-rail__in { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 32px; padding-block: 4px; }
.pa-rail p { margin: 0; white-space: nowrap; }
.pa-rail__state { display: flex; align-items: center; gap: 10px; min-width: 0; }
.pa-rail__txt { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.pa-rail__state b { color: var(--pa-text); font-weight: 600; }
.pa-rail__dot { position: relative; width: 8px; height: 8px; border-radius: 50%; background: var(--pa-go); box-shadow: 0 0 0 4px rgba(62, 224, 127, .15); }
.pa-rail__dot::after { content: ""; position: absolute; inset: 0; border-radius: 50%; background: var(--pa-go); opacity: 0; }
.pa-rail.is-closed .pa-rail__dot { background: transparent; box-shadow: inset 0 0 0 1.5px var(--pa-text-3); }
.pa-rail__clock { color: var(--pa-text); }
.pa-rail__clock time { font-family: var(--pa-mono); letter-spacing: 0; color: var(--pa-fx); }
/* while markets are open, two soft rings from the dot, then still (4.8 s: WCAG 2.2.2; transform and opacity only; none under reduced motion) */
@media (prefers-reduced-motion: no-preference) { .pa-rail:not(.is-closed) .pa-rail__dot::after { animation: pa-ping 2.4s cubic-bezier(0, 0, .2, 1) 2; } }
@keyframes pa-ping { 0% { opacity: .55; transform: none; } 100% { opacity: 0; transform: scale(3.2); } }
/* phones: still one line, in short words ("Closed · reopens Sun 21:00", "Open · London & New York") */
@media (max-width: 599px) { .pa-rail { letter-spacing: .06em; } .pa-rail__x { display: none; } }

.pa-ftr { background: var(--pa-ink-1); border-top: 1px solid var(--pa-line); padding-block: clamp(40px, 6vw, 72px) 32px; color: var(--pa-text-2); font: 400 var(--pa-fs-sm)/1.6 var(--pa-font); }
.pa-ftr p { margin: 0; }
.pa-ftr__top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; }
.pa-ftr__help a, .pa-ftr__risk a { color: var(--pa-text); text-decoration: underline; text-decoration-color: var(--pa-go); text-underline-offset: 3px; }
.pa-ftr__help a:hover, .pa-ftr__risk a:hover { color: var(--pa-go-hover); }
.pa-ftr__cols { display: grid; gap: 24px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 32px; }
@media (min-width: 768px) { .pa-ftr__cols { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.pa-ftr__h { margin: 0 0 8px; padding: 0; font: 650 var(--pa-fs-xs)/1.3 var(--pa-font); letter-spacing: .14em; text-transform: uppercase; color: var(--pa-lit); }
.pa-ftr ul { margin: 0; padding: 0; list-style: none; }
.pa-ftr li { margin: 0; padding: 0; }
.pa-ftr li a { display: inline-flex; align-items: center; min-height: 44px; min-width: 44px; color: var(--pa-text-2); text-decoration: none; }
.pa-ftr li a:hover, .pa-ftr li a:focus { color: var(--pa-text); text-decoration: underline; }
.pa-ftr__risk { margin-top: 32px !important; padding-top: 24px; border-top: 1px solid var(--pa-line); max-width: 96ch; }
.pa-ftr__legal { margin-top: 16px !important; color: var(--pa-text-3); font-size: var(--pa-fs-xs); }

/* phone buy bar: shown below 768 px once the hero has scrolled away (JS). Without JS it stays hidden: nothing would
   pad the page for it (the footer's legal line would sit under it) or hide it at the hero (a second green button). */
.pa-buybar { display: none; }
@media (max-width: 767px) {
	.pa-buybar {
		position: fixed; inset: auto 0 0 0; z-index: 60; display: flex; align-items: center; justify-content: space-between; gap: 12px;
		min-height: var(--pa-buybar-h); padding: 10px var(--pa-gutter) calc(10px + env(safe-area-inset-bottom));
		background: rgba(10, 17, 32, .96); border-top: 1px solid var(--pa-line); box-shadow: 0 -10px 30px -12px rgba(0, 0, 0, .7);
		font: 400 var(--pa-fs-sm)/1.25 var(--pa-font); transition: transform .3s var(--pa-ease);
	}
	html:not(.pa-js) .pa-buybar { display: none; }
	.pa-js .pa-buybar { transform: translateY(110%); }
	.pa-js .pa-buybar.is-shown { transform: none; }
	body.pa-has-buybar { padding-bottom: calc(var(--pa-buybar-h, 64px) + env(safe-area-inset-bottom)); }
	.pa-has-buybar .panext-pill { bottom: calc(var(--pa-buybar-h, 64px) + 12px + env(safe-area-inset-bottom)) !important; }
}
.pa-buybar__txt { margin: 0; color: var(--pa-text-2); }
.pa-buybar__txt b { display: block; color: var(--pa-text); font-size: 1.125rem; font-weight: 600; }
/* @chrome-end */

/* 7 Components ------------------------------------------------------------------------------- */
/* market chips: the hue is a dot, the word says it */
.pa-chip { display: inline-flex; align-items: center; gap: 8px; min-height: 32px; padding: 0 12px; border: 1px solid var(--pa-line-strong); border-radius: 999px; font-size: var(--pa-fs-xs); font-weight: 500; color: var(--pa-text); }
.pa-chip::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--pa-chip, var(--pa-text-3)); box-shadow: 0 0 10px var(--pa-chip, transparent); }
.pa-chip--fx { --pa-chip: var(--pa-fx); }
.pa-chip--gold { --pa-chip: var(--pa-gold); }
.pa-chip--btc { --pa-chip: var(--pa-btc); }
.pa-chip--off { color: var(--pa-text-3); border-style: dashed; }
.pa-chip--off::before { background: transparent; box-shadow: inset 0 0 0 1.5px var(--pa-text-3); }

/* stat: a figure with its label */
.pa-stat { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.pa-stat__label { order: -1; font: 650 var(--pa-fs-xs)/1.3 var(--pa-font); letter-spacing: .12em; text-transform: uppercase; color: var(--pa-text-2); }
.pa-stat__value { font-family: var(--pa-mono); font-size: var(--pa-fs-fig-md); font-weight: 600; line-height: 1; letter-spacing: -.03em; font-variant-numeric: tabular-nums; white-space: nowrap; }
.pa-stat__sub { font-size: var(--pa-fs-xs); color: var(--pa-text-3); }
.pa-stat--gain .pa-stat__value { color: var(--pa-gain); }
.pa-stat--dd .pa-stat__value { color: var(--pa-dd); }

/* figure pair: gain and max drawdown side by side at the same size (--pa-chars from pa_figpair_chars()) */
.pa-figpair { container-type: inline-size; display: flex; flex-wrap: wrap; align-items: flex-end; row-gap: 12px; }
.pa-figpair .pa-stat__value { font-size: var(--pa-fs-fig-md); font-size: min(var(--pa-fs-fig-max, 7.5rem), calc(86cqi / (var(--pa-chars, 14) * .56))); font-weight: 600; letter-spacing: -.05em; }
.pa-figpair .pa-stat + .pa-stat { margin-left: 4cqi; padding-left: 4cqi; border-left: 1px solid var(--pa-line-strong); }
.pa-figpair__foot { flex-basis: 100%; font-size: var(--pa-fs-xs); color: var(--pa-text-3); }

/* proof card: gain + max drawdown + curve + checked date + the past-results note */
.pa-proof { position: relative; display: grid; gap: 20px; padding: clamp(20px, 3vw, 32px); background: linear-gradient(180deg, var(--pa-ink-2), var(--pa-ink-1)); border: 1px solid var(--pa-line); border-radius: var(--pa-r-3); box-shadow: var(--pa-shadow); overflow: hidden; }
.pa-proof::before, .pa-scrub::before, .pa-plan--hi::before { content: ""; position: absolute; inset: 0 0 auto; height: 1px; background: var(--pa-spectrum); opacity: .7; }
.pa-proof__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; }
.pa-proof__figs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; container-type: inline-size; }
.pa-proof__figs .pa-stat__value { font-size: min(var(--pa-fs-fig-md), 10.5cqi); }
.pa-proof__figs .pa-stat + .pa-stat { padding-left: 16px; border-left: 1px solid var(--pa-line); }
.pa-proof__curve { margin: 0; }
.pa-spark { width: 100%; height: clamp(72px, 12vw, 112px); overflow: visible; }
.pa-spark-line { fill: none; stroke: var(--pa-curve-a); stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; }
.pa-spark-fade { stop-color: var(--pa-curve-a); }
.pa-proof__meta { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 12px; margin: 0; font-size: var(--pa-fs-xs); }
.pa-proof__meta div { display: flex; flex-direction: column; gap: 2px; }
.pa-proof__meta dt { color: var(--pa-text-3); }
.pa-proof__meta dd { margin: 0; color: var(--pa-text); font-family: var(--pa-mono); font-variant-numeric: tabular-nums; }
.pa-proof__foot, .pa-stage__foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; padding-top: 16px; border-top: 1px solid var(--pa-line); font-size: var(--pa-fs-xs); }
.pa-checked { color: var(--pa-text-2); }
.pa-note { flex-basis: 100%; color: var(--pa-text-3); font-size: var(--pa-fs-xs); }
.pa-live { display: inline-flex; align-items: center; gap: 8px; font-size: var(--pa-fs-xs); color: var(--pa-text-2); }
.pa-live::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--pa-go); box-shadow: 0 0 0 4px rgba(62, 224, 127, .15); }

/* strip: one line of proof */
.pa-strip { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 18px; margin: 0; font-size: var(--pa-fs-sm); color: var(--pa-text-2); }
.pa-strip b { color: var(--pa-text); font-weight: 600; }
.pa-strip .pa-strip__dd b { color: var(--pa-dd); }

/* tabs: driven by the user, never rotating. Without JS every panel shows, stacked. */
.pa-tabs__list { display: none; }
.pa-tabs.is-ready .pa-tabs__list { display: flex; gap: 4px; padding: 4px; margin-bottom: 20px; overflow-x: auto; background: var(--pa-ink-2); border: 1px solid var(--pa-line); border-radius: 999px; scrollbar-width: none; }
.pa-tab { flex: 1 0 auto; min-height: 44px; padding: 0 18px; border: 0; border-radius: 999px; background: transparent; color: var(--pa-text-2); font: 600 var(--pa-fs-sm)/1 var(--pa-font); cursor: pointer; }
.pa-tab:hover { color: var(--pa-text); }
.pa-tab[aria-selected="true"] { background: var(--pa-ink-4); color: var(--pa-text); box-shadow: inset 0 -2px 0 var(--pa-tab, var(--pa-go)); }
.pa-tab[data-market="fx"] { --pa-tab: var(--pa-fx); }
.pa-tab[data-market="gold"] { --pa-tab: var(--pa-gold); }
.pa-tab[data-market="btc"] { --pa-tab: var(--pa-btc); }
.pa-tabs__panel + .pa-tabs__panel { margin-top: 24px; }
.pa-tabs.is-ready .pa-tabs__panel + .pa-tabs__panel { margin-top: 0; }
.pa-tabs.is-ready .pa-tabs__panel-h { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

/* FAQ: native details, no JS */
.pa-faq { border-top: 1px solid var(--pa-line); }
.pa-faq__item { border-bottom: 1px solid var(--pa-line); }
.pa-faq__q { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 56px; padding: 14px 0; list-style: none; cursor: pointer; font-weight: 600; font-size: var(--pa-fs-lg); }
.pa-faq__q::-webkit-details-marker { display: none; }
.pa-faq__q::after { content: ""; flex: none; width: 10px; height: 10px; margin-right: 4px; border-right: 2px solid var(--pa-text-2); border-bottom: 2px solid var(--pa-text-2); transform: rotate(45deg); transition: transform .2s var(--pa-ease); }
.pa-faq__item[open] > .pa-faq__q::after { transform: rotate(-135deg); }
.pa-faq__a { padding: 0 0 20px; color: var(--pa-text-2); max-width: 70ch; }
.pa-faq__a > * + * { margin-top: 12px; }

/* closer: the last word on a page */
.pa-closer { position: relative; overflow: hidden; padding-block: var(--pa-section); background: radial-gradient(60% 80% at 50% 0%, rgba(60, 211, 238, .10), transparent 70%), var(--pa-ink-0); border-top: 1px solid var(--pa-line); text-align: center; }
.pa-closer__in { display: grid; justify-items: center; gap: 20px; }
.pa-closer .pa-lede { margin-inline: auto; }
.pa-closer__cta { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 20px; align-items: center; }
.pa-closer .pa-strip { justify-content: center; }
.pa-closer__beam { width: min(420px, 90%); margin-bottom: 4px; }
/* the prism's light, faint, across the hero and the closer (never a grid, never amber) */
.pa-hero::before, .pa-closer::before { content: ""; position: absolute; inset: 0; pointer-events: none;
	background: linear-gradient(112deg, transparent 38%, rgba(169, 139, 255, .07) 44%, rgba(106, 162, 255, .06) 48%, rgba(60, 211, 238, .07) 52%, rgba(62, 224, 127, .05) 56%, transparent 63%);
	-webkit-mask-image: linear-gradient(180deg, #000 55%, transparent); mask-image: linear-gradient(180deg, #000 55%, transparent); }
.pa-hero > *, .pa-closer > * { position: relative; }

/* the prism motif: one beam in, the market lanes out (decoration, aria-hidden) */
.pa-beam { position: relative; height: 96px; overflow: hidden; }
.pa-beam::before { content: ""; position: absolute; left: 0; top: 50%; width: 46%; height: 2px; background: linear-gradient(90deg, transparent, rgba(238, 243, 250, .85)); }
.pa-beam::after {
	content: ""; position: absolute; left: 50%; top: 0; width: 50%; height: 100%;
	background:
		linear-gradient(var(--pa-btc), var(--pa-btc)) 0 22% / 100% 2px no-repeat,
		linear-gradient(var(--pa-fx), var(--pa-fx)) 0 50% / 100% 2px no-repeat,
		linear-gradient(var(--pa-gold), var(--pa-gold)) 0 78% / 100% 2px no-repeat;
	-webkit-mask: linear-gradient(90deg, #000, transparent); mask: linear-gradient(90deg, #000, transparent);
	transform-origin: left center; transform: perspective(200px) rotateY(-12deg);
}
.pa-beam__prism { position: absolute; left: calc(46% - 2px); top: 50%; width: 28px; height: 32px; transform: translateY(-50%); background: linear-gradient(135deg, rgba(166, 242, 92, .9), rgba(42, 137, 172, .9)); clip-path: polygon(50% 0, 100% 100%, 0 100%); }
/* Jim's glass prism between the beam and the lanes (above the lanes) */
.pa-beam__glass, .pa-ch__glass { position: absolute; height: auto; }
.pa-beam__glass { z-index: 1; left: calc(48% - 48px); top: 50%; width: 96px; transform: translateY(-56%); background: radial-gradient(closest-side, rgba(106, 162, 255, .3), transparent); }

/* 8 Wave 1 ----------------------------------------------------------------------------------- */
/* every card: one depth (lit top edge, cool cyan glow) */
.pa-plan, .pa-scrub, .pa-rule, .pa-rev, .pa-card, .pa-map, .pa-mtile, .pa-shot { background: var(--pa-card-bg); border: 1px solid var(--pa-card-line); box-shadow: var(--pa-elev); }
/* hero */
.pa-hero { position: relative; overflow: clip; padding-block: 16px 44px; background: radial-gradient(70% 38% at 0% 52%, rgba(106, 162, 255, .10), transparent 70%), radial-gradient(60% 30% at 100% 36%, rgba(62, 224, 127, .06), transparent 70%), radial-gradient(80% 40% at 50% 0%, rgba(60, 211, 238, .06), transparent 70%), var(--pa-ink-0); }
.pa-hero__top { display: grid; gap: 14px; }
.pa-hero__eyebrow { margin-bottom: 10px !important; }
/* the MT5 emblem in front of the home's kicker (Jim, 27 Sep 2026), in place of the small prism */
.pa-eyebrow__ic { flex: none; width: 24px; height: 24px; }
.pa-eyebrow--ic::before { display: none; }
.pa-hero__h1 { font-size: clamp(2.3rem, 1.2rem + 4.4vw, 4.4rem); }
.pa-hero__h1 .pa-spectrum-text { display: inline-block; padding-bottom: .06em; }
.pa-hero__lede { font-size: var(--pa-fs-base); }
.pa-hero__cta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 20px; margin-top: 16px; }
/* phones from 375 px: the button and "See the full record" on one line, so the record's chart starts in the first screen */
@media (max-width: 599px) { .pa-hero__cta { column-gap: 14px; } .pa-hero__cta .pa-btn--lg { padding: 0 20px; } .pa-stage__head .pa-live { display: none; } }
@media (min-width: 1024px) { .pa-hero__top { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); align-items: end; gap: 56px; } .pa-hero__lede { font-size: var(--pa-fs-lg); } }

/* hero figures: gain and max drawdown at the same giant size, side by side from 360 px up */
.pa-hfigs { container-type: inline-size; display: flex; flex-wrap: wrap; align-items: flex-end; margin-top: 26px; }
.pa-hfig { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.pa-hfig--dd { margin-left: 4cqi; padding-left: 4cqi; border-left: 1px solid var(--pa-line-strong); }
.pa-hfig__k { font: 650 var(--pa-fs-xs)/1.2 var(--pa-font); letter-spacing: .06em; text-transform: uppercase; color: var(--pa-text-2); }
.pa-hfig--dd .pa-hfig__k, .pa-hfig--dd .pa-hfig__v { color: var(--pa-dd); }
.pa-hfig__v { display: flex; align-items: flex-start; font-size: min(9rem, 13.4cqi); line-height: .84; letter-spacing: -.04em; color: var(--pa-gain); }
/* Geist's tabular digit is .597em here and its point about .2em: the box is as wide as the true figure, so the count-up never shifts */
.pa-hfig__n { display: inline-block; min-width: calc(var(--n, 6) * .597em - .4em); text-align: right; }
.pa-hfig__s, .pa-hfig__u { font-size: .5em; line-height: 1; margin-top: .06em; letter-spacing: 0; }
.pa-hfig__s { align-self: center; margin-right: .06em; font-weight: 500; }
.pa-hfig__u { margin-left: .05em; }
.pa-hfigs__foot { flex-basis: 100%; margin-top: 12px !important; font-size: var(--pa-fs-xs); color: var(--pa-text-3); }
@media (min-width: 1024px) { .pa-hfigs { margin-top: 22px; } .pa-hfig__k { font-size: var(--pa-fs-sm); letter-spacing: .14em; } }
/* tablet and desktop: the pair centred across the hero, the divider between them (Jim, 27 Sep 2026); phones as before */
@media (min-width: 600px) { .pa-hfigs { justify-content: center; } .pa-hfigs__foot { text-align: center; } }

/* the record stage: the drawing, the scrub, the ledger */
.pa-stage { margin: 18px 0 0; }
.pa-stage--plain { margin: 0; }
.pa-stage__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 16px; margin-bottom: 6px; }
.pa-plot { position: relative; touch-action: pan-y; cursor: crosshair; -webkit-tap-highlight-color: transparent; }
.pa-plot--p { aspect-ratio: 360 / 286; margin-inline: calc(-1 * var(--pa-gutter)); }
.pa-plot--p.pa-plot--plain { aspect-ratio: 360 / 250; }
.pa-plot--d { display: none; aspect-ratio: 1200 / 420; }
.pa-plot--d.pa-plot--plain { aspect-ratio: 1200 / 440; }
@media (min-width: 768px) { .pa-plot--p { display: none; } .pa-plot--d { display: block; } }
.pa-plot > .pa-ch__svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.pa-ch__grid path { fill: none; stroke: var(--pa-line); stroke-width: 1; }
.pa-ch__grid .pa-ch__gm { stroke-dasharray: 1 5; stroke-linecap: round; opacity: .8; }
.pa-ch__glow { opacity: .8; }
.pa-ch__beam { fill: none; stroke-width: 2.2; stroke-linecap: round; filter: drop-shadow(0 0 3px rgba(238, 243, 250, .7)); }
.pa-ch__prism { stroke: rgba(238, 243, 250, .6); stroke-width: 1.2; stroke-linejoin: round; }
.pa-ch__edge, .pa-ch__inner { fill: none; stroke: #fff; stroke-opacity: .7; stroke-width: 1.4; stroke-linecap: round; }
.pa-ch__lane { fill: none; stroke-width: 1.7; stroke-linecap: round; }
.pa-ch__lane--btc { stroke-dasharray: .035 .025; stroke-opacity: .75; }
.pa-ch__off { fill: var(--pa-ink-0); stroke: var(--pa-btc); stroke-width: 1.3; }
.pa-ch__dd polygon { fill: rgba(167, 180, 201, .26); }
.pa-ch__peak { fill: none; stroke: var(--pa-dd); stroke-width: 1; stroke-dasharray: 3 3; opacity: .75; }
.pa-ch__line { fill: none; stroke-width: 2.6; stroke-linejoin: round; stroke-linecap: round; filter: drop-shadow(0 0 5px rgba(60, 211, 238, .45)); }
.pa-plot--d .pa-ch__line { stroke-width: 3; }
.pa-ch__dots circle { fill: var(--pa-ink-0); stroke: var(--pa-text-2); stroke-width: 1.4; }
.pa-ch__mark { transition: transform .38s var(--pa-ease); }
.pa-ch__rule { stroke: var(--pa-text-2); stroke-width: 1; stroke-dasharray: 2 3; }
.pa-ch__halo { fill: rgba(60, 211, 238, .2); }
.pa-ch__dot { fill: var(--pa-text); stroke: var(--pa-fx); stroke-width: 2.2; }
/* the fitted axis (revision 27 Sep): the break, the start's dashed rise, the 0% and start labels, the first month on the break */
.pa-ch__brk polyline { fill: none; stroke: var(--pa-line-strong); stroke-width: 1.2; }
.pa-ch__start path { fill: none; stroke: var(--pa-text); stroke-width: 1.6; stroke-dasharray: 3 4; opacity: .7; }
/* labels over the drawing: real text, 13 px and up */
.pa-ch__labs { position: absolute; inset: 0; pointer-events: none; }
.pa-ch__lab { position: absolute; font: 500 var(--pa-fs-xs)/1 var(--pa-mono); color: var(--pa-text-3); white-space: nowrap; }
.pa-ch__lab--y { transform: translate(-100%, calc(-100% - 5px)); }
.pa-ch__lab--m, .pa-ch__lab--dd { transform: translateX(-50%); }
.pa-ch__lab--yb { transform: translate(-100%, 5px); }
.pa-ch__lab--z { padding: 0 3px; background: var(--pa-ink-0); }
.pa-ch__lab--st { transform: translateY(calc(-100% - 5px)); color: var(--pa-text-2); }
.pa-ch__lab--st, .pa-ch__lab--dd { font-family: var(--pa-font); }
/* the phone's start, beside its dot, masking the baseline */
.pa-ch__lab--sp { transform: translateY(-50%); padding: 0 3px; background: var(--pa-ink-0); }
/* scrubbed to the start, its tag names it: the start labels and the first month's tag step aside */
.is-at-start :is(.pa-ch__step, .pa-ch__lab--st) { visibility: hidden; }
.pa-ch__step { transform: translateY(-50%); padding: 2px 7px; border: 1px solid var(--pa-line-strong); border-radius: 999px; background: var(--pa-ink-1); color: var(--pa-text-2); }
.pa-ch__step b { color: var(--pa-text); font-weight: 600; }
/* results: "Fitted / From 0%" (JS only; without JS both charts show, the fitted one first) */
.pa-scale { display: none; gap: 6px; margin-bottom: 10px; }
.pa-js .pa-scale { display: flex; }
.pa-scale button { min-height: 44px; padding: 0 16px; border: 1px solid var(--pa-line-strong); border-radius: 999px; background: var(--pa-ink-1); color: var(--pa-text-2); font: 600 var(--pa-fs-xs)/1 var(--pa-font); cursor: pointer; }
.pa-scale [aria-pressed="true"] { border-color: var(--pa-fx); background: var(--pa-ink-3); color: var(--pa-text); }
.pa-js .pa-plot[data-pa-scale="zero"]:not(.is-on), .pa-plot.is-off { display: none; }
.pa-ch__lab--dd { color: var(--pa-dd); }
.pa-ch__lab--dd::before { content: ""; display: inline-block; width: 10px; height: 10px; margin-right: 8px; border: 1px dashed var(--pa-dd); background: rgba(167, 180, 201, .26); vertical-align: -1px; }
.pa-ch__legend { position: absolute; margin: 0; padding: 0; list-style: none; display: none; flex-wrap: wrap; gap: 8px 16px; width: 300px; font: 500 var(--pa-fs-xs)/1.2 var(--pa-font); color: var(--pa-text-2); }
.pa-ch__legend li { display: flex; align-items: center; gap: 8px; white-space: nowrap; }
.pa-ch__legend li::before { content: ""; width: 14px; height: 2px; border-radius: 2px; background: var(--c); box-shadow: 0 0 8px var(--c); }
.pa-ch__legend--fx { --c: var(--pa-fx); }
.pa-ch__legend--gold { --c: var(--pa-gold); }
.pa-ch__legend--btc { --c: var(--pa-btc); color: var(--pa-text-3); }
.pa-ch__legend--btc::before { background: repeating-linear-gradient(90deg, var(--pa-btc) 0 3px, transparent 3px 6px) !important; box-shadow: none !important; }
/* the lanes are the markets the engine trades; the record's settings sit on their own line */
.pa-ch__legend .pa-ch__legend--h, .pa-ch__legend .pa-ch__legend--rec { flex-basis: 100%; }
.pa-ch__legend .pa-ch__legend--h::before, .pa-ch__legend .pa-ch__legend--rec::before { display: none; }
.pa-ch__legend--h { font-weight: 650; letter-spacing: .1em; text-transform: uppercase; color: var(--pa-text); }
.pa-ch__legend--rec { color: var(--pa-text-3); }
.pa-legend-p { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 0 !important; }
.pa-legend-p__k { flex-basis: 100%; font: 650 var(--pa-fs-xs)/1.2 var(--pa-font); letter-spacing: .12em; text-transform: uppercase; color: var(--pa-text-2); }
.pa-legend-p__rec { flex-basis: 100%; font-size: var(--pa-fs-xs); color: var(--pa-text-3); }
@media (min-width: 1100px) { .pa-legend-p { display: none; } .pa-ch__legend { display: flex; } }
/* the tag that rides the scrub marker */
.pa-ch__tag { position: absolute; z-index: 2; display: grid; gap: 2px; padding: 7px 10px; border: 1px solid var(--pa-line-strong); border-radius: 10px; background: rgba(10, 17, 32, .92); box-shadow: 0 10px 24px -12px rgba(0, 0, 0, .8); white-space: nowrap; --ox: -50%; --oy: calc(-100% - 16px); transform: translate(var(--ox), var(--oy)); }
.pa-ch__tag.is-left { --ox: calc(-100% + 12px); }
.pa-ch__tag.is-right { --ox: -18px; }
.pa-ch__tag.is-below { --oy: 18px; }
.pa-ch__tag.is-mid { --oy: -50%; }
.pa-ch__tag.is-left.is-mid { --ox: calc(-100% - 16px); }
.pa-ch__tag b { font-size: 15px; font-weight: 650; color: var(--pa-text); line-height: 1.1; }
.pa-ch__tag span { font: 500 var(--pa-fs-xs)/1.1 var(--pa-mono); color: var(--pa-text-3); }
.pa-js-tag .pa-ch__tag { left: 0 !important; top: 0 !important; transform: translate(var(--tx, 0), var(--ty, 0)) translate(var(--ox), var(--oy)); transition: transform .38s var(--pa-ease); }

/* the scrub: range (keyboard), month buttons (tap), the drawing (drag) */
.pa-scrub { position: relative; overflow: hidden; display: grid; gap: 18px; margin-top: 18px; padding: 18px 16px 16px; border-radius: var(--pa-r-3); }
.pa-read { display: grid; gap: 6px; align-content: start; }
.pa-read__k { color: var(--pa-fx); }
.pa-read__date { font: 500 var(--pa-fs-sm)/1.3 var(--pa-mono); color: var(--pa-text); }
.pa-read__date span { color: var(--pa-text-3); }
.pa-read__gain { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; color: var(--pa-text-2); font-size: var(--pa-fs-sm); }
.pa-read__gain b { font-size: clamp(2.5rem, 1.9rem + 2.6vw, 3.5rem); line-height: 1; letter-spacing: -.04em; color: var(--pa-text); }
.pa-read__sub { font-size: var(--pa-fs-sm); color: var(--pa-text-2); }
.pa-read__dd b { color: var(--pa-dd); font-weight: 600; }
.pa-ctl { display: grid; gap: 10px; min-width: 0; }
.pa-ctl__label, .pa-ctl__note { font-size: var(--pa-fs-xs); color: var(--pa-text-3); }
.pa-range { -webkit-appearance: none; appearance: none; display: block; width: 100%; height: 44px; margin: 0; background: transparent; cursor: pointer; }
.pa-range::-webkit-slider-runnable-track { height: 6px; border-radius: 3px; background: linear-gradient(90deg, #eef3fa, var(--pa-fx) 18%, var(--pa-go)); }
.pa-range::-moz-range-track { height: 6px; border-radius: 3px; background: linear-gradient(90deg, #eef3fa, var(--pa-fx) 18%, var(--pa-go)); }
.pa-range::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 30px; height: 30px; margin-top: -12px; border-radius: 50%; background: var(--pa-text); border: 4px solid var(--pa-ink-1); box-shadow: 0 0 0 2px var(--pa-fx), 0 0 18px rgba(60, 211, 238, .55); }
.pa-range::-moz-range-thumb { width: 22px; height: 22px; border-radius: 50%; background: var(--pa-text); border: 4px solid var(--pa-ink-1); box-shadow: 0 0 0 2px var(--pa-fx), 0 0 18px rgba(60, 211, 238, .55); }
.pa-range:focus-visible { outline: 2px solid var(--pa-focus); outline-offset: 4px; border-radius: 8px; }
.pa-months { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
.pa-mo { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 3px; min-height: 52px; min-width: 0; padding: 6px 8px; border: 1px solid var(--pa-line); border-radius: 10px; background: var(--pa-ink-1); color: var(--pa-text-2); font: 500 var(--pa-fs-xs)/1.1 var(--pa-mono); text-align: left; cursor: pointer; transition: border-color .2s, background-color .2s; }
.pa-mo b { font-size: 14px; font-weight: 600; color: var(--pa-text); letter-spacing: -.03em; }
.pa-mo--dn b { color: var(--pa-dd); }
.pa-mo:hover { border-color: var(--pa-line-strong); background: var(--pa-ink-3); }
.pa-mo[aria-pressed="true"] { border-color: var(--pa-fx); background: var(--pa-ink-3); box-shadow: inset 0 -2px 0 var(--pa-fx); color: var(--pa-text); }
@media (min-width: 768px) { .pa-scrub { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 28px; padding: 24px 26px 22px; align-items: center; } .pa-months { grid-template-columns: repeat(8, minmax(0, 1fr)); } }

/* the ledger and the money: figures, not a table */
.pa-ledger, .pa-money { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 16px; margin: 24px 0 0; }
.pa-ledger > div, .pa-money > div { display: grid; gap: 4px; align-content: start; padding-top: 12px; border-top: 1px solid var(--pa-line); }
.pa-ledger dt, .pa-money dt, .pa-facts dt { order: -1; font: 650 var(--pa-fs-xs)/1.2 var(--pa-font); letter-spacing: .12em; text-transform: uppercase; color: var(--pa-text-2); }
.pa-ledger dd, .pa-money dd { margin: 0; font-size: clamp(1.5rem, 1.15rem + 1.5vw, 2.25rem); line-height: 1.05; letter-spacing: -.035em; color: var(--pa-text); }
.pa-ledger span, .pa-money span { font-size: var(--pa-fs-xs); color: var(--pa-text-3); }
.pa-money { margin: 0; }
.pa-money dd { font-size: clamp(2rem, 1.4rem + 2.4vw, 3.25rem); }
.pa-money__dd b { color: var(--pa-dd); font-weight: 600; }
.pa-ledger__dd dd { color: var(--pa-dd); }
@media (min-width: 768px) { .pa-ledger { grid-template-columns: repeat(3, minmax(0, 1fr)); } .pa-money { grid-template-columns: repeat(4, minmax(0, 1fr)); } .pa-money--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .pa-ledger { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.pa-money--2 { margin-top: 12px; }
.pa-cap { margin-top: 18px !important; font-size: var(--pa-fs-xs); color: var(--pa-text-3); max-width: 110ch; }
.pa-stage__foot { margin-top: 12px; }
/* the table fallback */
.pa-tbl { margin-top: 18px; border: 1px solid var(--pa-line); border-radius: var(--pa-r-2); background: var(--pa-ink-1); }
.pa-tbl summary { display: flex; align-items: center; min-height: 44px; padding: 0 16px; cursor: pointer; font-weight: 600; font-size: var(--pa-fs-sm); }
/* an open/close cue on the summary (Jim, 5 Oct 2026: "it needs a click to expand or something, even a plus symbol") */
.pa-tbl summary { justify-content: space-between; gap: 12px; list-style: none; }
.pa-tbl summary::-webkit-details-marker { display: none; }
.pa-tbl summary::after { content: "+"; flex: none; display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border: 1px solid var(--pa-line-strong); border-radius: 50%; color: var(--pa-lit); font-size: 18px; font-weight: 500; line-height: 1; transition: border-color .2s, color .2s; }
.pa-tbl summary:hover::after { border-color: var(--pa-lit); }
.pa-tbl[open] summary::after { content: "\2212"; }
.pa-tbl__scroll { overflow-x: auto; padding: 0 16px 16px; }
.pa-tbl table { width: 100%; border-collapse: collapse; font-size: var(--pa-fs-sm); }
.pa-tbl caption { padding: 4px 0 10px; text-align: left; color: var(--pa-text-3); font-size: var(--pa-fs-xs); }
.pa-tbl th, .pa-tbl td { padding: 8px 12px 8px 0; border-bottom: 1px solid var(--pa-line); text-align: left; white-space: nowrap; }
.pa-tbl thead th { color: var(--pa-text-2); font: 650 var(--pa-fs-xs)/1.2 var(--pa-font); text-transform: uppercase; letter-spacing: .1em; }
.pa-tbl tbody th { font-weight: 500; }

/* markets */
.pa-mkts__grid { display: grid; gap: 28px; }
@media (min-width: 900px) { .pa-mkts__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; align-items: start; } }
.pa-map { position: relative; padding: 18px 16px 14px; border-radius: var(--pa-r-3); background: radial-gradient(90% 70% at 50% 0%, rgba(106, 162, 255, .10), transparent 70%), var(--pa-card-bg); }
.pa-map svg { width: 100%; }
.pa-map path { fill: none; stroke-width: 3; stroke-linecap: round; transition: opacity .3s var(--pa-ease); }
.pa-map .pa-map__gold, .pa-map .pa-map__btc { stroke-width: 5; }
.pa-map__cap { margin-top: 10px !important; font: 500 var(--pa-fs-sm)/1.4 var(--pa-font); color: var(--pa-text-2); }
.pa-map__n { font-size: 1.5rem; font-weight: 650; color: var(--pa-fx); }
.pa-map__plus { color: var(--pa-text-3); }
.pa-map__eq { color: var(--pa-text); white-space: nowrap; }
.pa-mkts:has(.pa-mtabs.is-ready #pa-tab-fx[aria-selected="true"]) .pa-map :is(.pa-map__gold, .pa-map__btc),
.pa-mkts:has(.pa-mtabs.is-ready #pa-tab-gold[aria-selected="true"]) .pa-map :is(.pa-map__fx, .pa-map__btc),
.pa-mkts:has(.pa-mtabs.is-ready #pa-tab-btc[aria-selected="true"]) .pa-map :is(.pa-map__fx, .pa-map__gold) { opacity: .14; }
.pa-panel { display: grid; gap: 14px; color: var(--pa-text-2); }
.pa-panel__big { font-size: clamp(2.5rem, 1.8rem + 3vw, 4rem); line-height: 1; letter-spacing: -.04em; color: var(--pa-text); }
.pa-panel__big span { font: 500 var(--pa-fs-sm)/1 var(--pa-font); letter-spacing: 0; color: var(--pa-text-3); margin-left: 14px; }
.pa-panel--fx .pa-panel__big { color: var(--pa-fx); }
.pa-panel--gold { --c: var(--pa-gold); }
.pa-panel--gold .pa-panel__big { color: var(--pa-gold); }
.pa-panel--btc { --c: var(--pa-btc); }
.pa-panel--btc .pa-panel__big { color: var(--pa-btc); }
.pa-pairs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; margin: 0; padding: 0; list-style: none; font: 500 var(--pa-fs-xs)/1 var(--pa-mono); color: var(--pa-text); }
.pa-pairs li { display: flex; align-items: center; justify-content: center; min-height: 32px; border: 1px solid var(--pa-line); border-radius: 8px; background: var(--pa-ink-1); }
@media (min-width: 600px) and (max-width: 899px), (min-width: 1100px) { .pa-pairs { grid-template-columns: repeat(7, minmax(0, 1fr)); } }
.pa-tier { display: flex; flex-wrap: wrap; gap: 8px; margin: 4px 0 0; padding: 0; list-style: none; }
.pa-tier li { display: inline-flex; align-items: center; gap: 8px; min-height: 36px; padding: 0 14px; border: 1px solid var(--pa-line-strong); border-radius: 999px; font-size: var(--pa-fs-xs); font-weight: 500; color: var(--pa-text); }
.pa-tier li.is-on::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--c, var(--pa-fx)); box-shadow: 0 0 10px var(--c, var(--pa-fx)); }
.pa-tier li.is-off { border-style: dashed; color: var(--pa-text-3); }
.pa-mkts__note { margin-top: 28px !important; font-size: var(--pa-fs-sm); color: var(--pa-text-2); max-width: 80ch; }

/* plans */
.pa-plans { background: radial-gradient(60% 40% at 50% 0%, rgba(60, 211, 238, .07), transparent 70%), var(--pa-ink-0); }
.pa-plans__grid { display: grid; gap: 16px; align-items: stretch; }
@media (min-width: 900px) { .pa-plans__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } }
.pa-plan { position: relative; display: flex; flex-direction: column; gap: 14px; padding: 22px 20px 20px; border-radius: var(--pa-r-3); overflow: hidden; }
.pa-plan--hi { border-color: rgba(60, 211, 238, .5); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .09), 0 0 0 1px rgba(60, 211, 238, .14), 0 50px 110px -48px rgba(60, 211, 238, .45); }
.pa-plan--hi::before { height: 2px; opacity: 1; }
.pa-plan__tag { align-self: flex-start; padding: 5px 10px; border: 1px solid var(--pa-line-strong); border-radius: 999px; font: 650 var(--pa-fs-xs)/1.2 var(--pa-font); letter-spacing: .02em; color: var(--pa-text-2); }
.pa-plan__tag--badge { border-color: var(--pa-go); color: var(--pa-go); font-weight: 600; }
.pa-plan__name { font-size: var(--pa-fs-h3); }
.pa-plan__price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 10px; }
.pa-plan__price > .pa-fig { font-size: clamp(2.75rem, 2.1rem + 2.6vw, 3.75rem); line-height: 1; letter-spacing: -.045em; color: var(--pa-text); }
.pa-plan__d { font-size: .55em; vertical-align: .55em; margin-right: .04em; color: var(--pa-text-2); }
.pa-plan__c { font-size: .5em; color: var(--pa-text-2); }
.pa-plan__k { margin: 0 -.02em; }
.pa-plan__once, .pa-plan__lead { font-size: var(--pa-fs-sm); color: var(--pa-text-3); }
.pa-plan__lead { color: var(--pa-text-2); }
.pa-plan__row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; padding-block: 12px; border-block: 1px solid var(--pa-line); }
.pa-plan__acc { display: flex; align-items: baseline; gap: 8px; color: var(--pa-text-2); font-size: var(--pa-fs-sm); }
.pa-plan__acc b { font-size: 2rem; line-height: 1; color: var(--pa-text); }
.pa-plan__mks { display: flex; gap: 6px; margin: 0; padding: 0; list-style: none; }
.pa-mk { display: inline-flex; align-items: center; gap: 6px; min-height: 28px; padding: 0 9px; border: 1px solid var(--pa-line-strong); border-radius: 999px; font-size: var(--pa-fs-xs); color: var(--pa-text); }
.pa-mk::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--c); box-shadow: 0 0 8px var(--c); }
.pa-mk--fx { --c: var(--pa-fx); }
.pa-mk--gold { --c: var(--pa-gold); }
.pa-mk--btc { --c: var(--pa-btc); }
.pa-mk.is-off { border-style: dashed; color: var(--pa-text-3); text-decoration: line-through; text-decoration-thickness: 1px; }
.pa-mk.is-off::before { background: transparent; box-shadow: inset 0 0 0 1.5px var(--pa-text-3); }
.pa-plan__list { display: grid; gap: 8px; margin: 0 0 6px; padding: 0; list-style: none; font-size: var(--pa-fs-sm); color: var(--pa-text-2); flex: 1; }
.pa-plan__list li { position: relative; padding-left: 22px; }
.pa-plan__list li::before { content: ""; position: absolute; left: 2px; top: .5em; width: 9px; height: 5px; border-left: 2px solid var(--pa-fx); border-bottom: 2px solid var(--pa-fx); transform: rotate(-45deg); }
.pa-plans__note { margin-top: 20px !important; text-align: center; font-size: var(--pa-fs-sm); color: var(--pa-text-3); }
.pa-plans__note .pa-link { margin-left: 6px; }

/* how it works */
.pa-steps { position: relative; display: grid; gap: 22px; margin: 0; padding: 0 0 0 30px; list-style: none; }
.pa-steps::before { content: ""; position: absolute; left: 7px; top: 8px; bottom: 8px; width: 2px; border-radius: 2px; background: linear-gradient(180deg, #eef3fa, var(--pa-fx) 40%, var(--pa-go)); opacity: .75; }
.pa-steps li { position: relative; display: grid; align-content: start; gap: 4px; }
.pa-steps li::before { content: ""; position: absolute; left: -29px; top: 5px; width: 14px; height: 14px; border-radius: 50%; background: var(--pa-ink-1); border: 2px solid var(--pa-fx); box-shadow: 0 0 12px rgba(60, 211, 238, .55); }
.pa-steps__n { font-size: var(--pa-fs-xs); color: var(--pa-fx); letter-spacing: .06em; }
.pa-steps h3 { font-size: var(--pa-fs-h3); }
.pa-steps p { color: var(--pa-text-2); font-size: var(--pa-fs-sm); }
@media (min-width: 900px) {
	.pa-steps { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; padding: 30px 0 0; }
	.pa-steps::before { left: 0; right: 0; top: 7px; bottom: auto; width: auto; height: 2px; background: linear-gradient(90deg, #eef3fa, var(--pa-fx) 40%, var(--pa-go)); }
	.pa-steps li::before { left: 0; top: -30px; }
	.pa-steps h3 { min-height: 2.2em; }
}
.pa-rules { margin-top: clamp(36px, 5vw, 56px); }
.pa-rules__h { font-size: var(--pa-fs-h3); margin-bottom: 16px !important; }
.pa-rules__grid { display: grid; gap: 12px; }
@media (min-width: 600px) { .pa-rules__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .pa-rules__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; } }
.pa-rule { position: relative; display: grid; gap: 8px; align-content: start; padding: 18px; border-radius: var(--pa-r-2); color: var(--pa-text-2); font-size: var(--pa-fs-sm); overflow: hidden; }
.pa-rule::before { content: ""; position: absolute; inset: 0 0 auto; height: 2px; background: var(--pa-spectrum); opacity: .55; }
.pa-rule__k { font-size: 1.125rem; font-weight: 650; letter-spacing: -.02em; color: var(--pa-text); }

/* reviews */
.pa-revs__disc { font-size: var(--pa-fs-xs); color: var(--pa-text-3); }
.pa-revs__row { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(280px, 84%); gap: 12px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-padding-inline: var(--pa-gutter); padding: 4px var(--pa-gutter) 14px; margin-inline: calc(-1 * var(--pa-gutter)); scrollbar-width: thin; scrollbar-color: var(--pa-line-strong) transparent; }
.pa-revs__row:focus-visible { outline-offset: -2px; }
@media (min-width: 900px) { .pa-revs__row { grid-auto-flow: row; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-columns: auto; overflow: visible; margin-inline: 0; padding: 0; gap: 16px; } }
/* an even count that is not a multiple of 3 (the home's 4 reviews): 2 across, then 4 across, never 3 + 1 */
@media (min-width: 900px) { .pa-revs__row--even { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1200px) { .pa-revs__row--even { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.pa-rev { display: flex; flex-direction: column; gap: 14px; margin: 0; padding: 20px; scroll-snap-align: start; border-radius: var(--pa-r-2); }
.pa-rev__top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; }
.pa-stars { width: 96px; fill: var(--pa-text); }
.pa-stars .is-off { fill: none; stroke: var(--pa-text-3); stroke-width: 1.2; }
.pa-ver { display: inline-flex; align-items: center; gap: 6px; font: 600 var(--pa-fs-xs)/1.2 var(--pa-font); color: var(--pa-fx); }
.pa-ver::before { content: ""; width: 9px; height: 5px; margin: -3px 2px 0 1px; border-left: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(-45deg); }
.pa-rev__q { margin: 0; flex: 1; color: var(--pa-text); font-size: var(--pa-fs-sm); line-height: 1.6; }
.pa-rev__by { display: flex; align-items: center; gap: 12px; font-size: var(--pa-fs-xs); color: var(--pa-text-3); }
.pa-rev__by b { display: block; font-size: var(--pa-fs-sm); color: var(--pa-text); font-weight: 600; }
.pa-av { display: grid; place-items: center; width: 40px; height: 40px; flex: none; border-radius: 50%; background: linear-gradient(135deg, var(--pa-ink-4), var(--pa-ink-3)); box-shadow: inset 0 0 0 1px var(--pa-line-strong); font: 650 13px/1 var(--pa-font); color: var(--pa-text); }
.pa-revs__more { margin-top: 12px !important; }
@media (min-width: 900px) { .pa-hfaq__grid { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: 56px; align-items: start; } }

/* results: the months strip, the account facts */
.pa-mstrip { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 0; padding: 0; list-style: none; }
@media (min-width: 768px) { .pa-mstrip { grid-template-columns: repeat(8, minmax(0, 1fr)); } }
.pa-mtile { display: grid; align-content: start; gap: 6px; padding: 12px 10px 10px; border-radius: var(--pa-r-2); }
.pa-mtile__m { font: 600 var(--pa-fs-xs)/1.2 var(--pa-font); color: var(--pa-text-2); }
@media (max-width: 599px), (min-width: 768px) and (max-width: 899px) { .pa-mtile__m { width: min-content; } }
.pa-mtile b { font-size: clamp(1rem, .9rem + .5vw, 1.25rem); font-weight: 620; color: var(--pa-text); }
.pa-mtile.is-dn b { color: var(--pa-dd); }
.pa-mtile__bar { position: relative; display: block; height: 56px; border-bottom: 1px solid var(--pa-line); }
.pa-mtile__bar::before { content: ""; position: absolute; inset: auto 18% 0; height: max(3px, calc(var(--h, 0) * 100%)); border-radius: 4px 4px 0 0; background: linear-gradient(0deg, rgba(60, 211, 238, .35), rgba(60, 211, 238, .12)); border-top: 2px solid var(--pa-fx); }
.pa-mtile.is-dn .pa-mtile__bar::before { background: var(--pa-dd-fill); border-top: 2px dashed var(--pa-dd); }
.pa-mstrip__note { margin-top: 14px !important; }
.pa-facts { display: grid; gap: 0; margin: 0; }
.pa-facts > div { display: grid; gap: 4px; padding: 14px 0; border-bottom: 1px solid var(--pa-line); }
.pa-facts dd { margin: 0; color: var(--pa-text); font-size: var(--pa-fs-lg); }
@media (min-width: 600px) { .pa-facts > div { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: baseline; } }

/* link cards (results, 404) */
.pa-cards { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }
@media (min-width: 700px) { .pa-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.pa-card { display: flex; flex-direction: column; gap: 8px; height: 100%; min-height: 44px; padding: 22px 20px; border-radius: var(--pa-r-3); text-decoration: none; transition: border-color .2s, transform .25s var(--pa-ease); }
.pa-card:hover { border-color: var(--pa-line-strong); }
.pa-card small { font: 650 var(--pa-fs-xs)/1.2 var(--pa-font); letter-spacing: .12em; text-transform: uppercase; color: var(--pa-fx); }
.pa-card strong { font-size: var(--pa-fs-h3); font-weight: 650; letter-spacing: -.02em; color: var(--pa-text); }
.pa-card span { color: var(--pa-text-2); font-size: var(--pa-fs-sm); }
.pa-card b { margin-top: auto; padding-top: 6px; color: var(--pa-go); font-size: var(--pa-fs-sm); font-weight: 600; }
.pa-nf { padding-block: clamp(48px, 9vw, 120px); background: radial-gradient(60% 50% at 10% 10%, rgba(106, 162, 255, .12), transparent 70%), var(--pa-ink-0); }
.pa-nf__mail { margin-top: 28px !important; color: var(--pa-text-2); }

/* the home's MT5 screenshot: a card; phones show the panel's corner */
.pa-shot { margin: 0; padding: 8px; border-radius: var(--pa-r-3); }
.pa-shot img { width: 100%; border-radius: var(--pa-r-2); }
.pa-shot .pa-stage__foot { margin: 0; padding: 6px 8px 0; border: 0; }
@media (max-width: 599px) { .pa-shot img { aspect-ratio: 1; object-fit: cover; object-position: 0 0; } }

/* 9 Motion ----------------------------------------------------------------------------------- */
/* Only with JS (html.pa-js, set by the one-line head script), only transform and opacity. */
@media (prefers-reduced-motion: no-preference) {
	.pa-js [data-pa-reveal] { opacity: 0; transform: translateY(14px); transition: opacity var(--pa-dur) var(--pa-ease), transform var(--pa-dur) var(--pa-ease); animation: pa-failsafe 0s 3s forwards; }
	.pa-js [data-pa-reveal].is-in { opacity: 1; transform: none; animation: none; }
	.pa-js [data-pa-reveal="2"] { transition-delay: 80ms; }
	.pa-js [data-pa-reveal="3"] { transition-delay: 160ms; }
	/* with site.js running, a block waits for its observer instead of the 3 s failsafe */
	.pa-io [data-pa-reveal]:not(.is-in) { animation: none; }
	.pa-js [data-pa-reveal] .pa-spark-line { stroke-dasharray: 1; stroke-dashoffset: 1; animation: pa-draw 0s 3s forwards; }
	.pa-js [data-pa-reveal].is-in .pa-spark-line { stroke-dashoffset: 0; animation: none; transition: stroke-dashoffset 1.6s var(--pa-ease) .15s; }
	::view-transition-old(root), ::view-transition-new(root) { animation-duration: .2s; }
	/* the signature moment, once: beam, prism, lanes, then the curve with its drawdown shading (site.js adds .pa-play) */
	.pa-js .pa-sig :is(.pa-ch__beam, .pa-ch__line) { stroke-dasharray: 1; stroke-dashoffset: 1; }
	.pa-js .pa-sig .pa-ch__lane:not(.pa-ch__lane--btc) { stroke-dasharray: 1 1; stroke-dashoffset: 1; }
	.pa-js .pa-sig :is(.pa-ch__prism, .pa-ch__edge, .pa-ch__inner, .pa-ch__glass, .pa-ch__glow, .pa-ch__lane--btc, .pa-ch__off, .pa-ch__area, .pa-ch__dd, .pa-ch__dots, .pa-ch__mark, .pa-ch__tag, .pa-ch__legend, .pa-ch__lab--dd, .pa-ch__brk, .pa-ch__start, .pa-ch__step, .pa-ch__lab--st) { opacity: 0; }
	.pa-js .pa-hfigs.pa-hf .pa-hfig__v { opacity: 0; transform: translateY(10px); }
	.pa-js .pa-sig:not(.pa-play) :is(.pa-ch__beam, .pa-ch__line, .pa-ch__lane) { animation: pa-draw 0s 3.6s forwards; }
	.pa-js .pa-sig:not(.pa-play) :is(.pa-ch__prism, .pa-ch__edge, .pa-ch__inner, .pa-ch__glass, .pa-ch__glow, .pa-ch__lane--btc, .pa-ch__off, .pa-ch__area, .pa-ch__dd, .pa-ch__dots, .pa-ch__mark, .pa-ch__tag, .pa-ch__legend, .pa-ch__lab--dd, .pa-ch__brk, .pa-ch__start, .pa-ch__step, .pa-ch__lab--st) { animation: pa-show 0s 3.6s forwards; }
	.pa-js .pa-hfigs.pa-hf:not(.pa-play) .pa-hfig__v { animation: pa-show 0s 3.6s forwards; }
	.pa-sig.pa-play .pa-ch__beam { animation: pa-draw .55s cubic-bezier(.5, 0, .3, 1) .15s forwards; }
	.pa-sig.pa-play .pa-ch__glow { animation: pa-flash 1.4s ease-out .55s forwards; }
	.pa-sig.pa-play :is(.pa-ch__prism, .pa-ch__edge, .pa-ch__inner, .pa-ch__glass) { animation: pa-show .45s ease-out .5s forwards; }
	.pa-sig.pa-play .pa-ch__lane { animation: pa-draw .7s var(--pa-ease) calc(.78s + var(--i) * 45ms) forwards, pa-dim .9s ease-in-out 2.1s forwards; }
	.pa-sig.pa-play .pa-ch__lane--btc { animation: pa-show .5s ease-out .78s forwards, pa-dim .9s ease-in-out 2.1s forwards; }
	.pa-sig.pa-play .pa-ch__off { animation: pa-show .3s ease-out 1.3s forwards; }
	.pa-sig.pa-play .pa-ch__legend { animation: pa-show .6s ease-out 1.4s forwards; }
	.pa-sig.pa-play :is(.pa-ch__brk, .pa-ch__start, .pa-ch__step, .pa-ch__lab--st) { animation: pa-show .5s ease-out 1.05s forwards; }
	.pa-sig.pa-play .pa-ch__line { animation: pa-draw 1.8s cubic-bezier(.45, .05, .25, 1) 1.25s forwards; }
	.pa-sig.pa-play .pa-ch__area { animation: pa-show 1s ease-out 2.2s forwards; }
	.pa-sig.pa-play :is(.pa-ch__dd, .pa-ch__lab--dd) { animation: pa-show .8s ease-out 2.75s forwards; }
	.pa-sig.pa-play .pa-ch__dots { animation: pa-show .5s ease-out 2.9s forwards; }
	.pa-sig.pa-play .pa-ch__mark { animation: pa-show .45s ease-out 3s forwards; }
	.pa-sig.pa-play .pa-ch__tag { animation: pa-show .45s ease-out 3.1s forwards; }
	.pa-js .pa-hfigs.pa-hf.pa-play .pa-hfig__v { transition: opacity .5s var(--pa-ease), transform .6s var(--pa-ease); opacity: 1; transform: none; }
	.pa-js .pa-hfigs.pa-hf.pa-play .pa-hfig--dd .pa-hfig__v { transition-delay: .12s; }
	.pa-read.is-flash .pa-read__gain b { animation: pa-tick .32s var(--pa-ease); }
	/* a lift for the cards that lead somewhere; the green button rises a pixel */
	.pa-plan { transition: transform .25s var(--pa-ease), border-color .25s; }
	.pa-card:hover, .pa-plan:hover { transform: translateY(-3px); }
	.pa-btn--go:hover { transform: translateY(-1px); }
}
@keyframes pa-failsafe { to { opacity: 1; transform: none; } }
@keyframes pa-draw { to { stroke-dashoffset: 0; } }
@keyframes pa-show { to { opacity: 1; } }
@keyframes pa-dim { from { opacity: 1; } to { opacity: .5; } }
@keyframes pa-flash { 0% { opacity: 0; } 30% { opacity: 1; } 100% { opacity: .8; } }
@keyframes pa-tick { from { opacity: .35; transform: translateY(4px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}

/* 10 Print ----------------------------------------------------------------------------------- */
@media print {
	.pa-hdr, .pa-rail, .pa-buybar, .panext-pill, .pa-beam, .pa-ctl { display: none !important; }
	body.pa-page, .pa-kit { background: #fff; color: #000; }
}
/* browser autofill on every kit form (30 Sep 2026): dark field, readable text */
.pa-page :is(input,select,textarea):-webkit-autofill{-webkit-text-fill-color:var(--pa-text)!important;caret-color:var(--pa-text);-webkit-box-shadow:0 0 0 1000px var(--pa-ink-1) inset!important;box-shadow:0 0 0 1000px var(--pa-ink-1) inset!important;transition:background-color 99999s ease-out 0s}
.pa-page :is(input,select,textarea):autofill{-webkit-text-fill-color:var(--pa-text)!important;box-shadow:0 0 0 1000px var(--pa-ink-1) inset!important}
.pa-page :is(input,select,textarea):is([style*="248, 244, 152"],[style*="F8F498" i]){-webkit-text-fill-color:#1b1f24!important;caret-color:#1b1f24}