:root{--bg:#090909;--fg:#f5f5ef;--muted:#7f7f78;--line:#222;--panel:#0f0f0f;--panel2:#151515;--accent:#D6FB00;--danger:#ff496c;--mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--sans:Inter,Arial,Helvetica,sans-serif;--footer-offset:70px}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--fg);font-family:var(--sans)}body{min-height:100vh;min-height:100svh;overflow:hidden}.page{height:100vh;height:100svh;width:min(1280px,calc(100% - 48px));margin:0 auto;display:grid;grid-template-rows:auto 1fr auto;padding:28px 0 24px;position:relative}.top,.bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;position:relative;z-index:10}.brand{font-weight:700}.loading{display:flex;align-items:center;gap:8px;color:var(--muted);font-family:var(--mono);animation:loadingBlink 1.35s steps(1,end) infinite}.loading-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px color-mix(in srgb,var(--accent) 45%,transparent)}
@keyframes loadingBlink{0%,48%{opacity:1}49%,100%{opacity:.28}}
.hero{position:relative;display:grid;place-items:center;min-height:0;isolation:isolate;padding-bottom:92px}.glitch-wrap{position:relative;display:inline-block;user-select:none}.studio{position:absolute;left:.08em;top:-2.3em;font-size:clamp(13px,1.4vw,18px);letter-spacing:.48em;font-weight:400;color:#d7d7d0;white-space:nowrap}.glitch{position:relative;display:inline-block;font-size:clamp(140px,31vw,430px);line-height:.74;font-weight:900;letter-spacing:-.085em;color:var(--fg);font-family:Arial,Helvetica,sans-serif;isolation:isolate}.glitch .zero{color:var(--accent)}.glitch::before,.glitch::after{content:attr(data-text);position:absolute;inset:0;opacity:0;pointer-events:none;overflow:hidden;white-space:nowrap}.glitch::before{color:var(--accent);z-index:-1}.glitch::after{color:#fff;z-index:-2}.glitch.active{animation:heroJolt .42s steps(2,end)}.glitch.active::before{opacity:.9;animation:heroSliceA .42s steps(2,end)}.glitch.active::after{opacity:.6;animation:heroSliceB .42s steps(2,end)}.glitch-line{position:absolute;left:-4%;width:108%;height:2px;background:var(--accent);opacity:0;box-shadow:0 0 14px color-mix(in srgb,var(--accent) 28%,transparent);pointer-events:none}.glitch-line.one{top:32%}.glitch-line.two{top:62%}.glitch-wrap.glitching .glitch-line.one{opacity:.9;animation:lineA .42s steps(2,end)}.glitch-wrap.glitching .glitch-line.two{opacity:.55;animation:lineB .42s steps(2,end)}
.tagline{position:absolute;bottom:31%;left:50%;transform:translateX(-50%);width:max-content;max-width:90vw;text-align:center;font-family:var(--mono);font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);z-index:5}.tagline strong{color:var(--fg);font-weight:500}.cursor{display:inline-block;width:.65em;height:1em;margin-left:.3em;background:var(--accent);vertical-align:-.15em;animation:cursorBlink 1s steps(1,end) infinite}.bottom{border-top:1px solid var(--line);padding-top:18px;flex-wrap:wrap}.contact{display:flex;flex-wrap:wrap;gap:12px 24px}a{color:var(--fg);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent)}.noise{position:absolute;inset:0;pointer-events:none;opacity:.17;background:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,rgba(255,255,255,.018) 4px);mask-image:linear-gradient(to bottom,transparent,black 15%,black 85%,transparent)}
.terminal-dock{position:fixed;left:50%;bottom:var(--footer-offset);z-index:1000;width:900px;height:132px;transform:translateX(-50%);overflow:hidden;cursor:pointer;background:linear-gradient(to top,rgba(15,15,15,.94) 0%,rgba(15,15,15,.60) 40%,rgba(15,15,15,.20) 66%,rgba(15,15,15,.04) 84%,rgba(15,15,15,0) 100%);transition:height .38s cubic-bezier(.2,.8,.2,1),bottom .38s cubic-bezier(.2,.8,.2,1),background .25s,border-color .25s,box-shadow .25s;border:1px solid transparent;border-bottom:0}.terminal-dock:not(.expanded)::after{content:"";position:absolute;inset:0;z-index:25;pointer-events:none;background:linear-gradient(to bottom,rgba(9,9,9,.14) 0%,rgba(9,9,9,.06) 28%,rgba(9,9,9,0) 72%)}.terminal-dock:not(.expanded) .terminal-bar,.terminal-dock:not(.expanded) .command-area{display:none}.terminal-dock:not(.expanded) .terminal-content{opacity:.43;mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.06) 18%,rgba(0,0,0,.42) 48%,#000 82%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.06) 18%,rgba(0,0,0,.42) 48%,#000 82%)}.terminal-dock:not(.expanded) .terminal-output{height:132px;padding:20px 22px 8px;overflow:hidden}.terminal-dock.expanded{width:900px;height:560px;cursor:default;background:linear-gradient(180deg,var(--panel),#0b0b0b);border-color:#2b2b2b;box-shadow:0 30px 90px rgba(0,0,0,.62)}.terminal-bar{height:48px;display:flex;align-items:center;gap:11px;padding:0 13px 0 15px;border-bottom:1px solid #262626;background:var(--panel2);font:12px/1 var(--mono);color:var(--muted);user-select:none}.traffic{display:flex;gap:7px}.traffic span{width:9px;height:9px;border-radius:50%;background:#444}.traffic span:last-child{background:var(--accent);box-shadow:0 0 14px color-mix(in srgb,var(--accent) 45%,transparent)}.terminal-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.terminal-minimize{margin-left:auto;border:0;background:transparent;color:var(--muted);font:20px/1 var(--mono);width:34px;height:34px;cursor:pointer}.terminal-minimize:hover{color:var(--accent)}.terminal-content{height:100%;font:14px/1.55 var(--mono);position:relative;transition:opacity .2s}.terminal-output{height:448px;overflow:auto;padding:18px 18px 8px;scrollbar-width:thin;scrollbar-color:#2d2d2d transparent}.tline{margin:0 0 5px;white-space:pre-wrap;overflow-wrap:anywhere}.tmuted{color:var(--muted)}.taccent{color:var(--accent)}.tdanger{color:var(--danger)}.tstrong{color:var(--fg);font-weight:700}.system-line{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;margin-bottom:3px;color:var(--muted)}.system-line time{color:#55554f}.command-area{position:absolute;left:0;right:0;bottom:0;padding:0 18px 14px;background:linear-gradient(to top,#0b0b0b 74%,rgba(11,11,11,0))}.command-line{padding-top:12px;border-top:1px solid #262626;display:flex;gap:8px;align-items:center}.prompt{color:var(--accent);white-space:nowrap}.command-input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--fg);caret-color:var(--accent);font:inherit}.command-input::placeholder{color:#55554f}.hint{margin-top:8px;color:#55554f;font:11px/1.4 var(--mono)}.terminal-dock.expanded.is-glitching{animation:terminalJolt .68s steps(2,end)}.terminal-dock.expanded.is-glitching::before{content:"";position:absolute;inset:-8%;pointer-events:none;z-index:50;background:linear-gradient(to bottom,transparent 0 9%,color-mix(in srgb,var(--accent) 88%,transparent) 9% 11%,transparent 11% 27%,rgba(255,255,255,.8) 27% 28%,transparent 28% 49%,color-mix(in srgb,var(--accent) 80%,transparent) 49% 53%,transparent 53% 76%,rgba(255,255,255,.65) 76% 77%,transparent 77% 100%);mix-blend-mode:screen;animation:glitchOverlay .68s steps(2,end)}
@keyframes heroJolt{0%,100%{transform:none}18%{transform:translate(-4px)}35%{transform:translate(3px)}52%{transform:translate(-2px)}70%{transform:translate(1px)}}@keyframes heroSliceA{0%{clip-path:inset(8% 0 74%);transform:translate(-8px,-1px)}20%{clip-path:inset(55% 0 24%);transform:translate(10px,1px)}40%{clip-path:inset(30% 0 47%);transform:translate(-5px)}60%{clip-path:inset(77% 0 4%);transform:translate(7px,-1px)}80%{clip-path:inset(18% 0 63%);transform:translate(-3px,1px)}100%{clip-path:inset(0);transform:none}}@keyframes heroSliceB{0%{clip-path:inset(70% 0 9%);transform:translate(7px)}25%{clip-path:inset(14% 0 66%);transform:translate(-9px)}50%{clip-path:inset(43% 0 35%);transform:translate(5px,1px)}75%{clip-path:inset(83% 0 2%);transform:translate(-4px,-1px)}100%{clip-path:inset(0);transform:none}}@keyframes lineA{0%{transform:translateX(-2%)}50%{transform:translateX(3%)}100%{transform:none}}@keyframes lineB{0%{transform:translateX(3%)}50%{transform:translateX(-4%)}100%{transform:none}}@keyframes cursorBlink{0%,48%{opacity:1}49%,100%{opacity:0}}@keyframes terminalJolt{0%,100%{transform:translateX(-50%)}8%{transform:translateX(calc(-50% - 10px))}18%{transform:translateX(calc(-50% + 8px))}30%{transform:translateX(calc(-50% - 5px))}42%{transform:translateX(calc(-50% + 11px))}55%{transform:translateX(calc(-50% - 7px))}68%{transform:translateX(calc(-50% + 5px))}82%{transform:translateX(calc(-50% - 2px))}}@keyframes glitchOverlay{0%{transform:translateX(-12%);opacity:0}10%{transform:translateX(6%);opacity:.95}25%{transform:translateX(-8%);opacity:.68}42%{transform:translateX(10%);opacity:.9}58%{transform:translateX(-4%);opacity:.48}76%{transform:translateX(7%);opacity:.8}100%{transform:none;opacity:0}}
@media(max-width:940px){.terminal-dock,.terminal-dock.expanded{width:calc(100vw - 24px)}.tagline{bottom:29%}}
@media(max-width:720px){.page{width:min(100% - 30px,1280px);padding:20px 0 18px}.top,.bottom{font-size:10px}.top{gap:12px}.loading{font-size:9px}.studio{top:-2.05em;letter-spacing:.34em}.hero{padding-bottom:76px}.tagline{bottom:27%;font-size:10px;line-height:1.55}.terminal-dock{height:94px}.terminal-dock:not(.expanded) .terminal-output{height:94px}.terminal-dock.expanded{width:calc(100vw - 16px);height:min(520px,calc(100svh - var(--footer-offset) - 12px))}.terminal-output{height:calc(100% - 112px)}.terminal-content{font-size:12px}.system-line{grid-template-columns:70px minmax(0,1fr);gap:8px}.bottom{gap:8px 14px}.contact{gap:8px 14px}}
@media(max-width:460px){.page{width:calc(100% - 24px)}.loading span:last-child{display:none}.glitch{font-size:clamp(118px,41vw,180px)}.tagline{bottom:25%;width:88vw}.bottom{font-size:9px}.contact{max-width:68vw;justify-content:flex-end}.terminal-dock{height:82px}.terminal-dock:not(.expanded) .terminal-output{height:82px;padding-left:14px;padding-right:14px}}
@media(prefers-reduced-motion:reduce){.loading,.glitch,.glitch::before,.glitch::after,.glitch-line,.cursor,.terminal-dock{animation:none!important;transition:none!important}}
