:root{--bg:#06110d;--bg2:#0b1f17;--surface:#10281e;--line:rgba(255,255,255,.12);--text:#eef5f0;--dim:#a8bdb1;--chalk:#6cc4ff;--green:#3ddc97;--cream:#f4f1e8;--coral:#ff7a59;
--display:'Bricolage Grotesque',system-ui,sans-serif;--body:'Inter',system-ui,sans-serif;--maxw:1120px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{color:var(--text);font:16.5px/1.65 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column;
background:radial-gradient(900px 600px at 85% -5%,rgba(61,220,151,.28),transparent 60%),radial-gradient(800px 520px at 0% 8%,rgba(108,196,255,.18),transparent 58%),linear-gradient(180deg,var(--bg),var(--bg2) 60%,#07150f);background-attachment:fixed}
main{flex:1 0 auto}a{color:inherit;text-decoration:none}::selection{background:var(--chalk);color:#04120b}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.eyebrow{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--chalk);font-weight:600}
header{position:sticky;top:0;z-index:50;backdrop-filter:blur(16px);background:rgba(6,17,13,.86);border-bottom:1px solid var(--line)}
nav{display:flex;align-items:center;justify-content:space-between;height:68px;position:relative}
.brand{display:flex;align-items:center;gap:11px;font:800 1.28rem var(--display);letter-spacing:-.02em}.brand svg{width:34px;height:34px}
.navlinks{display:flex;gap:26px;align-items:center;font-size:.94rem;color:var(--dim)}.navlinks a:hover{color:var(--text)}
.cta{display:inline-block;font-weight:700;padding:12px 22px;border-radius:999px;color:#04120b;background:linear-gradient(120deg,var(--chalk),var(--green));transition:.2s}.cta:hover{filter:brightness(1.08);transform:translateY(-1px)}
.cta.ghost{background:none;color:var(--text);border:1px solid var(--line)}
.hamburger{display:none;background:rgba(255,255,255,.06);border:1px solid var(--line);color:var(--text);border-radius:10px;width:44px;height:40px;font-size:1.25rem;cursor:pointer}
@media(max-width:780px){.hamburger{display:block}.navlinks{position:absolute;top:62px;left:-24px;right:-24px;flex-direction:column;align-items:flex-start;gap:2px;padding:14px 24px 20px;background:rgba(6,17,13,.98);border-bottom:1px solid var(--line);display:none}.navlinks.open{display:flex}.navlinks a{padding:10px 0;width:100%}}
.hero{padding:64px 0 72px;text-align:center}.hero h1{font:800 clamp(2.3rem,6vw,4.2rem)/1.05 var(--display);letter-spacing:-.03em;margin:14px 0 16px}
.hero h1 em{font-style:normal;background:linear-gradient(120deg,var(--chalk),var(--green));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p.lead{max-width:640px;margin:0 auto 26px;color:var(--dim);font-size:1.12rem}.hero .btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.hero small{display:block;margin-top:14px;color:var(--dim)}
section.block{padding:44px 0}section.block h2{font:800 clamp(1.6rem,3.4vw,2.3rem)/1.15 var(--display);letter-spacing:-.02em;margin-bottom:10px}section.block p.sub{color:var(--dim);max-width:680px;margin-bottom:22px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
.card{background:rgba(16,40,30,.72);border:1px solid var(--line);border-radius:18px;padding:20px}.card h3{font:700 1.15rem var(--display);margin-bottom:6px}.card p{color:var(--dim);font-size:.96rem}
a.card:hover{border-color:var(--chalk)}.card .tag{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--green);font-weight:600}
.price{font:800 2rem var(--display)}.ticks{list-style:none;margin:12px 0}.ticks li{padding:3px 0 3px 26px;position:relative;color:var(--text)}.ticks li::before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:700}
/* articles */
article{max-width:780px;margin:0 auto;padding:40px 24px 30px}article h1{font:800 clamp(1.9rem,4.4vw,2.8rem)/1.12 var(--display);letter-spacing:-.025em;margin:10px 0 14px}
article h2{font:700 1.5rem var(--display);margin:34px 0 8px;letter-spacing:-.01em}article h3{font:700 1.12rem var(--display);margin:20px 0 6px}
article p,article li{color:#d7e5dc}article p{margin:10px 0}article ul,article ol{margin:10px 0 10px 22px}article li{margin:4px 0}
article a{color:var(--chalk);text-decoration:underline;text-underline-offset:3px}article .meta{color:var(--dim);font-size:.9rem}
article .callout{background:rgba(108,196,255,.09);border:1px solid rgba(108,196,255,.3);border-radius:14px;padding:14px 18px;margin:20px 0}
article .play{margin:26px 0;padding:20px;border-radius:16px;background:linear-gradient(120deg,rgba(108,196,255,.14),rgba(61,220,151,.14));border:1px solid var(--line);text-align:center}
table{border-collapse:collapse;width:100%;margin:14px 0;font-size:.97rem}th,td{border:1px solid var(--line);padding:8px 12px;text-align:left}th{background:rgba(255,255,255,.05)}
.crumbs{font-size:.88rem;color:var(--dim)}.crumbs a{color:var(--chalk)}
.related{margin-top:34px;padding-top:18px;border-top:1px solid var(--line)}.related a{display:block;padding:6px 0}
details{border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin:10px 0;background:rgba(16,40,30,.5)}summary{cursor:pointer;font-weight:600}details p{margin-top:8px}
/* footer */
footer{margin-top:50px;border-top:1px solid var(--line);background:rgba(4,12,9,.7)}.foot-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:28px;padding:38px 0 20px}
.foot-top h4{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin-bottom:10px}.foot-top a{display:block;padding:3px 0;color:var(--text);font-size:.94rem}.foot-top a:hover{color:var(--chalk)}.foot-top p{color:var(--dim);font-size:.93rem;margin-top:10px}
.family{padding:14px 0;border-top:1px solid var(--line);text-align:center;color:var(--dim);font-size:.9rem}.family a{color:var(--chalk)}.legalline{padding:6px 0 26px;text-align:center;color:var(--dim);font-size:.8rem}
@media(max-width:780px){.foot-top{grid-template-columns:1fr 1fr}}