@font-face{font-family:Saira;src:url('/assets/Saira-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:SairaDisplay;src:url('/assets/Saira-SemiBoldItalic.ttf') format('truetype');font-weight:600;font-display:swap}
:root{color-scheme:dark;--ink:#07111e;--panel:#102033;--text:#f1f7fb;--muted:#b7c8d7;--cyan:#35ddff;--gold:#ffb92b}
*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--text);font:600 17px/1.65 Saira,system-ui,sans-serif}a{color:var(--cyan);text-underline-offset:5px}a:hover{color:white}a:focus-visible,video:focus-visible{outline:3px solid var(--gold);outline-offset:6px}header,main,footer{max-width:1180px;margin:auto;padding:28px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #284054;gap:24px}.brand{font-family:SairaDisplay,sans-serif;font-size:25px;letter-spacing:1px;color:white;text-decoration:none}nav{display:flex;gap:24px}nav a{font-size:15px;text-decoration:none}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center;padding-top:55px;padding-bottom:70px}.eyebrow{font-size:13px;letter-spacing:3px;text-transform:uppercase;color:var(--gold)}h1,h2,h3,p{margin-top:0}h1{font-family:SairaDisplay,sans-serif;font-size:clamp(58px,7.6vw,100px);line-height:.99;letter-spacing:-3px;margin:25px 0 30px}h1 em{color:var(--cyan);font-style:normal}h2{font-size:32px;line-height:1.2}h3{font-size:23px;line-height:1.3}.lead{font-size:21px;line-height:1.65;color:var(--muted);max-width:560px}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.button{display:inline-block;background:var(--cyan);color:#07111e;text-decoration:none;padding:15px 22px;font-size:17px;border:1px solid var(--cyan);border-radius:6px}.button:hover{background:#b0f4ff;color:#07111e}.button.secondary{background:transparent;color:var(--text);border-color:#52758c}.small{font-size:14px;color:var(--muted)}.video-shell{border:1px solid #34546a;border-radius:16px;padding:9px;box-shadow:0 24px 80px #0008;background:#0e1e2b}.video-shell video{display:block;width:100%;max-height:680px;aspect-ratio:9/16;border-radius:9px;background:#000}.video-caption{font-size:12px;letter-spacing:1px;color:var(--muted);text-align:center;margin:12px 0 0}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;border-top:1px solid #284054;border-bottom:1px solid #284054;padding:35px 0;margin-bottom:65px}.facts strong{font-family:SairaDisplay,sans-serif;font-size:27px;display:block}.facts span{color:var(--muted)}.cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.card{padding:32px;border:1px solid #2c475c;background:var(--panel);border-radius:10px}.card p{color:var(--muted)}.pill{display:inline-block;color:var(--gold);font-size:12px;letter-spacing:2px;margin-bottom:18px}.support{padding:60px 0 15px}.support a{overflow-wrap:anywhere}footer{color:var(--muted);display:flex;gap:20px;justify-content:space-between;font-size:14px;border-top:1px solid #284054;margin-top:40px}.prose{max-width:850px;padding-top:60px;padding-bottom:60px}.prose h1{font-size:54px;letter-spacing:-1px}.prose h2{font-size:26px;margin-top:40px}.prose p,.prose li{color:var(--muted)}.prose strong{color:var(--text)}.prose a{overflow-wrap:anywhere}.steps{padding-left:25px}.steps li{padding:8px 0}.notice{border-left:3px solid var(--gold);padding:16px 22px;background:var(--panel);margin:30px 0}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:8px;background:var(--ink);padding:10px;z-index:10}
@media(max-width:800px){header,main,footer{padding:22px}.hero{grid-template-columns:1fr;gap:40px;padding-top:35px}.hero h1{font-size:72px}.video-shell{max-width:380px;margin:auto;width:100%}.facts{grid-template-columns:1fr;gap:22px;margin-bottom:40px}.cards{grid-template-columns:1fr}.lead{font-size:19px}.card{padding:24px}footer{flex-direction:column;gap:10px}.prose{padding-top:40px}.prose h1{font-size:43px}nav{gap:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
header{flex-wrap:wrap}h1{font-size:clamp(58px,6.7vw,84px)}.hero{padding-top:35px}.video-shell video{max-height:600px}
@media(max-width:800px){.hero h1{font-size:64px}header .brand{font-size:22px}header nav a{font-size:13px}}
header .brand{white-space:nowrap}header{gap:14px}
@media(max-width:800px){.hero h1{font-size:56px}header nav a{font-size:12px}}