*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f3f0e7;color:#142f40;font:18px/1.65 system-ui,-apple-system,sans-serif}a{color:#164f73;text-underline-offset:4px}a:hover{text-decoration-thickness:3px}a:focus-visible{outline:3px solid #956200;outline-offset:5px}header,main,footer{max-width:1080px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid #c9c9bd}.brand{font-size:24px;font-weight:750;text-decoration:none;color:#142f40}nav{display:flex;gap:24px;flex-wrap:wrap}nav a[aria-current]{font-weight:750}main{padding-top:64px;padding-bottom:80px}h1,h2,h3{line-height:1.15;letter-spacing:-.035em}h1{font-size:clamp(40px,6vw,72px);max-width:850px;margin:16px 0 28px}h2{font-size:32px;margin:48px 0 18px}h3{font-size:23px}.eyebrow{font-size:14px;text-transform:uppercase;letter-spacing:.14em;font-weight:700}.lead{font-size:23px;max-width:700px}.hero{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:center}.visual{background:#153647;color:#faf7ef;border-radius:28px;padding:30px;aspect-ratio:1;display:flex;flex-direction:column;justify-content:space-between}.frame{border:3px solid #e9bf49;margin:25px 8px;padding:30px 10px;text-align:center;font:28px ui-monospace,monospace;letter-spacing:.1em}.visual small{font-size:14px;color:#e4e7df}.button{display:inline-block;background:#153647;color:white;border-radius:30px;padding:12px 24px;text-decoration:none;font-weight:650;margin:12px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;border-top:1px solid #c9c9bd;margin-top:50px;padding-top:20px}.number{font:16px ui-monospace,monospace;color:#52656d}.note{background:#fffdf6;border-left:4px solid #a77a14;padding:22px 26px;margin:32px 0}.prose{max-width:760px}.prose h1{font-size:52px}footer{border-top:1px solid #c9c9bd;font-size:15px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.skip{position:absolute;top:-100px;left:10px;background:white;padding:10px}.skip:focus{top:10px}li{margin:10px 0}p{overflow-wrap:anywhere}@media(max-width:700px){header{align-items:flex-start;flex-direction:column;padding:22px}main{padding:36px 22px 55px}.hero,.steps{grid-template-columns:1fr}.visual{max-width:390px;aspect-ratio:1.2}.steps{gap:10px}.prose h1{font-size:40px}nav{gap:20px}.lead{font-size:21px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}