:root{color:#11233f;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.page{display:grid;min-block-size:100vh;place-items:center;padding:clamp(1.5rem,5vw,4rem)}.demo{inline-size:min(100%,60rem)}.eyebrow{margin:0 0 .5rem;color:#1769aa;font-size:.875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}h1{margin:0;max-inline-size:18ch;font-size:clamp(2rem,5vw,3.5rem);line-height:1.06}.intro{margin:1rem 0 2rem;color:#4a5e79;font-size:clamp(1rem,2vw,1.125rem)}.player{display:block;inline-size:100%;aspect-ratio:16 / 9;background:#07111f;border-radius:.75rem;box-shadow:0 1.5rem 4rem #11233f2e}.status{margin:1rem 0 0;color:#a31d2b}.page--message{color:#4a5e79}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}