:root{--void:#07080a;--panel:#0f1114;--panel-hover:#141820;--border:#1d2128;--border-bright:#2a3140;--text:#e4e7eb;--text-dim:#6c7480;--signal:#39ff9e;--signal-dim:#123322;--signal-glow:#39ff9e26;--alert:#ff3d9a;--warn:#fbbf24}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--void);color:var(--text);min-height:100vh;font-family:Inter,sans-serif;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#39ff9e08 1px,#0000 1px),linear-gradient(90deg,#39ff9e08 1px,#0000 1px);background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 0,#000 20%,#0000 70%);mask-image:radial-gradient(80% 60% at 50% 0,#000 20%,#0000 70%)}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(#39ff9e0f 0%,#0000 70%);width:900px;height:600px;position:fixed;top:-20%;left:50%;transform:translate(-50%)}#root{z-index:1;position:relative}.mono{font-family:IBM Plex Mono,monospace}::selection{background:var(--signal-dim);color:var(--signal)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--void)}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.site-nav{z-index:100;padding:0 20px;transition:background .3s,border-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:fixed;top:0;left:0;right:0}.site-nav.default{background:0 0;border-bottom:1px solid #0000}.site-nav.solid{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#07080ad9}.site-nav-inner{align-items:center;gap:24px;max-width:1200px;height:64px;margin:0 auto;display:flex}.site-logo{color:var(--text);letter-spacing:.12em;align-items:center;gap:8px;font-size:14px;font-weight:700;text-decoration:none;display:flex;position:relative}.logo-icon{color:var(--signal)}.logo-pulse{background:var(--signal);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite logo-pulse}@keyframes logo-pulse{0%,to{opacity:1;box-shadow:0 0 #39ff9e66}50%{opacity:.7;box-shadow:0 0 0 6px #39ff9e00}}.site-nav-links{gap:4px;margin-left:auto;display:flex}.nav-link{color:var(--text-dim);letter-spacing:.04em;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;text-decoration:none;transition:color .2s,background .2s;display:flex}.nav-link:hover{color:var(--text);background:#ffffff0a}.nav-link.active{color:var(--signal);background:var(--signal-glow)}.nav-cta{border:1px solid var(--border);color:var(--text-dim);white-space:nowrap;border-radius:6px;padding:8px 16px;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s}.nav-cta:hover{border-color:var(--signal);color:var(--signal)}.nav-cta-primary{background:var(--signal);color:#04140b;border-color:var(--signal)}.nav-cta-primary:hover{color:#04140b;background:#5fffb4;border-color:#5fffb4}@media (width<=640px){.nav-link-text,.nav-cta:not(.nav-cta-primary){display:none}}.btn{letter-spacing:.02em;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--signal);color:#04140b}.btn-primary:hover{background:#5fffb4;transform:translateY(-1px);box-shadow:0 8px 24px #39ff9e40}.btn-ghost{color:var(--text);border:1px solid var(--border);background:0 0}.btn-ghost:hover{border-color:var(--signal);color:var(--signal)}.glitch{color:var(--signal);animation:2.8s linear infinite alternate-reverse glitch-skew;display:inline-block;position:relative}.glitch:before,.glitch:after{content:"TALKING.";width:100%;height:100%;position:absolute;top:0;left:0}.glitch:before{color:#5fffb4;clip-path:polygon(0 0,100% 0,100% 35%,0 35%);animation:2.2s linear infinite alternate-reverse glitch-1}.glitch:after{color:#1dcc7a;clip-path:polygon(0 65%,100% 65%,100% 100%,0 100%);animation:1.6s linear infinite alternate-reverse glitch-2}@keyframes glitch-1{0%,72%,to{transform:translate(0)}74%{transform:translate(-7px,2px)}76%{transform:translate(6px,-3px)}78%{transform:translate(-5px,1px)}80%{transform:translate(8px,-2px)}82%{transform:translate(-4px,3px)}84%{transform:translate(5px,-1px)}86%{transform:translate(-6px)}88%{transform:translate(3px,2px)}90%{transform:translate(-3px,-2px)}92%{transform:translate(7px,1px)}94%{transform:translate(-8px,-1px)}96%{transform:translate(4px,2px)}98%{transform:translate(-5px,-2px)}}@keyframes glitch-2{0%,70%,to{transform:translate(0)}72%{transform:translate(6px,-2px)}74%{transform:translate(-7px,3px)}76%{transform:translate(5px,-1px)}78%{transform:translate(-6px,2px)}80%{transform:translate(8px,1px)}82%{transform:translate(-4px,-3px)}84%{transform:translate(7px,2px)}86%{transform:translate(-5px,-1px)}88%{transform:translate(6px,-2px)}90%{transform:translate(-8px,1px)}92%{transform:translate(4px,3px)}94%{transform:translate(-6px,-2px)}96%{transform:translate(5px,1px)}98%{transform:translate(-7px,-1px)}}@keyframes glitch-skew{0%,72%,to{transform:skew(0deg)translate(0)}74%{transform:skew(-2.5deg)translate(-2px,1px)}76%{transform:skew(2deg)translate(2px,-1px)}78%{transform:skew(-3deg)translate(-1px,2px)}80%{transform:skew(2.5deg)translate(3px)}82%{transform:skew(-2deg)translate(-2px,-1px)}84%{transform:skew(3deg)translate(1px,1px)}86%{transform:skew(-2.5deg)translate(-3px)}88%{transform:skew(2deg)translate(2px,-2px)}90%{transform:skew(-3deg)translate(-1px,1px)}92%{transform:skew(2.5deg)translate(2px)}94%{transform:skew(-2deg)translate(-2px,-1px)}96%{transform:skew(3deg)translate(1px,2px)}98%{transform:skew(-2.5deg)translate(-1px,-1px)}}.fade-up{animation:.6s both fade-up}.fade-up-delay-1{animation-delay:.1s}.fade-up-delay-2{animation-delay:.2s}.fade-up-delay-3{animation-delay:.3s}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-shell{min-height:100vh;padding-top:64px}.page-header{margin-bottom:32px}.page-eyebrow{letter-spacing:.1em;color:var(--signal);text-transform:uppercase;margin-bottom:8px;font-size:12px}.page-eyebrow:before{content:"● "}.page-title{letter-spacing:-.01em;font-size:clamp(24px,4vw,32px);font-weight:600}.page-sub{color:var(--text-dim);margin-top:8px;font-size:14px;line-height:1.6}.tag{color:var(--text-dim);border:1px solid var(--border);background:#ffffff08;border-radius:6px;padding:5px 10px;font-family:IBM Plex Mono,monospace;font-size:12px;transition:border-color .2s,color .2s}.tag:hover{border-color:var(--signal);color:var(--signal)}.tag-live:before{content:"";background:var(--signal);vertical-align:middle;border-radius:50%;width:5px;height:5px;margin-right:6px;animation:2s ease-in-out infinite logo-pulse;display:inline-block}.loading-pipeline{background:var(--panel);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:10px;margin-bottom:24px;padding:20px;display:flex}.loading-step{color:var(--text-dim);align-items:center;gap:12px;font-family:IBM Plex Mono,monospace;font-size:13px;display:flex}.loading-step.active{color:var(--signal)}.loading-step.done{color:var(--text)}.step-dot{border:1px solid var(--border-bright);border-radius:50%;flex-shrink:0;width:8px;height:8px}.loading-step.active .step-dot{background:var(--signal);border-color:var(--signal);animation:1s ease-in-out infinite logo-pulse}.loading-step.done .step-dot{background:var(--signal);border-color:var(--signal)}.site-footer{border-top:1px solid var(--border);text-align:center;padding:40px 24px}.footer-stack{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:20px;display:flex}.stack-pill{letter-spacing:.06em;color:var(--text-dim);border:1px solid var(--border);text-transform:uppercase;border-radius:20px;padding:6px 14px;font-family:IBM Plex Mono,monospace;font-size:11px}.footer-copy{color:var(--text-dim);font-size:12px}
