:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#edf8ff;--muted:#a9c3d6;--cyan:#5cf6ff;--night:#061426}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--night);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}section[id]{scroll-margin-top:24px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero{background:#031224;position:relative}.hero-visual{aspect-ratio:2560/1441;position:relative;overflow:hidden}.hero-art{width:100%;height:auto;display:block}.site-header{z-index:1;background:linear-gradient(#031124bb,#0000);justify-content:space-between;align-items:center;padding:30px max(30px,50vw - 770px);display:flex;position:absolute;inset:0 0 auto}.brand-mark{grid-template-rows:repeat(2,10px);grid-template-columns:repeat(2,10px);gap:3px;width:27px;height:27px;display:grid;transform:rotate(-7deg)}.brand-mark span{background:var(--cyan);width:10px;height:10px;box-shadow:0 0 10px #27d8e677}.brand-mark span:nth-child(2){grid-area:2/2}.brand-mark span:nth-child(3){opacity:.4;grid-area:1/2}.site-header nav{align-items:center;gap:clamp(22px,4vw,60px);display:flex}.site-header nav a{color:#e5f4ff;letter-spacing:.13em;text-shadow:0 1px 8px #001322;align-items:center;min-height:44px;font-size:14px;transition:color .2s;display:inline-flex}.site-header nav a:hover,footer a:hover{color:var(--cyan)}.hero-panel{text-align:center;background:linear-gradient(#0000,#031224b8 48%,#031224ee);flex-direction:column;align-items:center;gap:22px;padding:86px 24px 38px;display:flex;position:absolute;inset:auto 0 0}.tagline{color:#e7f6ff;letter-spacing:.12em;text-shadow:0 1px 12px #001322;margin:0;font:500 clamp(14px,1.25vw,19px)/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.hero-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.button{color:#edf8ff;letter-spacing:.08em;background:#061d32d9;border:1px solid #7c9cb1;border-radius:999px;justify-content:space-between;align-items:center;gap:28px;min-width:190px;min-height:50px;padding:12px 20px;font-size:13px;font-weight:600;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.button span{color:var(--cyan);font-size:19px;line-height:1}.button-primary{border-color:var(--cyan);box-shadow:inset 0 0 0 1px #5cf6ff33}.button:hover{border-color:var(--cyan);background:#0b3e57;transform:translateY(-2px)}.content-section{background:linear-gradient(155deg,#09223a,#061426);border-top:1px solid #1d465e;padding:clamp(88px,10vw,150px) 24px}.devlog-section{background:#071b30}.about-section{background:linear-gradient(155deg,#081d32,#051323)}.section-inner{width:min(100%,1020px);margin:0 auto}.eyebrow{color:var(--cyan);text-transform:uppercase;letter-spacing:.26em;font-size:12px}.content-section h2{letter-spacing:-.05em;max-width:780px;margin:24px 0;font-size:clamp(42px,6vw,80px);font-weight:600;line-height:1.08}.content-section .section-inner>p:not(.eyebrow){max-width:590px;color:var(--muted);font-size:clamp(16px,1.5vw,20px);line-height:1.7}.coming-soon{color:#b7d8df;text-transform:uppercase;letter-spacing:.16em;border:1px solid #315566;border-radius:999px;align-items:center;gap:12px;margin-top:42px;padding:12px 18px;font-size:12px;display:inline-flex}.pulse{background:var(--cyan);width:7px;height:7px;box-shadow:0 0 9px var(--cyan);border-radius:50%}footer{color:#91a8b4;letter-spacing:.08em;border-top:1px solid #1b4053;justify-content:space-between;gap:20px;padding:35px max(24px,50vw - 510px);font-size:12px;display:flex}@media (max-width:700px){.hero-visual{aspect-ratio:2560/2017.4}.hero-art{width:140%;max-width:none;margin-left:-20%}.site-header{padding:14px 18px 30px}.site-header nav{gap:clamp(10px,3.5vw,22px)}.site-header nav a{letter-spacing:.05em;font-size:11px}.hero-panel{background:linear-gradient(#061a2e,#061426);gap:20px;padding:26px 20px 36px;position:relative}.tagline{letter-spacing:.035em;font-size:13px}.hero-actions{gap:10px;width:100%}.button{letter-spacing:.03em;flex:145px;gap:10px;min-width:0;padding:12px 16px;font-size:11px}.content-section{padding:80px 22px}footer{flex-direction:column}}@media (max-width:360px){.site-header{padding-inline:12px}.site-header nav{gap:7px}.site-header nav a{font-size:10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.site-header nav a{transition:none}}