:root{color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;background:#090b10;color:#f7f8fb}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -10%,#164d7038,transparent 38%),#090b10;color:#f7f8fb}
a{color:#78dcf2}header,main,footer{width:min(760px,calc(100% - 40px));margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:28px 0}
.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-weight:750}.brand img{width:34px;height:34px}
nav{display:flex;gap:18px}nav a{color:#aeb4c1;text-decoration:none;font-size:14px}
.hero{padding:90px 0 76px;text-align:center}.eyebrow{color:#59d8e7;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
h1{max-width:680px;margin:15px auto;font-size:clamp(38px,7vw,68px);line-height:1.04;letter-spacing:-.045em}
.lede{max-width:610px;margin:0 auto;color:#abb2c0;font-size:18px;line-height:1.7}
.pill{display:inline-flex;margin-top:30px;padding:11px 17px;border:1px solid #ffffff1f;border-radius:999px;background:#ffffff0b;color:#dae1ea;font-size:14px}
.card,article{margin:24px 0;padding:28px;border:1px solid #ffffff18;border-radius:22px;background:#ffffff08;box-shadow:inset 0 1px #ffffff0d}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:32px 0 80px}.grid .card{margin:0;padding:22px}.grid h2{font-size:16px}
h2{margin:28px 0 9px;font-size:22px}h3{margin:22px 0 7px;font-size:17px}p,li{color:#b8beca;line-height:1.75}strong{color:#eef2f7}
.meta{color:#77808f;font-size:13px}footer{padding:38px 0 55px;border-top:1px solid #ffffff12;color:#727b89;font-size:13px}
@media(max-width:640px){.grid{grid-template-columns:1fr}.hero{padding:58px 0}.lede{font-size:16px}nav{gap:12px}article{padding:22px}}