@font-face{font-family:Inter;src:url('assets/fonts/InterVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--bg:#080c10;--ink:#f2f5ef;--muted:#a5b1b6;--lime:#ddfb75;--mint:#63e6d6;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--ink)}
*{box-sizing:border-box}body{margin:0}a{color:var(--mint);text-underline-offset:4px}a:hover{color:var(--lime)}a:focus-visible{outline:2px solid var(--lime);outline-offset:5px}
header,main,footer{width:min(960px,100% - 40px);margin-inline:auto}header{padding-block:28px;border-bottom:1px solid #29333a}nav{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center}.brand{font-size:23px;font-weight:850;text-decoration:none;color:var(--ink);margin-right:auto}.brand span{color:var(--lime)}
main{padding-block:48px}.eyebrow{color:var(--mint);font-size:13px;letter-spacing:1px}h1{font-size:clamp(32px,6vw,56px);line-height:1.1;letter-spacing:-1.5px;margin:16px 0 24px;max-width:800px}h2{font-size:25px;letter-spacing:-.5px;margin:40px 0 16px}h3{font-size:18px;margin:28px 0 10px}p,li,dd,dt{font-size:16px;line-height:1.75}p,li,dd{color:var(--muted)}.lead{font-size:19px;max-width:760px}strong,dt{color:var(--ink)}.play{display:inline-block;padding:14px 24px;background:var(--lime);color:var(--bg);border-radius:5px;font-weight:700;text-decoration:none;margin:8px 0 24px}.play:hover{background:var(--mint);color:var(--bg)}
.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0 32px}.facts div{border:1px solid #29333a;border-radius:6px;padding:16px}.facts dt{font-size:13px;color:var(--mint)}.facts dd{margin:5px 0 0;font-weight:600;color:var(--ink)}
figure{margin:32px 0}figure img{display:block;max-width:100%;height:auto;border:1px solid #29333a;border-radius:8px}figcaption{font-size:13px;color:var(--muted);margin-top:10px;line-height:1.6}.contents{border-block:1px solid #29333a;padding:18px 0;display:flex;flex-wrap:wrap;gap:12px 24px}section{scroll-margin-top:24px}.controls{width:100%;border-collapse:collapse;text-align:left}.controls th,.controls td{padding:12px;border-bottom:1px solid #29333a;line-height:1.6}.controls td{color:var(--muted)}.controls th{font-weight:600}.note{font-size:14px}footer{border-top:1px solid #29333a;padding-block:24px 48px;font-size:13px;color:var(--muted)}footer nav{margin-bottom:18px}
@media(max-width:600px){.facts{grid-template-columns:repeat(2,minmax(0,1fr))}main{padding-top:28px}.controls th,.controls td{padding:10px 6px;font-size:14px}}