:root{color-scheme:dark;--bg:#0a1018;--panel:#121e2a;--text:#edf4fa;--muted:#b1c2d0;--accent:#9ad4ff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font:17px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}header,main,footer{max-width:1240px;margin:auto;padding-inline:48px}header{display:flex;align-items:center;justify-content:space-between;padding-top:28px;padding-bottom:28px}.brand{display:flex;gap:9px;align-items:center;font-size:24px;font-weight:750;text-decoration:none;letter-spacing:-1px}nav,footer div{display:flex;gap:28px}nav a,footer a{text-decoration:none}nav a:hover,footer a:hover{text-decoration:underline}.skip{position:fixed;top:-100px;left:20px;background:var(--accent);color:var(--bg);padding:12px;z-index:10}.skip:focus{top:10px}section{padding-block:88px;border-bottom:1px solid #263341}.hero{border-bottom:0;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;min-height:680px;padding-top:40px}h1{font-size:clamp(44px,5.3vw,72px);line-height:1.09;letter-spacing:-3px;margin:28px 0}h1 span{color:var(--accent)}h2{font-size:clamp(32px,4vw,48px);line-height:1.15;letter-spacing:-1.5px;margin:20px 0 38px}h3{font-size:23px;line-height:1.3;letter-spacing:-.5px}p{color:var(--muted)}.intro{font-size:20px;line-height:1.7}.actions{display:flex;gap:24px;align-items:center;margin:32px 0}.button{display:inline-block;background:var(--accent);color:#0a2030;padding:13px 23px;border-radius:30px;font-weight:650;text-decoration:none}.button:hover{background:#c5e7ff}.secondary{font-size:15px}.fine,.status{font-size:13px;line-height:1.7}.orb-stage{position:relative;display:grid;place-items:center;height:460px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.grid p{font-size:16px}.demo{padding-block:40px}.demo h2{font-size:24px;letter-spacing:-.5px;margin:0 0 8px}.demo p{margin:0}.status{border-left:2px solid var(--accent);padding-left:14px}.closing{text-align:center;padding-block:100px}.closing .button{margin-top:20px}footer{display:flex;align-items:center;gap:26px;justify-content:space-between;padding-top:30px;padding-bottom:30px}footer p,footer a{font-size:12px}footer .brand{font-size:22px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media(max-width:800px){header,main,footer{padding-inline:24px}nav{gap:16px}nav a{font-size:13px}.hero{grid-template-columns:1fr;padding-top:36px}.orb-stage{height:350px;grid-row:2}.hero h1{letter-spacing:-2px}.grid{grid-template-columns:1fr;gap:20px}section{padding-block:56px}.actions{flex-wrap:wrap;gap:18px}footer{flex-wrap:wrap}footer p{order:3;width:100%;margin:0}}@media(max-width:380px){nav a:first-child{display:none}}

.video-player{min-width:0}.video-player video{display:block;width:100%;height:auto;border:1px solid #30424f;border-radius:18px;background:#0a1018}.video-player video:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.transcript{max-width:800px;padding-block:60px}.transcript h1{font-size:42px}.transcript p{max-width:65ch}

/* Transparent artwork uses the app renderer's gradients, proportions and star field. */
.orb-stage{background:none}
.app-orb{display:block;width:100%;max-width:490px;height:auto;aspect-ratio:1;pointer-events:none}

.demo .video-player{margin-block:24px 12px}.demo .fine{margin-top:12px}video::cue{background:#0a1018;color:#edf4fa}