:root{
  --bg:#07090d;--bg2:#0b0f14;--panel:#11151b;--panel2:#151a21;
  --border:#1f252d;--border2:#2a323c;
  --text:#e8ebf0;--head:#f3f5f8;--muted:#8b95a3;--muted2:#9aa4b2;--soft:#b3bcc8;
  --entry:#2dd4bf;--entry-bg:rgba(45,212,191,.10);--entry-bd:rgba(45,212,191,.38);
  --exit:#f2b84b;--exit-bg:rgba(242,184,75,.10);--exit-bd:rgba(242,184,75,.38);
  --risk:#7dc3fa;--risk-bg:rgba(125,195,250,.10);--risk-bd:rgba(125,195,250,.38);
  --cta:#2563eb;--cta-hover:#1d4ed8;
  --font:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --max:1120px;--radius:12px;--radius-sm:8px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;font-size:1.0625rem;-webkit-text-size-adjust:100%}
a{color:inherit}
:focus-visible{outline:2px solid #cbd5e1;outline-offset:3px}
.skip{position:absolute;left:-999px;top:0;background:#fff;color:#000;padding:10px 14px;z-index:60}
.skip:focus{left:8px;top:8px}
.wrap{max-width:var(--max);margin:0 auto;padding:0 18px}
.narrow{max-width:760px;margin:0 auto}
section{padding:3.75rem 0;scroll-margin-top:84px}
.alt{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.elev{background:#0d1117;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.center{text-align:center}

.status-bar{background:#0d1117;border-bottom:1px solid var(--border);color:var(--muted);font-size:.75rem;text-align:center;padding:9px 14px;letter-spacing:.03em}
.status-bar strong{color:var(--soft);letter-spacing:.06em}
header.nav{position:sticky;top:0;z-index:50;background:rgba(7,9,13,.96);border-bottom:1px solid var(--border);backdrop-filter:blur(6px)}
.nav-in{display:flex;align-items:center;gap:12px;min-height:56px}
.brand{font-weight:700;font-size:1.1rem;letter-spacing:-.01em;text-decoration:none;flex:none;color:var(--head)}
nav{flex:1;min-width:0}
nav ul{list-style:none;display:flex;gap:4px 20px;overflow-x:auto;white-space:nowrap;font-size:.875rem;scrollbar-width:none}
nav ul::-webkit-scrollbar{display:none}
nav a{color:var(--muted);text-decoration:none;padding:16px 0;display:inline-block}
nav a:hover{color:var(--text)}
.nav-cta{flex:none;padding:9px 14px;min-height:40px;font-size:.875rem}
.nav-disc{border-top:1px solid var(--border);color:var(--muted);font-size:.75rem;text-align:center;padding:5px 12px}

.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 28px;border-radius:var(--radius-sm);font-size:1rem;font-weight:600;border:1px solid transparent;text-decoration:none;min-height:52px;text-align:center}
.btn-primary{background:var(--cta);color:#fff}
.btn-primary:hover{background:var(--cta-hover)}
.btn-block{width:100%}
.btn-pending{background:transparent;color:var(--muted);border:1px dashed var(--border2);font-weight:500;cursor:default}
.cta-row{margin-top:28px}
.micro{font-size:.8125rem;color:#9aa4b2;margin-top:12px}
.disc{font-size:.8125rem;color:var(--soft);margin-top:10px;line-height:1.45}
.statement .copy{max-width:36em;margin:0 auto}
.offer-bar .disc{font-size:.75rem;margin-top:8px;color:var(--soft)}

.pill{display:inline-block;padding:6px 14px;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.04em;border:1px solid var(--border2);color:var(--soft);background:var(--panel)}
.eyebrow{font-size:.8125rem;letter-spacing:.06em;color:var(--muted);font-weight:600;margin-bottom:12px}
h1{font-size:clamp(2.4rem,9vw,4.4rem);font-weight:800;letter-spacing:-.035em;line-height:1.05;margin:22px 0 0;color:var(--head)}
h1 .acc,h2 .acc{color:var(--muted)}
h2{font-size:clamp(1.8rem,5.6vw,2.8rem);font-weight:800;letter-spacing:-.03em;line-height:1.12;margin-bottom:18px;color:var(--head)}
h3{font-size:1.1rem;font-weight:700;line-height:1.3;color:var(--head)}
.lede{color:var(--muted);font-size:1.15rem;margin-top:18px}
.lede strong{color:var(--text)}
.copy{color:var(--muted)}
.copy p+p{margin-top:14px}
.copy strong{color:var(--text)}
.hl{color:var(--head);font-weight:700}
.fine{font-size:.875rem;color:#9aa4b2;margin-top:16px}

.hero{padding:2.75rem 0 3.5rem;background:radial-gradient(800px 320px at 50% -120px,rgba(255,255,255,.04),transparent 70%),var(--bg)}
.hero .lede{max-width:34em;margin-left:auto;margin-right:auto}
.offer-bar{display:grid;gap:1px;margin:34px auto 0;max-width:900px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;text-align:left}
.offer-bar>div{background:var(--bg2);padding:16px 18px;font-size:.9375rem;color:var(--muted)}
.offer-bar b{display:block;color:var(--head);font-size:.8125rem;letter-spacing:.04em;margin-bottom:3px}
.panel{margin:30px auto 0;max-width:900px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px;text-align:left}
.panel-head{display:flex;gap:8px;align-items:center;font-size:.75rem;color:var(--muted2);letter-spacing:.04em;margin-bottom:14px}
.dots{display:inline-flex;gap:6px}
.dots i{width:9px;height:9px;border-radius:50%;background:var(--border2)}
.panel-row{display:grid;gap:8px;padding:12px 0;border-top:1px solid var(--border)}
.panel-row h3{font-size:.8125rem;letter-spacing:.04em;color:var(--muted);font-weight:600}
.chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none}
.chip{display:inline-flex;padding:6px 12px;border-radius:999px;font-size:.8125rem;font-weight:500;background:var(--panel2);border:1px solid var(--border2);color:var(--soft)}

.grid{display:grid;gap:14px;margin-top:32px}
.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:24px}
.alt .card{background:var(--panel)}
.card h3{margin:14px 0 8px}
.card p{color:var(--muted);font-size:.9375rem}
.mono{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:9px;background:var(--abg,var(--panel2));border:1px solid var(--abd,var(--border2));color:var(--a,var(--soft));font-weight:700;font-size:.85rem}

.layer-card{display:flex;flex-direction:column}
.layer-card h3{font-size:1.45rem;margin:0 0 6px;letter-spacing:-.02em}
.layer-card .sub{color:var(--muted2);font-size:.875rem;margin-bottom:14px}
.layer-card.entry{border-color:var(--border2)}
.gloss{list-style:none;margin:16px 0;font-size:.9rem;color:var(--muted)}
.gloss li{padding:9px 0;border-top:1px solid var(--border)}
.gloss strong{color:var(--text)}
.foot-pill{margin-top:auto;display:flex;gap:10px;align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:10px 16px;font-size:.8125rem;color:var(--muted)}
.foot-pill i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--muted2)}


.steps{list-style:none;margin-top:32px;counter-reset:s}
.step{position:relative;display:grid;grid-template-columns:48px 1fr;gap:18px;padding-bottom:30px}
.step:last-child{padding-bottom:0}
.step::before{content:counter(s);counter-increment:s;width:48px;height:48px;border-radius:50%;background:var(--panel2);border:1px solid var(--border2);color:var(--head);font-weight:700;font-size:1.2rem;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}
.step::after{content:"";position:absolute;left:23px;top:48px;bottom:0;width:1px;background:var(--border2)}
.step:last-child::after{display:none}
.step h3{font-size:1.2rem;margin:2px 0 6px}
.step p{color:var(--muted);font-size:.9375rem}
.tbc{color:var(--soft);font-weight:600}

.cap{font-size:.8125rem;color:#9aa4b2;margin-top:8px}

.for-card ul{list-style:none;margin-top:12px}
.for-card li{position:relative;padding-left:20px;margin-bottom:12px;color:var(--muted);font-size:.9375rem}
.for-card li::before{content:"";position:absolute;left:0;top:.65em;width:6px;height:6px;border-radius:50%;background:var(--muted)}
.for-card.no li::before{background:transparent;border:1px solid var(--muted)}

.offer{background:var(--panel);border:1px solid var(--border2);border-radius:16px;padding:28px 20px}
.ref-line{display:inline-block;margin-top:18px;padding:10px 16px;border:1px dashed var(--border2);border-radius:var(--radius-sm);color:var(--muted);font-size:.9375rem}
.ref-line strong{color:var(--text)}
.conds{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;list-style:none;margin-top:22px}
.cond{display:inline-flex;gap:8px;align-items:center;padding:8px 14px;border-radius:999px;background:var(--bg);border:1px solid var(--border);font-size:.8125rem;color:var(--muted)}
.cond::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--muted2)}
.tbc-list{margin-top:28px;border:1px solid var(--border2);background:var(--panel);border-radius:var(--radius-sm);padding:16px 18px;font-size:.9rem;color:var(--soft)}
.tbc-list h3{color:var(--head);font-size:.9rem;margin-bottom:8px}
.tbc-list ul{list-style:none;display:grid;gap:5px}

.faq{margin-top:28px}
details{border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:10px;background:var(--panel)}
summary{padding:18px 20px;font-weight:600;font-size:1.0625rem;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:56px;color:var(--head)}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:var(--muted);font-weight:400;font-size:1.5rem;flex:none}
details[open] summary::after{content:"\2212"}
details[open]{border-color:var(--border2)}
details p{padding:0 20px 18px;color:var(--muted);font-size:.9375rem}

.risk{border:1px solid var(--border2);background:var(--panel);border-radius:var(--radius);padding:26px 22px}
.risk h2{font-size:clamp(1.5rem,4.5vw,2.1rem)}
.risk ul{list-style:none}
.risk li{position:relative;padding:0 0 12px 22px;color:var(--soft);font-size:.9375rem}
.risk li::before{content:"";position:absolute;left:0;top:.65em;width:6px;height:6px;border-radius:50%;background:var(--muted2)}
.risk p{color:var(--soft);font-size:.9375rem;margin-top:6px}

.final{background:var(--bg2)}
.final h2{max-width:14em;margin-left:auto;margin-right:auto}
footer{background:var(--bg);border-top:1px solid var(--border);padding:34px 0;font-size:.875rem;color:var(--muted)}
footer p+p{margin-top:8px}
footer .edu{color:var(--soft)}

.sticky-cta{position:sticky;bottom:0;z-index:55;background:rgba(7,9,13,.97);border-top:1px solid var(--border);padding:10px 14px;display:flex;gap:10px;align-items:center;justify-content:space-between}
.sticky-cta span{font-size:.75rem;color:var(--muted);line-height:1.3;flex:1}
.sticky-cta .btn{min-height:46px;padding:10px 20px;font-size:.9375rem;flex:none}


.usp-line{display:inline-block;margin:20px auto 0;padding:10px 20px;border:1px solid rgba(37,99,235,.7);border-radius:999px;background:rgba(37,99,235,.12);color:#cfe0ff;font-weight:700;font-size:1.05rem;letter-spacing:-.01em}
.usp-free{grid-column:1/-1;border:1px solid rgba(37,99,235,.65);border-top:2px solid var(--cta);background:linear-gradient(180deg,rgba(37,99,235,.14),transparent 140px),var(--panel)}
.usp-free .mono{background:rgba(37,99,235,.16);border-color:rgba(37,99,235,.6);color:#cfe0ff;width:auto;padding:0 12px;letter-spacing:.04em}
.usp-free h3{font-size:1.5rem;letter-spacing:-.02em}
.usp-free p{font-size:1rem}
.usp-free .cta-row{margin-top:20px}
.sub-h{font-size:1.4rem;margin:44px 0 0;letter-spacing:-.02em}
.grid-tight{margin-top:18px}
.usp-mini{border-color:rgba(37,99,235,.55)}
.usp-mini .mono{background:rgba(37,99,235,.16);border-color:rgba(37,99,235,.6);color:#cfe0ff}
/* r23.30: USP card 13 spans its row (13 cards, balanced at 3/2/1 columns); 12 optional MT4 pop-up alert names as a 2/3-column list */
.usp-wide{grid-column:1/-1}
.alert-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:22px 0 0;padding:0}
.alert-list .chip{display:flex;align-items:center;border-radius:12px;padding:10px 14px;font-size:.9375rem;color:var(--text)}
@media (min-width:900px){.alert-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
.optin{max-width:640px;margin:0 auto;background:var(--panel);border:1px solid rgba(37,99,235,.55);border-top:2px solid var(--cta);border-radius:16px;padding:26px 20px}
.optin label{display:block;font-size:.875rem;font-weight:600;color:var(--head);margin:14px 0 6px}
.optin input{width:100%;min-height:52px;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--border2);background:var(--bg);color:var(--text);font:inherit}
.optin input::placeholder{color:#9aa4b2}
.optin input:focus{border-color:#7da7ff}
.optin .btn{margin-top:20px}
.optin .consent{font-size:.8125rem;color:#9aa4b2;margin-top:12px}
/* layer accents: teal = Entry, amber = Exit, cool blue = Risk. Labels only; no result meaning. */
.t-entry{--a:var(--entry);--abg:var(--entry-bg);--abd:var(--entry-bd)}
.t-exit{--a:var(--exit);--abg:var(--exit-bg);--abd:var(--exit-bd)}
.t-risk{--a:var(--risk);--abg:var(--risk-bg);--abd:var(--risk-bd)}
.panel-row.t-entry h3,.panel-row.t-exit h3,.panel-row.t-risk h3{color:var(--a);font-weight:700}
.panel-row .chip{background:var(--abg);border-color:var(--abd);color:var(--a)}
.layer-card{border-top:2px solid var(--abd);background:linear-gradient(180deg,var(--abg),transparent 120px),var(--panel)}
.layer-card.entry{border-color:var(--border2);border-top-color:var(--a)}
.layer-card.t-exit,.layer-card.t-risk{border-top-color:var(--a)}
.layer-card h3{color:var(--a)}
.layer-card .gloss strong{color:var(--head)}
.layer-card .foot-pill{border-color:var(--abd)}
.layer-card .foot-pill i{background:var(--a)}
.card.t-entry,.card.t-exit,.card.t-risk{border-top:2px solid var(--abd)}
.eyebrow{color:#8fb4ff}
.hero{background:radial-gradient(760px 300px at 50% -120px,rgba(37,99,235,.16),transparent 70%),radial-gradient(500px 200px at 15% 0,rgba(45,212,191,.05),transparent 70%),var(--bg)}
h1 .acc,h2 .acc{background:linear-gradient(90deg,#9fc3ff,#7dd3fc 55%,#5eead4);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.cond::before{background:var(--risk)}
.risk{border-top:2px solid var(--risk-bd)}
.offer{border-top:2px solid rgba(37,99,235,.7)}

@media (min-width:640px){
  .wrap{padding:0 24px}
  .offer-bar{grid-template-columns:repeat(3,1fr)}
  .grid.c2,.grid.c3{grid-template-columns:repeat(2,1fr)}
  .offer{padding:44px 40px}
  .btn-block{width:auto;min-width:300px}
}
@media (min-width:900px){
  .sticky-cta{display:none}
  section{padding:6rem 0}
  .hero{padding:4.75rem 0 5.5rem}
  .grid.c3{grid-template-columns:repeat(3,1fr)}
  .grid.c2{grid-template-columns:repeat(2,1fr)}
  .panel-row{grid-template-columns:150px 1fr;align-items:center}
  .card{padding:28px}
  .risk{padding:36px}
  .nav-cta{padding:10px 20px}
}
@media (max-width:420px){
  .nav-in{flex-wrap:wrap;padding:8px 0 0}
  nav{order:3;flex-basis:100%}
  nav a{padding:10px 0}
}

figure.shot{margin:0;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}
figure.shot img{display:block;width:100%;height:auto;background:#000}
figure.shot figcaption{padding:12px 14px;font-size:.8125rem;color:var(--soft);line-height:1.45}
figure.shot figcaption b{display:block;color:var(--head);font-size:.875rem;margin-bottom:4px}
.shots{display:grid;gap:16px;margin-top:30px}
@media (min-width:900px){.shots{grid-template-columns:repeat(2,1fr)}}
table.t{width:100%;border-collapse:collapse;margin-top:18px;font-size:.9rem}
table.t th,table.t td{border-top:1px solid var(--border);padding:10px 8px;text-align:left;vertical-align:top;color:var(--muted)}
table.t th{color:var(--head);font-weight:700}
table.t td b{color:var(--text)}
.callout{margin-top:22px;border:1px solid var(--border2);border-left:3px solid var(--risk);background:var(--panel);border-radius:var(--radius-sm);padding:16px 18px;color:var(--soft);font-size:.9375rem}
.callout h3{margin-bottom:6px}
.copy ol,.copy ul.ul{margin:12px 0 0 22px}
.copy li{margin-bottom:6px}
nav a[aria-current]{color:var(--head)}
button[disabled]{opacity:.6;cursor:not-allowed}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.ty-badge{display:inline-flex;align-items:center;gap:8px}
.ty-badge::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--entry)}
.dl-box{max-width:760px;margin:0 auto;background:var(--panel);border:1px solid rgba(37,99,235,.55);border-top:2px solid var(--cta);border-radius:16px;padding:28px 20px;text-align:center}
.two{display:grid;gap:14px;margin-top:30px}
.pt{font-size:.875rem;color:var(--soft);margin-top:10px}
@media (min-width:900px){.two{grid-template-columns:repeat(2,1fr)}.dl-box{padding:44px 40px}}

/* HYPE */
h1{font-size:clamp(2.9rem,11vw,5.8rem);font-weight:900;letter-spacing:-.045em}
h2{font-weight:900}
.free{background:linear-gradient(90deg,#60a5fa,#5eead4);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-weight:900}
.usp-line{font-size:1.25rem;padding:12px 26px}
.pill-hype{border-color:rgba(37,99,235,.7);color:#cfe0ff;background:rgba(37,99,235,.15);letter-spacing:.08em}
.hype-sub{color:var(--soft);font-size:1.15rem;font-weight:600;margin:-6px 0 18px}
section+section{border-top:1px solid var(--border2)}
.hype-sep{position:relative}
.hype-sep::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,transparent,#2563eb,#2dd4bf,#f2b84b,transparent)}
.stack{list-style:none;margin-top:22px;border:1px solid rgba(37,99,235,.55);border-radius:16px;overflow:hidden}
.stack li{display:grid;gap:2px;padding:16px 20px 16px 52px;position:relative;background:var(--panel);border-top:1px solid var(--border)}
.stack li:first-child{border-top:0}
.stack li::before{content:"✓";position:absolute;left:18px;top:15px;color:#5eead4;font-weight:900}
.stack b{color:var(--head);font-size:1.05rem}
.stack span{color:var(--muted);font-size:.9375rem}
.btn-primary{font-weight:800;letter-spacing:.01em;box-shadow:0 0 0 1px rgba(96,165,250,.35),0 8px 28px rgba(37,99,235,.35)}
.final h2{font-size:clamp(2.2rem,7vw,3.6rem)}

.hero-h1{font-size:clamp(2.4rem,8.6vw,5.2rem);line-height:1.04;max-width:13em;margin-left:auto;margin-right:auto}
.hero-h1 .free{text-shadow:none;filter:drop-shadow(0 0 18px rgba(94,234,212,.35))}
.nowrap{white-space:nowrap}

/* VIDEO */
.vid{margin:26px auto 0;max-width:980px;background:#0d1117;border:1px solid var(--border2);border-radius:16px;padding:10px;box-shadow:0 0 0 1px rgba(37,99,235,.18),0 18px 50px rgba(0,0,0,.45)}
.vid video{display:block;width:100%;height:auto;border-radius:10px;background:#000}
.vid-vert{display:none !important;max-width:420px;margin:0 auto}
@media (max-width:640px){.vid-land{display:none !important}.vid-vert{display:block !important}}
.vid figcaption{padding:12px 6px 4px;font-size:.8125rem;line-height:1.5;color:var(--soft)}
.vid .vid-cap,.vid .vid-risk{display:block}
.vid .vid-risk{margin-top:6px;color:var(--muted)}

/* LOGO: outlined Inter 850 wordmark, gradient #8ac5fb to #70e3d0 */
.brand{display:inline-flex;align-items:center;line-height:0}
.wm{display:block;height:24px;width:auto}
.foot-brand{margin-bottom:12px}
.foot-brand .wm{height:28px}
@media (max-width:420px){.brand .wm{height:20px}}
@media (max-width:420px){.nav-in{padding:8px 18px 0}}

/* ZOOMED CHART CARDS: wide cards span both columns on desktop */
@media (min-width:900px){figure.shot.wide{grid-column:1/-1;max-width:1040px;width:100%;justify-self:center}}

.mono.mono-wide{width:auto;padding:0 12px;white-space:nowrap}

/* VIDEO ROW: EURUSD + GBPUSD cards under the main video */
.vid-row{display:grid;gap:16px;max-width:980px;margin:16px auto 0}
.vid-card{margin:0;padding:10px}
.vid-title{font-size:1rem;color:var(--head);margin:4px 4px 10px;letter-spacing:.01em}
@media (min-width:641px){.vid-row{grid-template-columns:1fr 1fr}}

/* HOW-TO VIDEO GRID */
.vid-label{max-width:980px;margin:34px auto 0;font-size:1.05rem;color:var(--head);letter-spacing:.02em}
.vid-grid{margin-top:12px}

/* WAYS TO EXIT + MORE EXIT LINK (r5) */
.wte-intro{color:var(--muted,#9aa4b2);margin:6px auto 0;max-width:640px}
.more-link{margin:18px 0 0;font-size:.95rem}
.more-link a{color:#70e3d0;text-decoration:underline;text-underline-offset:3px}

/* CHART LINES ROW (r6): pink/magenta accent, matches Pink Resistance */
:root{--line:#f472b6;--line-bg:rgba(244,114,182,.10);--line-bd:rgba(244,114,182,.38)}
.t-line{--a:var(--line);--abg:var(--line-bg);--abd:var(--line-bd)}
.panel-row.t-line h3{color:var(--a);font-weight:700}

/* PRICE CARD (r7): replaces the old reference-price line; no button or link */
.price-card{display:block;max-width:440px;margin:20px auto 0;padding:16px 20px;text-align:left;border:1px solid var(--border2);border-top:2px solid var(--risk-bd);border-radius:var(--radius);background:linear-gradient(180deg,var(--risk-bg),transparent 90px),var(--panel)}
.price-card h3{font-size:.8125rem;letter-spacing:.04em;color:var(--risk);font-weight:700;margin:0}
.price-card .price{font-size:1.5rem;font-weight:800;color:var(--head);margin:4px 0 6px}
.price-card .price-body{color:var(--muted);font-size:.9375rem;margin:0}
/* r13 opt-in: country select + consent checkbox */
.optin select{width:100%;min-height:52px;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--border2);background:var(--bg);color:var(--text);font:inherit}
.optin select:focus{border-color:#7da7ff}
.optin label.check{display:flex;gap:10px;align-items:flex-start;font-weight:500;color:var(--text);margin:18px 0 0;line-height:1.45}
.optin label.check input{width:20px;min-height:20px;height:20px;margin:2px 0 0;flex:0 0 20px;accent-color:#2563eb}
/* r23.3 thank-you setup form: success/error notes shown via #setup-sent / #setup-error (no script), honeypot hidden */
.optin.setup h4{font-size:1.2rem;color:var(--head);margin:0}
.optin.setup{margin-top:20px}
/* r23.3 thank-you layout: check mark, 3-step tracker, step cards with big numbers, recap strip */
.ty-check{width:64px;height:64px;margin:0 auto 14px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;color:#07090d;background:linear-gradient(135deg,#7da7ff,#2dd4bf);box-shadow:0 0 0 8px rgba(45,212,191,.12)}
.tracker{list-style:none;display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:26px auto 0;padding:0;max-width:640px}
.tracker li{flex:1 1 0;min-width:0}
.tracker a{display:flex;gap:8px;align-items:center;justify-content:center;padding:10px 8px;border:1px solid var(--border2);border-radius:999px;font-size:.8125rem;color:var(--text);text-decoration:none;white-space:nowrap}
.tracker b{display:inline-flex;width:22px;height:22px;border-radius:50%;align-items:center;justify-content:center;background:var(--cta);color:#fff;font-size:.75rem;flex:none}
.step-card{position:relative;max-width:760px;margin:22px auto 0;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:26px 20px}
.step-no{display:block;font-size:3rem;line-height:1;font-weight:800;background:linear-gradient(135deg,#7da7ff,#2dd4bf);-webkit-background-clip:text;background-clip:text;color:transparent}
.step-tag{margin:6px 0 0;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:#9aa4b2}
.step-card h3{margin:4px 0 10px;font-size:1.35rem;color:var(--head)}
.sub{margin:0 0 12px;padding-left:1.4em}
.sub li{margin:6px 0}
.recap{max-width:760px;margin:22px auto 0;text-align:center;border:1px solid rgba(37,99,235,.55);border-radius:16px;padding:20px}
.recap-h{font-size:1.15rem;font-weight:700;color:var(--head);margin:0 0 6px}
@media (max-width:420px){.tracker a{font-size:.75rem;padding:8px 6px}}
.form-msg{display:none;margin:12px 0 0;padding:12px 14px;border-radius:var(--radius-sm);font-weight:600}
.form-msg:target{display:block}
.form-msg.ok{border:1px solid rgba(45,212,191,.55);color:var(--head)}
.form-msg.err{border:1px solid rgba(248,113,113,.6);color:var(--head)}
.form-subject{margin:14px 0 0;font-size:.875rem;color:#9aa4b2}
.optin input[type=file]{min-height:auto;padding:10px}
.hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
/* r23.3: anchor jumps (#sent, #setup-error, #send-screenshot, #step-N) stop below the sticky header */
.form-msg,#send-screenshot,.step-card{scroll-margin-top:170px}
@media (min-width:900px){.form-msg,#send-screenshot,.step-card{scroll-margin-top:96px}}
/* r23.5 /start: WhatsApp help (Tim 17:47/17:48), two paths (Tim 17:49/17:51). Existing variables and gradient only; no external assets, no script. */
.btn-ghost{background:transparent;color:var(--head);border:1px solid var(--border2)}
.btn-wa{background:#25D366;color:#07140c;font-weight:800;gap:10px}
.btn-wa .wa-ico{width:22px;height:22px}
#wa-help{max-width:760px;margin:22px auto 0}   /* r23.8: the card moved into the form section, directly before .recap */
.wa-card{border:1px solid var(--entry-bd);background:var(--entry-bg);border-radius:16px;padding:22px 20px;text-align:center}
.wa-card h2{font-size:1.5rem;margin:0 0 8px;color:var(--head)}
.wa-card .copy{margin:0 auto 16px;max-width:34em}
.wa-inline{margin:18px 0 0;display:flex;flex-wrap:wrap;gap:10px;align-items:center;color:var(--soft);font-size:.95rem}
/* floating WhatsApp button: CSS-only sticky rails at the end of two zones (hero to paths; download to support). It scrolls away while the form section is on screen, so it never covers the fields, the submit button or #sent / #setup-error. */
:root{--bar-h:0px}
@media (max-width:899px){:root{--bar-h:84px}}
@media (max-width:599px){:root{--bar-h:106px}}   /* r23.12: stacked sticky bar measured 105px at 320 and 390 (74px at 600-899, covered by the 84px rule above); r23.11 had 116px at 374 and under */
.wa-zone{position:relative}
.wa-rail{position:sticky;bottom:calc(var(--bar-h) + 14px);height:0;z-index:50;display:flex;justify-content:flex-end;padding:0 14px;pointer-events:none}
.wa-fab{pointer-events:auto;transform:translateY(-100%);display:inline-flex;align-items:center;gap:10px;height:56px;min-width:56px;padding:0 14px;border-radius:28px;background:#25D366;color:#07140c;text-decoration:none;font-weight:800;box-shadow:0 6px 22px rgba(0,0,0,.45)}
.wa-fab .wa-ico{width:28px;height:28px;flex:none}
.wa-fab-label{display:none;font-size:.95rem}
@media (min-width:900px){.wa-fab-label{display:inline}.wa-fab{padding:0 18px 0 14px}}
.wa-zone #steps{padding-bottom:3rem}   /* r23.6 FC W-27d: /start only (access has its own #steps) */
#setup-step{padding-top:0;border-top:0}
.wa-zone-b>section:first-child{border-top:1px solid var(--border2)}
/* progress strip */
.progress{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 4px;margin:18px auto 22px;padding:0;max-width:760px;font-size:.85rem;color:var(--soft)}
.progress li{display:flex;align-items:center;gap:6px}
.progress li+li::before{content:"\2192";color:var(--muted);margin:0 4px}
@media (max-width:599px){.progress{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px;max-width:340px;padding-right:0}.progress li+li::before{content:none}}
.progress b{display:inline-flex;width:22px;height:22px;border-radius:50%;align-items:center;justify-content:center;font-size:.75rem;color:#07090d;background:linear-gradient(135deg,#7da7ff,#2dd4bf)}
/* path cards (details/summary; Path A open by default) */
.path{max-width:760px;margin:14px auto 0;background:var(--panel);border:1px solid var(--border);border-radius:16px}
.path[open]{border-color:var(--entry-bd)}
.path summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:18px 20px;border-radius:16px}
.path summary::-webkit-details-marker{display:none}
.path summary::after{content:"+";grid-row:1 / span 3;grid-column:2;align-self:center;font-size:1.6rem;font-weight:700;color:var(--muted)}
.path[open] summary::after{content:"\2212"}
.path-tag{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--entry);font-weight:700}
.path-h{font-size:1.35rem;font-weight:800;color:var(--head)}
.path-sub{font-size:.9rem;color:var(--muted)}
.steps-list{list-style:none;counter-reset:st;margin:0;padding:4px 20px 6px}
.steps-list li{counter-increment:st;position:relative;padding:14px 0 16px 58px;border-top:1px solid var(--border);scroll-margin-top:170px}
.steps-list li::before{content:counter(st);position:absolute;left:0;top:12px;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem;color:#07090d;background:linear-gradient(135deg,#7da7ff,#2dd4bf)}
.steps-list .st{font-weight:800;color:var(--head);font-size:1.05rem;margin:0}
.steps-list .sd{color:var(--soft);margin:2px 0 0}
.steps-list .btn{margin-top:12px;min-height:46px;padding:10px 20px}
.steps-list .micro{margin-top:6px}
.path .stuck{padding:0 20px 18px;margin:0}
.path-notes{max-width:760px;margin:22px auto 0;padding:0 4px}
.path-notes h3{font-size:1.1rem;color:var(--head);margin-bottom:8px}
.path-notes ul{padding-left:1.2em;color:var(--soft);font-size:.95rem}
.path-notes li+li{margin-top:6px}
.form-card .step-tag{color:var(--entry)}
@media (max-width:359px){.steps-list{padding:4px 14px 6px}.steps-list li{padding-left:52px}.steps-list li::before{width:38px;height:38px;font-size:1.05rem}.path summary{padding:16px 14px}}
@media (min-width:900px){.steps-list li{scroll-margin-top:96px}}
.nw{white-space:nowrap} /* r23.8: keeps "$100 USD+" on one line in the /start strip at 320px */
@media (max-width:374px){.progress{grid-template-columns:auto auto;justify-content:center;gap:8px;font-size:.8rem}.progress li{white-space:nowrap}} /* r23.8: with "$100 USD+" the 320px strip keeps every item on one line */
/* r23.9: "Why We Chose XM" section (/start and access): 2-column card grid, 1 column under 600px, inline SVG icons */
.trust .trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:960px;margin:22px auto 0}
.trust-card{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--border2);border-radius:16px;padding:18px;background:var(--panel);text-align:left}
.trust-card:last-child:nth-child(odd){grid-column:1/-1}
.trust-card h3{font-size:1.05rem;margin:0 0 6px}
.trust-card p{margin:0;color:var(--soft);font-size:.95rem;line-height:1.55}
.trust-ico{flex:0 0 40px;width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:#2dd4bf;background:rgba(45,212,191,.1);border:1px solid rgba(45,212,191,.3)}
.trust-list{margin:0;padding-left:1.1em;color:var(--soft);font-size:.95rem;line-height:1.55}
.trust-list li+li{margin-top:4px}
.trust-card a,.trust-foot a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.trust-foot{max-width:960px;margin:18px auto 0}
.trust-foot .micro{margin:6px 0 0}
@media (max-width:599px){.trust .trust-grid{grid-template-columns:1fr}.trust-card{padding:16px;gap:12px}}
/* ===== sn-hero-loop: framed looping chart clip (r23.9: /start hero and index, Tim 18:52) ===== */
.sn-loop{--sn-a:#2dd4bf;--sn-b:#3b82f6;--sn-c:#7da7ff;position:relative;max-width:900px;margin:26px auto 4px;padding:2px;border-radius:16px;
  background:linear-gradient(115deg,var(--sn-a),var(--sn-b),var(--sn-c),var(--sn-a),var(--sn-b));background-size:300% 300%;
  animation:snLoopGrad 9s linear infinite;
  box-shadow:0 0 0 1px rgba(45,212,191,.10),0 10px 40px -8px rgba(37,99,235,.45),0 0 34px rgba(45,212,191,.20),0 0 80px rgba(59,130,246,.12)}
.sn-loop::before{content:"";position:absolute;inset:-14px;border-radius:28px;z-index:-1;pointer-events:none;
  background:radial-gradient(60% 60% at 50% 50%,rgba(45,212,191,.16),rgba(37,99,235,.08) 55%,transparent 75%);filter:blur(10px)}
.sn-loop-in{border-radius:14px;overflow:hidden;background:#05070a}
.sn-loop-bar{display:flex;align-items:center;gap:10px;height:34px;padding:0 14px;background:linear-gradient(180deg,#171c24,#10141a);border-bottom:1px solid rgba(125,195,250,.14);
  font-size:.72rem;letter-spacing:.06em;color:var(--muted2);text-align:left}
.sn-loop-bar .sn-dots{display:inline-flex;gap:6px;flex:none}
.sn-loop-bar .sn-dots i{width:10px;height:10px;border-radius:50%;background:#ef6b6b;opacity:.85}
.sn-loop-bar .sn-dots i:nth-child(2){background:#f2b84b}
.sn-loop-bar .sn-dots i:nth-child(3){background:#2dd4bf}
.sn-loop-bar .sn-t{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sn-loop-bar .sn-live{flex:none;display:inline-flex;align-items:center;gap:6px;color:var(--entry);font-weight:600}
.sn-loop-bar .sn-live::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--entry);box-shadow:0 0 8px var(--entry)}
.sn-loop video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#05070a}
@keyframes snLoopGrad{0%{background-position:0% 50%}100%{background-position:300% 50%}}
@media (max-width:599px){
  .sn-loop{margin:22px auto 2px;border-radius:14px}
  .sn-loop-in{border-radius:12px}
  .sn-loop video{aspect-ratio:720/920}
  .sn-loop-bar{height:30px;font-size:.68rem}
  .sn-loop-bar .sn-x{display:none}
}
@media (prefers-reduced-motion:reduce){
  .sn-loop{animation:none;background-position:0% 50%}
}
/* r23.11 (Tim 19:21): Why XM redesign, wx.css from /workspace/sn-whyxm-preview/ */
/* ===== r23.x PREVIEW: "Why We Chose XM" impressive redesign (Tim 19:14). Scoped to .wx; layers on top of the r23.9 .trust rules. CSS-only. ===== */
.wx{--wx-a:#2dd4bf;--wx-b:#3b82f6;--wx-c:#7dd3fc;position:relative;overflow:hidden;isolation:isolate}
.wx::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(55% 40% at 50% 0%,rgba(45,212,191,.13),transparent 70%),radial-gradient(45% 35% at 85% 60%,rgba(59,130,246,.10),transparent 70%),radial-gradient(40% 30% at 10% 85%,rgba(45,212,191,.07),transparent 70%)}
.wx-defs{position:absolute;width:0;height:0;overflow:hidden}
.wx .wx-title{font-size:clamp(2.1rem,6.4vw,3.4rem);margin-bottom:26px}
.wx .wx-title .acc{background:linear-gradient(90deg,#5eead4,#7dd3fc 50%,#3b82f6);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 18px rgba(45,212,191,.35))}
.wx-grad{background:linear-gradient(90deg,#5eead4,#7dd3fc 55%,#60a5fa);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.wx-badge{flex:0 0 44px;width:44px;height:44px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;color:#5eead4;
  background:linear-gradient(145deg,rgba(45,212,191,.20),rgba(59,130,246,.14));border:1px solid rgba(94,234,212,.38);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 18px rgba(45,212,191,.18)}
.wx-badge-lg{flex-basis:60px;width:60px;height:60px;border-radius:16px}
/* banner: Tim's first-party line, animated gradient border like the hero clip frame */
.wx-banner{max-width:960px;margin:0 auto;padding:2px;border-radius:20px;
  background:linear-gradient(115deg,var(--wx-a),var(--wx-b),var(--wx-c),var(--wx-a),var(--wx-b));background-size:300% 300%;animation:snLoopGrad 9s linear infinite;
  box-shadow:0 10px 40px -10px rgba(37,99,235,.5),0 0 34px rgba(45,212,191,.18)}
.wx-banner-in{display:flex;align-items:center;gap:20px;padding:24px 28px;border-radius:18px;text-align:left;
  background:linear-gradient(135deg,rgba(17,24,32,.96),rgba(10,14,20,.97))}
.wx-banner h3{font-size:clamp(1.35rem,3.4vw,1.9rem);font-weight:900;letter-spacing:-.02em;margin:0 0 6px;color:var(--head)}
.wx-banner p{margin:0;color:var(--soft);font-size:1.02rem}
/* stat strip: XM's own figures */
.wx-stats{max-width:960px;margin:18px auto 0;border:1px solid rgba(125,195,250,.18);border-radius:18px;padding:22px 18px 16px;
  background:linear-gradient(180deg,rgba(21,26,33,.78),rgba(13,17,23,.78));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.wx-stat-row{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1.35fr repeat(4,1fr)}
.wx-stat-row li{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:4px 8px;min-width:0}
.wx-stat-row li+li{border-left:1px solid rgba(125,195,250,.14)}
.wx-n{font-size:clamp(1.9rem,4.4vw,2.9rem);font-weight:900;letter-spacing:-.03em;line-height:1.05;white-space:nowrap;
  background:linear-gradient(180deg,#e6fffb 0%,#5eead4 45%,#3b82f6 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.wx-n small{font-size:.42em;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin-right:.12em}
.wx-l{margin-top:4px;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted2)}
.wx-src{margin:16px 0 0;font-size:.8rem;line-height:1.5;color:#9aa4b2;text-align:center}
.wx-src a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.wx-pill{display:inline-block;margin-right:6px;padding:1px 8px;border-radius:999px;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#5eead4;border:1px solid rgba(94,234,212,.4);background:rgba(45,212,191,.08);vertical-align:1px}
/* awards row */
.wx-awards{max-width:960px;margin:18px auto 0;border:1px solid rgba(242,184,75,.22);border-radius:18px;padding:20px;
  background:radial-gradient(70% 90% at 50% 0%,rgba(242,184,75,.07),transparent 70%),linear-gradient(180deg,rgba(21,26,33,.8),rgba(13,17,23,.8))}
.wx-awards-head{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:14px}
.wx-awards-head h3{margin:0;font-size:1.25rem;color:var(--head)}
.wx-awards-head .wx-badge{color:#f2b84b;background:linear-gradient(145deg,rgba(242,184,75,.2),rgba(242,184,75,.06));border-color:rgba(242,184,75,.4);box-shadow:0 0 18px rgba(242,184,75,.16)}
.wx-award-row{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.wx-award{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:16px 14px;border-radius:14px;border:1px solid var(--border2);background:rgba(7,9,13,.55);
  transition:border-color .25s,box-shadow .25s,transform .25s}
.wx-award a{color:var(--text);font-weight:700;font-size:.95rem;line-height:1.4;text-decoration:underline;text-decoration-color:rgba(125,195,250,.45);text-underline-offset:3px}
.wx-laurel{position:relative;display:inline-flex;align-items:center;justify-content:center;width:84px;height:84px}
.wx-laurel-svg{position:absolute;inset:2px;width:80px;height:80px;filter:drop-shadow(0 0 8px rgba(242,184,75,.35))}
.wx-laurel b{position:relative;font-size:.95rem;font-weight:900;letter-spacing:.02em;color:#fff7e0;text-shadow:0 0 10px rgba(242,184,75,.45)}
/* glass cards */
.wx .wx-grid{margin-top:18px}
.wx .wx-card{background:linear-gradient(160deg,rgba(23,29,37,.82),rgba(13,17,23,.82));border:1px solid rgba(125,195,250,.14);border-radius:18px;padding:20px;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:border-color .25s,box-shadow .25s,transform .25s}
.wx .wx-card h3{font-size:1.1rem;color:var(--head)}
.wx .wx-card .trust-ico{border-radius:13px}
@media (hover:hover){
  .wx .wx-card:hover,.wx-award:hover{border-color:rgba(94,234,212,.5);box-shadow:0 0 0 1px rgba(94,234,212,.18),0 10px 34px -12px rgba(37,99,235,.55),0 0 26px rgba(45,212,191,.16);transform:translateY(-2px)}
}
.wx-foot{border-top:1px solid rgba(125,195,250,.12);padding-top:12px;margin-top:20px}
/* mobile */
@media (max-width:719px){
  .wx-stat-row{grid-template-columns:1fr 1fr;row-gap:16px}
  .wx-stat-row li:first-child{grid-column:1/-1;padding-bottom:14px;border-bottom:1px solid rgba(125,195,250,.14)}
  .wx-stat-row li+li{border-left:0}
  .wx-stat-row li:nth-child(3),.wx-stat-row li:nth-child(5){border-left:1px solid rgba(125,195,250,.14)}
  .wx-award-row{grid-template-columns:1fr}
  .wx-award{flex-direction:row;text-align:left;gap:12px;padding:12px}
  .wx-laurel{flex:0 0 68px;width:68px;height:68px}
  .wx-laurel-svg{inset:0;width:68px;height:68px}
  .wx-laurel b{font-size:.8rem}
}
@media (max-width:599px){
  .wx-banner-in{flex-direction:column;align-items:flex-start;gap:14px;padding:20px}
  .wx-awards{padding:16px 14px}
  .wx-stats{padding:18px 10px 14px}
  .wx .wx-card{padding:16px}
}
@media (max-width:374px){
  .wx .wx-title{font-size:1.85rem}
  .wx-n{font-size:1.7rem}
  .wx-l{font-size:.68rem;letter-spacing:.08em}
  .wx-banner-in{padding:18px 16px}
}
@media (prefers-reduced-motion:reduce){
  .wx-banner{animation:none;background-size:100% 100%}
  .wx .wx-card,.wx-award{transition:none}
  .wx .wx-card:hover,.wx-award:hover{transform:none}
}
/* r23.12 (Tim 19:32/19:33): the hero-loop frame on every video. The frame owns border/glow; the old .vid box is removed where a frame sits inside it */
.vid.has-frame{background:none;border:0;padding:0;box-shadow:none}
.sn-frame{margin:0 0 4px;max-width:none}
.sn-frame video{aspect-ratio:auto;object-fit:contain;border-radius:0;background:#05070a}
.vid-card.has-frame .vid-title{margin-bottom:10px}
/* r23.12: "Deposit More, Get More From XM" box (/start and access) */
.xb{padding-top:2.5rem;padding-bottom:0}
.xb-card{border:1px solid rgba(45,212,191,.45);border-top:2px solid var(--entry);border-radius:16px;padding:22px;background:linear-gradient(180deg,rgba(45,212,191,.08),transparent 160px),var(--panel)}
.xb-card h2{font-size:clamp(1.35rem,4.5vw,1.8rem);margin:0 0 6px}
.xb-sub{color:var(--soft);margin:0 0 14px}
.xb-src{font-size:.85rem;color:var(--muted2);margin:0 0 6px}
.xb-quote{margin:0 0 16px;padding:12px 14px;border-left:3px solid var(--entry);background:rgba(255,255,255,.03);border-radius:0 10px 10px 0;color:var(--soft);font-size:.95rem;line-height:1.55}
.xb-list{margin:0;padding-left:1.15em;color:var(--soft);font-size:.95rem;line-height:1.55}
.xb-list li+li{margin-top:8px}
.xb-list a{color:inherit;text-decoration:underline;text-underline-offset:2px}
@media (max-width:599px){.xb-card{padding:18px}}
/* r23.12 (Tim 19:34/19:35): every primary CTA keeps its blue fill, gets a 2px glowing white border, a soft white glow with a subtle pulse, and a ~20% bigger label at weight 800. WhatsApp (.btn-wa) and ghost buttons unchanged */
.btn.btn-primary{border:2px solid rgba(255,255,255,.9);font-weight:800;font-size:1.2rem;box-shadow:0 0 0 1px rgba(255,255,255,.18),0 0 12px rgba(255,255,255,.38),0 8px 28px rgba(37,99,235,.35);animation:snCtaGlow 2.8s ease-in-out infinite}
.btn.btn-primary:hover,.btn.btn-primary:focus-visible{border-color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.3),0 0 20px rgba(255,255,255,.6),0 8px 28px rgba(37,99,235,.45)}
.btn.btn-primary:focus-visible{outline:3px solid #fff;outline-offset:3px}
.btn-primary.nav-cta{font-size:1.05rem}
.sticky-cta .btn.btn-primary{font-size:1.125rem}
@keyframes snCtaGlow{0%,100%{box-shadow:0 0 0 1px rgba(255,255,255,.18),0 0 10px rgba(255,255,255,.32),0 8px 28px rgba(37,99,235,.35)}50%{box-shadow:0 0 0 1px rgba(255,255,255,.28),0 0 20px rgba(255,255,255,.55),0 8px 28px rgba(37,99,235,.4)}}
@media (prefers-reduced-motion:reduce){.btn.btn-primary{animation:none}}
/* r23.12: with the bigger CTA label the sticky bar text column got too narrow (bar 224px at 320). Under 600px the bar stacks: text on top, full-width CTA below */
@media (max-width:599px){.sticky-cta{flex-wrap:wrap;gap:6px;padding:8px 12px 10px}.sticky-cta span{flex:1 1 100%;text-align:center}.sticky-cta .btn.btn-primary{flex:1 1 100%;width:100%;margin-top:0;min-height:48px;padding:8px 14px}}
/* r23.14 (FC r23.13 gate F-1): the PDF-backed main line replaces the old quote and takes its panel style */
.xb-main{margin:0 0 10px;padding:12px 14px;border-left:3px solid var(--entry);background:rgba(255,255,255,.03);border-radius:0 10px 10px 0;color:var(--head);font-size:.98rem;line-height:1.55}
.xb-main + .xb-src{margin-bottom:14px}
/* r23.14 (FC r23.13 gate F-3): framed video cards may shrink below their content width (the grid track was 351/341px at 320) */
.vid-card.has-frame{min-width:0}

/* ===== PREVIEW (Tim 20:39): "Deposit More, Get More From XM" gold redesign. Scoped to .xbg; layers on the r23.12-r23.15 .xb rules. CSS only, no text added. ===== */
.xbg{--g1:#fff3c4;--g2:#f8cf6a;--g3:#f2b84b;--g4:#d98a12;position:relative;isolation:isolate}
.xb-defs{position:absolute;width:0;height:0;overflow:hidden}
.xbg .xb-card{position:relative;overflow:hidden;border:2px solid transparent;border-radius:20px;padding:30px 30px 26px;
  background:
    radial-gradient(120% 60% at 0% 0%,rgba(242,184,75,.16),transparent 60%) padding-box,
    radial-gradient(90% 50% at 100% 100%,rgba(45,212,191,.07),transparent 60%) padding-box,
    linear-gradient(180deg,#14171d,#0f1217) padding-box,
    linear-gradient(90deg,#7a4a06,#f2b84b,#fff3c4,#f2b84b,#7a4a06,#f2b84b,#fff3c4,#f2b84b,#7a4a06) border-box;
  background-size:100% 100%,100% 100%,100% 100%,300% 100%;
  box-shadow:0 0 0 1px rgba(242,184,75,.12),0 0 28px rgba(242,184,75,.22),0 18px 50px rgba(0,0,0,.45);
  animation:xbGold 8s linear infinite}
@keyframes xbGold{0%{background-position:0 0,0 0,0 0,0% 50%}100%{background-position:0 0,0 0,0 0,150% 50%}}
.xbg .xb-card::before{content:"";position:absolute;inset:-40% -10% auto auto;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(248,207,106,.13),transparent 65%);pointer-events:none;z-index:-1}
.xb-head{display:flex;align-items:center;gap:18px;margin:0 0 18px}
.xb-emblem{flex:none;width:84px;height:84px;filter:drop-shadow(0 0 14px rgba(242,184,75,.45))}
.xb-htxt{min-width:0}
.xbg .xb-card h2{font-size:clamp(1.55rem,5.2vw,2.25rem);line-height:1.15;font-weight:800;letter-spacing:-.015em;margin:0 0 6px;color:var(--g2);text-wrap:balance;
  background:linear-gradient(100deg,#fffaf0 0%,var(--g1) 30%,var(--g2) 60%,var(--g4) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.xbg .xb-sub{color:var(--soft);font-size:1.02rem;margin:0}
.xbg .xb-main{position:relative;margin:0 0 14px;padding:18px 20px 16px;border:1px solid rgba(242,184,75,.35);border-left:0;border-radius:14px;
  background:linear-gradient(135deg,rgba(242,184,75,.12),rgba(242,184,75,.03) 55%,rgba(255,255,255,.02));color:var(--head);font-size:1.02rem;line-height:1.75}
.xbg .xb-main a{color:var(--g1);text-decoration:underline;text-decoration-color:rgba(248,207,106,.6);text-underline-offset:3px;font-weight:600}
.xb-fig{display:inline-block;font-weight:800;font-size:1em;line-height:1.1;letter-spacing:-.01em;color:var(--g2);vertical-align:-.06em;
  background:linear-gradient(180deg,#fffaf0,var(--g2) 55%,var(--g4));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 10px rgba(242,184,75,.35))}
.xb-fig-m{font-size:1em}
.xb-fig-t{font-size:1em}
.xbg .xb-src{position:relative;margin:0 0 20px;padding:0 4px 0 30px;font-size:.95rem;color:var(--muted2)}   /* r23.18 (FC W-f): .86rem -> .95rem, desktop and mobile */
.xbg .xb-src a{color:var(--soft)}
.xb-q{position:absolute;left:4px;top:2px;color:var(--g3);opacity:.85}
.xbg .xb-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:1.02rem;line-height:1.5}
.xbg .xb-list li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:start;margin:0;padding:12px 14px;border:1px solid var(--border2);border-radius:12px;background:rgba(255,255,255,.025);min-width:0}
.xbg .xb-list li+li{margin-top:0}
.xbg .xb-list b{color:var(--head)}
.xb-ic{width:34px;height:34px;padding:7px;border-radius:10px;color:var(--g2);background:rgba(242,184,75,.10);border:1px solid rgba(242,184,75,.32)}
.xbg .xb-list li.xb-warn{border-color:rgba(239,107,107,.35);background:rgba(239,107,107,.05)}
.xb-warn .xb-ic{color:#f6a3a3;background:rgba(239,107,107,.10);border-color:rgba(239,107,107,.35)}
.xbg .xb-list li.xb-ours{grid-column:1/-1;border-color:var(--entry-bd);background:linear-gradient(90deg,rgba(45,212,191,.12),rgba(45,212,191,.03))}
.xb-ours .xb-ic{color:var(--entry);background:var(--entry-bg);border-color:var(--entry-bd)}
@media (max-width:719px){.xbg .xb-list{grid-template-columns:minmax(0,1fr)}}
@media (max-width:599px){
  .xbg .xb-card{padding:20px 16px 18px;border-radius:16px}
  .xb-head{gap:12px}
  .xb-emblem{width:56px;height:56px}
  .xbg .xb-main{padding:14px 14px 13px;font-size:.98rem}
  .xbg .xb-list li{grid-template-columns:30px minmax(0,1fr);gap:10px;padding:11px 12px}
  .xb-ic{width:30px;height:30px;padding:6px}
}
@media (prefers-reduced-motion:reduce){.xbg .xb-card{animation:none;background-position:0 0,0 0,0 0,0% 50%}}
/* r23.17 (FC r23.16 gate F-1): offer figures at body size (gold + bold kept), list text 1.02rem (.98rem under 600px), no italic on the XM quote line; F-2: tier bar CSS removed */
@media (max-width:599px){.xbg .xb-list{font-size:.98rem}}
/* r23.33 (Tim 16:21 / 16:22 SGT "the Step 1 is too small ... fix sitewide"): one shared rule for every kicker label above a
   heading, ~1.5x: .eyebrow (incl. .eyebrow.center), .step-tag, .path-tag. 16px at 390px -> 20px at 1440px; bold; colours unchanged. */
.eyebrow,.step-tag,.path-tag{font-size:clamp(1rem,.907rem + .381vw,1.25rem);font-weight:700;letter-spacing:.05em;line-height:1.3}
/* r23.35 (Tim 10:25 SGT 18 Oct "make it loud and impressive"): index #alerts as a headline-feature panel: glow panel, big "12" stat with bell,
   3 benefit points, accent tiles with the indicator's own print colours (SuperNeura_v777.mq4 colour constants), readable footnote (not .micro).
   Tim 10:27: USP cards 07-12 now carry the .t-* tone classes of 01-06 in build.py (no CSS needed). */
.al-panel{position:relative;border:1px solid rgba(96,165,250,.45);border-top:2px solid var(--cta);border-radius:18px;padding:26px 18px;background:radial-gradient(120% 80% at 100% 0,rgba(37,99,235,.18),transparent 60%),linear-gradient(180deg,rgba(45,212,191,.06),transparent 220px),var(--panel);box-shadow:0 0 0 1px rgba(255,255,255,.04),0 0 40px rgba(37,99,235,.22),0 18px 50px rgba(0,0,0,.45)}
.al-top{display:grid;gap:18px}
.al-head h2{font-size:clamp(1.85rem,5.2vw,2.9rem);line-height:1.12;margin:.35rem 0 .75rem}
.al-lead{font-size:clamp(1.05rem,.98rem + .3vw,1.2rem);color:var(--text);max-width:40em;line-height:1.55}
.al-stat{display:flex;align-items:center;gap:14px;align-self:start;width:max-content;max-width:100%;padding:14px 18px;border:1px solid rgba(242,184,75,.45);border-radius:14px;background:rgba(242,184,75,.08)}
.al-stat svg{width:34px;height:34px;flex:none;color:var(--exit);filter:drop-shadow(0 0 10px rgba(242,184,75,.5))}
.al-num{font-size:clamp(3rem,9vw,4.5rem);font-weight:900;line-height:1;background:linear-gradient(90deg,#60a5fa,#5eead4);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.al-lab{font-weight:800;color:var(--head);font-size:1rem;line-height:1.25;max-width:7.5em}
.al-points{list-style:none;display:grid;gap:12px;margin:24px 0 0;padding:0}
.al-points li{border:1px solid var(--border2);border-left:3px solid var(--entry);border-radius:12px;padding:14px 16px;background:rgba(255,255,255,.02)}
.al-points h3{font-size:1.1rem;margin:0 0 4px;color:var(--head)}
.al-points p{color:var(--soft);font-size:.95rem;margin:0}
.al-tiles{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:24px 0 0;padding:0}
.al-tiles li{display:flex;align-items:center;gap:10px;min-width:0;padding:12px 12px;border:1px solid rgba(45,212,191,.38);border-left:3px solid var(--entry);border-radius:12px;background:linear-gradient(90deg,rgba(45,212,191,.08),transparent 70%),var(--panel2);color:var(--head);font-weight:700;font-size:.95rem;line-height:1.25}
.al-dots{display:inline-flex;gap:3px;flex:none}
.al-d{display:block;width:10px;height:10px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}
.d-lime{color:#00ff00}.d-red{color:#ff0000}.d-yellow{color:#ffff00}.d-gold{color:#ffd700}.d-white{color:#fff}.d-silver{color:#c0c0c0}.d-magenta{color:#ff00ff}.d-orange{color:#ffa500}.d-aqua{color:#00ffff}.d-orangered{color:#ff4500}
.al-note{margin:22px 0 0;padding:14px 16px;border:1px solid var(--border2);border-left:3px solid var(--risk);border-radius:10px;background:rgba(255,255,255,.02);color:var(--soft);font-size:.95rem;line-height:1.55}
.al-note strong{color:var(--head)}
.al-note a{text-decoration:underline;text-underline-offset:2px}
.al-cta{margin-top:26px}
@media (min-width:700px){.al-points{grid-template-columns:repeat(3,1fr)}.al-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:900px){.al-panel{padding:40px 40px 34px}.al-top{grid-template-columns:1fr auto;align-items:start;gap:32px}.al-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* r23.36 (Tim 10:50/10:51/10:52 SGT 18 Oct: "No Repaint" / "Non Repaint", "must be loud"): hero NO REPAINT strip + #no-repaint glow panel.
   Scope per research/REPAINT-AUDIT-2026-10-18.md: closed-bar prints only; Flip Warning, red live $, Ribbon and lines carved out. */
.nr-strip{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:900px;margin:22px auto 0;padding:16px 18px;border:2px solid var(--entry);border-radius:16px;background:linear-gradient(90deg,rgba(45,212,191,.16),rgba(37,99,235,.12));box-shadow:0 0 0 1px rgba(255,255,255,.05),0 0 34px rgba(45,212,191,.35)}
.nr-badge{display:inline-flex;flex:none;white-space:nowrap;align-items:center;gap:10px;padding:10px 22px;border-radius:999px;background:linear-gradient(90deg,#5eead4,#a7f3d0);color:#04130f;font-weight:900;font-size:clamp(1.5rem,1.2rem + 1.6vw,2.3rem);letter-spacing:.06em;line-height:1.05;text-transform:uppercase;box-shadow:0 0 26px rgba(94,234,212,.6)}
.nr-tick{display:inline-grid;place-items:center;width:1.15em;height:1.15em;border-radius:50%;background:#04130f;color:#5eead4;font-size:.8em}
.nr-line{margin:0;color:var(--text);font-size:clamp(1.02rem,.96rem + .3vw,1.15rem);line-height:1.5;text-align:center;max-width:44em}
.nr-line strong{color:var(--head)}
.nr-panel{position:relative;border:2px solid rgba(45,212,191,.7);border-radius:20px;padding:26px 18px;background:radial-gradient(120% 80% at 0 0,rgba(45,212,191,.22),transparent 60%),radial-gradient(90% 70% at 100% 100%,rgba(37,99,235,.18),transparent 60%),var(--panel);box-shadow:0 0 0 1px rgba(255,255,255,.05),0 0 60px rgba(45,212,191,.32),0 18px 50px rgba(0,0,0,.45)}
.nr-top{display:grid;gap:18px}
.nr-head h2{font-size:clamp(2.1rem,6vw,3.4rem);line-height:1.08;margin:.35rem 0 .75rem;text-shadow:0 0 28px rgba(94,234,212,.45)}
.nr-lead{font-size:clamp(1.1rem,1rem + .35vw,1.28rem);color:var(--text);max-width:40em;line-height:1.55;margin:0}
.nr-stamp{display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:start;width:max-content;max-width:100%;padding:16px 24px;border:3px solid #5eead4;border-radius:16px;background:rgba(94,234,212,.08);box-shadow:0 0 30px rgba(94,234,212,.45),inset 0 0 22px rgba(94,234,212,.15);color:#5eead4;font-weight:900;line-height:1;text-transform:uppercase;letter-spacing:.05em}
.nr-big{font-size:clamp(2.6rem,9vw,4.2rem)}
.nr-big2{font-size:clamp(1.3rem,4.4vw,2.05rem)}
.nr-points{list-style:none;display:grid;gap:12px;margin:24px 0 0;padding:0}
.nr-points li{border:1px solid var(--border2);border-left:4px solid var(--entry);border-radius:12px;padding:14px 16px;background:rgba(255,255,255,.02)}
.nr-points li.nr-live{border-left-color:var(--exit)}
.nr-points li.nr-lines{border-left-color:var(--line)}
.nr-points h3{font-size:1.12rem;margin:0 0 4px;color:var(--head)}
.nr-points p{color:var(--soft);font-size:1rem;line-height:1.5;margin:0}
.nr-note{margin:22px 0 0;padding:14px 16px;border:1px solid var(--border2);border-left:3px solid var(--risk);border-radius:10px;background:rgba(255,255,255,.02);color:var(--soft);font-size:1rem;line-height:1.55}
.nr-note strong{color:var(--head)}
.nr-cta{margin-top:26px}
@media (min-width:700px){.nr-strip{flex-direction:row;justify-content:center;text-align:left;gap:20px}.nr-line{text-align:left}.nr-points{grid-template-columns:repeat(3,1fr)}}
@media (min-width:900px){.nr-panel{padding:40px 40px 34px}.nr-top{grid-template-columns:1fr auto;align-items:center;gap:32px}}
/* r23.37 (Tim 16:08 SGT 18 Oct "this area a bit too empty ... Add trust ... Write it hype"): #no-repaint cards rebalanced with icon badges,
   .nr-fine (the line details moved word for word), .nr-trust (Why This Matters + word-only repainting vs SuperNeura comparison). */
.nr-points li{display:flex;flex-direction:column}
.nr-ico{display:inline-grid;place-items:center;width:38px;height:38px;margin:0 0 10px;border-radius:50%;background:rgba(45,212,191,.14);border:1px solid rgba(45,212,191,.6);color:#5eead4;font-weight:900;font-size:1.15rem;line-height:1;box-shadow:0 0 16px rgba(45,212,191,.35)}
.nr-points li.nr-live .nr-ico{background:rgba(242,184,75,.14);border-color:rgba(242,184,75,.6);color:var(--exit);box-shadow:0 0 16px rgba(242,184,75,.35)}
.nr-points li.nr-lines .nr-ico{background:rgba(244,114,182,.14);border-color:rgba(244,114,182,.6);color:var(--line);box-shadow:0 0 16px rgba(244,114,182,.35)}
.nr-fine{margin:18px 0 0;padding:16px 18px;border:1px dashed rgba(244,114,182,.45);border-radius:12px;background:rgba(244,114,182,.04)}
.nr-fine h3{font-size:1rem;margin:0 0 8px;color:var(--head);letter-spacing:.02em}
.nr-fine ul{margin:0;padding:0 0 0 1.1em;display:grid;gap:6px}
.nr-fine li{color:var(--soft);font-size:.98rem;line-height:1.5}
.nr-fine li::marker{color:var(--line)}
.nr-fine p{margin:10px 0 0;color:var(--head);font-weight:700;font-size:.98rem}
.nr-trust{margin:26px 0 0;padding:22px 18px;border:2px solid rgba(242,184,75,.55);border-radius:16px;background:radial-gradient(110% 80% at 100% 0,rgba(242,184,75,.14),transparent 60%),rgba(255,255,255,.02);box-shadow:0 0 40px rgba(242,184,75,.18)}
.nr-trust h3{font-size:clamp(1.55rem,4.6vw,2.4rem);line-height:1.12;margin:.3rem 0 .7rem;color:var(--head)}
.nr-trust-lead{font-size:clamp(1.05rem,1rem + .3vw,1.2rem);color:var(--text);line-height:1.55;margin:0;max-width:46em}
.nr-trust-lead strong{color:var(--head)}
.nr-vs{display:grid;gap:12px;margin:20px 0 0}
.nr-vs-col{border-radius:14px;padding:16px 18px;border:1px solid var(--border2)}
.nr-vs-col h4{margin:0 0 10px;font-size:1.12rem;font-weight:800;display:flex;align-items:center;gap:10px}
.nr-vs-col h4 span{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;font-size:1rem;flex:none}
.nr-vs-col ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.nr-vs-col li{font-size:1rem;line-height:1.45;padding-left:14px;border-left:3px solid currentColor}
.nr-vs-bad{background:rgba(248,113,113,.06);border-color:rgba(248,113,113,.4);color:#fca5a5}
.nr-vs-bad h4 span{background:rgba(248,113,113,.16);color:#f87171}
.nr-vs-bad li{color:var(--soft);border-left-color:rgba(248,113,113,.55)}
.nr-vs-good{background:rgba(45,212,191,.08);border-color:rgba(45,212,191,.6);color:#5eead4;box-shadow:0 0 26px rgba(45,212,191,.22)}
.nr-vs-good h4 span{background:rgba(45,212,191,.18);color:#5eead4}
.nr-vs-good li{color:var(--head);border-left-color:rgba(45,212,191,.7)}
.nr-built{margin:18px 0 0;color:var(--text);font-size:1.02rem;line-height:1.55}
.nr-built strong{color:var(--exit)}
.nr-trust .nr-note{margin-top:16px}
.nr-trust h3 .acc{background:linear-gradient(90deg,#5eead4,#a7f3d0);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 16px rgba(94,234,212,.35))}
.nr-fine li{break-inside:avoid;margin:0 0 6px}
@media (min-width:700px){.nr-vs{grid-template-columns:1fr 1fr}.nr-fine ul{display:block;columns:2;column-gap:32px}}
@media (min-width:900px){.nr-trust{padding:30px 32px}}
/* r23.37 (Tim 16:10): hero strip claim line; (Tim 16:11 "shift it to center"): opt-in submit button centred, style unchanged */
.nr-claim{display:block;font-size:clamp(1.25rem,1.1rem + .7vw,1.55rem);font-weight:900;line-height:1.2;margin:0 0 4px;background:linear-gradient(90deg,#5eead4,#a7f3d0);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.nr-more{display:inline-block;margin-top:2px;color:#5eead4;font-weight:700;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.nr-more::after{content:" ↓"}
@media (min-width:640px){#get-access .optin form .btn-block{display:flex;width:fit-content;margin-left:auto;margin-right:auto}}

/* r23.39 (Tim 19:12): About Us page (about.html). Append-only; reuses the site palette, glow and kicker styles. */
.ab-hero h1 .acc{filter:drop-shadow(0 0 22px rgba(94,234,212,.35))}
.ab-chips{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:22px auto 6px;max-width:760px}
.ab-chips li{padding:8px 16px;border-radius:999px;border:1px solid rgba(94,234,212,.5);background:linear-gradient(145deg,rgba(45,212,191,.16),rgba(59,130,246,.10));color:#d9fbf4;font-weight:800;font-size:.9375rem;letter-spacing:.02em;box-shadow:0 0 18px rgba(45,212,191,.18)}
.ab-big{font-size:clamp(1.25rem,1.05rem + 1vw,1.7rem);line-height:1.35;font-weight:800;color:var(--head);margin:0 0 16px}
.ab-lead{color:var(--soft);font-size:1.0625rem;margin:0 0 6px}
.ab-ico{display:inline-grid;place-items:center;flex:none;width:44px;height:44px;border-radius:12px;color:#5eead4;background:linear-gradient(145deg,rgba(45,212,191,.20),rgba(59,130,246,.14));border:1px solid rgba(94,234,212,.38);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 18px rgba(45,212,191,.18)}
.ab-grid,.ab-pr{display:grid;gap:16px;margin-top:30px}
.ab-card{position:relative;padding:24px 20px;border-radius:16px;border:1px solid rgba(94,234,212,.22);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01)),var(--panel);box-shadow:0 10px 34px -14px rgba(37,99,235,.45),0 0 26px rgba(45,212,191,.08)}
.ab-card h3{margin:14px 0 8px;font-size:1.2rem;color:var(--head)}
.ab-card p{color:var(--muted2);font-size:.98rem}
.ab-card.ab-gold{border-color:rgba(242,184,75,.32);box-shadow:0 10px 34px -14px rgba(242,184,75,.30),0 0 26px rgba(242,184,75,.08)}
.ab-card.ab-gold .ab-ico{color:var(--exit);background:linear-gradient(145deg,rgba(242,184,75,.20),rgba(242,184,75,.06));border-color:rgba(242,184,75,.45);box-shadow:0 0 18px rgba(242,184,75,.18)}
.ab-panel{border:2px solid rgba(45,212,191,.7);border-radius:20px;padding:26px 18px;background:radial-gradient(120% 80% at 0 0,rgba(45,212,191,.18),transparent 60%),radial-gradient(90% 70% at 100% 100%,rgba(59,130,246,.14),transparent 60%),var(--panel);box-shadow:0 0 0 1px rgba(45,212,191,.12),0 0 46px rgba(45,212,191,.20),0 18px 50px rgba(0,0,0,.45)}
.ab-panel h2{text-shadow:0 0 28px rgba(94,234,212,.35)}
.ab-why{list-style:none;display:grid;gap:14px;margin-top:22px}
.ab-why li{display:flex;gap:14px;align-items:flex-start;padding:18px 16px;border-radius:14px;border:1px solid rgba(94,234,212,.25);background:rgba(7,9,13,.45)}
.ab-why h3{font-size:1.1rem;margin:2px 0 6px;color:var(--head)}
.ab-why p{color:var(--muted2);font-size:.98rem}
.ab-final{padding:30px 18px;border-radius:20px;border:2px solid rgba(96,165,250,.55);background:radial-gradient(120% 90% at 50% 0,rgba(37,99,235,.20),transparent 65%),var(--panel);box-shadow:0 0 46px rgba(37,99,235,.22)}
.ab-final .cta-row{margin-top:18px}
@media (min-width:760px){.ab-grid{grid-template-columns:repeat(3,1fr)}.ab-pr{grid-template-columns:repeat(6,1fr)}.ab-pr .ab-card{grid-column:span 2}.ab-pr .ab-card:nth-child(4){grid-column:2 / span 2}.ab-why{grid-template-columns:1fr 1fr}.ab-panel{padding:40px 38px}.ab-final{padding:42px 40px}}
.ab-more{display:inline-block;margin-top:2px;color:#5eead4;font-weight:700;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.ab-more::after{content:" →"}
/* r23.39: 5 nav items (About Us added) fit a 390px screen without scrolling */
@media (max-width:440px){nav ul{gap:4px 12px;font-size:.8125rem}}
/* r23.40 (Tim 21:11): compact About strip on index, directly above the FAQ. Append-only; reuses .eyebrow, .acc, .ab-chips and .ab-more. */
.ab-strip{border-top:1px solid rgba(94,234,212,.18)}
.ab-strip .copy{max-width:680px;margin-left:auto;margin-right:auto}
.ab-strip .ab-chips{margin-top:18px}
.ab-strip-more{margin:14px 0 0}
/* r23.41 (Tim 22:04 "Create under index2"): index2 A/B variant only. Append-only; plain-text offer line (not button-styled), trust line under the hero CTA, one-line price, renewal line under the steps. */
.offer-line{margin:16px auto 0;color:#e6edf8;font-weight:800;font-size:1.15rem;letter-spacing:-.01em}
.trust-line{max-width:40em;margin:14px auto 0;color:#c3cede;font-size:.9375rem;line-height:1.5}
.price-line{margin:14px auto 0;color:#e6edf8;font-weight:700;text-align:center}
.renew-line{margin:18px 0 0;padding:12px 16px;border:1px solid rgba(94,234,212,.35);border-radius:12px;background:rgba(45,212,191,.08);color:#d9fbf4;font-weight:600;font-size:.9375rem}