:root{color-scheme:dark}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#0b1120;color:#f0f4ff;font:16px/1.75 system-ui,-apple-system,Segoe UI,sans-serif}
a{color:#a9c4ff;text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1060px;margin:auto;padding:0 24px}
header{border-bottom:1px solid #27334b}
.header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:80px;flex-wrap:wrap}
.logo{font-size:25px;font-weight:800;letter-spacing:-1px;color:#fff}
.logo span{color:#88aaff}
nav{display:flex;gap:20px;flex-wrap:wrap}
nav a{font-size:14px;color:#c0cbe0}
.hero{padding:100px 0 80px}
.eyebrow{color:#9ab6ff;font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase}
h1{font-size:clamp(40px,6vw,70px);line-height:1.12;letter-spacing:-2px;max-width:850px;margin:20px 0}
h2{font-size:30px;line-height:1.25;margin:0 0 22px}
h3{font-size:19px;margin:0 0 12px}
p,li{color:#b4bfd2}
.lead{font-size:20px;max-width:760px}
section{padding:35px 0 60px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:#151e31;border:1px solid #2b3952;border-radius:18px;padding:27px}
.card p{margin-bottom:0}
.tag{display:inline-block;border:1px solid #3b5074;border-radius:30px;padding:7px 15px;color:#b4cbff;font-size:13px}
.page{padding:65px 0 100px;max-width:850px}
.page h1{font-size:48px}
.page h2{font-size:24px;margin-top:40px}
.page p,.page li{line-height:1.9}
footer{border-top:1px solid #27334b;padding:32px 0 45px}
.footer{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
.footer-links{display:flex;gap:15px;flex-wrap:wrap;font-size:13px}
.small{font-size:13px;color:#8391aa}
@media(max-width:750px){.grid{grid-template-columns:1fr}.hero{padding:65px 0}.header{padding:15px 0}.page h1{font-size:36px}}