:root{
  --bg:#0d0e0c;--panel:#151712;--ink:#f4f0e7;--muted:#a9ac9f;
  --line:#2b2e25;--acid:#c8ff51;--paper:#ece7dc;--dark:#10110f;
  --radius:22px;--max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.45}
button,a{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
.shell{width:min(calc(100% - 36px),var(--max));margin-inline:auto}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand{font-weight:900;letter-spacing:-.03em;display:flex;align-items:center;gap:10px}
.brand span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--acid);color:#0a0b09;font-size:12px;letter-spacing:.06em}
.navnote{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}
.eyebrow{font-size:12px;font-weight:850;letter-spacing:.16em;color:var(--acid);text-transform:uppercase}
.hero{padding:96px 0 84px;min-height:690px;display:flex;flex-direction:column;justify-content:center}
.hero h1{font-size:clamp(62px,11vw,150px);line-height:.78;letter-spacing:-.075em;margin:18px 0 32px;max-width:1050px}
.hero h1 em{font-style:normal;color:var(--acid)}
.lede{font-size:clamp(18px,2vw,26px);max-width:770px;color:#d3d0c7;margin:0 0 34px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.primary,.ghost,.text-btn{border:0;border-radius:999px;padding:16px 22px;font-weight:850;transition:transform .18s ease,background .18s ease}
.primary{background:var(--acid);color:#0a0b09}
.ghost{background:transparent;color:var(--ink);border:1px solid #555a49}
.primary:hover,.ghost:hover,.text-btn:hover{transform:translateY(-2px)}
.proofline{display:flex;gap:20px;flex-wrap:wrap;margin-top:28px;color:var(--muted);font-size:13px}
.chooser,.anti,.hooks,.truth{padding:78px 0}
.section-head{display:grid;gap:12px;margin-bottom:30px}
.section-head h2,.funnel h2,.truth h2{font-size:clamp(34px,5vw,68px);line-height:.95;letter-spacing:-.055em;margin:0;max-width:870px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.choice-card{min-height:260px;text-align:left;padding:24px;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);color:var(--ink);display:flex;flex-direction:column;align-items:flex-start;transition:.2s ease}
.choice-card:hover,.choice-card:focus-visible{border-color:#5c624d;transform:translateY(-4px)}
.choice-card.hot{background:var(--paper);color:var(--dark)}
.choice-card .num{font-size:12px;opacity:.55;margin-bottom:auto}
.choice-card strong{font-size:26px;letter-spacing:-.035em;line-height:1}
.choice-card small{font-size:14px;opacity:.68;margin:12px 0 24px;max-width:28ch}
.choice-card b{font-size:13px;text-transform:uppercase;letter-spacing:.09em}
.funnel{padding:24px 0 80px}
.funnel-card{border:1px solid var(--line);border-radius:28px;overflow:hidden;background:#11130f;min-height:360px;padding:clamp(24px,5vw,58px)}
.funnel-card p{color:var(--muted);max-width:730px;font-size:17px}
.stepbar{display:flex;gap:8px;margin:22px 0 28px}
.stepbar span{height:4px;flex:1;border-radius:999px;background:#2a2d25}
.stepbar span.on{background:var(--acid)}
.options{display:grid;gap:10px;margin:24px 0}
.option{width:100%;text-align:left;background:#181a15;color:var(--ink);border:1px solid var(--line);border-radius:16px;padding:16px 18px;font-weight:750}
.option:hover,.option:focus-visible{border-color:var(--acid)}
.notice{padding:16px 18px;border:1px solid #465035;background:#171b12;border-radius:16px;color:#dce7c8;margin:22px 0}
.stop{border-color:#66453e;background:#201513;color:#f0ccc4}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
.field{display:grid;gap:7px}
.field.full{grid-column:1/-1}
label{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#c7c8bf}
input,select{width:100%;padding:14px 15px;border:1px solid #3a3d33;background:#0c0d0b;color:var(--ink);border-radius:12px;font:inherit;outline:none}
input:focus,select:focus{border-color:var(--acid);box-shadow:0 0 0 3px #c8ff5122}
.check{display:flex;align-items:flex-start;gap:10px;margin:16px 0;color:var(--muted);font-size:13px}
.check input{width:auto;margin-top:3px}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.linkout{display:inline-flex;align-items:center;gap:8px;border-bottom:1px solid #6e755e;padding-bottom:2px;font-weight:800}
.anti-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.anti article{border-top:1px solid var(--line);padding-top:18px}
.anti article span{color:var(--acid);font-size:12px;font-weight:900}
.anti h3{font-size:25px;letter-spacing:-.03em;margin:16px 0 8px}
.anti p,.muted{color:var(--muted)}
.hooks{overflow:hidden}
.hook-strip{display:flex;gap:10px;overflow-x:auto;padding:4px 0 18px;scrollbar-width:none}
.hook-strip::-webkit-scrollbar{display:none}
.hook-strip span{white-space:nowrap;border:1px solid #3f4436;border-radius:999px;padding:13px 16px;font-size:13px;font-weight:900;letter-spacing:.05em}
.truth-card{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;align-items:end;background:var(--acid);color:#0c0d0a;border-radius:28px;padding:clamp(24px,5vw,56px)}
.truth-card .eyebrow{color:#30391d}
.truth-card p{font-size:18px;max-width:54ch;margin:0}
.text-btn{background:#0c0d0a;color:var(--ink);width:max-content;margin-top:22px}
.footer{padding:38px 0 54px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:24px;color:var(--muted);font-size:12px}
.footer strong{color:var(--ink);font-size:16px}
.toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%,18px);background:#f4f0e7;color:#10110f;border-radius:999px;padding:12px 18px;font-weight:800;font-size:13px;opacity:0;pointer-events:none;transition:.2s ease;z-index:50}
.toast.show{opacity:1;transform:translate(-50%,0)}
.kicker{font-size:13px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:var(--acid)}
.bigline{font-size:clamp(30px,4vw,54px);line-height:1;letter-spacing:-.045em;margin:8px 0 14px}
.pillrow{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}
.pill{border:1px solid #3d4136;border-radius:999px;padding:8px 11px;color:#c4c7bb;font-size:12px}
@media(max-width:800px){
  .navnote{display:none}.hero{padding:74px 0 60px;min-height:610px}.hero h1{font-size:clamp(62px,20vw,102px)}
  .cards,.anti-grid,.truth-card,.footer{grid-template-columns:1fr}.choice-card{min-height:220px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.truth-card{align-items:start}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
:focus-visible{outline:3px solid var(--acid);outline-offset:3px}
