/*
 * Free trial (/free-trial/), "One beam, 28 pairs" (3 Oct 2026; Builds\2.50-trial\trial-page-design\final). This page's
 * own styles, printed after site.css by PA_Seo::open(['page_css' => ['trial']]) on templates/free-trial.php only, so no
 * other page loads a byte of it. Kit tokens only; phone first (360 px); one solid green per view; no red; amber only on
 * the Gold lane and chip; violet only on Bitcoin and on the panel's own trial accent (the EA 2.50 build draws FREE TRIAL
 * and the days-left capsule in 169,139,255 / 66,52,140). Motion: transform, opacity and stroke-dashoffset only, once,
 * under html.pa-js and prefers-reduced-motion: no-preference, with the 3.6 s failsafe. Counts the template prints
 * (days, bar columns, figure widths) arrive as custom properties (--pa-ft-days, --pa-ft-cols, --pa-ft-n).
 */

/*
 * The page's look choices (3 Oct 2026; Jim did not pick, so the recommended ones are on), each one switch:
 *  (1) --pa-ft-h2-2: each H2's second line lit in the trial's Forex cyan on this page only. var(--pa-text-3) gives the
 *      kit's muted grey back (the kit-wide .pa-h2-2 in site.css is unchanged).
 *  (2) the spectrum-lit giant 7: PA_FT_SPECTRUM_7 in templates/free-trial.php.
 *  (3) --pa-ft-trial, --pa-ft-cap, --pa-ft-cap-o: the trial accent of the hero's panel slice, violet as the EA 2.50
 *      panel draws it (img/trial-panel-*.webp is the EA's own violet; cyan would need an EA rebuild and new images).
 */
.pa-ft { --pa-ft-h2-2: var(--pa-fx); --pa-ft-trial: #a98bff; --pa-ft-cap: #42348c; --pa-ft-cap-o: #1e1a40; --pa-ft-pnl: linear-gradient(180deg, #0c1528, #060a14); }
.pa-ft .pa-h2 { font-size: clamp(2rem, 1.2rem + 3.1vw, 3.75rem); letter-spacing: -.04em; line-height: 1; }
.pa-ft .pa-h2-2 { display: block; color: var(--pa-ft-h2-2); }
.pa-ft .pa-head { margin-bottom: clamp(22px, 3vw, 36px); }
.pa-ft .pa-section { padding-block: clamp(40px, 7vw, 96px); }

/* ---------------------------------------------------------------- 1 hero */
.pa-ft-hero { padding-block: clamp(14px, 2vw, 24px) clamp(32px, 4vw, 52px);
	background:
		radial-gradient(34% 44% at 76% 34%, rgba(60, 211, 238, .14), transparent 70%),
		radial-gradient(26% 34% at 64% 40%, rgba(106, 162, 255, .12), transparent 70%),
		radial-gradient(44% 38% at 6% 18%, rgba(169, 139, 255, .07), transparent 70%),
		radial-gradient(40% 30% at 18% 62%, rgba(62, 224, 127, .06), transparent 70%),
		var(--pa-ink-0); }
.pa-ft-hero__grid { display: grid; gap: 16px; }
.pa-ft-hero__grid > * { min-width: 0; }
.pa-ft-kick { margin-bottom: 10px; }

/* the H1: one line, then the giant 7 with "days on demo." beside it; the spectrum lights the 7 and the words (one line).
   The 7 is real text inside the H1: its name reads "Run PrismAlgo free. 7 days on demo." and nothing animates it. */
.pa-ft-h1 { font-size: clamp(2rem, 1.2rem + 3vw, 3.9rem); letter-spacing: -.045em; line-height: 1; }
.pa-ft-h1__a { display: block; }
.pa-ft-h1__b { display: flex; align-items: flex-end; width: fit-content; max-width: 100%; margin-top: .06em; padding: 0 .08em .06em 0; }
.pa-ft-h1__n { display: block; font-size: 4.1em; line-height: .74; font-weight: 780; letter-spacing: -.06em; font-variant-numeric: tabular-nums; margin: 0 .1em 0 -.05em; }
.pa-ft-h1__w { display: block; line-height: 1.02; padding-bottom: .02em; }
.pa-ft-lede { margin-top: 14px; max-width: 32em; color: var(--pa-text-2); font-size: clamp(1rem, .93rem + .4vw, 1.25rem); line-height: 1.5; }

/* the stage: one beam in, 28 lanes out (server-drawn SVG) and ONE glass image for both drawings (placed per breakpoint;
   margin-top in % resolves against the width, so it tracks the drawing's aspect ratio) */
.pa-ft-stage { position: relative; margin: 0; }
.pa-ft-st { position: relative; }
.pa-ft-st__svg { display: block; width: 100%; height: auto; overflow: visible; }
.pa-ft-glass { position: absolute; left: 12.29%; top: 0; margin-top: 16.4%; width: 24.58%; height: auto; filter: drop-shadow(0 0 24px rgba(106, 162, 255, .35)); }
.pa-ft-pair { font: 500 13px/1 var(--pa-mono); fill: var(--pa-lit); letter-spacing: -.01em; }
.pa-ft-st__t { font: 500 13px/1 var(--pa-font); fill: var(--pa-text-2); }
.pa-ft-st__28 { position: absolute; left: 69.5%; top: 0; margin: 9.6% 0 0 !important; display: grid; line-height: 1; }
.pa-ft-st__28 b { font: 780 4rem/.8 var(--pa-font); letter-spacing: -.05em; font-variant-numeric: tabular-nums; color: var(--pa-text); min-width: 1.2em; }
.pa-ft-st__k { margin-top: 8px; font: 650 var(--pa-fs-xs)/1.25 var(--pa-font); letter-spacing: .14em; text-transform: uppercase; color: var(--pa-lit); }
.pa-ft-st__s { display: none; margin-top: 4px; font-size: var(--pa-fs-sm); color: var(--pa-text-2); }
.pa-ft-st--d { display: none; }
.pa-ft-st__leg { display: flex; align-items: center; gap: 6px; margin: 6px 0 0 !important; font-size: var(--pa-fs-xs); line-height: 1.35; color: var(--pa-text-2); }
.pa-ft-st__leg i { flex: none; width: 16px; height: 2px; border-radius: 2px; background: var(--pa-gold); opacity: .8; }
.pa-ft-st__leg i.pa-ft-st__c { margin-right: 4px; background: repeating-linear-gradient(90deg, var(--pa-btc) 0 4px, transparent 4px 7px); opacity: .9; }
@media (min-width: 600px) and (max-width: 1023px) { .pa-ft-stage { width: 100%; max-width: 520px; margin-inline: auto; } }
@media (min-width: 1024px) {
	.pa-ft-st--d { display: block; }
	.pa-ft-st--p { display: none; }
	.pa-ft-glass { left: 19.23%; margin-top: 40%; width: 30.77%; }
	.pa-ft-st__28 { left: 0; margin: 0 !important; }
	.pa-ft-st__28 b { font-size: clamp(6rem, 3rem + 5vw, 9.5rem); }
	.pa-ft-st__s { display: block; }
}

/* "On your chart, once attached": a slice of the real panel (its gradient, its trial accent, its Connected line),
   labeled, so it never reads as the visitor's own live status */
.pa-ft-on { position: absolute; left: 0; top: 74.6%; display: grid; gap: 8px; width: min(250px, 48%); }
.pa-ft-on__k { margin: 0 !important; font: 650 var(--pa-fs-xs)/1.25 var(--pa-font); letter-spacing: .1em; text-transform: uppercase; color: var(--pa-text-2); }
.pa-ft-on__pnl { position: relative; display: grid; gap: 8px; padding: 12px 14px 10px; border-radius: 6px; background: var(--pa-ft-pnl); border: 1px solid #1f2d45; box-shadow: 0 18px 40px -18px rgba(0, 0, 0, .8); overflow: hidden; }
.pa-ft-on__pnl::before { content: ""; position: absolute; inset: 0 0 auto; height: 2px; background: var(--pa-spectrum); }
.pa-ft-on__top { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0 !important; }
.pa-ft-on__ft { font: 750 var(--pa-fs-xs)/1 var(--pa-font); letter-spacing: .02em; color: var(--pa-ft-trial); }
.pa-ft-on__cap { position: relative; display: inline-grid; place-items: center; min-width: 108px; height: 28px; padding: 0 14px; border-radius: 999px; background: var(--pa-ft-cap-o); overflow: hidden; }
.pa-ft-on__cap i { position: absolute; inset: 2px; border-radius: 999px; background: var(--pa-ft-cap); transform-origin: left center; }
.pa-ft-on__cap span { position: relative; font: 700 var(--pa-fs-xs)/1 var(--pa-font); color: var(--pa-text); }
.pa-ft-on__conn { display: flex; align-items: center; gap: 8px; margin: 0 !important; padding-top: 8px; border-top: 1px solid #1f2d45; font-size: var(--pa-fs-xs); line-height: 1.2; color: var(--pa-text-2); white-space: nowrap; }
.pa-ft-on__conn b { color: var(--pa-text); font-weight: 650; }
.pa-ft-on__conn i, .pa-ft-conn i { position: relative; flex: none; width: 9px; height: 9px; border-radius: 50%; background: var(--pa-go); box-shadow: 0 0 10px rgba(62, 224, 127, .6); }
.pa-ft-on__conn i::after { content: ""; position: absolute; inset: 0; border-radius: 50%; background: var(--pa-go); opacity: 0; }

/* the get block: the one green button, the file line, the no-key line */
.pa-ft-get { display: grid; gap: 10px; justify-items: stretch; }
.pa-ft-dl { position: relative; overflow: hidden; gap: 10px; min-height: 60px; font-size: 1.125rem; font-weight: 700; letter-spacing: -.005em;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .55), 0 0 0 1px rgba(62, 224, 127, .55), 0 18px 46px -14px rgba(62, 224, 127, .85), 0 0 64px -10px rgba(62, 224, 127, .55); }
.pa-ft-dl svg { flex: none; }
.pa-ft-dl::after { content: ""; position: absolute; inset: 0; background: linear-gradient(100deg, transparent 32%, rgba(255, 255, 255, .6) 50%, transparent 68%); transform: translateX(-130%); pointer-events: none; }
.pa-ft-get__free { margin: 0 !important; font-size: var(--pa-fs-sm); font-weight: 560; line-height: 1.4; color: var(--pa-text); text-align: center; }
.pa-ft-get__file { margin: 0 !important; font-size: var(--pa-fs-xs); line-height: 1.45; color: var(--pa-text-2); text-align: center; overflow-wrap: anywhere; }
/* the file name wraps only when it is wider than its line (a rotated build's zip name, PA_Free_Trial::file_name, may run
   to 85 characters); the kit's .pa-fig is no-wrap */
.pa-ft-get__file .pa-fig { color: var(--pa-text); letter-spacing: 0; white-space: normal; }
.pa-ft-phone { display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 10px; align-items: start; margin: 0; padding: 10px 12px; border-radius: var(--pa-r-2); background: rgba(10, 17, 32, .7); border: 1px solid var(--pa-card-line); font-size: var(--pa-fs-xs); line-height: 1.45; color: var(--pa-text-2); }
.pa-ft-phone svg { color: var(--pa-lit); margin-top: 1px; }
.pa-ft-phone b { color: var(--pa-text); font-weight: 600; }
@media (min-width: 600px) {
	.pa-ft-get { grid-template-columns: auto minmax(0, 1fr); column-gap: 18px; row-gap: 12px; align-items: center; justify-items: start; }
	.pa-ft-get > .pa-ft-dl { grid-column: 1; grid-row: 1; padding: 0 32px; }
	.pa-ft-get > .pa-ft-get__file { grid-column: 2; grid-row: 1; max-width: 26em; text-align: left; }
	.pa-ft-get > .pa-ft-get__free { grid-column: 1 / -1; grid-row: 2; text-align: left; }
}

/* what you need: four tiles, each with a plain <details> "How?" (its summary sits in the tile's top-right corner) */
.pa-ft-req { display: grid; gap: 10px; }
.pa-ft-need__h { font: 650 var(--pa-fs-xs)/1.3 var(--pa-font); letter-spacing: .14em; text-transform: uppercase; color: var(--pa-lit); }
.pa-ft-need { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.pa-ft-need li { position: relative; display: grid; grid-template-columns: 34px minmax(0, 1fr); column-gap: 12px; row-gap: 2px; align-items: start; padding: 12px 14px; border-radius: var(--pa-r-2); background: var(--pa-card-bg); border: 1px solid var(--pa-card-line); box-shadow: var(--pa-elev); }
.pa-ft-need__i { grid-row: span 2; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; color: var(--pa-fx); background: rgba(60, 211, 238, .1); border: 1px solid rgba(60, 211, 238, .35); }
.pa-ft-need li > b { padding-right: 64px; font-size: var(--pa-fs-sm); font-weight: 650; line-height: 1.3; color: var(--pa-text); }
.pa-ft-need__t { font-size: var(--pa-fs-xs); line-height: 1.45; color: var(--pa-text-2); }
.pa-ft-how { grid-column: 1 / -1; }
.pa-ft-how summary { position: absolute; top: 4px; right: 4px; display: grid; place-items: center; min-width: 60px; min-height: 44px; padding: 0 6px; list-style: none; cursor: pointer; border-radius: 12px; }
.pa-ft-how summary::-webkit-details-marker { display: none; }
.pa-ft-how summary > span { display: inline-flex; align-items: center; gap: 6px; min-height: 28px; padding: 0 10px; border-radius: 999px; border: 1px solid rgba(60, 211, 238, .45); font: 600 var(--pa-fs-xs)/1 var(--pa-font); color: var(--pa-lit); background: rgba(5, 8, 15, .5); }
.pa-ft-how summary > span::after { content: ""; width: 6px; height: 6px; margin-top: -3px; border-right: 1.6px solid currentColor; border-bottom: 1.6px solid currentColor; transform: rotate(45deg); transition: transform .2s var(--pa-ease); }
.pa-ft-how[open] summary > span { background: rgba(60, 211, 238, .14); color: var(--pa-text); }
.pa-ft-how[open] summary > span::after { margin-top: 3px; transform: rotate(-135deg); }
.pa-ft-how summary:hover > span { border-color: var(--pa-fx); }
.pa-ft-how summary:focus-visible { outline: 2px solid var(--pa-focus); outline-offset: 0; }
.pa-ft-how p { margin: 10px 0 0 !important; padding: 10px 12px; border-radius: 10px; background: rgba(32, 48, 75, .7); border-left: 3px solid var(--pa-lit); color: var(--pa-text); font-size: var(--pa-fs-xs); line-height: 1.5; }
@media (min-width: 600px) and (max-width: 1023px) { .pa-ft-need { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
/* below 1024 the tile is a row (icon, words): the pill rides above the title line, clear of the description */
@media (max-width: 1023px) { .pa-ft-how summary { top: -5px; right: 0; } .pa-ft-how summary > span { min-height: 26px; } }

/* 1440: words, then the button straight under the lede on the left; the stage on the right; who it is for (.pa-ft-fit,
   row 4) and the four tiles in a row (row 5) beneath both; the phone note last */
@media (min-width: 1024px) {
	.pa-ft-hero__grid { grid-template-columns: minmax(0, 1fr) 520px; grid-template-rows: auto auto 1fr auto auto auto; column-gap: 40px; row-gap: 0; }
	.pa-ft-hero__txt { grid-column: 1; grid-row: 1; }
	.pa-ft-stage { grid-column: 2; grid-row: 1 / span 3; align-self: start; }
	.pa-ft-get { grid-column: 1; grid-row: 2; margin-top: 26px; align-self: start; }
	.pa-ft-req { grid-column: 1 / -1; grid-row: 5; grid-template-columns: auto minmax(0, 1fr); gap: 12px 24px; align-items: center; margin-top: 14px; }
	.pa-ft-need__h { grid-column: 1; grid-row: 1; }
	.pa-ft-need { grid-column: 1 / -1; grid-row: 2; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; align-items: stretch; }
	.pa-ft-need li { grid-template-columns: 1fr; align-content: start; row-gap: 6px; padding: 14px 16px; }
	.pa-ft-need li > b { padding-right: 0; }
	.pa-ft-need__i { grid-row: auto; width: 32px; height: 32px; margin-bottom: 4px; }
	.pa-ft-how summary { top: 8px; right: 8px; }
	.pa-ft-phone { grid-column: 1 / -1; grid-row: 6; justify-self: start; display: flex; align-items: center; margin-top: 30px !important; padding: 0; background: none; border: 0; }
	.pa-ft-lede { margin-top: 18px; }
}
/* 1024-1199 (4 Oct 2026): beside the 520 px stage the words' column is too narrow for the button and the file line side
   by side (the file name ran out of its column below 1128 px, and under the "On your chart" panel from 1024 to 1080 px),
   so the file line goes under the button, then the no-key line */
@media (min-width: 1024px) and (max-width: 1199px) {
	.pa-ft-get { grid-template-columns: minmax(0, 1fr); }
	.pa-ft-get > .pa-ft-get__file { grid-column: 1; grid-row: 2; }
	.pa-ft-get > .pa-ft-get__free { grid-row: 3; }
}

/* who it is for, "Before you download" (Jim, 5 Oct 2026: "make it abundantly clear"): one card right after the download
   block (phones: after the phone note), before what you need; full width under the first screen from 1024 px (hero grid
   row 4). The yes list in the trial's cyan, the no list dashed and grey (no red), the closing line in bold. */
.pa-ft-fit { position: relative; display: grid; gap: 18px; margin: 10px 0 6px; padding: 24px 20px 22px; border-radius: var(--pa-r-3); background: var(--pa-card-bg); border: 1px solid var(--pa-card-line); box-shadow: var(--pa-elev); overflow: hidden; }
.pa-ft-fit::before { content: ""; position: absolute; inset: 0 0 auto; height: 3px; background: var(--pa-spectrum); }
.pa-ft-fit__head, .pa-ft-fit__t { display: grid; gap: 12px; }
.pa-ft .pa-ft-fit__h { font-size: clamp(1.875rem, 1.2rem + 2.2vw, 2.75rem); }
.pa-ft-fit__lede { max-width: 40em; font-size: var(--pa-fs-base); line-height: 1.55; color: var(--pa-text); }
.pa-ft-fit__cols { display: grid; gap: 12px; }
.pa-ft-fit__col { padding: 16px 18px 6px; border-radius: var(--pa-r-2); }
.pa-ft-fit__col--yes { background: rgba(60, 211, 238, .06); border: 1px solid rgba(60, 211, 238, .38); }
.pa-ft-fit__col--no { background: rgba(5, 8, 15, .45); border: 1px dashed var(--pa-line-strong); }
.pa-ft-fit__k { font: 650 var(--pa-fs-xs)/1.3 var(--pa-font); letter-spacing: .14em; text-transform: uppercase; color: var(--pa-lit); }
.pa-ft-fit__col--no .pa-ft-fit__k { color: var(--pa-text); }
.pa-ft-fit__list { display: grid; margin: 8px 0 0; padding: 0; list-style: none; font-size: var(--pa-fs-sm); line-height: 1.45; color: var(--pa-text); }
.pa-ft-fit__list li { position: relative; margin: 0; padding: 10px 0 10px 30px; border-top: 1px solid var(--pa-line); }
.pa-ft-fit__list li:first-child { border-top: 0; }
.pa-ft-fit__col--yes li::before { content: ""; position: absolute; left: 3px; top: calc(10px + .4em); width: 11px; height: 6px; border-left: 2px solid var(--pa-fx); border-bottom: 2px solid var(--pa-fx); transform: rotate(-45deg); }
.pa-ft-fit__col--no li::before, .pa-ft-fit__col--no li::after { content: ""; position: absolute; left: 2px; top: calc(10px + .72em - 1px); width: 14px; height: 2px; border-radius: 1px; background: var(--pa-text-2); transform: rotate(45deg); }
.pa-ft-fit__col--no li::after { transform: rotate(-45deg); }
.pa-ft-fit__end { padding-top: 16px; border-top: 1px solid var(--pa-line); font-size: var(--pa-fs-base); line-height: 1.45; color: var(--pa-text); }
.pa-ft-fit__end b { font-weight: 700; }
@media (min-width: 600px) {
	.pa-ft-fit { padding: 30px 28px 26px; gap: 22px; }
	.pa-ft-fit__cols { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
}
@media (min-width: 1024px) {
	.pa-ft-fit { grid-column: 1 / -1; grid-row: 4; margin: 48px 0 26px; padding: 38px 40px 32px; gap: 28px; }
	.pa-ft-fit__head { grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); column-gap: 48px; align-items: end; }
	.pa-ft-fit__lede { font-size: var(--pa-fs-lg); line-height: 1.5; }
	.pa-ft-fit__col { padding: 20px 24px 8px; }
	.pa-ft-fit__list { font-size: var(--pa-fs-base); }
	.pa-ft-fit__end { padding-top: 22px; font-size: var(--pa-fs-lg); }
}

/* ---------------------------------------------------------------- 2 quick start */
.pa-ft-shead { display: grid; gap: 16px; align-items: end; }
.pa-ft-shead__t { display: grid; gap: 14px; }
.pa-ft-big { display: grid; justify-items: start; margin: 0; line-height: 1; }
.pa-ft-big__pre { font: 650 var(--pa-fs-xs)/1.2 var(--pa-font); letter-spacing: .14em; text-transform: uppercase; color: var(--pa-lit); margin-bottom: 6px; }
.pa-ft-big__row { display: flex; align-items: flex-end; gap: .06em; }
.pa-ft-big b { font: 780 clamp(5.5rem, 3.2rem + 8vw, 11rem)/.78 var(--pa-font); letter-spacing: -.06em; font-variant-numeric: tabular-nums; color: var(--pa-text); min-width: 1.15em; }
.pa-ft-big__u { font: 720 clamp(2.25rem, 1.6rem + 2.4vw, 4rem)/1 var(--pa-font); letter-spacing: -.04em; color: var(--pa-fx); padding-bottom: .02em; }
.pa-ft-big__k { margin-top: 12px; font-size: var(--pa-fs-base); color: var(--pa-text-2); }
@media (min-width: 900px) { .pa-ft-shead { grid-template-columns: minmax(0, 1fr) auto; gap: 40px; } .pa-ft-big { justify-items: end; text-align: right; } }

.pa-ft-steps { display: grid; gap: 12px; margin: clamp(24px, 4vw, 48px) 0 0; padding: 0; list-style: none; }
.pa-ft-step { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-areas: "n art" "h h" "p p"; align-items: center; gap: 10px 12px; padding: 16px; border-radius: var(--pa-r-3); background: var(--pa-card-bg); border: 1px solid var(--pa-card-line); box-shadow: var(--pa-elev); overflow: hidden; }
.pa-ft-step::before { content: ""; position: absolute; inset: 0 0 auto; height: 2px; background: linear-gradient(90deg, var(--pa-fx), transparent 70%); opacity: .8; }
.pa-ft-step__n { grid-area: n; font: 780 4.25rem/.8 var(--pa-font); letter-spacing: -.07em; font-variant-numeric: tabular-nums; color: var(--pa-text);
	background: linear-gradient(180deg, #ffffff 25%, #7fe3f4 75%, #3cd3ee); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; padding-right: .04em; }
.pa-ft-step__art { grid-area: art; min-width: 0; }
.pa-ft-step__art svg { display: block; width: 100%; max-width: 240px; height: auto; margin-left: auto; }
/* drawn at 240 wide and never shown narrower than about 200 px (360 px phones), so the 17.5-unit text stays >= 13 px */
.pa-ft-art__t { font: 500 17.5px/1 var(--pa-font); fill: var(--pa-text-2); }
.pa-ft-art__t--b { font-weight: 650; fill: var(--pa-text); }
.pa-ft-art__t--m { fill: var(--pa-text-2); }
.pa-ft-art__t--c { font-weight: 650; fill: var(--pa-lit); }
.pa-ft-step__h { grid-area: h; font-size: 1.25rem; font-weight: 700; letter-spacing: -.025em; }
.pa-ft-step p { grid-area: p; margin-top: -4px !important; font-size: var(--pa-fs-sm); line-height: 1.5; color: var(--pa-text-2); }
@media (min-width: 600px) { .pa-ft-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .pa-ft-step { padding: 18px; } }
@media (min-width: 1024px) {
	.pa-ft-steps { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
	.pa-ft-step { grid-template-columns: 1fr; grid-template-areas: "n" "art" "h" "p"; align-items: start; align-content: start; padding: 22px; gap: 16px; }
	.pa-ft-step__n { font-size: 7.5rem; }
	.pa-ft-step__art svg { max-width: none; margin-left: 0; }
	.pa-ft-step__h { font-size: var(--pa-fs-h3); }
	.pa-ft-step p { margin-top: -8px !important; }
}

/* ---------------------------------------------------------------- 3 on your chart: the panel on a EURUSD chart, full bleed */
.pa-ft .pa-ft-chart { padding-bottom: clamp(24px, 3vw, 36px); }
.pa-ft .pa-ft-end { padding-top: clamp(32px, 5vw, 72px); }
.pa-ft-mt5 { position: relative; margin: 0; padding-block: clamp(20px, 3vw, 40px); background: linear-gradient(180deg, #03060c, #05080f); border-block: 1px solid var(--pa-line); overflow: hidden; }
.pa-ft-mt5__bg { position: absolute; inset: 0; pointer-events: none; }
.pa-ft-mt5__candles { position: absolute; inset: 0; width: 100%; height: 100%; opacity: .85; }
.pa-ft-mt5__in { position: relative; display: grid; gap: 18px; }
.pa-ft-mt5__shot { margin: 0; min-width: 0; }
.pa-ft-mt5__sym { margin: 0 0 8px !important; font: 600 var(--pa-fs-xs)/1.3 var(--pa-mono); color: var(--pa-text-2); }
.pa-ft-mt5__panel { position: relative; width: 100%; max-width: 700px; border-radius: 4px; box-shadow: 0 0 0 1px rgba(148, 178, 230, .1), 0 40px 90px -30px rgba(60, 211, 238, .35), 0 20px 50px -20px rgba(0, 0, 0, .8); }
.pa-ft-mt5__panel img { display: block; width: 100%; height: auto; }
.pa-ft-mt5__cap { max-width: 700px; margin-top: 12px; font-size: var(--pa-fs-xs); line-height: 1.5; color: var(--pa-text-2); }
.pa-ft-mk { position: absolute; display: grid; place-items: center; width: 24px; height: 24px; margin: -12px 0 0 -12px; border-radius: 50%; background: var(--pa-fx); color: var(--pa-ink-0); font: 750 13px/1 var(--pa-font); box-shadow: 0 0 0 3px rgba(5, 8, 15, .8), 0 0 18px rgba(60, 211, 238, .7); }
.pa-ft-call { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.pa-ft-call li { display: grid; grid-template-columns: 30px minmax(0, 1fr); column-gap: 12px; row-gap: 2px; align-items: start; padding: 10px 12px; border-radius: var(--pa-r-2); background: rgba(10, 17, 32, .78); border: 1px solid var(--pa-card-line); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.pa-ft-call__n { grid-row: span 3; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: var(--pa-fx); color: var(--pa-ink-0); font: 780 1rem/1 var(--pa-font); box-shadow: 0 0 22px rgba(60, 211, 238, .45); }
.pa-ft-call__k { font-size: var(--pa-fs-base); font-weight: 700; letter-spacing: -.01em; line-height: 1.3; color: var(--pa-text); }
.pa-ft-call li > span:not(.pa-ft-call__n):not(.pa-ft-conns) { font-size: var(--pa-fs-sm); line-height: 1.4; color: var(--pa-text-2); }
/* both Connected states, drawn like the panel's footer line, so an open trade reads as normal */
.pa-ft-conns { display: grid; justify-items: start; gap: 4px; margin-top: 8px; }
.pa-ft-conn { display: inline-flex; align-items: center; gap: 8px; min-height: 32px; padding: 0 12px; border-radius: 6px; background: var(--pa-ft-pnl); border: 1px solid #1f2d45; font-size: var(--pa-fs-xs); color: var(--pa-text-2); white-space: nowrap; }
.pa-ft-conn b { color: var(--pa-text); font-weight: 650; }
.pa-ft-conns__or { padding-left: 2px; font-size: var(--pa-fs-xs); color: var(--pa-text-2); }
.pa-ft-chart__note { margin-top: 18px !important; font-size: var(--pa-fs-base); color: var(--pa-text-2); }
.pa-ft-chart__note .pa-link { margin-left: 6px; }
@media (min-width: 600px) { .pa-ft-conns { grid-template-columns: auto auto auto; align-items: center; column-gap: 10px; } }
@media (min-width: 1024px) {
	.pa-ft-mt5__in { grid-template-columns: minmax(0, 700px) minmax(0, 1fr); gap: 40px; align-items: center; }
	.pa-ft-mt5__cap { font-size: var(--pa-fs-sm); }
	.pa-ft-mk { width: 30px; height: 30px; margin: -15px 0 0 -15px; font-size: 15px; }
	.pa-ft-call { gap: 12px; }
	.pa-ft-call li { grid-template-columns: 36px minmax(0, 1fr); column-gap: 14px; padding: 16px 18px; }
	.pa-ft-call__n { width: 36px; height: 36px; font-size: 1.125rem; }
	.pa-ft-call__k { font-size: 1.5rem; }
	.pa-ft-conns { grid-template-columns: auto; align-items: start; }
}

/* ---------------------------------------------------------------- 4 after 7 days: the journey to scale */
.pa-ft-jr { display: grid; grid-template-columns: 24px minmax(0, 7fr) minmax(0, 2fr) 10px; column-gap: 4px; margin: 0 0 clamp(20px, 3vw, 36px); padding: 0; list-style: none; }
.pa-ft-jr > li { display: grid; grid-template-rows: auto 40px auto; row-gap: 8px; min-width: 0; }
.pa-ft-jr > li > * { min-width: 0; }
.pa-ft-jr__k { grid-row: 1; align-self: end; font: 650 var(--pa-fs-xs)/1.2 var(--pa-font); letter-spacing: .06em; text-transform: uppercase; color: var(--pa-text); }
.pa-ft-jr__s { grid-row: 3; font-size: var(--pa-fs-xs); line-height: 1.3; color: var(--pa-text-2); }
.pa-ft-jr__plug, .pa-ft-jr__d, .pa-ft-jr__hatch, .pa-ft-jr__line { grid-row: 2; }
.pa-ft-jr__plug { align-self: center; justify-self: start; width: 20px; height: 20px; border-radius: 50%; background: var(--pa-ink-0); border: 2px solid var(--pa-text); box-shadow: 0 0 14px rgba(238, 243, 250, .35); }
.pa-ft-jr__days .pa-ft-jr__k { color: var(--pa-fx); }
.pa-ft-jr__d { display: grid; grid-template-columns: repeat(var(--pa-ft-days, 7), minmax(0, 1fr)); gap: 3px; }
.pa-ft-jr__d i { display: grid; place-items: center; border-radius: 6px; background: linear-gradient(180deg, #6be0f3, var(--pa-fx)); box-shadow: 0 0 22px -4px rgba(60, 211, 238, .6); font: 700 var(--pa-fs-xs)/1 var(--pa-mono); font-style: normal; color: var(--pa-ink-0); transform-origin: 50% 100%; }
.pa-ft-jr__hatch { border-radius: 6px; background: repeating-linear-gradient(135deg, rgba(167, 180, 201, .55) 0 2px, transparent 2px 8px), rgba(167, 180, 201, .1); box-shadow: inset 0 0 0 1px rgba(167, 180, 201, .45); transform-origin: 0 50%; }
.pa-ft-jr__wd .pa-ft-jr__k { color: var(--pa-dd); }
.pa-ft-jr__line { display: flex; align-items: stretch; }
.pa-ft-jr__tick { flex: none; width: 4px; border-radius: 2px; background: var(--pa-text); box-shadow: 0 0 12px rgba(238, 243, 250, .5); }
.pa-ft-jr__arrow { display: none; position: relative; flex: 1; align-self: center; height: 2px; margin-left: 10px; background: linear-gradient(90deg, var(--pa-text-3), var(--pa-text)); transform-origin: 0 50%; }
.pa-ft-jr__arrow::after { content: ""; position: absolute; right: 1px; top: -5px; width: 10px; height: 10px; border-top: 2px solid var(--pa-text); border-right: 2px solid var(--pa-text); transform: rotate(45deg); }
.pa-ft-jr__days .pa-ft-jr__s, .pa-ft-jr__wd .pa-ft-jr__s { padding-right: 4px; }
/* phones: the set-up and close columns are too narrow for words; they stay for screen readers */
@media (max-width: 899px) {
	.pa-ft-jr__set .pa-ft-jr__k, .pa-ft-jr__set .pa-ft-jr__s, .pa-ft-jr__end .pa-ft-jr__k, .pa-ft-jr__end .pa-ft-jr__s { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
}
@media (min-width: 900px) {
	.pa-ft-jr { grid-template-columns: 104px minmax(0, 7fr) minmax(0, 2fr) minmax(0, 1.7fr); column-gap: 8px; }
	.pa-ft-jr > li { grid-template-rows: auto 64px auto; row-gap: 12px; }
	.pa-ft-jr__arrow { display: block; }
	.pa-ft-jr__d { gap: 6px; }
	.pa-ft-jr__d i { font-size: 1.125rem; border-radius: 10px; }
	.pa-ft-jr__hatch { border-radius: 10px; }
	.pa-ft-jr__plug { width: 28px; height: 28px; }
	.pa-ft-jr__k { font-size: var(--pa-fs-sm); letter-spacing: .08em; }
	.pa-ft-jr__s { font-size: var(--pa-fs-sm); }
	.pa-ft-jr__end { padding-left: 4px; }
}

/* the 7-day planner: the giant 7 and 48 h, the two answers, Mon-Sun chips, the 12-day bar (CONTRACT A3) */
.pa-ft-plan { display: grid; gap: 18px; padding: clamp(16px, 3vw, 36px); border-radius: var(--pa-r-3); background: var(--pa-card-bg); border: 1px solid var(--pa-card-line); box-shadow: var(--pa-elev); }
.pa-ft-plan__top { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-areas: "run wd" "out out"; gap: 16px 14px; align-items: end; }
.pa-ft-plan__fig { display: grid; gap: 8px; margin: 0 !important; line-height: 1; }
.pa-ft-plan__fig--run { grid-area: run; }
.pa-ft-plan__fig--wd { grid-area: wd; }
.pa-ft-plan__fig b { display: flex; align-items: flex-end; font: 780 clamp(5rem, 2.9rem + 8vw, 10.5rem)/.78 var(--pa-font); letter-spacing: -.06em; font-variant-numeric: tabular-nums; color: var(--pa-text); white-space: nowrap; }
.pa-ft-plan__fig--run b { color: var(--pa-fx); }
.pa-ft-plan__fig--wd b { color: var(--pa-dd); }
.pa-ft-plan__fig--wd b > span { min-width: 1.15em; }
.pa-ft-plan__fig--wd b i { font-style: normal; font-size: .42em; line-height: 1; letter-spacing: -.02em; margin-left: .04em; padding-bottom: .04em; }
.pa-ft-plan__fig > span:last-child { display: flex; align-items: center; gap: 8px; font: 650 var(--pa-fs-xs)/1.3 var(--pa-font); letter-spacing: .12em; text-transform: uppercase; color: var(--pa-text-2); }
.pa-ft-plan__pre { font: 650 var(--pa-fs-xs)/1.2 var(--pa-font); letter-spacing: .12em; text-transform: uppercase; color: var(--pa-text-2); }
.pa-ft-sw { flex: none; display: inline-block; width: 26px; height: 10px; border-radius: 99px; }
.pa-ft-sw--fx { background: var(--pa-fx); box-shadow: 0 0 10px rgba(60, 211, 238, .6); }
.pa-ft-sw--wd { background: repeating-linear-gradient(135deg, rgba(167, 180, 201, .85) 0 2px, rgba(167, 180, 201, .18) 2px 5px); }
.pa-ft-sw--shut { background: repeating-linear-gradient(45deg, #5d6f8e 0 2px, #05080f 2px 5px); border: 1px solid var(--pa-line-strong); }
.pa-ft-sw--cl { width: 3px; height: 16px; border-radius: 2px; background: var(--pa-text); }
.pa-ft-plan__out { grid-area: out; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 0; }
.pa-ft-plan__out div { display: grid; align-content: start; gap: 2px; padding: 12px 14px; border-radius: 12px; background: rgba(5, 8, 15, .55); border: 1px solid var(--pa-line); }
.pa-ft-plan__out div:last-child { border-color: rgba(238, 243, 250, .35); }
.pa-ft-plan__out dt { color: var(--pa-text-2); font-size: var(--pa-fs-xs); line-height: 1.3; }
.pa-ft-plan__out dd { margin: 0; font: 680 clamp(1.0625rem, .95rem + .6vw, 1.75rem)/1.2 var(--pa-font); letter-spacing: -.015em; color: var(--pa-text); }
.pa-ft-plan__out dd small { display: block; margin-top: 4px; font: 400 var(--pa-fs-xs)/1.45 var(--pa-font); letter-spacing: 0; color: var(--pa-text-2); }
.pa-ft-plan__days { display: grid; gap: 8px; margin: 0; padding: 0; border: 0; min-width: 0; }
.pa-ft-plan__days legend { padding: 0; margin-bottom: 8px; color: var(--pa-text); font-weight: 600; font-size: var(--pa-fs-sm); }
.pa-ft-plan__chips { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 4px; }
.pa-ft-plan__chips label { position: relative; min-width: 0; }
.pa-ft-plan__chips input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.pa-ft-plan__chips span { display: grid; place-items: center; min-height: 44px; border-radius: 12px; border: 1px solid var(--pa-line-strong); font: 600 var(--pa-fs-sm)/1 var(--pa-font); color: var(--pa-text-2); }
.pa-ft-plan__chips input:checked + span { border-color: var(--pa-fx); background: rgba(60, 211, 238, .14); color: var(--pa-text); box-shadow: inset 0 0 0 1px var(--pa-fx); }
.pa-ft-plan__chips input:focus-visible + span { outline: 2px solid var(--pa-focus); outline-offset: 3px; }
.pa-ft-plan__chips input:hover + span { background: var(--pa-ink-3); }
html:not(.pa-js) .pa-ft-plan__days { display: none; }
.pa-ft-plan__nojs { margin: 0 !important; color: var(--pa-text-2); font-size: var(--pa-fs-sm); }
.pa-js .pa-ft-plan__nojs { display: none; }
.pa-ft-bar { position: relative; padding-top: 26px; }
.pa-ft-bar__days { position: absolute; inset: 0 0 auto; display: grid; grid-template-columns: repeat(var(--pa-ft-cols, 12), minmax(0, 1fr)); font: 500 13px/1 var(--pa-mono); color: var(--pa-text-2); }
.pa-ft-bar__days span { height: 76px; padding-left: 3px; border-left: 1px solid var(--pa-line); }
.pa-ft-bar__days span:first-child { border-left-color: transparent; }
.pa-ft-bar__days i { font-style: normal; }
.pa-ft-bar__track { position: relative; height: 50px; border-radius: 12px; background: rgba(5, 8, 15, .6); border: 1px solid var(--pa-line); }
.pa-ft-bar__seg { position: absolute; top: 8px; bottom: 8px; border-radius: 8px; }
.pa-ft-bar__seg--fx { background: linear-gradient(180deg, #7fe6f7, var(--pa-fx)); box-shadow: 0 0 22px rgba(60, 211, 238, .55); transform-origin: left center; }
/* the start: a white tick where your first connection lands */
.pa-ft-bar__seg--fx::before { content: ""; position: absolute; left: -1px; top: -12px; bottom: -12px; width: 3px; border-radius: 2px; background: var(--pa-text); }
.pa-ft-bar__seg--wd { background: repeating-linear-gradient(135deg, rgba(167, 180, 201, .75) 0 3px, rgba(167, 180, 201, .16) 3px 8px); border: 1px solid rgba(167, 180, 201, .5); transform-origin: left center; }
.pa-ft-bar__shut { position: absolute; inset: 0; z-index: 1; pointer-events: none; }
.pa-ft-bar__seg--shut { border-radius: 0; background: repeating-linear-gradient(45deg, rgba(5, 8, 15, .82) 0 4px, rgba(5, 8, 15, .4) 4px 8px); box-shadow: inset 0 0 0 1px rgba(93, 111, 142, .55); }
.pa-ft-bar__close { position: absolute; z-index: 2; top: -6px; bottom: -6px; width: 3px; margin-left: -1.5px; border-radius: 3px; background: var(--pa-text); box-shadow: 0 0 12px rgba(238, 243, 250, .7); }
.pa-ft-bar__close::after { content: ""; position: absolute; left: 50%; top: -6px; width: 11px; height: 11px; margin-left: -5.5px; border-radius: 50%; background: var(--pa-text); }
.pa-ft-bar__legend { display: flex; flex-wrap: wrap; gap: 6px 18px; margin-top: 14px !important; color: var(--pa-text-2); font-size: var(--pa-fs-xs); }
.pa-ft-bar__legend span { display: inline-flex; align-items: center; gap: 8px; }
.pa-ft-stages { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.pa-ft-stages li { display: grid; align-content: start; gap: 4px; padding-left: 14px; border-left: 3px solid var(--pa-fx); color: var(--pa-text-2); font-size: var(--pa-fs-sm); line-height: 1.5; }
.pa-ft-stages li:nth-child(2) { border-left-color: var(--pa-dd); }
.pa-ft-stages li:nth-child(3) { border-left-color: var(--pa-text); }
.pa-ft-stages b { color: var(--pa-text); font-size: var(--pa-fs-base); font-weight: 650; }
.pa-ft-plan__rule { margin: 0 !important; color: var(--pa-text-2); font-size: var(--pa-fs-xs); line-height: 1.55; max-width: 110ch; }
@media (max-width: 599px) {
	.pa-ft-bar__days i { display: none; }
	.pa-ft-bar__legend { gap: 6px 14px; }
	.pa-ft-plan__out { gap: 6px; }
	.pa-ft-plan__out div { padding: 10px 12px; }
	.pa-ft-stages li { font-size: 14px; gap: 2px; }
}
@media (min-width: 900px) {
	.pa-ft-stages { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
	.pa-ft-bar__track { height: 60px; }
	.pa-ft-bar__days span { height: 86px; }
}
@media (min-width: 1024px) {
	.pa-ft-plan { gap: 22px; }
	.pa-ft-plan__top { grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "run out wd"; column-gap: clamp(28px, 4vw, 56px); }
	.pa-ft-plan__out { grid-template-columns: minmax(0, 1fr); align-self: end; }
	.pa-ft-plan__fig--wd { justify-items: end; text-align: right; }
}
@media (min-width: 1200px) { .pa-ft-plan__out { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .pa-ft-plan__out div { padding: 16px 18px; } }

/* to keep going: the license path, the green outline (never a second solid green in view) */
.pa-ft-keep { display: grid; gap: 18px; margin-top: clamp(20px, 3vw, 36px); padding: clamp(18px, 3vw, 32px); border-radius: var(--pa-r-3); background: var(--pa-card-bg); border: 1px solid var(--pa-card-line); box-shadow: var(--pa-elev); }
.pa-ft-keep__t { display: grid; gap: 12px; align-content: start; }
.pa-ft-keep__h { font-size: clamp(1.625rem, 1.2rem + 1.6vw, 2.75rem); font-weight: 720; letter-spacing: -.035em; line-height: 1.05; }
.pa-ft-keep__lit { display: block; color: var(--pa-fx); }
.pa-ft-keep__t p { color: var(--pa-text-2); }
.pa-ft-keep__cta { margin-top: 4px !important; }
.pa-ft-keep__steps { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.pa-ft-keep__steps li { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 12px; align-items: center; font-size: var(--pa-fs-sm); line-height: 1.45; color: var(--pa-text); }
.pa-ft-keep__steps span { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; border: 1.5px solid var(--pa-lit); color: var(--pa-lit); font: 750 1rem/1 var(--pa-font); }
@media (min-width: 900px) {
	.pa-ft-keep { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 40px; align-items: center; }
	.pa-ft-keep__steps li { grid-template-columns: 44px minmax(0, 1fr); gap: 14px; padding: 12px 14px; border-radius: var(--pa-r-2); background: rgba(5, 8, 15, .5); border: 1px solid var(--pa-line); }
	.pa-ft-keep__steps span { width: 44px; height: 44px; font-size: 1.25rem; }
}

/* ---------------------------------------------------------------- 5 proof: the figure pair at one size, the checked date beside it */
.pa-ft-rec { gap: 20px; padding: clamp(20px, 3.4vw, 44px); background: radial-gradient(60% 80% at 20% 0%, rgba(106, 162, 255, .08), transparent 70%), linear-gradient(180deg, var(--pa-ink-2), var(--pa-ink-1)); }
.pa-ft-rec::before { height: 3px !important; opacity: .9 !important; }
.pa-ft-rec__head { display: grid; gap: 12px; }
.pa-ft-rec__figs { display: grid; gap: 16px; align-items: end; container-type: inline-size; }
.pa-ft-rec__pair { display: grid; grid-template-columns: auto auto; justify-content: start; gap: 4cqi; container-type: inline-size; }
.pa-ft-rec__fig { display: flex; flex-direction: column; gap: 10px; margin: 0; min-width: 0; }
.pa-ft-rec__fig + .pa-ft-rec__fig { padding-left: 4cqi; border-left: 1px solid var(--pa-line-strong); }
.pa-ft-rec__k { font: 650 var(--pa-fs-xs)/1.2 var(--pa-font); letter-spacing: .12em; text-transform: uppercase; color: var(--pa-text-2); }
.pa-ft-rec__fig--dd .pa-ft-rec__k { color: var(--pa-dd); }
/* gain and max drawdown share one size at every width (one rule, one container) */
.pa-ft-rec__v { display: flex; align-items: flex-start; font: 760 min(8rem, 11.6cqi)/.84 var(--pa-font); letter-spacing: -.045em; font-variant-numeric: tabular-nums; color: var(--pa-gain); white-space: nowrap; }
.pa-ft-rec__fig--dd .pa-ft-rec__v { color: var(--pa-dd); }
.pa-ft-rec__s, .pa-ft-rec__u { font-size: .5em; line-height: 1; letter-spacing: 0; margin-top: .06em; }
.pa-ft-rec__s { align-self: center; margin-right: .05em; font-weight: 500; }
.pa-ft-rec__u { margin-left: .04em; }
.pa-ft-rec__v > span[data-pa-count] { display: inline-block; text-align: right; }
.pa-ft-rec__v > span[data-pa-count] { min-width: calc(var(--pa-ft-n, 4) * .597em - .4em); }
.pa-ft-rec__side { display: grid; gap: 2px; justify-items: start; }
.pa-ft-rec__chk { display: grid; margin: 0; }
.pa-ft-rec__chk span { font: 650 var(--pa-fs-xs)/1.2 var(--pa-font); letter-spacing: .12em; text-transform: uppercase; color: var(--pa-text-2); }
.pa-ft-rec__chk time { margin-top: 6px; font: 720 clamp(1.5rem, 1.1rem + 1.4vw, 2.25rem)/1.05 var(--pa-font); letter-spacing: -.03em; color: var(--pa-text); }
.pa-ft-rec__since { font-size: var(--pa-fs-sm); color: var(--pa-text-2); }
.pa-ft-rec__rows { display: grid; gap: 10px; }
.pa-ft-rec__row { display: grid; gap: 8px; padding: 12px 14px; border-radius: var(--pa-r-2); background: rgba(5, 8, 15, .5); border: 1px solid var(--pa-line); }
.pa-ft-rec__row p { font-size: var(--pa-fs-sm); line-height: 1.5; color: var(--pa-text-2); }
.pa-ft-rec__row b { color: var(--pa-text); }
.pa-ft-rec__tag { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.pa-ft-rec__lanes { flex: none; width: 84px; height: 28px; }
.pa-ft-rec__past { margin-top: 0 !important; font-size: var(--pa-fs-xs); color: var(--pa-text-2); }
@media (min-width: 900px) {
	.pa-ft-rec__figs { grid-template-columns: minmax(0, 1fr) 230px; gap: 32px; }
	.pa-ft-rec__side { padding-bottom: 6px; gap: 4px; }
	.pa-ft-rec__rows { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
	.pa-ft-rec__row { padding: 18px 20px; }
}

/* ---------------------------------------------------------------- 6 FAQ: where it runs, drawn (600 px and up: on phones it
   repeats an FAQ answer and the hero's "How?" notes, so it is left out to keep the page short) */
.pa-ft-faq__grid { display: grid; gap: 22px; }
.pa-ft-faq__head { display: grid; gap: 14px; align-content: start; }
.pa-ft-where { display: none; gap: 10px; margin: 8px 0 4px; padding: 18px; border-radius: var(--pa-r-3); background: var(--pa-card-bg); border: 1px solid var(--pa-card-line); box-shadow: var(--pa-elev); }
.pa-ft-where__k { font: 650 var(--pa-fs-xs)/1.2 var(--pa-font); letter-spacing: .14em; text-transform: uppercase; color: var(--pa-lit); }
.pa-ft-where__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 0 0 6px; padding: 0; list-style: none; }
.pa-ft-where__list li { display: grid; grid-template-columns: 30px minmax(0, 1fr); align-items: center; gap: 8px; padding: 8px 10px; border-radius: var(--pa-r-2); font-size: var(--pa-fs-xs); line-height: 1.3; font-weight: 600; }
.pa-ft-where__list svg { width: 30px; height: 30px; }
.pa-ft-where__list--ok li { color: var(--pa-text); background: rgba(60, 211, 238, .09); border: 1px solid rgba(60, 211, 238, .45); }
.pa-ft-where__list--ok svg { color: var(--pa-fx); }
.pa-ft-where__list--no li { color: var(--pa-text-2); border: 1px dashed var(--pa-line-strong); }
.pa-ft-where__list--no svg { color: var(--pa-text-3); }
.pa-ft-faq .pa-faq { border-top: 0; }
.pa-ft-faq .pa-faq__item { margin-bottom: 8px; padding: 0 18px; border: 1px solid var(--pa-card-line); border-radius: var(--pa-r-2); background: var(--pa-card-bg); }
.pa-ft-faq .pa-faq__item[open] { border-color: rgba(60, 211, 238, .4); }
@media (max-width: 599px) { .pa-ft-faq .pa-faq__q { font-size: var(--pa-fs-base); min-height: 52px; padding-block: 12px; } .pa-ft-faq .pa-faq__item { padding: 0 14px; margin-bottom: 6px; } }
@media (min-width: 600px) { .pa-ft-where { display: grid; } }
@media (min-width: 900px) { .pa-ft-faq__grid { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 56px; } .pa-ft-where__list li { grid-template-columns: 1fr; justify-items: start; padding: 12px; } .pa-ft-where__list svg { width: 40px; height: 40px; } .pa-ft-where__list--no { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

/* ---------------------------------------------------------------- 7 closer: the large prism, a 96 px H2, the extra-large button */
.pa-ft-closer { padding-block: clamp(28px, 4vw, 56px) clamp(52px, 8vw, 112px); background: radial-gradient(50% 60% at 50% 14%, rgba(60, 211, 238, .14), transparent 70%), radial-gradient(30% 40% at 50% 86%, rgba(62, 224, 127, .08), transparent 70%), var(--pa-ink-0); }
.pa-ft-closer .pa-closer__in { gap: 16px; }
.pa-ft-fan { position: relative; width: min(900px, 100%); margin-bottom: -4px; }
.pa-ft-fan__svg { display: block; width: 100%; height: auto; }
.pa-ft-fan__glass { position: absolute; left: 30%; top: 22.7%; width: 25%; height: auto; filter: drop-shadow(0 0 30px rgba(106, 162, 255, .5)); }
.pa-ft-closer .pa-h2 { max-width: 15ch; font-size: clamp(2.5rem, 1.05rem + 5.4vw, 6rem); letter-spacing: -.045em; line-height: .98; }
.pa-ft-closer__cta { display: grid; justify-items: center; gap: 12px; margin-top: 6px; width: 100%; }
.pa-ft-dl--xl { min-height: 72px; padding: 0 36px; font-size: 1.25rem; border-radius: 999px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .55), 0 0 0 1px rgba(62, 224, 127, .55), 0 26px 60px -18px rgba(62, 224, 127, .8), 0 0 0 8px rgba(62, 224, 127, .08), 0 0 90px -10px rgba(62, 224, 127, .5); }
.pa-ft-closer .pa-ft-get__file { max-width: 44ch; }
@media (max-width: 599px) { .pa-ft-dl--xl { width: 100%; } }
@media (min-width: 1024px) {
	.pa-ft-dl--xl { min-height: 96px; padding: 0 72px; font-size: 1.75rem; gap: 18px; }
	.pa-ft-closer .pa-ft-get__file { font-size: var(--pa-fs-sm); }
}

/* ---------------------------------------------------------------- phones: the same blocks, tighter, so the page stays at 8,500 px
   or less at 390 with the quick start stacked (each drawing beside its numeral, never a swipe deck) */
@media (max-width: 599px) {
	.pa-ft .pa-section { padding-block: 32px; }
	.pa-ft .pa-head { margin-bottom: 18px; gap: 10px; }
	.pa-ft-hero__grid { gap: 14px; }
	.pa-ft-phone { padding: 0; background: none; border: 0; }
	.pa-ft-need li { padding: 10px 12px; }
	/* quick start: the art at 180 px (its 17.5-unit labels draw at 13.1 px), the numeral beside it */
	.pa-ft-shead { gap: 12px; }
	.pa-ft-big__k { display: none; }
	.pa-ft-steps { gap: 10px; margin-top: 20px; }
	.pa-ft-step { gap: 8px 12px; padding: 14px; }
	.pa-ft-step__n { font-size: 4.75rem; }
	.pa-ft-step__art svg { width: 180px; max-width: 100%; }
	.pa-ft-step__h { font-size: 1.125rem; }
	.pa-ft-step p { margin-top: -2px !important; font-size: 14px; line-height: 1.45; }
	/* on your chart */
	.pa-ft-mt5 { padding-block: 16px; }
	.pa-ft-mt5__in { gap: 14px; }
	.pa-ft-call { gap: 8px; }
	.pa-ft-call li { display: block; position: relative; min-height: 28px; padding: 3px 0 0 40px; background: none; border: 0; -webkit-backdrop-filter: none; backdrop-filter: none; font-size: var(--pa-fs-sm); line-height: 1.45; }
	.pa-ft-call__n { position: absolute; left: 0; top: 0; width: 28px; height: 28px; font-size: .9375rem; }
	.pa-ft-call__k { font-size: var(--pa-fs-sm); }
	.pa-ft-call__k::after { content: ":"; }
	.pa-ft-conns { gap: 4px; margin-top: 6px; }
	.pa-ft-conn { min-height: 28px; }
	.pa-ft-conns__or { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
	.pa-ft-chart__note { margin-top: 14px !important; font-size: var(--pa-fs-sm); }
	/* after 7 days: the planner without its card, so the seven day chips get 44 px each at 360 */
	.pa-ft-jr { grid-template-columns: 22px minmax(0, 5.6fr) minmax(0, 2.4fr) 8px; margin-bottom: 18px; }
	.pa-ft-jr > li { grid-template-rows: auto 36px auto; row-gap: 6px; }
	.pa-ft-jr__k { letter-spacing: .04em; white-space: nowrap; }
	.pa-ft-bar__close { top: -4px; }
	.pa-ft-bar__close::after { display: none; }
	.pa-ft-plan { gap: 14px; padding: 0; background: none; border: 0; box-shadow: none; }
	.pa-ft-plan__chips { gap: 3px; }
	.pa-ft-plan__fig b { font-size: 4.5rem; }
	.pa-ft-bar { padding-top: 22px; }
	.pa-ft-bar__track { height: 44px; }
	.pa-ft-bar__seg { top: 7px; bottom: 7px; }
	.pa-ft-bar__days span { height: 66px; }
	.pa-ft-stages { gap: 10px; }
	.pa-ft-keep { gap: 14px; padding: 16px; }
	.pa-ft-keep__t { gap: 8px; }
	.pa-ft-keep__steps { gap: 8px; }
	.pa-ft-keep__steps li { grid-template-columns: 30px minmax(0, 1fr); gap: 10px; }
	.pa-ft-keep__steps span { width: 30px; height: 30px; font-size: .9375rem; }
	/* proof */
	.pa-ft-rec { gap: 16px; padding: 18px; }
	.pa-ft-rec__rows { gap: 8px; }
	.pa-ft-rec__row { gap: 6px; padding: 10px 12px; }
	.pa-ft-rec__lanes { width: 60px; height: 20px; }
	/* faq and closer */
	.pa-ft-faq__grid { gap: 16px; }
	.pa-ft-faq__head { gap: 10px; }
	.pa-ft-closer .pa-closer__in { gap: 12px; }
	.pa-ft-closer .pa-h2 { font-size: 2.375rem; }
	.pa-ft-dl--xl { min-height: 68px; }
}

/* ---------------------------------------------------------------- motion (once; off under reduced motion; failsafe at 3.6 s) */
@media (prefers-reduced-motion: no-preference) {
	/* the signature moment: the beam reaches the glass, the 28 lanes light one by one, the pairs come on, Gold and
	   Bitcoin stay dim and labeled, then the panel slice lights: Connected · analyzing markets, 7 days left; the 28
	   counts with the lanes (site.js trial module); the button catches the light once at the end */
	.pa-js .pa-sig .pa-ft-beam, .pa-js .pa-sig .pa-ft-lane { stroke-dasharray: 1; stroke-dashoffset: 1; }
	.pa-js .pa-sig :is(.pa-ft-glass, .pa-ft-glow, .pa-ft-dot, .pa-ft-pair, .pa-ft-st__off, .pa-ft-on, .pa-ft-st__leg) { opacity: 0; }
	.pa-js .pa-sig .pa-ft-on__cap i { transform: scaleX(0); }
	.pa-js .pa-sig:not(.pa-play) :is(.pa-ft-beam, .pa-ft-lane) { animation: pa-draw 0s 3.6s forwards; }
	.pa-js .pa-sig:not(.pa-play) :is(.pa-ft-glass, .pa-ft-glow, .pa-ft-dot, .pa-ft-pair, .pa-ft-st__off, .pa-ft-on, .pa-ft-st__leg) { animation: pa-show 0s 3.6s forwards; }
	.pa-js .pa-sig:not(.pa-play) .pa-ft-on__cap i { animation: pa-ft-fill 0s 3.6s forwards; }
	.pa-sig.pa-play .pa-ft-beam { animation: pa-draw .62s cubic-bezier(.5, 0, .3, 1) .15s forwards; }
	.pa-sig.pa-play .pa-ft-glass { animation: pa-show .45s ease-out .55s forwards; }
	.pa-sig.pa-play .pa-ft-glow { animation: pa-flash 1.4s ease-out .6s forwards; }
	.pa-sig.pa-play .pa-ft-lane { animation: pa-draw .55s var(--pa-ease) calc(.8s + var(--i) * 58ms) forwards; }
	.pa-sig.pa-play :is(.pa-ft-dot, .pa-ft-pair) { animation: pa-show .3s ease-out calc(1.2s + var(--i) * 58ms) forwards; }
	/* the hero's 28 comes on as site.js starts counting it (1.142 s, with the first lane's pair), so no giant "0 FOREX
	   PAIRS" waits on screen before the lanes (review of 4 Oct, F4); the 3.6 s failsafe shows the printed 28 */
	.pa-js .pa-sig .pa-ft-st__28 b { opacity: 0; }
	.pa-js .pa-sig:not(.pa-play) .pa-ft-st__28 b { animation: pa-show 0s 3.6s forwards; }
	.pa-sig.pa-play .pa-ft-st__28 b { animation: pa-show .2s ease-out 1.142s forwards; }
	.pa-sig.pa-play :is(.pa-ft-st__off, .pa-ft-st__leg) { animation: pa-show .7s ease-out 2.55s forwards; }
	.pa-sig.pa-play .pa-ft-on { animation: pa-show .5s ease-out 2.8s forwards; }
	.pa-sig.pa-play .pa-ft-on__conn i::after { animation: pa-ping 1.4s cubic-bezier(0, 0, .2, 1) 3s 1; }
	.pa-sig.pa-play .pa-ft-on__cap i { animation: pa-ft-fill .9s var(--pa-ease) 2.95s forwards; }
	.pa-sig.pa-play .pa-ft-dl::after { animation: pa-ft-sheen 1.1s ease-in-out 3.05s forwards; }
	/* the journey lights on scroll: set up, the seven days in order, the wind-down, the close, the way on */
	.pa-js .pa-ft-jr:not(.is-in) :is(.pa-ft-jr__d i, .pa-ft-jr__hatch, .pa-ft-jr__tick, .pa-ft-jr__arrow, .pa-ft-jr__plug) { opacity: 0; transform: scaleY(.25); }
	.pa-js .pa-ft-jr:not(.is-in) :is(.pa-ft-jr__hatch, .pa-ft-jr__arrow) { transform: scaleX(0); }
	.pa-js .pa-ft-jr :is(.pa-ft-jr__d i, .pa-ft-jr__hatch, .pa-ft-jr__tick, .pa-ft-jr__arrow, .pa-ft-jr__plug) { transition: opacity .45s var(--pa-ease) var(--pa-ft-d, 0s), transform .55s var(--pa-ease) var(--pa-ft-d, 0s); }
	.pa-ft-jr__plug { --pa-ft-d: .1s; }
	.pa-ft-jr__d i { --pa-ft-d: calc(.3s + var(--i) * 110ms); }
	.pa-ft-jr__hatch { --pa-ft-d: 1.15s; }
	.pa-ft-jr__tick { --pa-ft-d: 1.55s; }
	.pa-ft-jr__arrow { --pa-ft-d: 1.75s; }
	.pa-js:not(.pa-io) .pa-ft-jr:not(.is-in) :is(.pa-ft-jr__d i, .pa-ft-jr__hatch, .pa-ft-jr__tick, .pa-ft-jr__arrow, .pa-ft-jr__plug) { animation: pa-failsafe 0s 3s forwards; }
	/* the planner redraws when a day is chosen (user-driven, never on a timer) */
	.pa-ft-bar.is-drawn :is(.pa-ft-bar__seg--fx, .pa-ft-bar__seg--wd) { animation: pa-ft-grow .5s var(--pa-ease) both; }
	.pa-ft-bar.is-drawn .pa-ft-bar__seg--wd { animation-delay: .2s; }
	.pa-ft-bar.is-drawn :is(.pa-ft-bar__close, .pa-ft-bar__shut) { animation: pa-ft-in .3s ease .45s both; }
}
@keyframes pa-ft-fill { to { transform: none; } }
@keyframes pa-ft-sheen { to { transform: translateX(130%); } }
@keyframes pa-ft-grow { from { transform: scaleX(0); } to { transform: none; } }
@keyframes pa-ft-in { from { opacity: 0; } to { opacity: 1; } }
/* phones: the file-name line is cut, the "On your phone?" note says where to download (Jim, 5 Oct 2026: "far too much text") */
@media (max-width: 599px) { .pa-ft-get__file { display: none; } }