:root{color-scheme:dark;--ink:#f6f8ff;--muted:#b5bfd0;--line:#273246;--blue:#81b7ff;--panel:#101621;background:#080a0f;color:var(--ink);font:17px/1.65 system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0}a{color:var(--blue);text-underline-offset:.2em}a:focus-visible{outline:2px solid var(--blue);outline-offset:5px}
header,main,footer{width:min(68rem,calc(100% - 2.5rem));margin:auto}header,footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1.3rem 0}header{border-bottom:1px solid var(--line)}nav{display:flex;flex-wrap:wrap;gap:.5rem 1.2rem}nav a,.brand{text-decoration:none}.brand{color:var(--ink);font-weight:800;letter-spacing:-.03em}
main{padding:clamp(2.5rem,7vw,6rem) 0}main p,main li{max-width:66ch;color:var(--muted)}h1,h2,h3{line-height:1.12;letter-spacing:-.04em}h1{font-size:clamp(2.6rem,7vw,5.6rem);margin:.3em 0}h2{font-size:clamp(1.35rem,3vw,2rem)}.eyebrow{color:var(--blue);font-size:.76rem;font-weight:750;text-transform:uppercase;letter-spacing:.16em}.hero{display:grid;grid-template-columns:1.65fr 1fr;align-items:center;gap:2rem;padding-bottom:3rem}.hero img{width:min(100%,15rem);height:auto;justify-self:center;border-radius:24%;box-shadow:0 0 4rem #1455d044}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1rem}.card{border:1px solid var(--line);background:var(--panel);border-radius:1.15rem;padding:1.4rem}.button{display:inline-block;padding:.65rem 1rem;border-radius:.7rem;background:#a7ccff;color:#071529;font-weight:750;text-decoration:none}.lead{font-size:1.24rem}footer{border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#080a0f;padding:.5rem;z-index:2}@media(max-width:650px){.hero{grid-template-columns:1fr}.hero img{justify-self:start;width:7rem;grid-row:1}}
