@font-face{font-family:Space;src:url('/fonts/SpaceGrotesk-400.ttf');font-weight:400;font-display:swap}@font-face{font-family:Space;src:url('/fonts/SpaceGrotesk-600.ttf');font-weight:600 900;font-display:swap}@font-face{font-family:Orbitron;src:url('/fonts/Orbitron-900.ttf');font-weight:900;font-display:swap}@font-face{font-family:Mono;src:url('/fonts/JetBrainsMono-500.ttf');font-weight:500;font-display:swap}
:root{--ink:#f6f3ff;--muted:#b7b4cd;--night:#101020;--violet:#a795ff;--lime:#ddff85;--cyan:#68eddf;--pink:#fe73bd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--ink);font:17px/1.55 Space,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{font-family:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}button,a{touch-action:manipulation}.preview{padding:8px 4vw;font:500 10px/1.5 Mono,monospace;background:#d5ceff;color:#222039;display:flex;justify-content:space-between;gap:18px}.preview span{opacity:.8}header{max-width:1500px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:26px 4vw;gap:24px}header img{max-width:230px;width:100%;height:auto}nav{display:flex;align-items:center;gap:30px;font-size:14px}nav button{background:none;border:0;color:inherit;font-size:14px;padding:10px 0}.studio{font:500 11px Mono,monospace;color:var(--muted)}main{overflow:hidden}.hero{max-width:1500px;margin:auto;min-height:740px;padding:65px 4vw 80px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.eyebrow{font:500 10px/1.7 Mono,monospace;letter-spacing:.12em;color:var(--cyan);margin:0 0 24px}.eyebrow span{display:inline-block;width:6px;height:6px;background:var(--cyan);border-radius:50%;margin-right:7px}h1{font:900 clamp(45px,5.55vw,86px)/1.02 Orbitron,sans-serif;letter-spacing:-.055em;margin:0 0 30px}h1 em{font-style:normal;color:var(--lime)}.lede{max-width:430px;color:#d2cee4;font-size:20px;line-height:1.6}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 16px}.primary,.secondary{display:inline-flex;justify-content:center;align-items:center;gap:30px;min-height:56px;border:0;padding:16px 23px;font:700 13px/1.35 Space,sans-serif;letter-spacing:.06em;border-radius:9px}.primary{background:var(--lime);color:#202318;box-shadow:0 5px 0 #849952;transition:transform .15s,box-shadow .15s}.primary:hover{transform:translateY(-2px);box-shadow:0 7px 0 #849952}.primary:active{transform:translateY(3px);box-shadow:0 2px 0 #849952}.secondary{background:#25233b;border:1px solid #595472;color:var(--ink)}.secondary:hover{background:#34314d}.micro{font:500 10px/1.75 Mono,monospace;color:var(--muted);max-width:570px}.loop{display:flex;gap:18px;align-items:center;margin-top:42px;font:500 10px Mono,monospace}.loop b{color:var(--cyan);margin-right:6px}.loop i{font-style:normal;color:#78728e}.artifact{position:relative;padding:20px 12px 0}.artifact:before{content:'';position:absolute;inset:-50px;background:radial-gradient(ellipse,#6152aa4d,transparent 66%);pointer-events:none}.artifact-label{position:relative;display:flex;align-items:center;gap:12px;font:500 10px Mono,monospace;color:var(--violet);margin-bottom:18px;letter-spacing:.04em}.star{font-size:30px;color:var(--lime)}.artframe{position:relative;transform:rotate(3deg);border:1px solid #a698e5;background:#0b0b17;padding:17px;border-radius:14px;box-shadow:12px 12px 0 #4b3e74,0 24px 70px #0007}.framehead,.framefoot{display:flex;justify-content:space-between;gap:14px;font:500 10px Mono,monospace}.framehead{padding:3px 0 13px;color:var(--cyan);letter-spacing:.08em}.framefoot{padding:15px 0 0}.framefoot>span:last-child{text-align:right;color:var(--cyan)}.framefoot small{display:block;margin-top:6px;font-size:8px;color:var(--muted)}canvas{width:100%;height:auto;display:block;border-radius:4px}canvas:focus{outline:none}.artcaption{position:relative;margin:32px 0 0;text-align:center;font:500 10px/1.6 Mono,monospace;color:var(--muted)}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);margin-right:6px}.orbit{position:absolute;border:1px solid #a795ff3b;border-radius:50%;pointer-events:none;inset:0 -40px;transform:rotate(-25deg)}.o2{inset:50px -70px;transform:rotate(38deg);border-color:#68eddf24}.signature{background:#ebe8f5;color:#211d36;padding:75px max(4vw,calc((100vw - 1380px)/2));display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}.signature .eyebrow{color:#655085}.signature .micro{color:#655e75}.signature p:not(.eyebrow):not(.micro){font-size:20px;max-width:500px}.signature h2 em{font-style:normal;color:#6952b6}h2{font:600 clamp(32px,3.5vw,52px)/1.07 Space,sans-serif;letter-spacing:-.04em;margin:0 0 25px}.future{max-width:1400px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:100px;padding:100px 4vw}.future>div>p:not(.eyebrow){color:var(--muted);max-width:450px}.future ol{margin:0;padding:0;list-style:none}.future li{display:flex;gap:25px;border-bottom:1px solid #45405c;padding:22px 0}.future li:first-child{padding-top:0}.future li>span{font:500 12px Mono,monospace;color:var(--violet)}h3{font-size:22px;font-weight:600;margin:0 0 4px}.future li p{color:var(--muted);margin:0}.future small{font:500 9px/1.6 Mono,monospace;color:var(--lime);display:block;margin-top:12px}.end{text-align:center;background:#302444;padding:70px 20px 80px}.end h2{font-size:clamp(32px,4vw,58px)}footer{max-width:1450px;margin:auto;padding:30px 4vw;display:flex;justify-content:space-between;gap:30px;font:500 9px/1.7 Mono,monospace;color:var(--muted)}dialog{width:min(650px,calc(100% - 30px));padding:45px;border-radius:16px;background:#17162b;color:var(--ink);border:1px solid #877ea8;max-height:90vh;overflow:auto;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#060510d9}.close{position:absolute;right:15px;top:10px;background:none;border:0;color:white;font-size:32px;width:40px;height:40px}.controls{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:25px 0}.controls span{display:flex;align-items:center;gap:12px;font-size:13px}.controls kbd{background:#2d2944;border:1px solid #6d6588;border-bottom-width:3px;border-radius:5px;padding:7px 10px;min-width:65px;text-align:center;font:500 11px Mono,monospace}@media(max-width:900px){header{padding:22px 6vw}header img{width:180px}nav{gap:18px}.studio{display:none}.hero{padding:35px 6vw 70px;gap:35px;grid-template-columns:1fr 1fr}h1{font-size:44px}.lede{font-size:17px}.loop{gap:10px}.artifact{padding:0}.framefoot{font-size:8px}.signature{padding:60px 6vw;gap:35px}.future{padding:65px 6vw;gap:40px}}@media(max-width:650px){.preview{font-size:8px}.preview span{max-width:190px}header{padding:23px 6vw}header img{width:150px}nav{gap:12px}nav a:not(.studio){display:none}.hero{grid-template-columns:1fr;gap:50px;padding-top:25px}h1{font-size:clamp(40px,10vw,62px)}.intro .eyebrow{font-size:8px}.lede{max-width:350px}.artifact{margin:0 10px 10px}.artifact-label{font-size:8px}.signature,.future{grid-template-columns:1fr;gap:20px}.signature{padding:50px 6vw}.future{padding:55px 6vw}.future ol{margin-top:18px}.loop{margin-top:30px}footer{flex-direction:column;gap:12px}.controls{grid-template-columns:1fr}dialog{padding:35px 25px}.framefoot small{font-size:7px}.artcaption{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}