:root{--accent: #00f0ff;--accent-deep: #00a8c9;--accent-dim: #007c91;--gold: #ffbe0b;--gold-deep: #d99a00;--danger: #ff0055;--ok: #00ff66;--ink: #f0f7ff;--ink-dim: #9fb3d6;--ink-dimmer: #5f739a;--bg: #030611;--panel: rgba(8, 15, 34, .72);--panel-solid: #0a1226;--panel-border: rgba(0, 240, 255, .18);--panel-border-hi: rgba(0, 240, 255, .45);--maxw: 1120px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100%;background:var(--bg);color:var(--ink);font-family:Rajdhani,Segoe UI,system-ui,-apple-system,sans-serif;font-size:18px;line-height:1.55;overflow-x:hidden;position:relative}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.bg-glow{position:fixed;inset:0;z-index:-3;pointer-events:none;background:radial-gradient(900px 620px at 50% -8%,rgba(0,240,255,.16),transparent 60%),radial-gradient(720px 520px at 88% 12%,rgba(0,120,200,.14),transparent 60%),radial-gradient(680px 520px at 6% 30%,rgba(120,0,200,.1),transparent 60%),linear-gradient(180deg,#050a18,#030611 55%,#01030a)}.bg-stars{position:fixed;inset:-15% -10%;z-index:-2;pointer-events:none;background-image:radial-gradient(1.6px 1.6px at 12% 22%,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 32% 68%,rgba(0,240,255,.85),transparent),radial-gradient(1.8px 1.8px at 52% 38%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 68% 12%,rgba(0,240,255,.7),transparent),radial-gradient(1.4px 1.4px at 78% 74%,rgba(255,255,255,.85),transparent),radial-gradient(1px 1px at 88% 45%,rgba(255,255,255,.55),transparent),radial-gradient(1.6px 1.6px at 8% 82%,rgba(0,240,255,.6),transparent),radial-gradient(1px 1px at 42% 8%,rgba(255,255,255,.6),transparent);background-repeat:repeat;background-size:380px 380px;animation:star-drift 120s linear infinite,star-twinkle 5s ease-in-out infinite alternate;opacity:.7}@keyframes star-drift{0%{transform:translateZ(0)}to{transform:translate3d(-380px,-220px,0)}}@keyframes star-twinkle{0%,to{opacity:.45}50%{opacity:.85}}.bg-scanline{position:fixed;left:0;top:0;width:100%;height:3px;z-index:-1;pointer-events:none;opacity:.5;background:linear-gradient(180deg,rgba(0,240,255,.28) 0%,transparent 100%);animation:scanline 9s linear infinite}@keyframes scanline{0%{transform:translateY(-10px)}to{transform:translateY(102vh)}}@media (prefers-reduced-motion: reduce){.bg-stars,.bg-scanline{animation:none}}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px clamp(16px,4vw,40px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#030611d9,#03061126);border-bottom:1px solid rgba(0,240,255,.1)}.brand{display:flex;align-items:center;gap:12px}.brand-logo{height:34px;width:auto;object-fit:contain;display:block;filter:drop-shadow(0 0 6px rgba(0,240,255,.35))}.brand-name{font-family:Orbitron,sans-serif;font-weight:800;letter-spacing:3px;font-size:20px;color:var(--ink)}.topnav{display:flex;gap:26px;font-family:Share Tech Mono,monospace;font-size:14px}.topnav a{color:var(--ink-dim);letter-spacing:1px;transition:color .2s}.topnav a:hover{color:var(--accent)}main{display:block}.section{max-width:var(--maxw);margin:0 auto;padding:clamp(56px,9vw,110px) clamp(18px,4vw,40px)}.section-title{font-family:Orbitron,sans-serif;font-weight:800;font-size:clamp(26px,4.2vw,40px);letter-spacing:2px;text-align:center;margin-bottom:44px;text-transform:uppercase}.section-title.left{text-align:left;margin-bottom:26px}.hero{max-width:var(--maxw);margin:0 auto;padding:clamp(48px,8vw,96px) clamp(18px,4vw,40px) clamp(40px,6vw,72px);text-align:center}.eyebrow{font-family:Share Tech Mono,monospace;letter-spacing:4px;text-transform:uppercase;font-size:13px;color:var(--accent);opacity:.85;margin-bottom:18px}.wordmark{font-family:Orbitron,sans-serif;font-weight:900;font-size:clamp(56px,15vw,148px);line-height:.9;letter-spacing:clamp(6px,2.5vw,22px);background:linear-gradient(180deg,#d6fbff,#4fe3ff 42%,#00c8e6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 0 26px rgba(0,240,255,.55));margin-left:clamp(6px,2.5vw,22px)}.tagline{font-family:Rajdhani,sans-serif;font-weight:700;letter-spacing:6px;font-size:clamp(13px,2.4vw,18px);color:var(--ink-dim);margin-top:14px;text-transform:uppercase}.pitch{max-width:620px;margin:26px auto 0;color:var(--ink-dim);font-size:clamp(16px,2.3vw,20px)}.cta-row{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;margin-top:38px}.cta-row.center{margin-top:8px}.btn{display:inline-flex;align-items:center;gap:14px;padding:16px 26px;border-radius:14px;font-family:Rajdhani,sans-serif;cursor:pointer;border:1px solid transparent;position:relative;transition:transform .16s ease,box-shadow .2s ease,filter .2s ease;will-change:transform}.btn:hover{transform:translateY(-3px)}.btn:active{transform:translateY(-1px)}.btn .btn-icon{font-size:22px;line-height:1}.btn .btn-label{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15}.btn .btn-label strong{font-size:19px;font-weight:700;letter-spacing:.5px}.btn .btn-label small{font-size:12.5px;opacity:.8;font-family:Share Tech Mono,monospace}.btn.btn-sm{padding:12px 22px}.btn.btn-sm .btn-label strong{font-size:17px}.btn-play{background:linear-gradient(180deg,#2ff3ff 0%,var(--accent) 45%,var(--accent-deep) 100%);color:#041018;box-shadow:0 8px 26px #00f0ff52,inset 0 1px #fff6}.btn-play .btn-label small{color:#063;opacity:.65;color:#04323a}.btn-play:hover{box-shadow:0 12px 34px #00f0ff80,inset 0 1px #ffffff80}.btn-download{background:var(--panel);color:var(--ink);border-color:#ffbe0b73;box-shadow:0 8px 26px #0006,inset 0 0 0 1px #ffbe0b14}.btn-download .btn-icon{color:var(--gold)}.btn-download .btn-label small{color:var(--gold);opacity:.9}.btn-download:hover{border-color:var(--gold);box-shadow:0 12px 34px #ffbe0b40}.cta-note{margin-top:20px;font-family:Share Tech Mono,monospace;font-size:13px;color:var(--ink-dimmer);letter-spacing:1px}.hero-shot{position:relative;max-width:900px;margin:clamp(40px,6vw,72px) auto 0;border-radius:16px;overflow:hidden;border:1px solid var(--panel-border-hi);box-shadow:0 30px 80px #0009,0 0 0 1px #00f0ff14}.hero-shot img{width:100%;display:block}.hero-shot-glow{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 90px #00f0ff2e,inset 0 -60px 90px #03061180}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-card{background:var(--panel);border:1px solid var(--panel-border);border-radius:16px;padding:26px 22px;transition:transform .18s ease,border-color .2s ease,box-shadow .2s ease}.feature-card:hover{transform:translateY(-4px);border-color:var(--panel-border-hi);box-shadow:0 16px 40px #0006}.feature-ico{font-size:34px;margin-bottom:14px}.feature-card h3{font-family:Orbitron,sans-serif;font-weight:600;font-size:17px;letter-spacing:.5px;margin-bottom:10px;color:var(--ink)}.feature-card p{color:var(--ink-dim);font-size:16px}.world-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.world-card{position:relative;min-height:200px;border-radius:18px;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 44px #00000073;transition:transform .18s ease}.world-card:hover{transform:translateY(-5px)}.w-harbor{background:linear-gradient(160deg,#8ec9ff,#4a86b8 55%,#123a5a)}.w-canyon{background:linear-gradient(160deg,#ff9d5c,#c85a3a 55%,#4a1f2c)}.w-neon{background:linear-gradient(160deg,#7b5cff,#3a2c8f,#0a0a2c)}.world-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(3,6,17,.55) 100%);pointer-events:none}.world-tag{position:relative;z-index:1;align-self:flex-start;font-family:Share Tech Mono,monospace;font-size:12px;letter-spacing:2px;padding:4px 10px;border-radius:999px;background:#03061180;border:1px solid rgba(255,255,255,.25);margin-bottom:auto;color:#fff}.world-card h3{position:relative;z-index:1;font-family:Orbitron,sans-serif;font-weight:800;font-size:24px;letter-spacing:1px;color:#fff;margin-bottom:4px;text-shadow:0 2px 12px rgba(0,0,0,.6)}.world-card p{position:relative;z-index:1;color:#ffffffe6;font-weight:600}.shots{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center}.shot-frame{border-radius:16px;overflow:hidden;border:1px solid var(--panel-border-hi);box-shadow:0 24px 60px #00000080}.controls-panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:18px;padding:30px}.key-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:26px}.key-list li{display:flex;align-items:center;gap:14px;color:var(--ink-dim);font-size:16px;font-weight:600}.key-list kbd{font-family:Share Tech Mono,monospace;font-size:13px;color:var(--accent);background:#00f0ff14;border:1px solid var(--panel-border-hi);border-bottom-width:2px;border-radius:7px;padding:5px 9px;min-width:34px;text-align:center;flex-shrink:0}.key-list li>span{flex:1}.final-cta{text-align:center}.site-footer{border-top:1px solid rgba(0,240,255,.1);padding:34px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.footer-logo{width:44px;height:44px;border-radius:50%;object-fit:cover;opacity:.9}.site-footer p{color:var(--ink-dimmer);font-size:14px;font-family:Share Tech Mono,monospace;letter-spacing:1px}.site-footer strong{color:var(--ink-dim)}@media (max-width: 900px){.feature-grid{grid-template-columns:repeat(2,1fr)}.shots{grid-template-columns:1fr}.topnav{display:none}}@media (max-width: 620px){body{font-size:17px}.world-grid,.feature-grid{grid-template-columns:1fr}.btn{width:100%;justify-content:center}.cta-row{flex-direction:column}}