:root{--midnight:#0b1f33;--blue:#176bff;--cyan:#20c4d9;--green:#20b486;--cloud:#f5f8fc;--white:#fff;--muted:#5d6b7a}*{box-sizing:border-box}html{font-family:Inter,Arial,sans-serif;color:var(--midnight);background:var(--white);line-height:1.6}body{margin:0}a{color:var(--blue)}img{max-width:100%}.wrap{width:min(1120px,calc(100% - 32px));margin:auto}.site-header{border-bottom:1px solid #dfe7f1;background:#fff;position:sticky;top:0;z-index:10}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px}.brand{display:flex;align-items:center;gap:10px;color:var(--midnight);font-weight:800;text-decoration:none;font-size:1.2rem}.brand img{width:38px;height:38px}.nav-links{display:flex;gap:20px;flex-wrap:wrap}.nav-links a{text-decoration:none;font-weight:650}.hero{padding:88px 0;background:radial-gradient(circle at 85% 15%,#d9f8fb 0,transparent 34%),linear-gradient(135deg,#f5f8fc,#fff)}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:48px;align-items:center}.eyebrow{color:var(--blue);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.hero h1{font-size:clamp(2.4rem,6vw,4.8rem);line-height:1.04;margin:.3em 0}.lead{font-size:1.2rem;color:var(--muted);max-width:720px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{padding:26px;border:1px solid #dfe7f1;border-radius:18px;background:#fff}.card h2,.card h3{margin-top:0}.section{padding:72px 0}.section.alt{background:var(--cloud)}.notice{border-left:5px solid var(--green);padding:18px 20px;background:#eefbf7;border-radius:8px}.button{display:inline-block;background:var(--blue);color:#fff;text-decoration:none;padding:12px 18px;border-radius:10px;font-weight:750}.site-footer{background:var(--midnight);color:#dce8f5;padding:40px 0}.site-footer a{color:#fff}.footer-grid{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.prose{max-width:780px}.prose h1{font-size:clamp(2rem,5vw,3.3rem);line-height:1.15}.prose h2{margin-top:2em}.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:#fff;padding:8px;z-index:99}@media(max-width:760px){.hero-grid,.card-grid{grid-template-columns:1fr}.nav{align-items:flex-start;padding:16px 0;flex-direction:column}.hero{padding:56px 0}.section{padding:48px 0}}
