:root{--ink:#0f1b2d;--muted:#56637a;--bg:#f7f9fc;--card:#fff;--red:#ff4d5e;--cyan:#16c6d6;--navy:#0b1f3a;--line:#e3e8f0;--r:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}
h1,h2,h3{font-family:"Plus Jakarta Sans",Inter,sans-serif;line-height:1.15;margin:0 0 .5em}
h1{font-size:clamp(2.3rem,5vw,3.8rem);letter-spacing:-.02em}h2{font-size:clamp(1.8rem,3.4vw,2.6rem);letter-spacing:-.01em}
a{color:inherit}.wrap{max-width:1140px;margin:0 auto;padding:0 24px}
.grad{background:linear-gradient(90deg,var(--red),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
nav{position:sticky;top:0;z-index:10;background:rgba(247,249,252,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
nav .wrap{display:flex;align-items:center;justify-content:space-between;height:68px}
.logo{font-weight:800;font-size:1.35rem;text-decoration:none;display:flex;gap:8px;align-items:center}
.dot{width:26px;height:16px;display:inline-flex}.dot i{flex:1;border-radius:50%;opacity:.9}.dot i:first-child{background:var(--red)}.dot i:last-child{background:var(--cyan);margin-left:-6px}
.links a{margin-left:26px;text-decoration:none;color:var(--muted);font-weight:500}.links a:hover{color:var(--ink)}
.btn{display:inline-block;background:var(--navy);color:#fff;padding:14px 26px;border-radius:999px;text-decoration:none;font-weight:600;border:0;cursor:pointer;font-size:1rem}
.btn.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--ink)}.btn.sm{padding:10px 18px}
.hero{padding:90px 0 70px;background:radial-gradient(circle at 85% 20%,rgba(22,198,214,.18),transparent 45%),radial-gradient(circle at 65% 80%,rgba(255,77,94,.13),transparent 40%)}
.hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center}
.eyebrow{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);background:#fff;border:1px solid var(--line);padding:6px 12px;border-radius:999px;margin-bottom:18px}
.lead{font-size:1.2rem;color:var(--muted);max-width:560px}.ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.visual{aspect-ratio:1;border-radius:32px;background:var(--navy);position:relative;overflow:hidden;box-shadow:0 30px 60px rgba(11,31,58,.25)}
.visual .c{position:absolute;width:52%;aspect-ratio:1;border-radius:50%;top:24%;mix-blend-mode:screen}
.visual .c1{left:12%;background:radial-gradient(circle,var(--red),rgba(255,77,94,0) 70%)}.visual .c2{right:12%;background:radial-gradient(circle,var(--cyan),rgba(22,198,214,0) 70%)}
.visual .ph{position:absolute;bottom:18px;left:18px;right:18px;color:#9fb3cf;font-size:.8rem;text-align:center}
section{padding:90px 0}.center{text-align:center;max-width:720px;margin:0 auto 48px}.center p{color:var(--muted);font-size:1.1rem}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:30px}
.card p{color:var(--muted);margin:0}.card .num{font-size:2.6rem;font-weight:800}
cite,.src{font-size:.82rem;color:var(--muted);font-style:normal}sup a{color:var(--cyan);text-decoration:none;font-weight:700}
.dark{background:var(--navy);color:#fff}.dark .card{background:#12294a;border-color:#1f3a63}.dark .card p,.dark .center p{color:#b6c5dc}
.step .n{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-weight:800;background:linear-gradient(135deg,var(--red),var(--cyan));color:#fff;margin-bottom:16px}
ul.check{list-style:none;padding:0;margin:0}ul.check li{padding:10px 0 10px 32px;position:relative;border-bottom:1px solid var(--line)}
ul.check li:before{content:"✓";position:absolute;left:0;color:var(--cyan);font-weight:800}ul.x li:before{content:"–";color:var(--red)}
.path{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.path span{background:#fff;border:1px solid var(--line);padding:10px 16px;border-radius:999px;font-weight:600}
.placeholder{border:2px dashed #c3cede;background:#fbfcfe;color:var(--muted);border-radius:var(--r);padding:26px;text-align:center}
form.signup{display:flex;gap:10px;max-width:520px;margin:24px auto 8px}form.signup input{flex:1;padding:14px 18px;border-radius:999px;border:1.5px solid var(--line);font-size:1rem}
details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 22px;margin-bottom:12px}summary{font-weight:600;cursor:pointer}details p{color:var(--muted);margin:.7em 0 0}
.sources ol{padding-left:20px}.sources li{margin-bottom:10px;color:var(--muted)}.sources a{color:var(--ink)}
footer{background:#081629;color:#a9b8cf;padding:50px 0;font-size:.9rem}footer .disc{border-top:1px solid #1f3a63;margin-top:26px;padding-top:20px}
@media(max-width:860px){.hero .wrap,.grid3,.grid2{grid-template-columns:1fr}.links{display:none}section{padding:64px 0}.hero{padding:56px 0}form.signup{flex-direction:column}}
.links a.active{color:var(--ink)}.burger{display:none;background:none;border:0;font-size:1.6rem;cursor:pointer}
.page-hero{padding:70px 0 40px;background:radial-gradient(circle at 85% 10%,rgba(22,198,214,.15),transparent 45%),radial-gradient(circle at 10% 90%,rgba(255,77,94,.10),transparent 40%)}
.page-hero p{color:var(--muted);font-size:1.15rem;max-width:720px}
.prose{max-width:780px}.prose h2{margin-top:1.6em;font-size:1.7rem}.prose h3{margin-top:1.3em}.prose p,.prose li{color:#33415a}
.callout{background:#fff;border:1px solid var(--line);border-left:4px solid var(--cyan);border-radius:12px;padding:18px 22px;margin:22px 0}
.callout.warn{border-left-color:var(--red)}
.tbd{display:inline-block;background:#fff3cd;color:#7a5b00;border:1px solid #f0d77a;border-radius:6px;padding:1px 8px;font-size:.8rem;font-weight:700}
.badge{display:inline-block;background:var(--navy);color:#fff;border-radius:999px;padding:4px 12px;font-size:.75rem;font-weight:700;letter-spacing:.05em}
.tier{display:flex;flex-direction:column;gap:12px}.tier .price{font-size:2rem;font-weight:800}.tier ul{padding-left:18px;color:var(--muted);margin:0}
form.stack{display:grid;gap:12px;max-width:620px}form.stack input,form.stack select,form.stack textarea{padding:12px 14px;border:1.5px solid var(--line);border-radius:10px;font:inherit;width:100%}
form label.chk{display:flex;gap:8px;align-items:flex-start;font-size:.85rem;color:var(--muted)}form label.chk input{width:auto;margin-top:4px}
.form-msg{font-size:.95rem;margin-top:8px}.form-msg.err{color:#b4232f}
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.posts a{text-decoration:none}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px}.foot-grid a{display:block;color:#a9b8cf;text-decoration:none;margin:4px 0}.foot-grid a:hover{color:#fff}
.crumb{font-size:.85rem;color:var(--muted)}.crumb a{color:var(--muted)}
@media(max-width:860px){.burger{display:block}.links.open{display:flex;flex-direction:column;position:absolute;top:68px;left:0;right:0;background:#fff;padding:16px 24px;border-bottom:1px solid var(--line)}.links.open a{margin:8px 0}.posts,.foot-grid{grid-template-columns:1fr}nav .btn.sm{display:none}}
.btn:disabled{opacity:.45;cursor:not-allowed}