*{box-sizing:border-box}
:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#f3f5f8;background:#080c13;--muted:#b6c1cd;--accent:#d8f8aa;--rule:#ffffff32}
body{margin:0;background:radial-gradient(ellipse at 20% 7%,#19232a 0,transparent 45%),#080c13}
a{color:inherit} a:focus-visible,video:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
.skip{position:absolute;top:8px;left:12px;transform:translateY(-185%);background:#080c13;padding:8px}.skip:focus{transform:none}
header,main,footer{width:min(100% - 46px,1000px);margin-inline:auto}
header,footer{display:flex;align-items:center;justify-content:space-between;gap:20px}
header{padding:23px 0;border-bottom:1px solid var(--rule)}
.brand{font-size:21px;font-weight:750;text-decoration:none;letter-spacing:-.09em}.brand span,h1 em{color:var(--accent)}
.back,footer a{font-size:14px;text-underline-offset:.3em}.back{text-decoration:none}
main{padding:58px 0 64px}.intro{max-width:800px}.eyebrow{font-size:11px;font-weight:700;color:var(--accent);letter-spacing:.13em;text-transform:uppercase;margin:0 0 15px}
h1,h2{letter-spacing:-.055em;line-height:1.04;text-wrap:balance}h1{font-size:clamp(43px,7vw,80px);margin:0 0 17px}h1 em{font:inherit}
p:not(.eyebrow){font-size:clamp(16px,2vw,19px);line-height:1.55;color:var(--muted);margin:0;max-width:760px}
figure{margin:28px 0 36px;scroll-margin-top:16px}video{display:block;width:100%;height:auto;aspect-ratio:910/512;background:#030609;border-radius:14px}
figcaption{display:flex;justify-content:space-between;gap:14px;color:var(--muted);line-height:1.5;font-size:12px;margin-top:10px}
section{display:grid;grid-template-columns:1fr auto;align-items:center;gap:32px;border-block:1px solid var(--rule);padding:29px 0}
h2{font-size:clamp(30px,4vw,44px);margin:0 0 12px}
section p:not(.eyebrow){font-size:16px;max-width:610px}.button{display:inline-flex;gap:16px;align-items:center;justify-content:center;min-height:48px;padding:12px 21px;background:var(--accent);color:#131b0f;font-weight:700;border-radius:99px;text-decoration:none;white-space:nowrap}
footer{padding:0 0 30px;color:var(--muted)}@media(max-width:620px){header,main,footer{width:calc(100% - 32px)}main{padding:34px 0 46px}section{grid-template-columns:1fr;gap:20px}.button{justify-self:start}figcaption{display:block}figcaption span+span{display:block}figure{margin:23px 0 27px}}
