:root{color-scheme:dark;--green:#0df397;--bg:#081013;--panel:#0b1417;--ink:#eef4f2;--muted:#c1d0cc}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.7 Inter,system-ui,sans-serif}
a{color:#7bf4bc;text-underline-offset:3px}a:focus-visible{outline:2px solid var(--green);outline-offset:3px}
header{border-bottom:1px solid #254138;background:#0b1718;padding:14px clamp(20px,4vw,48px);display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{font:900 italic 22px/1.2 'Exo 2',system-ui,sans-serif;text-decoration:none;color:#fff}.brand b{color:var(--green)}nav{display:flex;flex-wrap:wrap;gap:17px}nav a{text-decoration:none;font-size:13px}
main{max-width:880px;margin:0 auto;padding:52px 24px 90px}h1,h2{font-family:'Exo 2',system-ui,sans-serif;line-height:1.2}h1{font-size:clamp(34px,5vw,52px)}h2{margin:42px 0 12px;font-size:23px}p,li{color:var(--muted)}strong{color:var(--ink)}.eyebrow{color:var(--green);letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:700}.callout{background:var(--panel);border:1px solid #245340;border-left:3px solid var(--green);padding:18px 22px;border-radius:6px;margin:24px 0}
@media(max-width:640px){header{align-items:flex-start;flex-direction:column}main{padding-top:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}