:root{color-scheme:dark;font-family:Inter,Segoe UI,Arial,sans-serif;color:#e7f1e9;background:#0a1214;line-height:1.7}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top right,#1b28354d,transparent 65%)}a{color:#c2f3c5;text-underline-offset:5px}a:focus-visible,button:focus-visible{outline:3px solid #cdf6cf;outline-offset:6px}header,main,footer{width:min(100% - 48px,1000px);margin:auto}header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:30px 0;border-bottom:1px solid #35483e}nav{display:flex;gap:24px;flex-wrap:wrap;font-size:13px}.wordmark{font-size:26px;text-decoration:none;font-weight:800;letter-spacing:-1px}.wordmark span{font-weight:400;color:#adbbb7}main{padding:76px 0 88px}h1{font-size:clamp(36px,6vw,68px);line-height:1.1;letter-spacing:-.045em;max-width:900px;margin:18px 0 28px}h2{font-size:24px;line-height:1.3;letter-spacing:-.02em;margin:0 0 18px}p{max-width:760px;margin:0 0 20px}.lead{font-size:22px;color:#c6d8cd;margin-bottom:44px}.eyebrow{font-size:11px;letter-spacing:.16em;color:#a6c0b3}.steps{padding:0;list-style:none;counter-reset:step;display:grid;gap:24px}.steps li,main>section,.offer-grid>section{border:1px solid #35483e;background:#15221c66;padding:30px;border-radius:18px}.steps li{counter-increment:step}.steps h2:before{content:counter(step,decimal-leading-zero) " / ";color:#a3cfad}main>section{margin-top:28px}pre,blockquote{margin:24px 0;padding:22px;border-left:3px solid #b8e8bb;background:#091010;border-radius:8px;white-space:pre-wrap;overflow-wrap:anywhere}blockquote{font-size:18px}.callout{margin-top:40px;padding:32px;border:1px solid #689275;border-radius:18px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 22px;gap:24px;border-radius:9px;background:#c1efc4;color:#112019;font-weight:700;text-decoration:none;margin:12px 0}.offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:34px 0}.offer-price{font-size:36px;font-weight:750}.offer-price small{display:block;font-size:13px;font-weight:400;color:#b7c9bd}footer{border-top:1px solid #35483e;padding:30px 0 48px;font-size:12px;display:grid;gap:22px}footer p{margin:0}@media(max-width:600px){header{align-items:start;flex-direction:column;padding:24px 0}header,main,footer{width:calc(100% - 32px)}nav{gap:12px 20px}nav a{padding:8px 0;min-height:44px}main{padding:48px 0 64px}.steps li,main>section,.offer-grid>section{padding:22px}.offer-grid{grid-template-columns:1fr;gap:18px}.lead{font-size:19px}.callout{padding:24px}h2{font-size:22px}}

/* Touch navigation also applies to onboarding, terms, and access pages. */
@media(pointer:coarse), (max-width:900px) {
 header,main,footer { width:min(calc(100% - clamp(32px,5vw,64px)),1000px); }
 header { flex-wrap:wrap; gap:12px 24px; padding-block:20px; }
 header>.wordmark,nav a,footer>a { display:inline-flex; align-items:center; min-height:44px; }
 nav { gap:4px 20px; }
 main { padding-block:clamp(32px,6vw,64px); }
 .offer-grid { grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)); }
}
