@import url('https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');:root{--bg:#08050d;--purple:#b44cff;--muted:#a69bb0;--line:#44304f;--red:#ff365d;--green:#50f18c}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:#f6ecff;font-family:'Space Mono',monospace}body{overflow-x:hidden}.scanlines{pointer-events:none;position:fixed;inset:0;z-index:15;opacity:.09;background:repeating-linear-gradient(to bottom,transparent 0 3px,#fff 4px 4px)}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font:inherit}.machine{width:min(1560px,100%);min-height:100svh;margin:auto;display:flex;flex-direction:column;padding:clamp(12px,2vw,28px)}.top,.footer{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:56px}.brand{font-size:18px;font-weight:700;letter-spacing:-1px}.brand-dot{display:inline-block;width:10px;height:10px;background:var(--purple);box-shadow:0 0 15px var(--purple);margin-right:10px}.muted{color:#6e567d}.top-right{display:flex;gap:25px;align-items:center}.status,.sound{font-size:10px;letter-spacing:1px}.status i{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:8px;box-shadow:0 0 9px var(--green)}.sound{background:transparent;color:#a89bb4;border:0}.screen{position:relative;flex:1;min-height:560px;overflow:hidden;border:1px solid #473454;background:radial-gradient(circle at 78% 42%,#351049 0%,#11071b 45%,#090510 82%)}.background{position:absolute;inset:0;background:url('assets/02-terminal-backdrop.webp') center/cover;opacity:.25;mix-blend-mode:screen}.screen-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#090510 0%,#090510f2 26%,#09051099 53%,transparent 85%);pointer-events:none}#chart{position:absolute;inset:0;width:100%;height:100%;opacity:.6;pointer-events:none}.left{position:relative;z-index:4;width:min(58%,720px);padding:clamp(24px,5vw,85px) 0 75px clamp(20px,5vw,75px)}.eyebrow,.tiny,.ca-wrap,.figure-label,.side-label,.bottom-hud{font-size:10px;letter-spacing:1.3px}.eyebrow{color:#d1a2e8}.tiny{color:#8b718f;margin-top:clamp(38px,8vh,110px)}h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(62px,8vw,135px);line-height:.94;letter-spacing:-.085em;margin:12px 0 22px;font-weight:700;white-space:nowrap;text-shadow:4px 4px 0 #40174c}h1 span{color:var(--purple)}.blink{color:var(--purple);font-weight:400;animation:blink 1.2s steps(1) infinite}.slogan{font-size:clamp(16px,1.7vw,24px);line-height:1.45;letter-spacing:-.7px;margin:0}.slogan strong{color:#dcafff}.desc{color:#b8a8bf;font-size:12px;line-height:1.9;max-width:400px;margin:20px 0 28px}.actions{display:flex;gap:8px;flex-wrap:wrap}.action{border:1px solid #6d507c;background:#1b1026;color:#f8edff;text-decoration:none;padding:14px 18px;font-size:11px;font-weight:700;letter-spacing:.5px;transition:transform .15s,background .15s,border-color .15s}.action:hover:not(:disabled){transform:translateY(-3px);border-color:#e0b7ff;background:#321645}.action.primary{background:var(--purple);color:#130719;border-color:var(--purple)}.action:disabled{opacity:.4;cursor:default}.ca-wrap{display:flex;align-items:center;gap:13px;margin-top:24px;color:#947da0}.ca-wrap button{max-width:310px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:transparent;border:1px dashed #644375;color:#e5c5ff;padding:10px;font-size:10px}.copy-icon{color:#c38ce5}.figure{position:absolute;z-index:2;right:-6%;top:15%;width:70%;height:73%;overflow:hidden;mask-image:linear-gradient(to right,transparent 0%,black 25%,black 90%,transparent 100%);animation:float 6s ease-in-out infinite}.figure img{width:100%;height:100%;object-fit:cover;object-position:67% center;filter:saturate(1.2)}.figure-label{position:absolute;right:15%;bottom:0;color:#b69ac2}.side-label{position:absolute;z-index:3;right:15px;top:50%;writing-mode:vertical-rl;color:#997aa6}.bottom-hud{position:absolute;bottom:0;left:0;right:0;z-index:5;display:flex;justify-content:space-between;gap:10px;padding:17px 22px;border-top:1px solid #50305d;background:#0b0614c9;color:#a88db4}.footer{color:#8b7697;font-size:10px;letter-spacing:.5px}.footer-left span{color:var(--purple)}.gallery-controls{display:flex;align-items:center;gap:14px}.gallery-controls button{border:1px solid #4a3554;background:#160c20;color:#eedcff;padding:8px 11px;font-size:11px}.gallery-controls button:hover{background:#3b1d52}.modal{position:fixed;inset:0;background:#050308ee;z-index:30;display:none;align-items:center;justify-content:center;flex-direction:column;padding:40px 15px}.modal.open{display:flex}.modal img{max-width:min(90vw,1100px);max-height:80vh;object-fit:contain;image-rendering:auto}.close{position:absolute;top:20px;right:20px;color:white;background:#25102f;border:1px solid #75488a;padding:12px 16px}.modal #modalCaption{font-size:11px;margin-top:15px;color:#cba6dc}@keyframes blink{50%{opacity:0}}@keyframes float{50%{transform:translateY(-9px)}}@media(max-width:900px){.screen{min-height:720px}.left{width:95%;padding:32px 24px 270px}.tiny{margin-top:30px}h1{font-size:clamp(57px,11vw,100px)}.figure{top:auto;bottom:48px;right:-14%;width:105%;height:310px;opacity:.75}.screen-overlay{background:linear-gradient(180deg,#090510e8 0%,#090510c9 54%,#09051040 85%)}.side-label{display:none}.bottom-hud span:last-child{display:none}}@media(max-width:550px){.machine{padding:10px}.top{min-height:48px}.brand{font-size:15px}.top-right{gap:8px}.status{font-size:8px}.sound{font-size:9px}.screen{min-height:calc(100svh - 115px)}.left{padding:24px 16px 230px}.eyebrow,.tiny{font-size:9px}.tiny{margin-top:32px}h1{font-size:clamp(53px,14vw,82px);margin:16px 0 20px}.slogan{font-size:17px}.desc{font-size:11px;max-width:310px}.actions{gap:6px}.action{padding:12px 11px;font-size:10px}.figure{bottom:48px;height:260px;right:-21%;width:120%}.bottom-hud{font-size:8px;padding:13px 10px}.bottom-hud span:nth-child(2){display:none}.footer{font-size:8px;min-height:48px}.footer-left{max-width:40%}.gallery-controls{gap:5px}.gallery-controls button{padding:7px}.gallery-controls span{font-size:8px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}