*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#090b10;color:#f5f6fa;font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:#7bbdff;text-underline-offset:4px}a:hover{color:white}a:focus-visible{outline:3px solid #329eff;outline-offset:5px}header,main,footer{max-width:1050px;margin:auto;padding:26px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #232932}.brand{display:flex;gap:12px;align-items:center;color:white;text-decoration:none;font-size:22px;font-weight:750}.brand img{width:42px;height:42px;border-radius:11px}nav{display:flex;gap:24px;font-size:15px}nav a{color:#bdc7d7;text-decoration:none}.hero{padding:72px 0 54px;max-width:830px}.eyebrow{color:#69b4ff;font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}h1{font-size:clamp(42px,7vw,76px);line-height:1.1;letter-spacing:-.045em;margin:20px 0 26px}h2{font-size:29px;line-height:1.3;letter-spacing:-.025em;margin:40px 0 14px}h3{font-size:20px;margin:0 0 8px}p{color:#bac3d3;margin:0 0 20px}.lead{font-size:22px;line-height:1.55;max-width:710px}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.button{padding:12px 20px;min-height:48px;border-radius:13px;background:#0d7de9;color:white;text-decoration:none;font-weight:650}.button.secondary{border:1px solid #34465b;background:#121b28}.reading{max-width:780px}.reading h1{font-size:48px}.reading h2{font-size:25px}.reading p,.reading li{color:#c0c9d6}.reading ul{padding-left:22px}.features{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:16px 0 48px}.features article{padding:26px;border-top:1px solid #2b3b50;background:linear-gradient(160deg,#141c28,#0c111a);border-radius:16px}.features p{margin:0}.note{border-left:3px solid #228efa;padding:18px 24px;background:#0f1824;border-radius:0 12px 12px 0;margin:28px 0}.divider{border-top:1px solid #253040;padding-top:28px;margin-top:36px}footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;border-top:1px solid #232932;font-size:14px;color:#8896a8;padding-top:26px;padding-bottom:36px}.small{font-size:14px;color:#8f9bab}@media(max-width:650px){header,main,footer{padding:20px}nav{gap:14px;font-size:14px}.brand{font-size:20px}.hero{padding:44px 0 28px}.lead{font-size:20px}.features{grid-template-columns:1fr;gap:14px}.reading h1{font-size:38px}h1{font-size:48px}}