:root{
  --navy:#070b12; --navy-1:#0c1420; --navy-2:#121f31; --navy-line:rgba(255,255,255,.08);
  --ink:#f0f3f9; --ink-2:#9fb0cd; --ink-3:#7080a5;
  --accent:#4f7cff; --accent-soft:rgba(79,124,255,.14);
  --win:#26d07c; --loss:#f26d6d; --amber:#e0900f;
  --paper:#f3f4f7; --paper-2:#fff; --p-ink:#0c131f; --p-ink-2:#52627e; --p-line:rgba(12,19,31,.1);
  --disp:'Archivo Expanded','Archivo',system-ui,sans-serif;
  --sans:'Archivo',system-ui,-apple-system,sans-serif;
  --ease:cubic-bezier(.22,1,.36,1);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--navy);color:var(--ink);font-family:var(--sans);font-optical-sizing:auto;font-kerning:normal;-webkit-font-smoothing:antialiased;overflow-x:hidden;line-height:1.5}
h1,h2,h3{font-family:var(--disp);font-weight:800;letter-spacing:-.02em;line-height:1.05;text-wrap:balance}
.tnum{font-variant-numeric:tabular-nums}
.wrap{max-width:1180px;margin:0 auto}
.section{padding:clamp(88px,10vw,132px) clamp(24px,4vw,64px)}

nav{position:fixed;top:0;left:0;right:0;height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,4vw,64px);z-index:50}
.logo{display:flex;flex-direction:column;line-height:1.05;text-decoration:none;cursor:pointer;transition:opacity .2s var(--ease)}
a.logo:hover{opacity:.72}
.logo b{font-family:var(--disp);font-size:15px;font-weight:800;letter-spacing:.02em;color:var(--ink)}
.logo span{font-size:10px;font-weight:500;letter-spacing:.1em;color:var(--ink-3);text-transform:uppercase;margin-top:2px}
.nav-links{display:flex;gap:34px}
.nav-links a{font-size:14px;font-weight:500;color:var(--ink-2);text-decoration:none;transition:color .2s}
.nav-links a:hover{color:var(--ink)}
.nav-right{display:flex;align-items:center;gap:22px}
.nav-right .li{font-size:14px;font-weight:500;color:var(--ink-2);text-decoration:none}
.btn{font-family:var(--sans);font-weight:600;border:none;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;border-radius:10px;transition:transform .16s var(--ease),box-shadow .2s,border-color .2s,background .2s}
.btn:active{transform:scale(.98)}
.btn-accent{background:var(--accent);color:#fff;font-size:14px;padding:12px 22px;box-shadow:0 2px 22px rgba(79,124,255,.3),inset 0 1px 0 rgba(255,255,255,.22)}
.btn-accent:hover{box-shadow:0 6px 30px rgba(79,124,255,.44),inset 0 1px 0 rgba(255,255,255,.24)}
.btn-hero{font-size:16px;padding:16px 28px}
.btn-ghost{color:var(--ink);border:1px solid rgba(255,255,255,.17);padding:15px 26px;background:none}
.btn-ghost:hover{border-color:rgba(255,255,255,.34)}

.hero{position:relative;min-height:100vh;display:grid;grid-template-columns:minmax(0,0.86fr) minmax(0,1.14fr);align-items:center;gap:44px;padding:120px clamp(24px,4vw,64px) 60px}
/* one continuous atmosphere for the whole opening: a soft aura that drifts blue -> red as you descend */
.mood-aura{position:fixed;top:-30%;left:50%;width:min(1600px,150vw);height:160vh;transform:translateX(-50%);z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(farthest-side,rgba(79,124,255,.18),rgba(79,124,255,.06) 45%,transparent 100%);will-change:background,opacity}
.hero-ghost{position:absolute;right:-40px;top:42%;font-family:var(--disp);font-weight:800;font-size:500px;line-height:.8;color:rgba(255,255,255,.02);pointer-events:none;user-select:none;letter-spacing:-.03em}
.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:500;color:var(--ink-2);border:1px solid rgba(255,255,255,.13);border-radius:999px;padding:7px 15px;margin-bottom:30px}
.eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--win);box-shadow:0 0 10px var(--win)}
.hero h1{font-size:clamp(44px,5.6vw,82px);line-height:1.0;color:var(--ink)}
.hero h1 .hl,.page-head h1 .hl{color:var(--accent)}
.sub{margin-top:28px;font-size:19px;font-weight:400;line-height:1.62;letter-spacing:.005em;color:var(--ink-2);max-width:56ch;text-wrap:pretty}
.cta-row{margin-top:38px;display:flex;align-items:center;gap:18px}
.trust{margin-top:36px;display:flex;gap:28px;font-size:13px;font-weight:400;color:var(--ink-3)}
.trust b{color:var(--ink-2);font-weight:600}

.hero-visual{position:relative;perspective:1600px;perspective-origin:50% 30%}
.hero-visual .frame{transform-origin:center 60%;backface-visibility:hidden}
.frame{background:var(--navy-1);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 50px 120px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.06);overflow:hidden;width:100%}
/* Hero: replica of the app dashboard (app tokens: accent #3b82f6, card #111c2d) */
.hd-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}
.hd-kc{background:#111c2d;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:13px 13px}
.hd-kc .l{font-size:11px;color:#7385a8;font-weight:500;margin-bottom:6px}
.hd-kc .v{font-size:21px;font-weight:700;letter-spacing:-.03em;color:#e8edf5;line-height:1.1;font-variant-numeric:tabular-nums}
.hd-kc .v.win{color:#22c55e}
.hd-kc .v.acc{color:#3b82f6}
.hd-chart{background:#111c2d;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:13px 15px}
.hd-ch-top{display:flex;justify-content:space-between;margin-bottom:8px;font-size:10px;font-weight:600;color:#7385a8;text-transform:uppercase;letter-spacing:.07em}
.hd-ch-top b{color:#22d3ee;font-weight:700;font-variant-numeric:tabular-nums}
/* real dashboard replica */
.rd-top{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:10px;margin-bottom:13px}
.rd-title{font-family:var(--disp);font-size:20px;font-weight:800;color:#e8edf5;letter-spacing:-.01em;line-height:1}
.rd-date{font-size:10px;color:#56698c;margin-top:5px}
.rd-greet{text-align:center;min-width:0}
.rd-streak{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#f59e0b;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.28);border-radius:20px;padding:3px 9px}
.rd-hi{font-family:var(--disp);font-size:17px;font-weight:800;color:#e8edf5;letter-spacing:-.015em;margin-top:7px;line-height:1.05}
.rd-hi b{font-weight:800;background:linear-gradient(100deg,#a78bfa,#818cf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.rd-sub{font-size:9.5px;color:#7385a8;margin-top:4px}
.rd-av{width:26px;height:26px;border-radius:50%;background:linear-gradient(140deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff}
.rd-sess{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-bottom:13px}
.rd-st{height:22px;padding:0 9px;border-radius:7px;border:1px solid rgba(255,255,255,.09);background:transparent;color:#7385a8;font-size:10px;font-weight:600;letter-spacing:.02em}
.rd-st.on{background:rgba(139,92,246,.14);color:#a78bfa;border-color:rgba(139,92,246,.4)}
.rd-live{font-size:9px;color:#56698c;display:inline-flex;align-items:center;gap:5px;margin-left:2px}
.rd-live i{width:5px;height:5px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px #22c55e}
.rd-curve{background:#0d1420;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:13px 15px 9px;margin-bottom:12px}
.rd-curve-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:9px}
.rd-curve-top span{font-size:9px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:#56698c}
.rd-curve-top b{font-family:var(--disp);font-size:14px;font-weight:800;color:#22c55e;font-variant-numeric:tabular-nums}
.rd-plot{display:flex;gap:8px}
.rd-yax{display:flex;flex-direction:column;justify-content:space-between;font-size:8px;color:#56698c;padding:1px 0 12px;flex-shrink:0;font-variant-numeric:tabular-nums}
.rd-plot svg{flex:1;min-width:0}
.rd-filter{display:flex;align-items:center;gap:5px;margin-bottom:12px}
.rd-filter .fl{font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:#56698c;font-weight:500;margin-right:2px}
.rd-af{height:22px;padding:0 10px;border-radius:7px;border:1px solid rgba(255,255,255,.1);background:transparent;color:#7385a8;font-size:10px;font-weight:500}
.rd-af.on{background:rgba(59,130,246,.14);color:#3b82f6;border-color:rgba(59,130,246,.4)}
.hd-kc .v small{font-size:11px;font-weight:600;margin-left:2px;color:#56698c}
.rd-streak-card{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;background:#0d1420;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:14px 16px;margin-top:12px}
.rsc-lbl{font-size:8.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#56698c}
.rsc-big{font-family:var(--disp);font-size:30px;font-weight:800;color:#22c55e;line-height:1;margin:5px 0 4px}
.rsc-sub{font-size:9px;color:#7385a8}
.rsc-mid{min-width:0}
.rsc-w{display:flex;gap:4px;margin:8px 0 6px;flex-wrap:wrap}
.rsc-w span{width:18px;height:18px;border-radius:5px;background:rgba(34,197,94,.14);border:1px solid rgba(34,197,94,.3);color:#4ade80;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.rsc-w span.l{background:rgba(239,68,68,.14);border-color:rgba(239,68,68,.32);color:#f87171}
.rsc-right{text-align:right;display:flex;flex-direction:column;gap:10px}
.rsc-r b{display:block;font-family:var(--disp);font-size:18px;font-weight:800;color:#e8edf5;line-height:1;margin-top:3px}
.rsc-r b.loss{color:#ef4444}
.app-live{display:inline-flex;align-items:center;gap:4px;margin-top:7px;font-size:8px;font-weight:600;letter-spacing:.03em;color:#22c55e;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.26);border-radius:20px;padding:2px 8px}
.app-live i{width:4px;height:4px;border-radius:50%;background:#22c55e;box-shadow:0 0 5px #22c55e}
.app-sync{margin-top:auto;padding:12px 15px 2px;font-size:8px;letter-spacing:.06em;text-transform:uppercase;color:#56698c;display:flex;align-items:center;gap:6px}
.app-sync .d{width:5px;height:5px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px #22c55e}
/* Hero: full app shell with real sidebar */
.app-shell{display:flex;min-height:0}
.app-side{width:150px;flex-shrink:0;border-right:1px solid var(--navy-line);background:rgba(255,255,255,.014);padding:12px 0 14px;display:flex;flex-direction:column}
.app-logo{padding:0 14px 11px;font-family:var(--disp);font-weight:800;font-size:13px;letter-spacing:.02em;color:var(--ink);line-height:1.08}
.app-logo span{display:block;font-family:var(--sans);font-size:7.5px;font-weight:500;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-3);margin-top:2px}
.app-clock{text-align:center;padding:0 0 10px;margin:0 12px 8px;border-bottom:1px solid var(--navy-line)}
.app-clock .t{font-family:'Courier New',Courier,monospace;font-size:16px;color:var(--ink);letter-spacing:.04em;line-height:1}
.app-clock .z{font-size:7.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);margin-top:4px}
.app-nav{display:flex;flex-direction:column;gap:1px}
.app-ni{position:relative;display:flex;align-items:center;gap:9px;padding:6.5px 15px;font-size:11px;font-weight:500;color:var(--ink-3)}
.app-ni svg{width:14px;height:14px;flex-shrink:0}
.app-ni.on{color:var(--accent);background:rgba(59,130,246,.09)}
.app-ni.on::before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:2.5px;border-radius:0 2px 2px 0;background:var(--accent)}
.app-sep{margin:6px 12px;border-top:1px solid var(--navy-line);opacity:.6}
/* Two-tier nav: section label above the CORE sub-items (matches the real panel) */
.app-nl{font-size:8px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-3);opacity:.6;padding:2px 15px 4px}
/* Narrow icon rail — the real app's collapsed section rail, sits left of the panel */
.app-rail{width:46px;flex-shrink:0;border-right:1px solid var(--navy-line);background:rgba(255,255,255,.015);display:flex;flex-direction:column;align-items:center;gap:5px;padding:11px 0}
.rail-add{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#4f7cff,#3b62e0);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;line-height:1;margin-bottom:5px}
.rail-ic{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:var(--ink-3)}
.rail-ic svg{width:17px;height:17px}
.rail-ic.on{background:rgba(79,124,255,.14);color:var(--accent)}
.rail-av{width:27px;height:27px;border-radius:50%;margin-top:auto;background:linear-gradient(135deg,#3a4a63,#1e293b);border:1px solid var(--navy-line)}
/* Dashboard "What's driving it" — gauge + five pillar bars, the real hero card */
.rd-wdi{background:#0d1420;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:14px 16px;margin-bottom:12px}
.rd-wdi-t{font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#56698c;margin-bottom:12px}
.rd-wdi-row{display:flex;gap:20px;align-items:center}
.rd-eslbl{font-size:8px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:#56698c;margin-top:3px}
.app-main{flex:1;min-width:0;padding:16px 16px 4px;display:flex;flex-direction:column}
/* Interactive live app demo */
.demo-wrap{max-width:1080px;margin:46px auto 0}
.demo-frame{background:var(--navy-1);border:1px solid rgba(255,255,255,.09);border-radius:16px;overflow:hidden;box-shadow:0 55px 120px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.06)}
.demo-frame .app-side{width:168px}
.demo-frame .app-ni{cursor:pointer;transition:color .2s var(--ease),background .2s var(--ease)}
.demo-frame .app-ni:hover{color:var(--ink-2);background:rgba(255,255,255,.035)}
.demo-frame .app-ni.on,.demo-frame .app-ni.on:hover{color:var(--accent);background:rgba(59,130,246,.1)}
.demo-main{position:relative;flex:1;min-width:0;min-height:472px;background:var(--navy)}
.demo-screen{position:absolute;inset:0;padding:22px 24px;opacity:0;pointer-events:none;transition:opacity .35s var(--ease);overflow:auto}
.demo-screen.on{opacity:1;pointer-events:auto}
.scr-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px}
.scr-head h3{font-family:var(--disp);font-size:18px;font-weight:800;letter-spacing:-.01em;color:var(--ink)}
.scr-head span{font-size:12px;color:var(--ink-3)}
.demo-hint{text-align:center;font-size:12.5px;color:var(--ink-3);margin-top:16px}
.demo-hint b{color:var(--accent);font-weight:600}
/* Community chat screen */
.chat-mock{display:flex;gap:14px;height:100%;min-height:400px}
.chat-chans{width:130px;flex-shrink:0;display:flex;flex-direction:column;gap:2px}
.chat-ch{font-size:12px;color:var(--ink-3);padding:6px 10px;border-radius:8px}
.chat-ch.on{color:var(--ink);background:var(--navy-2)}
.chat-thread{flex:1;min-width:0;display:flex;flex-direction:column;gap:14px;padding-left:14px;border-left:1px solid var(--navy-line)}
.chat-msg{display:flex;gap:10px}
.chat-av{width:30px;height:30px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--ink);background:linear-gradient(135deg,#1c2942,#0f1a2c);border:1px solid var(--navy-line)}
.chat-body{min-width:0}
.chat-name{font-size:12.5px;font-weight:600;color:var(--ink)}
.chat-name span{font-weight:400;color:var(--ink-3);margin-left:7px;font-size:10.5px}
.chat-text{font-size:13px;color:var(--ink-2);line-height:1.5;margin-top:2px}
.chat-tag{display:inline-block;font-size:10px;color:var(--accent);background:rgba(79,124,255,.1);border:1px solid rgba(79,124,255,.25);border-radius:6px;padding:2px 8px;margin-top:6px}
/* ══ Faithful real-app screen recreations (feature sections) ══ */
.appscreen{background:#0b111c;border:1px solid rgba(255,255,255,.09);border-radius:14px;overflow:hidden;box-shadow:0 55px 120px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.06)}
.as-bar{display:flex;align-items:center;gap:7px;padding:11px 14px;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02)}
.as-bar i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.13)}
.as-url{margin-left:10px;font-size:11px;color:#56698c;font-variant-numeric:tabular-nums}
.as-body{padding:18px 20px}
.as-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}
.as-top h4{font-family:var(--disp);font-size:17px;font-weight:800;color:#e8edf5;letter-spacing:-.01em}
.as-top .sub{display:block;font-size:11px;color:#7385a8;margin-top:2px}
.as-top .r{display:flex;gap:8px;align-items:center}
.as-actbtn{font-size:10px;color:#8ea3c6;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:5px 10px;display:inline-flex;align-items:center;gap:5px}
.as-live{font-size:10px;font-weight:700;color:#22c55e;display:inline-flex;align-items:center;gap:5px}
.as-live::before{content:"";width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 7px #22c55e}
.as-filter{display:flex;align-items:center;gap:5px;margin-bottom:13px}
.as-filter .fl{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#56698c;font-weight:500;margin-right:2px}
.as-af{height:24px;padding:0 11px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:transparent;color:#7385a8;font-size:11px;font-weight:500}
.as-af.on{background:rgba(59,130,246,.14);color:#3b82f6;border-color:rgba(59,130,246,.4)}
/* Insights screen */
.is-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:9px}
.is-kpi{background:#111c2d;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:11px 12px}
.is-kpi .l{font-size:8px;text-transform:uppercase;letter-spacing:.05em;color:#7385a8;margin-bottom:6px;white-space:nowrap}
.is-kpi .v{font-family:var(--disp);font-size:18px;font-weight:800;color:#e8edf5;line-height:1;font-variant-numeric:tabular-nums}
.is-kpi .v.win{color:#22c55e}.is-kpi .v.acc{color:#3b82f6}
.is-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:13px}
.is-chip{background:#0d1420;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:9px 12px}
.is-chip b{font-family:var(--disp);font-size:15px;font-weight:800;color:#e8edf5}
.is-chip b.win{color:#22c55e}.is-chip b.acc{color:#3b82f6}
.is-chip span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.05em;color:#56698c;margin-top:3px}
/* Broker-sync mockup rows */
.brk-row{display:flex;align-items:center;gap:11px;background:#111c2d;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:11px 13px;margin-bottom:8px}
.brk-row.soon{opacity:.5}
.brk-ic{width:30px;height:30px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--disp);font-weight:800;font-size:13px;color:#0b111c}
.brk-tx{flex:1;min-width:0}
.brk-tx b{display:block;font-size:12.5px;color:#e8edf5;font-weight:600}
.brk-tx span{font-size:10px;color:#7385a8}
.brk-tx span .win{color:#22c55e}
.ver-pill{display:inline-flex;align-items:center;gap:4px;font-size:9.5px;font-weight:700;color:#22c55e;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.4);border-radius:20px;padding:3px 8px 3px 6px;white-space:nowrap}
.ver-pill svg{width:11px;height:11px}
.brk-connect{font-size:10px;color:#8ea3c6;border:1px solid rgba(255,255,255,.12);border-radius:7px;padding:5px 11px;white-space:nowrap}
.brk-soon-tag{font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:#56698c;white-space:nowrap}
.brk-note{font-size:10px;color:#7385a8;margin-top:4px;display:flex;align-items:center;gap:6px}
.brk-note svg{width:12px;height:12px;color:#3b82f6;flex-shrink:0}
/* Playbook mini cards mockup */
.pbm-grid{display:flex;flex-direction:column;gap:9px}
.pbm{position:relative;background:#111c2d;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:12px 13px 12px 15px;overflow:hidden}
.pbm::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--pbc)}
.pbm-h{display:flex;align-items:center;gap:8px;margin-bottom:9px}
.pbm-dot{width:8px;height:8px;border-radius:50%;background:var(--pbc);flex-shrink:0}
.pbm-h b{font-size:12.5px;color:#e8edf5;font-weight:600;flex:1}
.pbm-h .pbm-cl{font-size:9px;color:#56698c}
.pbm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.pbm-st .l{font-size:8px;text-transform:uppercase;letter-spacing:.04em;color:#7385a8;margin-bottom:3px}
.pbm-st .v{font-family:var(--disp);font-size:14px;font-weight:800;color:#e8edf5;line-height:1;font-variant-numeric:tabular-nums}
.pbm-st .v.win{color:#22c55e}.pbm-st .v.acc{color:#3b82f6}.pbm-st .v.loss{color:#ef4444}
.is-score{display:flex;gap:20px;align-items:center;background:radial-gradient(ellipse at 15% 50%,rgba(34,211,238,.06),transparent 60%),#0f1826;border:1px solid rgba(34,211,238,.14);border-radius:12px;padding:16px 20px}
.is-gauge{position:relative;display:flex;flex-direction:column;align-items:center;gap:9px;width:104px;flex-shrink:0}
.is-gnum{position:absolute;top:0;left:0;right:0;height:104px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.is-gnum b{font-family:var(--disp);font-size:28px;font-weight:800;color:#e8edf5;line-height:1}
.is-gnum small{font-size:9px;color:#7385a8;margin-top:2px}
.is-tier{position:relative;font-size:9px;font-weight:700;color:#22d3ee;background:rgba(34,211,238,.12);border:1px solid rgba(34,211,238,.3);border-radius:20px;padding:3px 10px;white-space:nowrap}
.is-bars{flex:1;min-width:0}
.is-bt{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#7385a8;margin-bottom:11px}
.is-bar{margin-bottom:9px}
.is-bar:last-child{margin-bottom:0}
.is-bar .r{display:flex;justify-content:space-between;font-size:11px;margin-bottom:4px}
.is-bar .r b{color:#e8edf5;font-weight:500}
.is-bar .r span{color:#56698c;font-variant-numeric:tabular-nums}
.is-bar .t{height:5px;border-radius:3px;background:rgba(255,255,255,.06);overflow:hidden}
.is-bar .f{display:block;height:100%;border-radius:3px;transform-origin:left center;transform:scaleX(var(--w));background:var(--c,#3b82f6)}
.is-tip{margin-top:13px;font-size:11px;color:#8ea3c6;background:rgba(59,130,246,.07);border:1px solid rgba(59,130,246,.16);border-radius:8px;padding:9px 12px;line-height:1.5}
.is-tip b{color:#60a5fa}
.is-eq{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:11px}
.is-eqp{background:#0d1420;border:1px solid rgba(255,255,255,.06);border-radius:11px;padding:11px 12px 9px}
.is-eqh{font-size:8px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#7385a8;margin-bottom:9px}
.is-eqh.acc{color:#60a5fa}
.is-eqc{display:block;width:100%;height:46px}
/* Community screen */
.cm-disc{display:flex;gap:9px;align-items:flex-start;font-size:10.5px;color:#7385a8;background:rgba(245,158,11,.06);border:1px solid rgba(245,158,11,.16);border-radius:9px;padding:9px 12px;margin-bottom:14px;line-height:1.5}
.cm-disc .ic{color:#f59e0b;flex-shrink:0}
.cm-tabs{display:flex;gap:18px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:14px;padding-bottom:1px}
.cm-tab{font-size:12px;color:#7385a8;padding-bottom:10px;position:relative}
.cm-tab.on{color:#e8edf5}
.cm-tab.on::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:2px;background:#3b82f6}
.cm-chhead{font-size:12px;font-weight:600;color:#e8edf5;margin-bottom:2px}
.cm-chsub{font-size:10.5px;color:#56698c;margin-bottom:16px}
.cm-thread{display:flex;flex-direction:column;gap:14px}
.cm-msg{display:flex;gap:10px}
.cm-av{width:30px;height:30px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#e8edf5;background:linear-gradient(135deg,#1c2942,#0f1a2c);border:1px solid rgba(255,255,255,.08)}
.cm-nm{font-size:12.5px;font-weight:600;color:#e8edf5}
.cm-nm span{font-weight:400;color:#56698c;margin-left:7px;font-size:10.5px}
.cm-tx{font-size:12.5px;color:#9fb0cd;line-height:1.5;margin-top:2px}
.cm-trade{display:inline-flex;align-items:center;gap:8px;margin-top:7px;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.2);border-radius:8px;padding:6px 11px;font-size:11px;color:#e8edf5}
.cm-trade b{color:#22c55e;font-weight:700}
.cm-input{display:flex;align-items:center;gap:9px;margin-top:16px;border:1px solid rgba(255,255,255,.09);border-radius:11px;padding:9px 13px;background:#0d1420}
.cm-input .ph{flex:1;font-size:12px;color:#56698c}
.cm-input .snd{width:26px;height:26px;border-radius:8px;background:#3b82f6;display:flex;align-items:center;justify-content:center;color:#fff}
/* Calendar screen */
.cl-nav{display:flex;align-items:center;gap:11px;margin-bottom:13px}
.cl-nav .mo{font-family:var(--disp);font-size:16px;font-weight:800;color:#e8edf5}
.cl-nav .arw{width:22px;height:22px;border-radius:7px;border:1px solid rgba(255,255,255,.1);color:#7385a8;display:flex;align-items:center;justify-content:center;font-size:12px}
.cl-nav .today{font-size:9.5px;color:#7385a8;border:1px solid rgba(255,255,255,.1);border-radius:7px;padding:4px 9px;letter-spacing:.04em;text-transform:uppercase}
.cl-nav .mr{margin-left:auto;text-align:right}
.cl-nav .mr b{font-family:var(--disp);font-size:17px;font-weight:800;color:#22c55e}
.cl-nav .mr span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.07em;color:#56698c}
.cl-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:13px}
.cl-acc{font-size:9px;color:#7385a8;display:inline-flex;align-items:center;gap:6px;letter-spacing:.04em;text-transform:uppercase}
.cl-acc b{font-family:var(--sans);font-size:10px;font-weight:600;text-transform:none;letter-spacing:0;color:#cbd5e8;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:5px 9px}
.cl-k{background:#111c2d;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:10px 11px}
.cl-k .l{display:block;font-size:8px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#7385a8;margin-bottom:6px;white-space:nowrap}
.cl-k b{display:block;font-family:var(--disp);font-size:16px;font-weight:800;color:#e8edf5;font-variant-numeric:tabular-nums}
.cl-k b small{font-size:8px;color:#56698c;font-weight:700;margin-left:2px}
.cl-k b.alt{font-size:13px;margin-top:3px;color:#86efac}
.cl-k b.win{color:#22c55e}
.cl-k b.acc{color:#3b82f6}
.cl-dow{display:grid;grid-template-columns:repeat(7,1fr) 46px;gap:6px;margin-bottom:6px}
.cl-dow span{font-size:8.5px;font-weight:600;color:#56698c;text-transform:uppercase;letter-spacing:.05em;text-align:center}
.cl-grid{display:grid;grid-template-columns:repeat(7,1fr) 46px;gap:6px}
.cl-cell{min-height:80px;border-radius:8px;background:#0d1420;border:1px solid rgba(255,255,255,.05);padding:6px 7px;display:flex;flex-direction:column;gap:2px}
.cl-top{display:flex;justify-content:space-between;align-items:flex-start;gap:4px}
.cl-cell b{font-size:10px;font-weight:600;color:#9fb0cd;line-height:1}
.cl-ct{font-size:6px;font-weight:600;color:#56698c;background:rgba(255,255,255,.05);border-radius:4px;padding:1px 4px;white-space:nowrap;flex-shrink:0}
.cl-cell i{font-style:normal;font-size:8.5px;font-weight:700;color:#4ade80;font-variant-numeric:tabular-nums;line-height:1.15}
.cl-cell i.alt{color:#86efac;font-weight:600}
.cl-cell u{text-decoration:none;font-size:9.5px;font-weight:800;color:#60a5fa;font-variant-numeric:tabular-nums;margin-top:1px}
.cl-wl{display:flex;gap:3px;margin-top:auto;padding-top:3px}
.cl-wl em{font-style:normal;font-size:6px;font-weight:700;border-radius:3px;padding:1px 4px;line-height:1.3}
.cl-wl .w{color:#4ade80;background:rgba(34,197,94,.16)}
.cl-wl .l{color:#f87171;background:rgba(239,68,68,.16)}
.cl-cell.muted{opacity:.4;min-height:80px}
.cl-cell.muted b{color:#56698c}
.cl-cell.xtr{min-height:0;background:transparent;border-color:transparent;opacity:.3}
.cl-cell.w1{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.2)}
.cl-cell.w2{background:rgba(34,197,94,.17);border-color:rgba(34,197,94,.32)}
.cl-cell.w3{background:rgba(34,197,94,.24);border-color:rgba(34,197,94,.42)}
.cl-wk{border-radius:8px;background:rgba(59,130,246,.06);border:1px solid rgba(59,130,246,.14);padding:7px 3px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1px}
.cl-wk b{font-size:11px;font-weight:800;color:#60a5fa;font-variant-numeric:tabular-nums}
.cl-wk span{font-size:7px;color:#4ade80;font-variant-numeric:tabular-nums;line-height:1.25}
.cl-wk span.mut{color:#56698c;font-size:6.5px}
/* screen reveal: the Score Breakdown assembles as the frame enters */
html.mo .split-media .is-bar .f{transform:scaleX(0);transition:transform .85s var(--ease)}
html.mo .split-media.in .is-bar .f{transform:scaleX(var(--w))}
html.mo .split-media.in .is-bar:nth-child(3) .f{transition-delay:.1s}
html.mo .split-media.in .is-bar:nth-child(4) .f{transition-delay:.2s}
html.mo .split-media.in .is-bar:nth-child(5) .f{transition-delay:.3s}
html.mo .split-media.in .is-bar:nth-child(6) .f{transition-delay:.4s}
html.mo .split-media .is-arc{stroke-dashoffset:276;transition:stroke-dashoffset 1.2s var(--ease) .15s}
html.mo .split-media.in .is-arc{stroke-dashoffset:80}
/* features-page screens reuse the mock components inside the app-chrome; nudge them onto the real app palette */
.appscreen .im-head{font-size:9px;letter-spacing:.05em;color:#56698c;margin-top:2px}
.appscreen .im-head b{font-size:17px;color:#22c55e}
.appscreen .im-chart{margin:11px 0 16px}
.appscreen .im-sub{font-size:9px;letter-spacing:.05em;color:#56698c;margin-bottom:10px}
.appscreen .imb{font-size:12px}
.appscreen .imb-l{width:52px;color:#9fb0cd}
.appscreen .imb-track{height:7px;background:#0d1420}
.appscreen .imb-fill{background:#3b82f6}
.appscreen .imb-fill.loss{background:#ef4444}
.appscreen .imb-v{width:48px;color:#e8edf5}
.appscreen .imb-v.loss{color:#ef4444}
.appscreen .im-alert{margin-top:15px;padding:9px 12px;font-size:11px;background:rgba(245,158,11,.09);border-color:rgba(245,158,11,.24);color:#f59e0b}
.appscreen .im-dot{background:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.18)}
/* Trade Log: summary band + month groups */
.tl-sum{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:13px;background:#0d1420;border:1px solid rgba(255,255,255,.06);border-radius:11px;padding:11px 13px}
.tl-s .l{display:block;font-size:7px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#7385a8;margin-bottom:4px;white-space:nowrap}
.tl-s b{font-family:var(--disp);font-size:14px;font-weight:800;color:#e8edf5;font-variant-numeric:tabular-nums;white-space:nowrap}
.tl-s b.win{color:#22c55e}
.tl-s b.loss{color:#ef4444}
.tl-months{display:flex;flex-direction:column;gap:8px}
.tl-mo{background:#111c2d;border:1px solid rgba(255,255,255,.06);border-radius:11px;padding:11px 13px}
.tl-mo-h{display:flex;align-items:center;gap:8px}
.tl-ar{color:#56698c;font-size:9px}
.tl-mo-h b{font-family:var(--disp);font-size:13px;font-weight:800;color:#e8edf5}
.tl-rev{margin-left:auto;font-size:9px;font-weight:600;color:#3b82f6;border:1px solid rgba(59,130,246,.3);border-radius:7px;padding:3px 9px}
.tl-mo-s{display:flex;flex-wrap:wrap;align-items:center;gap:4px 11px;margin-top:9px;font-size:10.5px;color:#9fb0cd;font-variant-numeric:tabular-nums}
.tl-mo-s .win{color:#22c55e;font-weight:700}
.tl-mo-s .loss{color:#ef4444;font-weight:700}
.tl-ct{color:#56698c}
.tl-wl em{font-style:normal}
.tl-wl .w{color:#22c55e}
.tl-wl .l{color:#ef4444}
.tl-pl{color:#e8edf5;font-weight:600}
.appscreen .tlog{font-size:12px}
.appscreen .tlog thead th{color:#56698c;border-bottom-color:rgba(255,255,255,.08);padding:0 9px 10px}
.appscreen .tlog tbody td{color:#9fb0cd;border-bottom-color:rgba(255,255,255,.05);padding:10px 9px}
.appscreen .tlog tbody tr td:first-child{color:#e8edf5}
.appscreen .ai-panel{background:none;border:0;box-shadow:none;padding:0}
.appscreen .ai-tag{color:#3b82f6;margin-bottom:12px}
.appscreen .ai-panel .glance{border-bottom-color:rgba(255,255,255,.08);color:#7385a8;padding-bottom:14px;margin-bottom:14px;font-size:11px}
.appscreen .ai-panel .glance b{color:#e8edf5}
.appscreen .ai-panel .body{color:#9fb0cd;font-size:13px;line-height:1.65}
.appscreen .ai-panel .body b{color:#e8edf5}
.appscreen .lb-list{gap:7px}
.appscreen .lb-row{background:#111c2d;border-color:rgba(255,255,255,.07);padding:10px 12px}
.appscreen .lb-row.you{background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.34)}
.appscreen .lb-rank{color:#56698c}
.appscreen .lb-name{font-size:13px;color:#e8edf5}
.appscreen .lb-score{color:#e8edf5;font-size:15px}
.appscreen .lb-chan{margin-top:14px}
.appscreen .lb-chan span{background:#111c2d;border-color:rgba(255,255,255,.07);color:#9fb0cd;font-size:11px}
/* Leaderboard: tabs + gold/silver/bronze podium */
.lb-tabs{display:flex;gap:4px;background:#0d1420;border:1px solid rgba(255,255,255,.06);border-radius:9px;padding:3px;margin-bottom:15px}
.lb-tab{flex:1;text-align:center;font-size:10px;font-weight:600;color:#7385a8;padding:6px 4px;border-radius:6px}
.lb-tab.on{background:rgba(59,130,246,.16);color:#3b82f6}
.lb-pod{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;align-items:end;margin-bottom:12px}
.lb-p{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;background:#0d1420;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:14px 8px 0}
.lb-p.gold{border-color:rgba(245,200,80,.42);background:linear-gradient(180deg,rgba(245,200,80,.1),#0d1420 62%);padding-top:20px;box-shadow:0 0 26px rgba(245,200,80,.12)}
.lb-p.silver{border-color:rgba(200,210,225,.34)}
.lb-p.bronze{border-color:rgba(205,140,90,.4)}
.lb-medal{position:absolute;top:-9px;left:50%;transform:translateX(-50%);width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--disp);font-weight:800;font-size:11px;color:#0a0f1a;box-shadow:0 2px 6px rgba(0,0,0,.4)}
.lb-p.gold .lb-medal{background:linear-gradient(135deg,#ffe08a,#f5c14e)}
.lb-p.silver .lb-medal{background:linear-gradient(135deg,#eef2f7,#c3ccda)}
.lb-p.bronze .lb-medal{background:linear-gradient(135deg,#e6a877,#c67e46)}
.lb-pav{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#e8edf5;background:linear-gradient(135deg,#1c2942,#0f1a2c);border:1px solid rgba(255,255,255,.1);margin-bottom:7px}
.lb-p.gold .lb-pav{width:40px;height:40px;font-size:16px;border-color:rgba(245,200,80,.5)}
.lb-pn{font-size:10px;font-weight:600;color:#e8edf5;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb-ps{font-family:var(--disp);font-weight:800;font-size:16px;color:#e8edf5;margin-top:2px}
.lb-p.gold .lb-ps{color:#ffdf8a;font-size:20px}
.lb-ped{width:100%;margin-top:10px;border-radius:6px 6px 0 0;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.015))}
.lb-p.gold .lb-ped{height:28px;background:linear-gradient(180deg,rgba(245,200,80,.34),rgba(245,200,80,.04))}
.lb-p.silver .lb-ped{height:17px}
.lb-p.bronze .lb-ped{height:11px}
.appscreen .as-hstat{font-family:var(--disp);font-size:15px;font-weight:800;color:#22c55e;font-variant-numeric:tabular-nums}
/* mobile: let the app-screen recreations reflow so nothing clips or overflows */
@media(max-width:560px){
  .split-media,.split-text{min-width:0}
  .as-body{padding:15px 15px}
  .is-kpis{grid-template-columns:repeat(3,1fr)}
  .is-kpi .l{white-space:normal}
  .is-score{flex-direction:column;align-items:stretch;gap:16px;text-align:center}
  .is-gauge{margin:0 auto}
  .is-bars{text-align:left}
  .cl-dow,.cl-grid{grid-template-columns:repeat(7,1fr) 38px;gap:4px}
  .cl-cell{padding:4px 4px;min-height:60px}
  .cl-cell.muted{min-height:60px}
  .cl-cell b{font-size:8px}
  .cl-cell i{font-size:7px}
  .cl-cell u{font-size:8px}
  .cl-ct{display:none}
  .cl-wl em{font-size:5.5px;padding:1px 3px}
  .cl-wk{padding:5px 2px}
  .cl-wk b{font-size:9px}.cl-wk span{font-size:6px}.cl-wk span.mut{font-size:5.5px}
  .cl-nav .mo{font-size:14px}
  .appscreen .tlog{font-size:11px}
  .appscreen .tlog thead th,.appscreen .tlog tbody td{padding-left:6px;padding-right:6px}
}
/* Compact founding meter for the hero */
.fr-bar{display:flex;align-items:center;gap:7px;padding:13px 16px;border-bottom:1px solid var(--navy-line)}
.fr-bar i{width:11px;height:11px;border-radius:50%;background:rgba(255,255,255,.14)}
.fr-url{margin-left:12px;font-size:11.5px;font-weight:500;color:var(--ink-3)}
.fr-body{padding:20px}
.fr-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:18px}
.fr-top h4{font-family:var(--sans);font-size:15px;font-weight:600}
.fr-top span{font-size:11.5px;font-weight:500;color:var(--ink-3)}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}
.kpi{background:var(--navy-2);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:14px}
.kpi .l{font-size:9.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);margin-bottom:8px}
.kpi .v{font-family:var(--disp);font-size:22px;font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.kpi .v.win{color:var(--win)} .kpi .v.acc{color:var(--accent)}
.chart{background:var(--navy-2);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:14px 16px}
.chart .ch-top{display:flex;justify-content:space-between;margin-bottom:8px;font-size:10px;font-weight:600;color:var(--ink-3);text-transform:uppercase;letter-spacing:.07em}
.chart .ch-top b{color:var(--win);font-weight:700;font-variant-numeric:tabular-nums}

.kicker{font-size:14px;font-weight:600;color:var(--accent);margin-bottom:16px}
.h2{font-size:clamp(30px,3.8vw,52px)}
.lead{font-size:19px;font-weight:400;line-height:1.62;color:var(--ink-2);margin-top:18px;max-width:60ch;text-wrap:pretty}

/* Problem */
/* ---- The problem: editorial split, loss-chart artifact ---- */
.problem{position:relative}
.problem .wrap{position:relative;z-index:1}
.prob-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(34px,5vw,72px);align-items:center}
.prob-h{max-width:18ch;font-size:clamp(29px,2.95vw,40px);line-height:1.08;letter-spacing:-.015em}
.tred{color:var(--loss)}
.kicker.loss{color:var(--loss);display:inline-flex;align-items:center;gap:9px}
.kicker.loss .k-dot{width:8px;height:8px;border-radius:50%;background:var(--loss);box-shadow:0 0 12px var(--loss)}
html.mo .kicker.loss .k-dot{animation:kdot 2.4s ease-in-out infinite}
@keyframes kdot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.82)}}
.prob-line{position:relative;margin:30px 0 0;padding-left:20px;font-family:var(--disp);font-size:clamp(20px,2.1vw,29px);font-weight:800;line-height:1.16;letter-spacing:-.015em;color:var(--ink)}
.prob-line .pq-bar{position:absolute;left:0;top:5px;bottom:5px;width:3px;border-radius:2px;background:var(--loss)}
/* the loss chart, sitting in the right-hand space */
.prob-chart{position:relative}
.pc-frame{position:relative;background:linear-gradient(180deg,rgba(242,109,109,.05),var(--navy-1) 70%);border:1px solid rgba(242,109,109,.16);border-radius:16px;padding:20px 20px 15px;box-shadow:0 34px 74px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.04)}
.pc-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}
.pc-lbl{display:block;font-size:13px;font-weight:600;color:var(--ink)}
.pc-sub{display:block;font-size:11px;color:var(--ink-3);margin-top:3px}
.pc-delta{font-family:var(--disp);font-size:27px;font-weight:800;color:var(--loss);font-variant-numeric:tabular-nums;letter-spacing:-.01em;line-height:1}
.pc-plot{position:relative;height:clamp(150px,17vw,186px)}
.pc-plot svg{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible}
.pc-grid{stroke:rgba(255,255,255,.05);stroke-width:1}
.pc-line{filter:drop-shadow(0 5px 12px rgba(242,109,109,.32))}
.pc-mark{position:absolute;left:66%;top:71.4%;width:13px;height:13px;transform:translate(-50%,-50%)}
.pc-mark .pc-dot{position:absolute;inset:3px;border-radius:50%;background:var(--loss);box-shadow:0 0 9px var(--loss)}
.pc-mark .pc-ring{position:absolute;inset:0;border-radius:50%;border:1.5px solid var(--loss)}
html.mo .pc-mark .pc-ring{animation:pcpulse 2s cubic-bezier(0,0,.2,1) infinite}
@keyframes pcpulse{0%{transform:scale(.6);opacity:.9}75%{transform:scale(2.6);opacity:0}100%{opacity:0}}
.pc-callout{position:absolute;left:66%;top:71.4%;transform:translate(9px,-132%);font-size:11.5px;line-height:1.32;color:var(--ink-2);background:rgba(10,16,26,.92);border:1px solid rgba(242,109,109,.3);border-radius:9px;padding:7px 11px;white-space:nowrap;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-shadow:0 10px 26px rgba(0,0,0,.4)}
.pc-callout b{color:var(--loss);font-weight:700}
.pc-callout::after{content:"";position:absolute;left:11px;bottom:-5px;width:9px;height:9px;background:rgba(10,16,26,.92);border-right:1px solid rgba(242,109,109,.3);border-bottom:1px solid rgba(242,109,109,.3);transform:rotate(45deg)}
.pc-axis{display:flex;justify-content:space-between;margin-top:12px;font-size:10px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3)}
.pains{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:clamp(52px,6vw,72px)}
.pain{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(242,109,109,.05),var(--navy-1) 58%);border:1px solid rgba(242,109,109,.15);border-radius:16px;padding:26px 26px 28px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:transform .4s var(--ease),border-color .4s var(--ease),box-shadow .4s var(--ease)}
.pain::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(242,109,109,.5),transparent);opacity:0;transition:opacity .4s var(--ease)}
.pain:hover{transform:translateY(-4px);border-color:rgba(242,109,109,.34);box-shadow:0 22px 48px rgba(242,109,109,.08),inset 0 1px 0 rgba(255,255,255,.05)}
.pain:hover::before{opacity:1}
.pain-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.pain-n{font-family:var(--disp);font-size:14px;font-weight:800;color:var(--loss);letter-spacing:.08em;opacity:.75}
.pain .pic{color:var(--loss);display:block;opacity:.92}
.pain h3{font-family:var(--sans);font-size:18px;font-weight:600;line-height:1.3;letter-spacing:0;margin-bottom:10px}
.pain p{font-size:15px;color:var(--ink-2);line-height:1.6}
/* ---- Features: compact heading + editorial feature blocks ---- */
.feat-head{max-width:660px}
.feat-head .kicker{color:var(--accent)}
.feat-h{font-size:clamp(30px,3.7vw,48px);line-height:1.04;letter-spacing:-.02em}
.feats{margin-top:clamp(30px,4vw,48px)}
.feat-row{margin-top:clamp(48px,7vw,92px)}
.feats > .feat-row:first-child{margin-top:0}
.kicker.acc{color:var(--accent)}
.kicker.win{color:#22c55e}
.feat-title{font-family:var(--sans);font-size:clamp(24px,2.7vw,35px);font-weight:700;line-height:1.16;letter-spacing:-.015em;color:var(--ink);text-wrap:balance}
.feat-flag{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(36px,5vw,72px)}
.split.rev.feat-flag{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)}
.feat-flag .feat-title{font-size:clamp(27px,3.1vw,42px)}
/* Varied-size feature pairs (no cards) */
.feat-pair{display:grid;gap:clamp(30px,5vw,64px);align-items:end}
.feat-pair.med{grid-template-columns:1fr 1fr;align-items:start}
.feat-pair.sm{grid-template-columns:1fr 1fr;align-items:start}
.feat-item .feat-title{font-size:clamp(21px,2.2vw,28px);margin-top:2px}
.feat-pair.sm .feat-item .feat-title{font-size:clamp(19px,1.9vw,23px)}
.fi-desc{font-size:15px;color:var(--ink-2);line-height:1.6;margin-top:12px;max-width:46ch}
.feat-pair.sm .fi-desc{font-size:14px;max-width:40ch}
.fi-media{margin-top:22px}
.feat-pair.sm .fi-media{max-width:none}
.feat-pair.sm .feat-phone .fi-media{max-width:232px;margin-inline:auto}

/* iPhone frame with the real mobile dashboard */
.iphone{position:relative;width:100%;max-width:288px;margin:0;aspect-ratio:288/612;background:linear-gradient(150deg,#2a2f39,#0a0c10 60%);border-radius:48px;padding:9px;box-shadow:0 55px 95px rgba(0,0,0,.62),inset 0 0 0 1px rgba(255,255,255,.09),inset 0 2px 3px rgba(255,255,255,.16)}
.ip-island{position:absolute;top:19px;left:50%;transform:translateX(-50%);width:82px;height:23px;background:#000;border-radius:14px;z-index:6}
.ip-screen{position:relative;height:100%;background:#080c14;border-radius:40px;overflow:hidden;display:flex;flex-direction:column}
.ip-status{display:flex;justify-content:space-between;align-items:center;padding:14px 22px 6px;font-size:11px;font-weight:600;color:#e8edf5;font-variant-numeric:tabular-nums;flex-shrink:0}
.ip-sys{display:inline-flex;align-items:center;gap:5px;color:#e8edf5}
.ip-sys svg{display:block}
.ip-app{flex:1;min-height:0;padding:6px 15px 0;overflow:hidden}
.ip-appbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.ip-burger svg,.ip-srch svg{width:17px;height:17px;color:#9fb0cd;display:block}
.ip-acts{display:inline-flex;align-items:center;gap:11px}
.ip-av{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6)}
.ip-h{font-family:var(--disp);font-weight:800;font-size:19px;color:#f0f3f9;letter-spacing:-.01em;line-height:1}
.ip-date{font-size:8.5px;color:#7385a8;margin:4px 0 5px}
.ip-daymeta{font-size:7.5px;color:#56698c;margin-bottom:9px}
.ip-sess{display:flex;gap:4px;margin-bottom:6px}
.ip-sess span{flex:1;text-align:center;font-size:7px;font-weight:700;letter-spacing:.04em;color:#56698c;background:#0d1420;border:1px solid rgba(255,255,255,.05);border-radius:6px;padding:4px 0}
.ip-sess span.on{color:#a78bfa;background:rgba(139,92,246,.14);border-color:rgba(139,92,246,.4)}
.ip-sessmeta{font-size:7px;color:#56698c;margin-bottom:11px}
.ip-sessmeta b{color:#9fb0cd}
.ip-greet{text-align:center;margin-bottom:12px}
.ip-streak{display:inline-flex;align-items:center;gap:4px;font-size:7.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#f59e0b;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.28);border-radius:999px;padding:3px 9px;margin-bottom:8px}
.ip-streak svg{width:8px;height:8px}
.ip-greet-h{font-family:var(--disp);font-weight:800;font-size:13px;color:#f0f3f9;line-height:1.15}
.ip-greet-h b{background:linear-gradient(110deg,#8b5cf6,#3b82f6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.ip-greet-s{font-size:8px;color:#7385a8;margin-top:4px}
.ip-card{background:#0d1420;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:11px 12px;margin-bottom:10px}
.ip-crow{display:flex;justify-content:space-between;align-items:baseline}
.ip-cl{font-size:7px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#56698c}
.ip-cv{font-family:var(--disp);font-weight:800;color:#22c55e;font-size:14px;font-variant-numeric:tabular-nums}
.ip-chart{display:flex;gap:6px;margin-top:9px}
.ip-yax{display:flex;flex-direction:column;justify-content:space-between;font-size:6px;color:#3d4d68;text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0}
.ip-spark{display:block;flex:1;height:56px}
.ip-filter{display:flex;align-items:center;gap:5px;margin-bottom:11px}
.ip-fl{font-size:7px;letter-spacing:.08em;text-transform:uppercase;color:#56698c;font-weight:600;margin-right:1px}
.ip-fa{font-size:8px;font-weight:600;color:#7385a8;border:1px solid rgba(255,255,255,.09);border-radius:6px;padding:3px 8px}
.ip-fa.on{background:rgba(59,130,246,.14);color:#3b82f6;border-color:rgba(59,130,246,.4)}
.ip-kpis{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
.ip-k{background:#0d1420;border:1px solid rgba(255,255,255,.06);border-radius:11px;padding:10px 11px}
.ip-k .l{font-size:6.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#7385a8;margin-bottom:5px;white-space:nowrap}
.ip-k .v{font-family:var(--disp);font-weight:800;font-size:16px;line-height:1;color:#e8edf5;font-variant-numeric:tabular-nums}
.ip-k .v small{font-size:8px;color:#56698c;font-weight:700;margin-left:2px}
.ip-k .v.win{color:#22c55e}
.ip-k .v.acc{color:#3b82f6}
.ip-goals{display:flex;align-items:center;gap:8px;font-size:8px}
.ip-gl{color:#7385a8;font-weight:600;white-space:nowrap}
.ip-gsel{flex:1;display:flex;justify-content:space-between;align-items:center;color:#56698c;background:#0d1420;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:6px 9px}
.ip-gsel b{color:#56698c;font-size:7px}
.ip-fab{position:absolute;right:16px;bottom:20px;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#5b86ff,#3b63e0);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 20px rgba(59,99,224,.5);z-index:6}
.ip-fab svg{width:19px;height:19px}
.ip-home{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);width:100px;height:4px;border-radius:3px;background:rgba(255,255,255,.3);z-index:6}
@media(max-width:820px){
  .feat-pair.med,.feat-pair.sm{grid-template-columns:1fr;gap:clamp(40px,9vw,60px)}
  .feat-pair.sm .fi-media{max-width:340px;margin-inline:0}
  .feat-phone .fi-media{margin-inline:auto}
}

/* Weekly Review recreation */
.wk-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:14px}
.wk-s{background:#111c2d;border:1px solid rgba(255,255,255,.06);border-radius:11px;padding:11px 12px}
.wk-s .l{display:block;font-size:9.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#56698c;margin-bottom:5px}
.wk-s b{font-family:var(--disp);font-size:19px;font-weight:800;color:#e8edf5;font-variant-numeric:tabular-nums}
.wk-s b.win{color:#22c55e}
.wk-s b.acc{color:#3b82f6}
.wk-ai{background:rgba(59,130,246,.06);border:1px solid rgba(59,130,246,.16);border-radius:11px;padding:12px 13px;text-align:left}
.wk-ai-h{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#3b82f6;margin-bottom:6px}
.wk-ai p{font-size:11.5px;color:#9fb0cd;line-height:1.55}

/* Community — closing chapter, a live composer */
.comm{position:relative;margin-top:clamp(70px,10vw,140px);padding:clamp(52px,7vw,104px) clamp(22px,4vw,44px);text-align:center;overflow-x:clip}
.comm::before{content:"";position:absolute;left:50%;top:47%;width:min(1160px,130%);height:min(820px,160%);transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(79,124,255,.2),rgba(79,124,255,.07) 44%,transparent 76%);filter:blur(34px);pointer-events:none}
.comm-inner{position:relative;max-width:800px;margin:0 auto}
.comm-head .kicker{display:inline-flex}
.comm-title{font-size:clamp(28px,3.6vw,46px);line-height:1.1;letter-spacing:-.02em}
.comm .lead{margin:16px auto 0;max-width:600px}
.comm-stage{position:relative;margin-top:clamp(42px,6vw,76px);display:flex;justify-content:center;align-items:center;min-height:100px}
.comm-composer{position:relative;z-index:2;display:flex;align-items:center;gap:13px;width:min(560px,100%);padding:13px 13px 13px 17px;border-radius:18px;background:linear-gradient(180deg,rgba(18,28,45,.92),rgba(11,17,26,.92));border:1px solid rgba(79,124,255,.36);box-shadow:0 30px 70px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(8px)}
.cc-chan{flex-shrink:0;font-size:13px;font-weight:700;color:var(--accent);background:rgba(79,124,255,.13);border-radius:9px;padding:7px 11px}
.cc-type{flex:1;text-align:left;font-size:15px;color:var(--ink);min-height:20px;display:flex;align-items:center;overflow:hidden;white-space:nowrap}
.cc-caret{display:inline-block;width:2px;height:18px;margin-left:1px;background:var(--accent);flex-shrink:0;animation:ccBlink 1.05s steps(1) infinite}
@keyframes ccBlink{0%,50%{opacity:1}50.01%,100%{opacity:0}}
.cc-send{position:relative;flex-shrink:0;width:40px;height:40px;border:0;border-radius:12px;background:linear-gradient(135deg,#5b86ff,#3b63e0);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 18px rgba(79,124,255,.4);transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
.cc-send::after{content:"";position:absolute;inset:0;border-radius:12px;animation:ccPulse 2.8s var(--ease) infinite}
.cc-send:hover{transform:translateY(-2px);box-shadow:0 11px 26px rgba(79,124,255,.55)}
@keyframes ccPulse{0%{box-shadow:0 0 0 0 rgba(79,124,255,.45)}70%{box-shadow:0 0 0 13px rgba(79,124,255,0)}100%{box-shadow:0 0 0 0 rgba(79,124,255,0)}}
.comm-orb{position:absolute;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--sans);font-size:15px;font-weight:700;color:var(--ink-2);background:linear-gradient(135deg,#1c2942,#0f1a2c);border:1px solid rgba(255,255,255,.09);box-shadow:0 12px 30px rgba(0,0,0,.4);opacity:.5;z-index:1;will-change:transform}
.comm-orb.o1{left:calc(50% - 360px);top:calc(50% - 60px);animation:floaty 7s ease-in-out infinite}
.comm-orb.o2{left:calc(50% - 300px);top:calc(50% + 26px);width:38px;height:38px;animation:floaty 8.5s ease-in-out infinite .6s}
.comm-orb.o3{left:calc(50% - 210px);top:calc(50% - 96px);width:34px;height:34px;opacity:.34;animation:floaty 9s ease-in-out infinite 1.2s}
.comm-orb.o4{left:calc(50% + 320px);top:calc(50% - 54px);animation:floaty 7.6s ease-in-out infinite .3s}
.comm-orb.o5{left:calc(50% + 262px);top:calc(50% + 28px);width:38px;height:38px;animation:floaty 8s ease-in-out infinite .9s}
.comm-orb.o6{left:calc(50% + 176px);top:calc(50% - 92px);width:34px;height:34px;opacity:.34;animation:floaty 9.4s ease-in-out infinite 1.5s}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.comm-foot{margin-top:clamp(34px,5vw,54px);display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap}
.comm-avs{display:flex}
.comm-avs span{width:32px;height:32px;border-radius:50%;margin-left:-9px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--ink);background:linear-gradient(135deg,#243352,#131f33);border:2px solid #0b1220;box-shadow:0 4px 10px rgba(0,0,0,.4)}
.comm-avs span:first-child{margin-left:0}
.comm-avs span:last-child{color:var(--accent)}
.comm-foot-tx{font-size:14px;color:var(--ink-3);max-width:420px;text-align:left}
@media (prefers-reduced-motion: reduce){
  .comm-orb,.cc-caret,.cc-send::after{animation:none}
}
@media(max-width:680px){
  .comm-orb.o3,.comm-orb.o6{display:none}
  .comm-orb.o1{left:calc(50% - 150px);top:calc(50% - 62px)}
  .comm-orb.o2{left:calc(50% - 140px);top:calc(50% + 42px)}
  .comm-orb.o4{left:calc(50% + 130px);top:calc(50% - 62px)}
  .comm-orb.o5{left:calc(50% + 120px);top:calc(50% + 42px)}
  .comm-foot-tx{text-align:center}
}

/* Fades + light band */
.fade-dn{height:220px;background:linear-gradient(180deg,var(--navy) 0%,#161e2c 40%,#8f97a8 82%,var(--paper) 100%)}
.fade-up{height:200px;background:linear-gradient(180deg,var(--paper) 0%,#8f97a8 18%,#161e2c 62%,var(--navy) 100%)}
.band{background:var(--paper);color:var(--p-ink)}
.band .kicker{color:var(--accent)}
.band .lead{color:var(--p-ink-2)}
.band h2,.band h3{color:var(--p-ink)}
.band-deep{background:radial-gradient(ellipse 160% 90% at 50% -40%,rgba(79,124,255,.045),transparent 62%),linear-gradient(180deg,transparent 0%,#05080f 45%,#05080f 78%,transparent 100%)}

/* Splits */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,84px);align-items:center}
.split.rev .split-media{order:-1}
.flist{list-style:none;margin-top:28px;display:flex;flex-direction:column;gap:13px}
.flist li{display:flex;gap:12px;font-size:16px;color:var(--ink-2)}
.flist li::before{content:"";width:18px;height:18px;flex-shrink:0;margin-top:1px;border-radius:6px;background:var(--accent-soft);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%234f7cff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}
.band .flist li{color:var(--p-ink-2)}
.band .flist li::before{background-color:rgba(79,124,255,.12)}

.pb.dark{background:var(--navy-1);border-color:var(--navy-line);box-shadow:0 40px 90px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.05)}
.pb.dark .pb-h b{color:var(--ink)}
.pb.dark .pb-row{border-top-color:var(--navy-line);color:var(--ink)}
.pb.dark .pb-row .ck{background:var(--navy-2)}
.pb.dark .pb-row.off{color:var(--ink-3)}
html.mo .pb.dark .pb-row.on .ck{background:var(--navy-2)}

/* Playbook card (light) */
.pb{background:var(--paper-2);border:1px solid var(--p-line);border-radius:18px;padding:28px 30px;box-shadow:0 30px 70px rgba(12,19,31,.09)}
.pb-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.pb-h b{font-family:var(--sans);font-size:14px;font-weight:600}
.pb-h span{font-size:12px;font-weight:600;color:#0e9459;background:rgba(38,208,124,.12);border:1px solid rgba(38,208,124,.25);border-radius:999px;padding:4px 11px}
.pb-row{display:flex;align-items:center;gap:11px;padding:11px 0;border-top:1px solid var(--p-line);font-size:14px;color:var(--p-ink)}
.pb-row .ck{width:19px;height:19px;border-radius:6px;flex-shrink:0;background:#e7ebf2}
.pb-row.on .ck{background:var(--accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}
.pb-row.off{color:var(--p-ink-2)}

/* AI review panel (dark) */
.ai-panel{background:var(--navy-1);border:1px solid var(--navy-line);border-radius:18px;padding:28px;box-shadow:0 40px 90px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.05)}
.ai-tag{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}
.ai-panel .glance{display:flex;gap:20px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--navy-line);font-size:12px;color:var(--ink-3)}
.ai-panel .glance b{color:var(--ink);font-family:var(--disp);font-weight:700;font-variant-numeric:tabular-nums;margin-right:5px}
.ai-panel .body{font-size:14px;line-height:1.7;color:var(--ink-2)}
.ai-panel .body b{color:var(--ink);font-weight:600}

/* Feature grid (dark) */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:56px}
.fcard{background:var(--navy-1);border:1px solid var(--navy-line);border-radius:16px;padding:28px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:border-color .25s,transform .25s var(--ease)}
.fcard:hover{border-color:rgba(255,255,255,.14);transform:translateY(-3px)}
.fcard .ic{width:38px;height:38px;border-radius:10px;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;margin-bottom:18px;color:var(--accent)}
.fcard h3{font-family:var(--sans);font-size:17px;font-weight:600;letter-spacing:0;margin-bottom:9px}
.fcard p{font-size:14px;color:var(--ink-2);line-height:1.6}

/* Pricing (dark) */
.pricing{position:relative}
.price-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:20px;max-width:820px;margin:56px auto 0}
.pcard{background:var(--navy-1);border:1px solid var(--navy-line);border-radius:20px;padding:36px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.pcard.feat{border-color:rgba(79,124,255,.4);box-shadow:0 30px 70px rgba(2,6,16,.55),inset 0 1px 0 rgba(255,255,255,.06)}
.pcard .plabel{font-size:12px;font-weight:600;color:var(--accent);margin-bottom:16px}
.pcard.std .plabel{color:var(--ink-3)}
.pamt{font-family:var(--disp);font-weight:800;font-size:56px;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1}
.pamt sup{font-size:26px;vertical-align:22px;margin-right:2px}
.pper{font-size:13px;color:var(--ink-3);margin-top:8px}
.pledger{list-style:none;margin:26px 0;display:flex;flex-direction:column;gap:12px}
.pledger li{display:flex;align-items:center;font-size:13px;color:var(--ink-2)}
.pledger li .txt{white-space:nowrap}
.pledger li .lead-dots{flex:1;border-bottom:1px dotted rgba(255,255,255,.16);margin:0 10px;transform:translateY(-3px)}
.pledger li .tick{color:var(--win);font-weight:700}
.pcard .btn{width:100%;justify-content:center;height:50px}
/* Founding scarcity meter */
.founding-meter{position:relative;width:100%;max-width:400px;margin:30px 0 0;padding:13px 16px 14px;border-radius:13px;background:linear-gradient(180deg,rgba(79,124,255,.07),rgba(10,15,26,.35));border:1px solid rgba(79,124,255,.24)}
.founding-meter::after{content:"";position:absolute;inset:0;border-radius:13px;pointer-events:none;box-shadow:0 0 22px -8px rgba(79,124,255,.34)}
html.mo .founding-meter::after{animation:fmGlow 4.5s ease-in-out infinite}
@keyframes fmGlow{0%,100%{box-shadow:0 0 22px -8px rgba(79,124,255,.32)}50%{box-shadow:0 0 36px -2px rgba(79,124,255,.55)}}
.fm-top{display:flex;justify-content:space-between;align-items:center;gap:14px}
.fm-label{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:var(--ink-2)}
.fm-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 9px var(--accent);flex-shrink:0}
html.mo .fm-dot{animation:fmDot 2.2s ease-in-out infinite}
@keyframes fmDot{0%,100%{opacity:1;box-shadow:0 0 9px var(--accent)}50%{opacity:.45;box-shadow:0 0 2px var(--accent)}}
.fm-count{font-size:12px;color:var(--ink-3);font-variant-numeric:tabular-nums;white-space:nowrap}
.fm-count b{font-family:var(--disp);font-size:15px;font-weight:800;color:var(--ink)}
.fm-sep{margin:0 3px;opacity:.5}
.fm-track{position:relative;height:5px;border-radius:4px;background:rgba(255,255,255,.07);overflow:hidden;margin-top:11px}
.fm-fill{position:absolute;inset:0;border-radius:4px;background:linear-gradient(90deg,var(--accent),#7aa0ff);transform-origin:left center;transform:scaleX(var(--fill,1))}
html.mo .fm-fill::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 25%,rgba(255,255,255,.5),transparent 75%);transform:translateX(-120%);animation:fmShimmer 3.2s ease-in-out infinite}
@keyframes fmShimmer{0%{transform:translateX(-120%)}55%,100%{transform:translateX(120%)}}
html.mo .founding-meter .fm-fill{transform:scaleX(0);transition:transform 1s var(--ease) .1s}
html.mo .founding-meter.in .fm-fill{transform:scaleX(var(--fill,1))}
/* Price discount anchor */
.pricehead{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}
.pcard .was{font-family:var(--disp);font-weight:700;font-size:24px;color:var(--ink-3);text-decoration:line-through;text-decoration-color:rgba(242,109,109,.65);letter-spacing:-.02em;padding-bottom:7px}
.punit{font-size:13px;color:var(--ink-3);line-height:1.3;padding-bottom:7px;display:flex;flex-direction:column}
.punit i{color:var(--accent);font-style:normal;font-weight:600;margin-top:2px}
.pcard.std .punit i{color:var(--ink-3)}
.psave{margin-top:16px;display:inline-block;font-size:12.5px;font-weight:600;color:var(--win);background:rgba(38,208,124,.1);border:1px solid rgba(38,208,124,.24);border-radius:9px;padding:8px 12px}
.psave.muted{color:var(--ink-3);background:transparent;border:none;padding:0;font-weight:500;margin-top:14px}
.ptrust{margin-top:14px;font-size:12px;color:var(--ink-3);text-align:center}
/* Pricing page: ambient glow + featured emphasis + everything-included grid */
.pricing{position:relative}
.pricing .wrap{position:relative;z-index:1}
/* Pricing page: one continuous flow — tighten gaps so blocks read as a single page, not stacked sections */
.page-pricing .section{padding-bottom:clamp(46px,6vw,74px)}
.pcard{position:relative}
.pcard.feat{border-color:rgba(79,124,255,.5);box-shadow:0 30px 70px rgba(2,6,16,.55),inset 0 1px 0 rgba(255,255,255,.07);transform:translateY(-8px)}
.price-ribbon{position:absolute;top:-13px;left:50%;transform:translateX(-50%);font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#0a0f1a;background:linear-gradient(100deg,#7f9dff,#4f7cff);border-radius:999px;padding:6px 15px;white-space:nowrap;box-shadow:0 10px 24px rgba(79,124,255,.42)}
.incl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:clamp(32px,4vw,50px)}
.incl-item{display:flex;gap:14px;align-items:flex-start;background:var(--navy-1);border:1px solid var(--navy-line);border-radius:14px;padding:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.03);transition:border-color .4s var(--ease),transform .4s var(--ease),box-shadow .4s var(--ease)}
.incl-item:hover{border-color:rgba(79,124,255,.32);transform:translateY(-3px);box-shadow:0 18px 40px rgba(0,0,0,.34)}
.incl-ic{flex-shrink:0;width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(79,124,255,.1);border:1px solid rgba(79,124,255,.22);color:var(--accent)}
.incl-ic svg{width:19px;height:19px}
.incl-tx b{display:block;font-family:var(--sans);font-size:14.5px;font-weight:600;color:var(--ink);letter-spacing:-.01em}
.incl-tx span{display:block;font-size:12.5px;color:var(--ink-2);line-height:1.5;margin-top:3px}
@media(max-width:860px){.incl-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.incl-grid{grid-template-columns:1fr}.pcard.feat{transform:none}}
/* Pricing page: price comparison anchor */
.pxc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:900px;margin:clamp(32px,4vw,50px) auto 0;align-items:stretch}
.pxc{position:relative;display:flex;flex-direction:column;background:var(--navy-1);border:1px solid var(--navy-line);border-radius:16px;padding:28px 24px;text-align:center}
.pxc-name{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.pxc-price{font-family:var(--disp);font-weight:800;font-size:38px;letter-spacing:-.02em;color:var(--ink);margin:10px 0 8px;font-variant-numeric:tabular-nums;line-height:1}
.pxc-price span{font-family:var(--sans);font-size:14px;font-weight:600;color:var(--ink-3);margin-left:3px}
.pxc-note{font-size:12.5px;color:var(--ink-2);line-height:1.55}
.pxc.best{border-color:rgba(79,124,255,.5);background:linear-gradient(180deg,rgba(79,124,255,.09),var(--navy-1) 70%);box-shadow:0 34px 80px rgba(79,124,255,.18)}
.pxc.best .pxc-price{color:var(--accent)}
.pxc-tag{position:absolute;top:-12px;left:50%;transform:translateX(-50%);font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#0a0f1a;background:linear-gradient(100deg,#7f9dff,#4f7cff);border-radius:999px;padding:5px 13px;white-space:nowrap;box-shadow:0 8px 20px rgba(79,124,255,.4)}
.pxc-cta{margin-top:auto;height:44px;justify-content:center;padding-top:18px}
.pxc .pxc-cta{margin-top:20px}
@media(max-width:720px){.pxc-grid{grid-template-columns:1fr;max-width:440px}}
/* Features page: hero stat band */
.ph-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(22px,4vw,56px);margin-top:clamp(32px,4vw,46px)}
.ph-stat{text-align:center}
.ph-stat b{display:block;font-family:var(--disp);font-weight:800;font-size:clamp(27px,3.4vw,42px);letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1}
.ph-stat b .u{font-size:.52em;color:var(--accent);margin-left:1px}
.ph-stat span{display:block;font-size:12px;color:var(--ink-3);margin-top:9px;letter-spacing:.02em}
/* Features page: 'day in the life' flow */
.dil{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:clamp(34px,4vw,54px);counter-reset:dil}
.dil-step{position:relative;background:var(--navy-1);border:1px solid var(--navy-line);border-radius:16px;padding:24px 22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.dil-step::before{counter-increment:dil;content:counter(dil);display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:rgba(79,124,255,.14);border:1px solid rgba(79,124,255,.4);color:var(--accent);font-family:var(--disp);font-weight:800;font-size:14px;margin-bottom:16px}
.dil-step h3{font-family:var(--sans);font-size:17px;font-weight:600;letter-spacing:-.01em;color:var(--ink);margin-bottom:8px}
.dil-step p{font-size:13.5px;color:var(--ink-2);line-height:1.55}
.dil-tag{display:inline-block;margin-top:13px;font-size:11px;font-weight:600;color:var(--accent);background:rgba(79,124,255,.1);border:1px solid rgba(79,124,255,.2);border-radius:7px;padding:4px 10px}
.dil-step:not(:last-child)::after{content:"";position:absolute;top:39px;right:-16px;width:16px;height:2px;background:linear-gradient(90deg,rgba(79,124,255,.55),transparent);z-index:1}
@media(max-width:860px){.dil{grid-template-columns:1fr 1fr}.dil-step:not(:last-child)::after{display:none}}
@media(max-width:520px){.dil{grid-template-columns:1fr}}
/* Home features teaser (funnels to the full features page) */
.ft-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:clamp(24px,3vw,34px)}
.ft-link{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:600;color:var(--accent);white-space:nowrap}
.ft-link svg{transition:transform .3s var(--ease)}
.ft-link:hover svg{transform:translateX(4px)}
.ft-cta{text-align:center;margin-top:clamp(30px,4vw,42px)}
/* Insights: 'there's far more than the screen shows' metric cloud */
.mcloud{margin-top:26px}
.mcloud-l{font-size:14px;color:var(--ink-2);line-height:1.5;margin-bottom:13px}
.mcloud-l b{color:var(--accent);font-weight:700}
.mchips{display:flex;flex-wrap:wrap;gap:8px}
.mchips span{font-size:12.5px;color:var(--ink-2);background:var(--navy-1);border:1px solid var(--navy-line);border-radius:999px;padding:6px 12px;white-space:nowrap}
.mchips .more{color:var(--accent);border-color:rgba(79,124,255,.32);background:rgba(79,124,255,.08);font-weight:600}
/* ---- Affiliates page ---- */
.aff-aura{position:fixed;top:-8%;left:50%;transform:translateX(-50%);width:min(1100px,120vw);height:680px;background:radial-gradient(closest-side,rgba(245,158,11,.12),transparent 70%);filter:blur(30px);pointer-events:none;z-index:-1}
.aff-scope .incl-ic{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.24);color:#f59e0b}
.dil.orange .dil-step::before{background:rgba(245,158,11,.14);border-color:rgba(245,158,11,.45);color:#f59e0b}
.dil.orange .dil-step:not(:last-child)::after{background:linear-gradient(90deg,rgba(245,158,11,.55),transparent)}
.dil.orange .dil-tag{color:#f59e0b;background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.22)}
.aff-earn-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px}
.aff-earn-chips span{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:#f6b64a;background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.24);border-radius:999px;padding:8px 16px}
.aff-earn-chips svg{width:14px;height:14px}
/* Affiliate dashboard preview */
.afd-tier{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;color:#f59e0b;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3);border-radius:999px;padding:5px 11px}
.afd-link{display:flex;align-items:center;gap:9px;background:#0d1420;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 12px;font-size:12px;color:#9fb0cd;margin-bottom:13px}
.afd-link svg{color:#f59e0b;flex-shrink:0}
.afd-link .u{flex:1;color:#e8edf5;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.afd-link .cp{flex-shrink:0;font-size:10px;font-weight:600;color:#f59e0b;border:1px solid rgba(245,158,11,.3);border-radius:7px;padding:5px 10px}
.afd-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:13px}
.afd-s{background:#111c2d;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:11px 12px}
.afd-s .l{font-size:8px;text-transform:uppercase;letter-spacing:.05em;color:#7385a8;margin-bottom:6px;white-space:nowrap}
.afd-s .v{font-family:var(--disp);font-size:19px;font-weight:800;color:#e8edf5;line-height:1;font-variant-numeric:tabular-nums}
.afd-s .v.amber{color:#f59e0b}
.afd-pay{display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(34,197,94,.06);border:1px solid rgba(34,197,94,.16);border-radius:11px;padding:12px 14px}
.afd-pay .pl{font-size:11px;color:#9fb0cd}
.afd-pay .pl b{color:#e8edf5}
.afd-pay .st{flex-shrink:0;font-size:10px;font-weight:700;color:#22c55e;background:rgba(34,197,94,.12);border-radius:999px;padding:5px 11px}
@media(max-width:560px){.afd-stats{grid-template-columns:1fr 1fr}}
/* Insights mockup */
.ins-mock{background:var(--navy-1);border:1px solid var(--navy-line);border-radius:18px;padding:24px;box-shadow:0 40px 90px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.05)}
.im-head{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.im-head b{font-family:var(--disp);font-size:20px;font-weight:800;letter-spacing:-.01em;color:var(--win);text-transform:none}
.im-chart{margin:14px 0 22px}
.im-sub{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:13px}
.im-bars{display:flex;flex-direction:column;gap:11px}
.imb{display:flex;align-items:center;gap:12px;font-size:13px}
.imb-l{width:56px;color:var(--ink-2)}
.imb-track{flex:1;height:8px;border-radius:5px;background:var(--navy-2);overflow:hidden}
.imb-fill{display:block;height:100%;border-radius:5px;background:var(--accent);transform-origin:left center;transform:scaleX(var(--w))}
.imb-fill.loss{background:var(--loss)}
.imb-v{width:52px;text-align:right;color:var(--ink);font-weight:600}
.imb-v.loss{color:var(--loss)}
.im-alert{display:flex;align-items:center;gap:9px;margin-top:20px;padding:11px 14px;border-radius:10px;background:rgba(224,144,15,.09);border:1px solid rgba(224,144,15,.24);font-size:12.5px;color:var(--amber);font-weight:600}
.im-dot{width:7px;height:7px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 3px rgba(224,144,15,.18);flex-shrink:0}
html.mo .split-media .imb-fill{transform:scaleX(0);transition:transform .9s var(--ease)}
html.mo .split-media.in .imb-fill{transform:scaleX(var(--w))}
html.mo .split-media.in .imb:nth-child(2) .imb-fill{transition-delay:.12s}
html.mo .split-media.in .imb:nth-child(3) .imb-fill{transition-delay:.24s}
/* Community / leaderboard mockup */
.lb-list{display:flex;flex-direction:column;gap:8px}
.lb-row{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:11px;background:var(--navy-2);border:1px solid var(--navy-line)}
.lb-row.you{background:rgba(79,124,255,.09);border-color:rgba(79,124,255,.32)}
.lb-rank{width:16px;font-family:var(--disp);font-weight:800;color:var(--ink-3);font-size:14px}
.lb-av{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--ink);background:linear-gradient(135deg,#1c2942,#0f1a2c);border:1px solid var(--navy-line);flex-shrink:0}
.lb-name{flex:1;font-size:14px;font-weight:600;color:var(--ink)}
.lb-tier{font-size:11px;font-weight:700;color:var(--tc,var(--ink-2));background:rgba(255,255,255,.05);border:1px solid var(--navy-line);border-radius:20px;padding:3px 10px}
.lb-score{font-family:var(--disp);font-size:16px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}
.lb-chan{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.lb-chan span{font-size:12px;color:var(--ink-2);background:var(--navy-2);border:1px solid var(--navy-line);border-radius:8px;padding:5px 10px}
/* Instagram/X story card */
.story-card{width:min(272px,80%);margin:0 auto;aspect-ratio:9/16;border-radius:26px;overflow:hidden;position:relative;background:radial-gradient(ellipse 90% 45% at 50% 0%,rgba(79,124,255,.24),transparent 60%),linear-gradient(165deg,#111f38,#070b12);border:1px solid var(--navy-line);box-shadow:0 45px 95px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.07);padding:26px 22px;display:flex;flex-direction:column}
.sc-brand{display:flex;align-items:center;justify-content:space-between}
.sc-brand b{font-family:var(--disp);font-weight:800;font-size:13px;letter-spacing:.04em;color:var(--ink)}
.sc-brand .tag{font-size:9px;font-weight:600;letter-spacing:.12em;color:var(--ink-3);text-transform:uppercase}
.sc-ring-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}
.sc-ring{position:relative;width:128px;height:128px}
.sc-ring .pct{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.sc-ring .pct b{font-family:var(--disp);font-size:34px;font-weight:800;color:var(--ink);line-height:1}
.sc-ring .pct small{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-top:3px}
.sc-stats{display:flex;justify-content:center;gap:26px;margin-top:18px}
.sc-stat{text-align:center}
.sc-stat b{display:block;font-family:var(--disp);font-size:19px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}
.sc-stat.pos b{color:var(--win)}
.sc-stat i{font-style:normal;font-size:9px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em}
.sc-tier{margin:16px auto 0;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#e0900f;background:rgba(224,144,15,.14);border:1px solid rgba(224,144,15,.3);border-radius:999px;padding:5px 13px}
.sc-tier .d{width:6px;height:6px;border-radius:50%;background:var(--amber)}
.sc-foot{text-align:center;font-size:10px;color:var(--ink-3);margin-top:auto;padding-top:16px}
/* Reviews empty state */
.reviews-empty{max-width:620px;margin:44px auto 0;text-align:center;background:var(--navy-1);border:1px dashed rgba(255,255,255,.14);border-radius:18px;padding:44px 32px}
.re-icon{width:52px;height:52px;margin:0 auto 20px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--navy-2);border:1px solid var(--navy-line);color:var(--ink-3)}
.reviews-empty p{font-size:15px;color:var(--ink-2);line-height:1.7;max-width:46ch;margin:0 auto 24px}
/* Founder note */
.founder-note{max-width:780px;margin:0 auto;text-align:center}
.fn-kicker{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:22px}
.fn-quote{font-size:clamp(19px,2.2vw,24px);font-weight:500;line-height:1.55;color:var(--ink);margin:0 auto;max-width:660px}
.fn-quote em{font-style:italic;color:var(--ink)}
.fn-by{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:28px}
.fn-av{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--disp);font-weight:800;font-size:18px;color:#fff;background:linear-gradient(135deg,var(--accent),#7aa0ff);flex-shrink:0}
.fn-meta{display:flex;flex-direction:column;text-align:left;font-size:13px;color:var(--ink-3)}
.fn-meta b{font-size:15px;color:var(--ink);font-weight:700}
/* ── Features page: real app-window mockups ── */
/* Trade Log table */
.tlog{width:100%;border-collapse:collapse;font-size:13px}
.tlog thead th{text-align:left;font-size:10px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);padding:0 10px 12px;border-bottom:1px solid var(--navy-line)}
.tlog thead th.r{text-align:right}
.tlog tbody td{padding:12px 10px;border-bottom:1px solid rgba(255,255,255,.05);color:var(--ink-2);vertical-align:middle}
.tlog tbody tr td:first-child{box-shadow:inset 3px 0 0 var(--edge,transparent);font-weight:600;color:var(--ink);border-top-left-radius:6px;border-bottom-left-radius:6px}
.tlog tbody tr.win td:first-child{--edge:var(--win)}
.tlog tbody tr.loss td:first-child{--edge:var(--loss)}
.tlog tbody tr.be td:first-child{--edge:var(--ink-3)}
.tlog tbody tr:last-child td{border-bottom:none}
.tl-dir{font-size:11px;font-weight:600;padding:2px 8px;border-radius:6px}
.tl-dir.long{color:var(--win);background:rgba(38,208,124,.12)}
.tl-dir.short{color:var(--loss);background:rgba(242,109,109,.12)}
.tl-grade{display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;border-radius:6px;font-size:12px;font-weight:700;color:var(--ink)}
.tl-grade.a{background:rgba(38,208,124,.16);color:var(--win)}
.tl-grade.b{background:rgba(79,124,255,.16);color:var(--accent)}
.tl-grade.c{background:rgba(224,144,15,.16);color:var(--amber)}
.tl-r{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}
.tl-r.pos{color:var(--win)}.tl-r.neg{color:var(--loss)}.tl-r.be{color:var(--ink-3)}
.tl-tags{display:flex;gap:5px}
.tl-tag{font-size:10px;color:var(--ink-3);background:var(--navy-2);border:1px solid var(--navy-line);border-radius:5px;padding:2px 6px}

/* Guarantee (dark) */
.guarantee{text-align:center}
.guarantee .shield{width:56px;height:56px;margin:0 auto 22px;color:var(--win)}
.guarantee .lead{margin-left:auto;margin-right:auto}

/* FAQ (dark) */
.faq{max-width:760px;margin:56px auto 0;display:flex;flex-direction:column;gap:12px}
.faq-item{background:var(--navy-1);border:1px solid var(--navy-line);border-radius:14px;padding:22px 24px}
.faq-item .q{font-family:var(--sans);font-size:16px;font-weight:600;display:flex;justify-content:space-between;gap:16px;align-items:center}
.faq-item .q .pl{color:var(--ink-3);font-size:20px;font-weight:400}
.faq-item .a{font-size:15px;color:var(--ink-2);line-height:1.65;margin-top:14px;max-width:64ch}
.faq.js-accordion .q{cursor:pointer}
.faq.js-accordion .faq-item .a{display:grid;grid-template-rows:0fr;margin-top:0;opacity:0;overflow:hidden;transition:grid-template-rows .45s var(--ease),opacity .3s var(--ease)}
.faq.js-accordion .faq-item.open .a{grid-template-rows:1fr;opacity:1}
.faq.js-accordion .faq-item .a>.a-in{overflow:hidden;min-height:0}
.faq.js-accordion .faq-item .a>.a-in::before{content:"";display:block;height:14px}

/* Footer */
.footer{border-top:1px solid var(--navy-line);padding:56px clamp(24px,4vw,64px) 40px}
.footer-top{max-width:1180px;margin:0 auto;display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}
.footer-blurb{font-size:14px;color:var(--ink-3);max-width:34ch;margin-top:14px;line-height:1.6}
.footer-cols{display:flex;gap:56px}
.fcol-t{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:14px}
.footer-cols a{display:block;font-size:14px;color:var(--ink-2);text-decoration:none;margin-bottom:11px}
.footer-bottom{max-width:1180px;margin:32px auto 0;padding-top:24px;border-top:1px solid var(--navy-line);font-size:12px;color:var(--ink-3);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}

@media(max-width:900px){
  .hero{grid-template-columns:1fr;min-height:auto;padding-top:110px}
  .hero-left,.hero-visual{min-width:0}
  .hero-visual{margin-top:44px}.frame{transform:none;width:100%}
  .split{grid-template-columns:1fr;gap:36px}.split.rev .split-media{order:0}
  .prob-grid{grid-template-columns:1fr;gap:38px}
  .prob-h{max-width:none}
  .pains,.grid3{grid-template-columns:1fr}
  .price-grid{grid-template-columns:1fr}
  .nav-links{display:none}
}
@media(max-width:620px){
  .app-side{display:none}
  .app-main{padding:15px 15px 6px}
  .hd-kpis{grid-template-columns:repeat(2,1fr)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Motion — applied only when html.mo is set (JS opts in). No-JS and reduced-motion stay fully visible. */
html.mo .rv{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
html.mo .rv.in{opacity:1;transform:none}
html.mo .rv-st>*{opacity:0;transform:translateY(22px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
html.mo .rv-st.in>*{opacity:1;transform:none}
html.mo .rv-st.in>*:nth-child(2){transition-delay:.06s}
html.mo .rv-st.in>*:nth-child(3){transition-delay:.12s}
html.mo .rv-st.in>*:nth-child(4){transition-delay:.18s}
html.mo .rv-st.in>*:nth-child(5){transition-delay:.24s}
html.mo .rv-st.in>*:nth-child(6){transition-delay:.30s}
html.mo .rv-st.in>*:nth-child(n+7){transition-delay:.36s}
html.mo .hero-left>*{opacity:0;animation:heroIn .75s var(--ease) both}
html.mo .hero-left>*:nth-child(1){animation-delay:.06s}
html.mo .hero-left>*:nth-child(2){animation-delay:.15s}
html.mo .hero-left>*:nth-child(3){animation-delay:.26s}
html.mo .hero-left>*:nth-child(4){animation-delay:.37s}
html.mo .hero-left>*:nth-child(5){animation-delay:.48s}
html.mo .hero-visual{opacity:0;animation:heroIn .9s var(--ease) .28s both}
@keyframes heroIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
html.mo nav{transition:background .3s,backdrop-filter .3s,border-color .3s}
nav.scrolled{background:rgba(7,11,18,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--navy-line)}
html.mo .ai-panel .body{filter:blur(8px);opacity:.35;transition:filter .8s ease .1s,opacity .8s ease .1s}
html.mo .split-media.in .ai-panel .body{filter:none;opacity:1}
html.mo .pb .pb-row.on .ck{background:#e7ebf2;background-image:none;transition:background .35s var(--ease)}
html.mo .pb .pb-row.on.done .ck{background:var(--accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}
html.mo #heroFrame,html.mo .hero-ghost,html.mo .hero-glow{will-change:transform}

/* ── Sub-page chrome: page header + legal body ── */
.page-head{max-width:820px;margin:0 auto;padding:150px clamp(24px,4vw,64px) 8px}
.page-head .kicker{margin-bottom:14px}
.page-head h1{font-family:var(--disp);font-weight:800;font-size:clamp(34px,4.6vw,58px);letter-spacing:-.02em;line-height:1.04}
.page-head .lead{margin-top:18px}
.page-head.center{text-align:center}
.page-head.center .lead{max-width:600px;margin-left:auto;margin-right:auto}
.page-head.wide{max-width:none}
.page-head.wide .ph-inner{max-width:1180px;margin:0 auto}
.page-head.wide h1{white-space:nowrap}
.page-head.wide .lead{max-width:600px}
@media(max-width:900px){.page-head.wide h1{white-space:normal}}
.legal{max-width:760px;margin:0 auto;padding:36px clamp(24px,4vw,64px) 110px}
.legal .updated{font-size:13px;color:var(--ink-3);margin-bottom:30px}
.legal h2{font-family:var(--disp);font-size:22px;font-weight:700;letter-spacing:-.01em;color:var(--ink);margin:36px 0 12px}
.legal p{font-size:16px;line-height:1.75;color:var(--ink-2);margin-bottom:14px}
.legal ul{list-style:none;margin:0 0 16px}
.legal li{font-size:16px;line-height:1.7;color:var(--ink-2);padding-left:22px;position:relative;margin-bottom:10px}
.legal li::before{content:"";position:absolute;left:2px;top:11px;width:6px;height:6px;border-radius:50%;background:var(--accent)}
.legal strong{color:var(--ink);font-weight:600}
.legal a{color:var(--accent);text-decoration:none}
.legal a:hover{text-decoration:underline}

/* ── Affiliate application (orange = affiliate identity) ── */
.kicker.orange{color:#fb923c}
.aff-wrap{max-width:680px;margin:0 auto;padding:0 clamp(24px,4vw,64px) 120px}
.aff-card .title,.aff-card .subtitle{text-align:center}
.aff-card .subtitle{max-width:520px;margin-left:auto;margin-right:auto}
.aff-card{background:var(--navy-1);border:1px solid var(--navy-line);border-radius:18px;padding:clamp(28px,4vw,44px);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.aff-card .title{font-family:var(--disp);font-size:24px;font-weight:800;letter-spacing:-.01em;margin-bottom:8px}
.aff-card .subtitle{font-size:15px;color:var(--ink-2);line-height:1.6;margin-bottom:26px}
.aff-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.aff-field{margin-bottom:16px}
.aff-field label{display:block;font-size:13px;font-weight:500;color:var(--ink-2);margin-bottom:8px}
.aff-field input,.aff-field select,.aff-field textarea{width:100%;background:#0a1017;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px 14px;color:var(--ink);font-family:var(--sans);font-size:16px;transition:border-color .18s,box-shadow .18s}
.aff-field input:focus,.aff-field select:focus,.aff-field textarea:focus{outline:none;border-color:rgba(251,146,60,.55);box-shadow:0 0 0 3px rgba(251,146,60,.12)}
.aff-field textarea{resize:vertical;min-height:100px}
.aff-field input::placeholder,.aff-field textarea::placeholder{color:var(--ink-3)}
.aff-note{font-size:13px;color:var(--ink-3);margin-top:8px}
.aff-err{display:none;color:#f26d6d;font-size:14px;margin:4px 0 12px}
.aff-submit{width:100%;background:linear-gradient(135deg,#f97316,#fb923c);color:#fff;border:none;border-radius:10px;padding:15px;font-size:15px;font-weight:600;cursor:pointer;font-family:var(--sans);margin-top:6px;transition:transform .16s var(--ease),box-shadow .2s,opacity .2s;box-shadow:0 2px 20px rgba(249,115,22,.28),inset 0 1px 0 rgba(255,255,255,.2)}
.aff-submit:hover{transform:translateY(-1px);box-shadow:0 6px 28px rgba(249,115,22,.42),inset 0 1px 0 rgba(255,255,255,.2)}
.aff-submit:active{transform:scale(.98)}
.aff-submit:disabled{opacity:.5;cursor:default;transform:none}
.aff-success{display:none;text-align:center;padding:20px 0}
.aff-success-icon{width:56px;height:56px;border-radius:50%;background:rgba(38,208,124,.1);border:1px solid rgba(38,208,124,.28);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;color:var(--win)}
.aff-success-title{font-family:var(--disp);font-size:22px;font-weight:800;margin-bottom:10px}
.aff-success-sub{font-size:15px;color:var(--ink-2);line-height:1.6;max-width:46ch;margin:0 auto}
@media(max-width:640px){.aff-row{grid-template-columns:1fr}}

/* ── Tier ladder + comparison table (features page) ── */
.tiers{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:52px}
.tier-chip{display:flex;flex-direction:column;align-items:center;gap:9px;padding:20px 16px;border-radius:14px;border:1px solid var(--navy-line);background:var(--navy-1);min-width:104px;flex:1;max-width:132px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.tier-chip .orb{width:30px;height:30px;border-radius:50%}
.tier-chip .name{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.tier-chip .pts{font-size:10px;color:var(--ink-3);font-variant-numeric:tabular-nums}
.cmp-wrap{max-width:920px;margin:48px auto 0;overflow-x:auto}
.cmp{width:100%;border-collapse:collapse;font-size:14px}
.cmp th,.cmp td{text-align:left;padding:15px 18px;border-bottom:1px solid var(--navy-line);vertical-align:top}
.cmp thead th{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3)}
.cmp thead th.us{color:var(--accent)}
.cmp .feat{font-weight:600;color:var(--ink)}
.cmp td.us{background:rgba(79,124,255,.045)}
.cmp .win{color:var(--win);font-weight:700;margin-right:7px}
.cmp .loss{color:var(--loss);font-weight:700;margin-right:7px}
.cmp .neu,.cmp .part{color:var(--ink-2);font-weight:600;margin-right:7px}
.cmp .cap{display:block;font-size:13px;color:var(--ink-2);margin-top:4px;font-weight:400}
.cmp-note{font-size:12px;color:var(--ink-3);max-width:640px;margin:18px auto 0;text-align:center;line-height:1.5}
.center-head{text-align:center}
.center-head .h2,.center-head .lead{margin-left:auto;margin-right:auto}

/* ── Command-palette mockup (features page) ── */
.cmdk{background:var(--navy-2);border:1px solid rgba(255,255,255,.1);border-radius:14px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.05)}
.cmdk-search{display:flex;align-items:center;gap:11px;padding:16px 18px;border-bottom:1px solid var(--navy-line);color:var(--ink-3);font-size:14px}
.cmdk-search kbd{margin-left:auto;font-size:11px;border:1px solid rgba(255,255,255,.15);border-radius:5px;padding:2px 7px;color:var(--ink-3);font-family:var(--sans)}
.cmdk-row{padding:12px 18px;font-size:14px;color:var(--ink-2)}
.cmdk-row.on{background:rgba(79,124,255,.12);color:var(--ink);font-weight:500}

/* ── Audit batch 2 — mobile nav + responsive fixes ─────────────────────── */
.nav-mob-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:38px;height:38px;background:none;border:none;cursor:pointer;padding:0;flex-shrink:0}
.nav-mob-toggle span{display:block;width:20px;height:2px;background:var(--ink);border-radius:1px;transition:transform .25s ease,opacity .2s ease}
.nav-mob-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-mob-toggle.open span:nth-child(2){opacity:0}
.nav-mob-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:900px){
  .nav-mob-toggle{display:flex}
  .nav-links{display:none;position:fixed;top:74px;left:0;right:0;flex-direction:column;gap:0;background:rgba(7,11,18,.97);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08);padding:6px 28px 14px;z-index:49}
  .nav-links.open{display:flex}
  .nav-links a{padding:14px 2px;font-size:15px;border-bottom:1px solid rgba(255,255,255,.05)}
  .nav-links a:last-child{border-bottom:0}
  /* reversed feature splits must stack like the rest (specificity fix) */
  .split.rev.feat-flag{grid-template-columns:1fr}
  .nav-right .btn,.nav-right .li{white-space:nowrap}
}
@media(max-width:480px){
  .cta-row{flex-direction:column;align-items:stretch}
  .cta-row .btn{justify-content:center;text-align:center}
  .rd-streak-card{grid-template-columns:1fr}
  .ph-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;justify-items:center}
}
a:focus-visible,button:focus-visible,.q:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}

.app-shot{display:block;width:100%;height:auto;border:0}

/* ── Hero dashboard mockup: bento rows, calendar, KPI cards (fake data) ── */
.rd-grid2{display:grid;grid-template-columns:1.02fr .98fr;gap:12px;margin-bottom:12px}
.rd-card{background:#0d1420;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:13px 15px;min-width:0}
.rd-ct{font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#56698c;margin-bottom:11px;display:flex;justify-content:space-between;align-items:center}
.rd-ct b{font-family:var(--disp);font-size:12px;font-weight:800;color:#22c55e;letter-spacing:0}
.rd-cal-total{font-family:var(--disp);font-size:18px;font-weight:800;color:#22c55e;margin-bottom:9px;font-variant-numeric:tabular-nums}
.rd-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
.rd-cal .h{font-size:6.5px;color:#56698c;text-align:center;letter-spacing:.04em;padding-bottom:1px}
.rd-cal .c{border-radius:5px;background:rgba(255,255,255,.018);border:1px solid rgba(255,255,255,.045);min-height:30px;position:relative;display:flex;align-items:center;justify-content:center;font-size:8.5px;font-weight:700;color:transparent}
.rd-cal .c .d{position:absolute;top:2px;left:3px;font-size:6px;color:#56698c;font-weight:600}
.rd-cal .c.w{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.24);color:#4ade80}
.rd-cal .c.o{background:transparent;border-color:transparent}
.rd-flt{display:flex;gap:5px;align-items:center;margin-bottom:11px}
.rd-flt .fl{font-size:8px;color:#56698c;text-transform:uppercase;letter-spacing:.06em;margin-right:2px}
.rd-flt .p{font-size:9px;padding:3px 9px;border-radius:6px;border:1px solid var(--navy-line);color:var(--ink-3)}
.rd-flt .p.on{background:rgba(79,124,255,.14);border-color:rgba(79,124,255,.3);color:var(--accent)}
.rd-kc2{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.rd-kcx{background:#0d1420;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:11px 13px}
.rd-kcx .l{font-size:8px;color:#56698c;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}
.rd-kcx .v{font-family:var(--disp);font-size:16px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--ink)}
.rd-kcx .v.win{color:#22c55e}
.rd-kcx .v.acc{color:#5b8cff}
.rd-kcx .v small{font-size:9px;font-weight:600;color:#7385a8;margin-left:1px}
@media(max-width:560px){.rd-grid2{grid-template-columns:1fr}}

/* Scaled dashboard: render at fixed desktop width, scale as one unit (no reflow) */
.app-view{width:100%;overflow:hidden;position:relative}
.app-view .app-shell{width:1200px;transform-origin:top left;will-change:transform}