:root{color-scheme:dark;--bg:#090b13;--panel:#111523;--ink:#f6f1e7;--muted:#a5a8b5;--orange:#ffad5c;--pink:#e8619e;--line:#303447}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Verdana,Arial,sans-serif;line-height:1.6}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#ffffff05 4px);z-index:5}a{color:inherit}.skip{position:absolute;top:-100px;left:12px;background:var(--orange);color:#111;padding:10px;z-index:20}.skip:focus{top:12px}.top{max-width:1240px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:22px 28px;border-bottom:1px solid var(--line);gap:20px}.brand{font-size:1.5rem;font-weight:900;letter-spacing:-.06em;text-decoration:none}.brand span,h1 span{color:var(--orange)}nav{display:flex;gap:26px;flex-wrap:wrap}nav a,.micro,.eyebrow,.compat,.section-index,.number,.state,.status-line,.art-kicker,.art-foot,.screen-top,.screen-bottom,.shot-bar,.shot-body,.fine{font-family:Consolas,'Courier New',monospace;letter-spacing:.09em}nav a{font-size:.75rem;text-decoration:none;color:#c7c9d2}nav a:hover,footer a:hover{color:var(--orange)}main{max-width:1240px;margin:auto;padding:0 28px}.hero{padding:65px 0 90px}.eyebrow{font-size:.72rem;color:var(--orange);margin:0 0 36px}.live{display:inline-block;width:8px;height:8px;background:var(--orange);box-shadow:0 0 12px var(--orange);border-radius:50%;margin-right:10px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}.micro{color:var(--pink);font-size:.7rem;font-weight:bold}.hero h1{font-size:clamp(3.4rem,7vw,7rem);line-height:1;letter-spacing:-.09em;margin:10px 0 28px;text-shadow:4px 5px 0 #342139}.tagline{font-size:clamp(1.5rem,2.8vw,2.5rem);line-height:1.24;font-weight:800;margin:0 0 20px}.tagline em{font-style:normal;color:var(--orange)}.lead{color:#c1c1cd;max-width:510px;font-size:1.03rem}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.button{padding:13px 18px;text-decoration:none;font-weight:bold;font-family:Consolas,monospace;font-size:.85rem;letter-spacing:.04em}.primary{background:var(--orange);color:#15101a;box-shadow:5px 5px 0 #7e3c57}.outline{border:1px solid #747486}.button:hover{transform:translateY(-2px)}.compat{font-size:.68rem;color:#9f9ba9}.compat span{color:var(--pink);padding:0 8px}.hero-art{min-height:440px;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border:2px solid #72516a;background:radial-gradient(circle at 50% 44%,#4b2b54 0%,#1a1734 45%,#0d1020 78%);box-shadow:12px 12px 0 #1b1826}.scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,#0000 0 7px,#0005 8px);pointer-events:none}.art-inner{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:50px 30px;flex:1;position:relative}.pixel-star{font-size:4rem;color:var(--orange);text-shadow:0 0 35px var(--pink)}.art-kicker{font-size:.7rem;color:var(--orange);margin:12px 0}.art-title{font-size:clamp(1.8rem,4vw,3.5rem);font-weight:900;letter-spacing:-.05em;text-shadow:4px 4px 0 #8b3c6c}.art-note{max-width:310px;color:#d4bbd4;font-size:.8rem;margin-top:18px}.art-foot{background:#171324;color:var(--orange);text-align:center;padding:14px;font-size:.68rem;position:relative}section:not(.hero){border-top:1px solid var(--line);padding:75px 0}.section-index{color:var(--pink);font-size:.75rem;font-weight:bold}.section-head{max-width:740px;margin-bottom:35px}h2{font-size:clamp(2rem,4vw,3.7rem);letter-spacing:-.06em;line-height:1.1;margin:10px 0 18px}h2 .dot{color:var(--orange)}.section-head>p:last-child,.status>p:not(.section-index):not(.fine){color:var(--muted)}.demo-stage{padding:18px;background:#13182a;border:1px solid #464359}.demo-screen{min-height:320px;border:1px solid #7e5671;background:radial-gradient(ellipse at center,#27203c,#0b0c16 70%);display:flex;flex-direction:column;justify-content:space-between;padding:18px;color:var(--orange)}.screen-top,.screen-bottom{font-size:.65rem}.screen-center{display:flex;align-items:center;flex-direction:column;gap:12px;padding:35px;text-align:center}.screen-center strong{font-size:1.5rem;color:var(--ink)}.screen-center>span:last-child{font-size:.7rem;color:var(--muted)}.play-symbol{font-size:2.4rem}.editor-list{display:grid;gap:25px}.editor{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;align-items:center;padding:25px;background:var(--panel);border:1px solid var(--line)}.editor-copy{padding:10px}.number{color:var(--orange);font-size:.7rem}.editor h3{font-size:clamp(1.7rem,3vw,2.8rem);line-height:1.1;letter-spacing:-.06em;margin:15px 0}.editor p{color:var(--muted)}.state{font-size:.65rem;color:var(--pink)}.editor-shot{min-height:240px;background:#0b0f19;border:1px solid #41485a;display:flex;flex-direction:column}.shot-bar{background:#282d3b;padding:9px 14px;color:#c3c7d0;font-size:.64rem}.shot-body{flex:1;display:flex;align-items:center;justify-content:center;gap:18px;color:#777e92;font-size:.72rem;padding:22px}.shot-icon{font-size:3rem;color:#5a6176}.status{max-width:100%}.status>p:not(.section-index){max-width:680px}.status-line{display:flex;align-items:center;border:1px solid #554252;padding:18px 20px;margin-top:32px;color:var(--orange);font-size:.8rem;flex-wrap:wrap}.status-right{margin-left:auto;color:var(--muted)}.fine{font-size:.7rem;color:#7e8592!important}footer{max-width:1240px;margin:auto;border-top:1px solid var(--line);padding:35px 28px 50px;display:flex;justify-content:space-between;gap:25px;align-items:flex-start;color:#959baa;font-size:.75rem}footer>div{display:flex;flex-direction:column;min-width:200px}footer strong{color:var(--ink);font-size:1.2rem}footer span{font-size:.65rem}footer p{max-width:500px;margin:0}footer a{white-space:nowrap;text-decoration:none}@media(max-width:800px){.top{align-items:flex-start;flex-direction:column}.hero-grid,.editor{grid-template-columns:1fr}.hero-art{min-height:350px}.hero{padding:40px 0 60px}section:not(.hero){padding:55px 0}footer{flex-wrap:wrap}}@media(max-width:460px){main{padding:0 18px}.top{padding:20px 18px}nav{gap:12px}nav a{font-size:.64rem}.hero h1{font-size:3.4rem}.hero-art{min-height:300px}.editor{padding:14px}.shot-body{flex-direction:column;text-align:center}.status-right{margin-left:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button:hover{transform:none}}