:root{color-scheme:dark;--bg:#121829;--panel:#192238;--text:#f8fafc;--muted:#b8c2d6;--primary:#0284c7;--border:#334155}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"Plus Jakarta Sans",system-ui,sans-serif;line-height:1.65}a{color:#38bdf8}.wrap{width:min(100% - 2rem,70rem);margin:auto}.site-header{border-bottom:1px solid var(--border);background:#121829e8;position:sticky;top:0;z-index:10}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4.5rem}.brand{font-weight:800;text-decoration:none;color:white;font-size:1.25rem}.nav{display:flex;flex-wrap:wrap;gap:.4rem 1rem}.nav a{min-height:2.75rem;display:inline-flex;align-items:center;color:var(--muted);font-size:.9rem}.hero{padding:clamp(3rem,8vw,6rem) 0}.eyebrow{color:#38bdf8;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}h1{font-size:clamp(2.25rem,6vw,4.5rem);line-height:1.05;max-width:15ch;margin:.75rem 0 1.25rem}h2{font-size:clamp(1.45rem,3vw,2rem);line-height:1.2;margin-top:0}.lead{max-width:48rem;color:#d6deed;font-size:clamp(1rem,2vw,1.2rem)}.cta-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.button{display:inline-flex;min-height:3rem;align-items:center;justify-content:center;border-radius:.75rem;padding:.7rem 1.15rem;background:var(--primary);color:white;text-decoration:none;font-weight:800}.button.secondary{background:transparent;border:1px solid var(--border)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1rem;margin:2rem 0 4rem}.card{background:var(--panel);border:1px solid var(--border);border-radius:1rem;padding:1.4rem}.card p,.muted{color:var(--muted)}.steps{padding-left:1.25rem}.steps li{margin:.75rem 0}.notice{border-left:4px solid #38bdf8;background:#172036;padding:1rem 1.25rem;border-radius:.5rem;margin:1.5rem 0}.site-footer{border-top:1px solid var(--border);padding:2rem 0;color:var(--muted);font-size:.9rem}.site-footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}:focus-visible{outline:3px solid #38bdf8;outline-offset:3px}@media(max-width:520px){.site-header{position:static}.site-header .wrap{align-items:flex-start;flex-direction:column;padding:1rem 0}.nav{width:100%}.nav a{flex:1 1 8rem}.cta-row .button{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}