:root{--ink:#1B2430;--navy:#12324A;--heat:#E8692C;--paper:#F6F4F0;--line:#E2DED6;--muted:#5D6670}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--ink);font:17px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;padding-bottom:92px}
.hero{background:linear-gradient(160deg,#12324A 0%,#1D4A68 55%,#2B5F7F 100%);color:#fff;padding:34px 20px 30px;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;right:-90px;top:-90px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(232,105,44,.55),rgba(232,105,44,0) 70%)}
.in{position:relative;z-index:1;max-width:640px;margin:0 auto}
.eyebrow{color:#FFB98F;font-weight:700;font-size:14px;letter-spacing:.07em;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:#E4EDF3}
.btn{display:block;text-align:center;background:var(--heat);color:#fff;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:#D2DEE6}
main{max-width:640px;margin:0 auto;padding:6px 20px 16px}
h2{font-size:21px;color:var(--navy);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}
.legal{font-size:14px;color:var(--muted)}
footer{max-width:640px;margin:0 auto;padding:0 20px 24px;font-size:13.5px;color:var(--muted)}
footer a{color:var(--navy)}
.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}}