:root{--void: #050614;--void-deep: #02030a;--nebula-blue: #0a1b3d;--nebula-purple: #1c1042;--panel: rgba(16, 20, 48, .92);--panel-soft: rgba(20, 26, 60, .6);--panel-border: rgba(125, 145, 255, .25);--cyan: #4df3ff;--magenta: #ff4dcf;--violet: #8a6cff;--white: #f4f7ff;--dim: rgba(244, 247, 255, .6);--faint: rgba(244, 247, 255, .32);--display: "Orbitron", sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1200px 800px at 15% -10%,var(--nebula-blue) 0%,transparent 60%),radial-gradient(1000px 700px at 90% 110%,var(--nebula-purple) 0%,transparent 60%),var(--void);color:var(--white);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}::selection{background:var(--cyan);color:var(--void-deep)}a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:4px}.shell{position:relative;min-height:100vh;display:flex;flex-direction:column}.stars{position:fixed;inset:0;pointer-events:none;z-index:0}.stars:before,.stars:after{content:"";position:absolute;border-radius:50%}.stars:before{width:2px;height:2px;background:var(--white);box-shadow:8vw 12vh var(--white),22vw 6vh var(--faint),31vw 28vh var(--dim),44vw 14vh var(--faint),58vw 8vh var(--white),71vw 22vh var(--faint),86vw 11vh var(--dim),94vw 32vh var(--faint),12vw 46vh var(--dim),27vw 58vh var(--faint),49vw 43vh #4df3ffb3,66vw 52vh var(--faint),81vw 47vh var(--dim),5vw 72vh var(--faint),19vw 86vh var(--dim),38vw 76vh var(--faint),55vw 89vh var(--white),72vw 71vh var(--faint),90vw 82vh var(--dim),97vw 64vh #ff4dcf8c}.stars:after{width:1px;height:1px;background:var(--faint);animation:twinkle 4s ease-in-out infinite alternate;box-shadow:15vw 18vh var(--faint),35vw 9vh var(--dim),52vw 24vh var(--faint),64vw 33vh var(--faint),78vw 16vh var(--dim),92vw 44vh var(--faint),9vw 62vh var(--faint),29vw 68vh var(--dim),46vw 61vh var(--faint),62vw 79vh var(--faint),84vw 92vh var(--dim),41vw 94vh var(--faint)}@keyframes twinkle{0%{opacity:.35}to{opacity:1}}.header{position:relative;z-index:1;width:min(1080px,100%);margin:0 auto;padding:24px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:12px;font-family:var(--display);font-weight:700;font-size:1.15rem;letter-spacing:.18em;text-transform:uppercase;color:var(--white);text-decoration:none;text-shadow:0 0 14px rgba(77,243,255,.6)}.brand-mark{width:16px;height:16px;border:2px solid var(--cyan);border-radius:50%;box-shadow:0 0 10px #4df3ffcc,inset 0 0 4px #4df3ffcc}.header-nav a{color:var(--dim);text-decoration:none;font-size:.95rem;letter-spacing:.06em;text-transform:uppercase}.header-nav a:hover,.header-nav a.active{color:var(--cyan)}.main{position:relative;z-index:1;flex:1;width:min(1080px,100%);margin:0 auto;padding:0 24px}.hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;padding:72px 0 48px}.hero:not(:has(.orbit)){grid-template-columns:1fr}.hero h1{margin:0;font-family:var(--display);font-weight:900;font-size:clamp(2.4rem,6vw,4rem);line-height:1.08;text-transform:uppercase;letter-spacing:.04em;text-shadow:0 0 24px rgba(77,243,255,.45)}.hero-tagline{margin:20px 0 32px;max-width:34rem;color:var(--dim);font-size:1.125rem;line-height:1.6}.store-buttons{display:flex;flex-wrap:wrap;gap:16px}.store-btn{display:inline-flex;align-items:center;gap:14px;padding:12px 24px;border-radius:16px;background:var(--panel);border:1px solid var(--panel-border);color:var(--white);text-decoration:none;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.store-btn:hover:not(.is-disabled){transform:translateY(-2px);border-color:#4df3ff99;box-shadow:0 0 24px #4df3ff40}.store-btn.is-disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.store-btn-text small{display:block;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}.store-btn-text strong{display:block;font-family:var(--display);font-weight:700;font-size:1rem;letter-spacing:.04em}.orbit{position:relative;width:100%;max-width:420px;aspect-ratio:1;justify-self:center}.orbit-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;transition:opacity 1.1s ease}.orbit.is-live .orbit-canvas{opacity:1}.trailer{padding:16px 0 32px}.trailer-title{margin:0 0 16px;font-family:var(--display);font-weight:700;font-size:1rem;letter-spacing:.06em;text-transform:uppercase;color:var(--cyan)}.trailer-frame{position:relative;aspect-ratio:16 / 9;border:1px solid var(--panel-border);border-radius:24px;overflow:hidden;background:var(--panel-soft);box-shadow:0 0 60px #4df3ff1f}.trailer-player,.trailer-play{position:absolute;inset:0;display:block;width:100%;height:100%;border:0}.trailer-play{padding:0;background:none;color:var(--cyan);cursor:pointer}.trailer-play:focus-visible{border-radius:24px;outline-offset:-5px}.trailer-poster{width:100%;height:100%;object-fit:cover;opacity:.85;transition:opacity .2s ease,transform .3s ease}.trailer-play:hover .trailer-poster,.trailer-play:focus-visible .trailer-poster{opacity:1;transform:scale(1.02)}.trailer-glyph{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:88px;height:88px;padding-left:2px;border:2px solid var(--cyan);border-radius:50%;background:#0506148c;box-shadow:0 0 28px #4df3ff80,inset 0 0 18px #4df3ff4d;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.trailer-play:hover .trailer-glyph,.trailer-play:focus-visible .trailer-glyph{transform:translate(-50%,-50%) scale(1.08);background:#4df3ff29;box-shadow:0 0 44px #4df3ffb3,inset 0 0 22px #4df3ff73}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:24px 0 96px}.feature-card{background:var(--panel-soft);border:1px solid var(--panel-border);border-radius:24px;padding:28px;transition:transform .15s ease,border-color .15s ease}.feature-card:hover{transform:translateY(-3px);border-color:#4df3ff66}.feature-card h2{margin:0 0 10px;font-family:var(--display);font-weight:700;font-size:1rem;letter-spacing:.06em;text-transform:uppercase;color:var(--cyan)}.feature-card p{margin:0;color:var(--dim);line-height:1.6}.doc{max-width:760px;margin:48px auto 96px}.doc h1{font-family:var(--display);font-weight:900;font-size:2rem;text-transform:uppercase;letter-spacing:.04em;text-shadow:0 0 20px rgba(77,243,255,.4);margin:0 0 8px}.doc-date{color:var(--faint);font-size:.9rem;margin:0 0 32px}.doc h2{font-family:var(--display);font-weight:700;font-size:1.05rem;letter-spacing:.06em;text-transform:uppercase;color:var(--cyan);margin:40px 0 12px}.doc h3{font-size:1rem;margin:24px 0 6px}.doc p,.doc li{color:var(--dim);line-height:1.7}.doc ul{padding-left:20px}.doc li{margin:8px 0}.doc a{color:var(--cyan);text-decoration:none}.doc a:hover{text-decoration:underline}.footer{position:relative;z-index:1;border-top:1px solid var(--panel-border);padding:40px 24px 48px;text-align:center}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:28px}.footer-links a{color:var(--dim);text-decoration:none;font-size:.9rem;letter-spacing:.05em;text-transform:uppercase}.footer-links a:hover{color:var(--cyan)}.footer-contact{margin:18px 0 0;color:var(--dim);font-size:.9rem}.footer-contact a{color:var(--cyan);text-decoration:none}.footer-copy{margin:10px 0 0;color:var(--faint);font-size:.8rem}.footer-badge{margin:24px 0 0}.footer-badge img{display:inline-block;max-width:100%;height:auto}@media(max-width:860px){.store-buttons{justify-content:center}.hero{grid-template-columns:1fr;padding-top:40px;gap:40px}.orbit{max-width:300px}.trailer-frame,.trailer-play:focus-visible{border-radius:18px}.trailer-glyph{width:64px;height:64px}.features{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.stars:after{animation:none}.trailer-play:hover .trailer-poster,.trailer-play:focus-visible .trailer-poster{transform:none}.trailer-play:hover .trailer-glyph,.trailer-play:focus-visible .trailer-glyph{transform:translate(-50%,-50%)}}
