:root{--ink:#13212b;--muted:#5d6c77;--line:#dfe7eb;--paper:#fff;--soft:#f5f8f9;--accent:#16745a;--accent2:#e8f5f0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);line-height:1.65}
a{color:inherit}.wrap{width:min(1120px,92%);margin:auto}.narrow{width:min(790px,92%);margin:auto}
header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line)}
.nav{height:70px;display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;font-weight:850;letter-spacing:.02em}.brand b{color:var(--accent)}
nav{display:flex;gap:22px;align-items:center}nav a{text-decoration:none;color:#43535f;font-size:.94rem}.pill{border:1px solid var(--ink);border-radius:999px;padding:8px 13px}
.hero{padding:88px 0;background:linear-gradient(180deg,#f1f7f5 0,#fff 100%)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:58px;align-items:center}
.kicker{font-size:.73rem;font-weight:850;letter-spacing:.15em;color:var(--accent);text-transform:uppercase}.hero h1{font-size:clamp(3rem,6vw,5rem);line-height:1.01;letter-spacing:-.055em;margin:.15em 0 .3em}
.lead{font-size:1.18rem;color:var(--muted);max-width:680px}.actions{display:flex;gap:12px;margin-top:28px}.btn{display:inline-block;text-decoration:none;font-weight:750;border-radius:9px;padding:12px 17px;border:1px solid var(--ink)}.btn.primary{background:var(--ink);color:#fff}
.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;box-shadow:0 20px 50px rgba(19,33,43,.08)}.panel h2{margin-top:5px}
.choice{display:grid;grid-template-columns:1fr 1fr;gap:9px}.choice a{text-decoration:none;border:1px solid var(--line);padding:13px;border-radius:9px;background:#fbfcfc}
section{padding:76px 0}.soft{background:var(--soft)}h2{font-size:2.25rem;line-height:1.15;letter-spacing:-.035em}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:30px}
.card{border:1px solid var(--line);border-radius:12px;padding:23px;background:#fff}.card h3{margin:.4em 0}.card p{color:var(--muted)}.card a{text-decoration:none}.tag{font-size:.68rem;letter-spacing:.13em;font-weight:850;color:var(--accent)}
.article h1{font-size:clamp(2.5rem,5vw,4rem);line-height:1.08;letter-spacing:-.045em}.article h2{margin-top:1.5em;font-size:1.75rem}.article p,.article li{font-size:1.06rem}.note{background:var(--accent2);border-left:4px solid var(--accent);padding:15px 18px;border-radius:5px}
footer{background:#0d171d;color:#c7d0d5;padding:45px 0 20px}.footergrid{display:flex;justify-content:space-between;gap:25px}.footerlinks{display:flex;gap:18px;flex-wrap:wrap}.footerlinks a{text-decoration:none}.copy{border-top:1px solid #2b373e;margin-top:28px;padding-top:16px;font-size:.85rem}
@media(max-width:800px){.hero-grid,.grid3{grid-template-columns:1fr}.hero{padding:58px 0}.choice{grid-template-columns:1fr}.nav nav a:not(.pill){display:none}.footergrid{flex-direction:column}}