:root{--ink:#10202E;--deep:#0B2A3F;--tide:#0E4A63;--wave:#7FD3E6;--call:#FFC24A;--paper:#F2F7F9;--line:#D9E4E9;--muted:#56656F}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--ink);font:17px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;padding-bottom:92px}
.hero{background:linear-gradient(170deg,var(--deep) 0%,var(--tide) 100%);color:#fff;padding:34px 20px 54px;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-1px;height:34px;background:#fff;border-radius:50% 50% 0 0/100% 100% 0 0}
.in{position:relative;z-index:1;max-width:640px;margin:0 auto}
.eyebrow{color:var(--wave);font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px}
h1{font-size:36px;line-height:1.1;margin:0 0 12px;text-wrap:balance}
.lead{margin:0 0 20px;font-size:18px;color:#DCEBF1}
.btn{display:block;text-align:center;background:var(--call);color:var(--ink);font-weight:800;font-size:21px;text-decoration:none;padding:17px 18px;border-radius:12px}
.btn:focus-visible{outline:3px solid #fff;outline-offset:2px}
.note{font-size:14.5px;margin:10px 0 0;text-align:center;color:#C9DDE5}
main{max-width:640px;margin:0 auto;padding:0 20px 16px}
.photo{display:block;width:100%;height:auto;border-radius:12px;margin:6px 0 0}
h2{font-size:21px;color:var(--tide);margin:26px 0 8px}
ol,ul{padding-left:22px;margin:0}li{margin-bottom:7px}
.box{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:13px 15px;margin:0}
.steps{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:13px 15px 6px 36px}
.legal{font-size:14px;color:var(--muted)}
.links{margin:22px 0 0;font-size:15px}.links a{color:var(--tide)}
footer{max-width:640px;margin:0 auto;padding:0 20px 24px;font-size:13.5px;color:var(--muted)}
footer a{color:var(--tide)}
.bar{position:fixed;left:0;right:0;bottom:0;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);z-index:5}
.bar .btn{font-size:20px;padding:15px}
@media(min-width:760px){h1{font-size:46px}.bar{display:none}body{padding-bottom:0}.btn{max-width:360px}.note{text-align:left}}