:root{--surface: #190c2d;--surface-container: #26193a;--surface-container-low: #201430;--surface-container-high: #302445;--surface-bright: #3b2a55;--primary: #ff007f;--secondary: #00ffff;--on-surface: #edf0ff;--on-surface-dim: #bec7e5;--max-width: 1120px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--on-surface);font-family:Manrope,sans-serif;background:radial-gradient(circle at 82% 14%,rgba(0,255,255,.17),transparent 28%),radial-gradient(circle at 14% 88%,rgba(255,0,127,.16),transparent 32%),var(--surface);overflow-x:hidden}.bg-noise,.bg-scanlines,.bg-vhs-glitch,.bg-grid,.bg-orb{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.bg-vhs-glitch{z-index:-3;opacity:.22;mix-blend-mode:screen}.bg-vhs-glitch:before,.bg-vhs-glitch:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.bg-vhs-glitch:before{background:linear-gradient(to bottom,transparent 0,transparent 34%,rgba(255,255,255,.14) 36%,rgba(255,255,255,.04) 40%,transparent 44%,transparent 100%);animation:vhsTear 7.5s steps(1,end) infinite}.bg-vhs-glitch:after{background:repeating-linear-gradient(90deg,rgba(255,0,127,.05) 0,rgba(255,0,127,.05) 1px,transparent 1px,transparent 3px),repeating-linear-gradient(90deg,rgba(0,255,255,.05) 0,rgba(0,255,255,.05) 1px,transparent 1px,transparent 4px);animation:vhsColorDrift 9s steps(2,end) infinite}.bg-noise{z-index:-1;opacity:.1;background-image:radial-gradient(rgba(255,255,255,.45) .55px,transparent .75px),radial-gradient(rgba(0,0,0,.18) .7px,transparent .9px);background-size:2px 2px,3px 3px;animation:noiseShift .24s steps(2) infinite}.bg-scanlines{z-index:-4;opacity:.12;background:none}.bg-scanlines:before,.bg-scanlines:after{content:"";position:absolute;left:0;width:100%;height:38px;background:linear-gradient(to bottom,#fff0,#ffffff0f 28%,#ffffff24,#ffffff0d 72%,#fff0);mix-blend-mode:soft-light;filter:blur(1.8px)}.bg-scanlines:before{top:-220px;box-shadow:0 340px #ffffff1f,0 760px #ffffff1a;animation:vhsBandA 19s ease-in-out infinite}.bg-scanlines:after{top:-360px;height:28px;opacity:.66;box-shadow:0 520px #ffffff1c;animation:vhsBandB 24s ease-in-out infinite}.bg-grid{z-index:-3;opacity:.2;background-image:linear-gradient(rgba(0,255,255,.17) 1px,transparent 1px),linear-gradient(90deg,rgba(255,0,127,.14) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(circle at center,black 24%,transparent 84%);mask-image:radial-gradient(circle at center,black 24%,transparent 84%);animation:gridPulse 10s ease-in-out infinite}.bg-orb{z-index:-2;width:540px;height:540px;border-radius:50%;filter:blur(90px);opacity:.4}.orb-cyan{background:var(--secondary);right:-170px;top:-180px;animation:floatOrb 12s ease-in-out infinite}.orb-magenta{background:var(--primary);left:-180px;bottom:-210px;animation:floatOrb 15s ease-in-out infinite reverse}.frame-indicator{position:fixed;z-index:6;font-family:JetBrains Mono,monospace;letter-spacing:.14em;font-size:.72rem;text-transform:uppercase;pointer-events:none;mix-blend-mode:screen}.frame-play{top:.95rem;left:1rem;color:var(--primary);text-shadow:0 0 10px rgba(255,0,127,.55)}.frame-time{right:1rem;bottom:.85rem;color:var(--secondary);text-shadow:0 0 10px rgba(0,255,255,.48)}.frame-hud{position:fixed;right:1rem;bottom:.85rem;z-index:7;display:flex;align-items:center;gap:.46rem}.frame-hud .frame-time{position:static}.frame-toggle{border:1px solid rgba(0,255,255,.45);background:#00ffff12;color:#ddfffbeb;font-family:JetBrains Mono,monospace;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;padding:.28rem .42rem;cursor:pointer}.frame-toggle:hover{border-color:#ff007f8c;color:#fff}.broadcast-shell{min-height:100vh}.main-canvas{padding-top:1.25rem}.layout{width:min(var(--max-width),calc(100% - 2.3rem));margin:0 auto;padding:2rem 0 4rem;display:grid;gap:1rem}.hero,.panel{position:relative;overflow:hidden;border-radius:0;background:linear-gradient(135deg,#201430f2,#26193aed 40%,#302445e6);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 0 0 2px #ffffff1c,0 0 22px #ff007f33,0 0 26px #00ffff24,0 20px 44px #00000080}.hero:before,.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to bottom,rgba(255,255,255,.05),transparent 23%)}.hero{padding:2.2rem}.hero-stitch{min-height:0;border:2px solid rgba(0,255,255,.2)}.hero-channel{position:absolute;top:.8rem;font-family:JetBrains Mono,monospace;font-size:.62rem;letter-spacing:.15em;color:#00ffffe6}.hero-channel-left{left:.85rem}.hero-channel-right{right:.85rem;color:#ff007fd6}.hero-topline{display:flex;justify-content:space-between;align-items:center;gap:1rem}.version{font-family:JetBrains Mono,monospace;font-size:.72rem;color:var(--secondary);letter-spacing:.12em;text-transform:uppercase;padding:.22rem .55rem;box-shadow:inset 0 0 0 2px #00ffff73,0 0 14px #0ff3}.kicker{margin:1.1rem 0 0;font-family:Space Grotesk,sans-serif;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--secondary);text-shadow:0 0 8px rgba(0,255,255,.56)}h1{margin:.54rem 0 0;font-family:Space Grotesk,sans-serif;font-style:italic;font-weight:700;text-transform:uppercase;font-size:clamp(2.15rem,5.7vw,3.65rem);line-height:1.02;letter-spacing:.02em;text-shadow:.5px 0 0 rgba(255,0,127,.85),-.5px 0 0 rgba(0,255,255,.75),0 0 14px rgba(255,0,127,.32)}.hero-name{margin:.6rem 0 0;display:inline-block;font-family:Archivo Black,sans-serif;font-style:normal;font-weight:400;font-size:clamp(2.3rem,8.3vw,5.8rem);line-height:.9;letter-spacing:.01em;transform:skew(-13deg);color:#ff0d86;text-shadow:3px 0 #ff007f,-3px 0 #00f6ff,0 0 18px rgba(255,0,127,.45);animation:titleSignalFlicker 4.4s steps(1,end) infinite}.hero-signal{margin:.55rem 0 0;font-family:JetBrains Mono,monospace;font-size:clamp(.92rem,2vw,1.32rem);letter-spacing:.14em;text-transform:uppercase;color:#ff007fe6;text-shadow:0 0 10px rgba(255,0,127,.34)}.hero-identity{margin:.8rem 0 0;font-family:Space Grotesk,sans-serif;font-size:clamp(1.08rem,2.2vw,1.44rem);text-transform:uppercase;border-left:4px solid rgba(0,255,255,.8);padding-left:.8rem}.subtitle{margin-top:1rem;max-width:66ch;color:var(--on-surface-dim);font-size:1.02rem}.hero-meta{margin-top:1.28rem;display:flex;flex-wrap:wrap;gap:.72rem 1.2rem;color:var(--on-surface-dim);font-size:.95rem}.hero-meta a{color:inherit;text-decoration:none}.hero-meta-item{display:inline-flex;align-items:center;gap:.4rem}.meta-icon{width:1rem;height:1rem;color:#00ffffe6;flex-shrink:0}.hero-links{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.72rem}.hero-links a{position:relative;display:inline-flex;align-items:center;gap:.45rem;justify-content:center;min-width:3rem;min-height:2.7rem;padding:.62rem 1rem;text-decoration:none;color:var(--on-surface);background:#0d0a16d1;overflow:hidden;isolation:isolate;clip-path:inset(0);box-shadow:inset 0 0 0 2px #00ffff9e,0 0 10px #0ff3;transition:transform .22s ease,box-shadow .24s ease}.hero-links a:after{content:"";position:absolute;top:0;left:-100%;width:42%;height:100%;background:linear-gradient(95deg,transparent,rgba(255,255,255,.32),transparent);transition:left .34s ease}.hero-links a:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 2px #ff007fad,0 0 18px #ff007f4f}.hero-links a:hover:after{left:140%}.cta-live{padding-left:.8rem}.social-icon{width:1.18rem;height:1.18rem;display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.rec-dot{width:.52rem;height:.52rem;border-radius:50%;background:#ff2742;box-shadow:0 0 10px #ff2742bf;animation:recBlink 1.05s step-end infinite}.hero-tape{position:absolute;right:.95rem;bottom:.4rem;font-family:Space Grotesk,sans-serif;font-size:1.55rem;font-weight:800;font-style:italic;color:#ecdcff2e;pointer-events:none}.panel{padding:1.35rem}h2{margin:0 0 .85rem;font-family:Space Grotesk,sans-serif;font-style:italic;font-size:clamp(1.2rem,3.05vw,1.72rem);text-transform:uppercase;letter-spacing:.05em;color:var(--secondary);text-shadow:0 0 10px rgba(0,255,255,.33)}.section-heading{display:flex;align-items:baseline;gap:.7rem;margin-bottom:.8rem}.section-line{flex:1;height:2px;background:linear-gradient(90deg,rgba(0,255,255,.7),transparent 70%)}p{margin:0;color:var(--on-surface-dim)}.section-intro{margin-bottom:1rem}.capabilities-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.capabilities-panel{position:relative}.capability-feed{margin:-.25rem 0 .9rem;font-family:JetBrains Mono,monospace;font-size:.58rem;text-transform:uppercase;letter-spacing:.16em;color:#edf0ff94}.capability-card{position:relative;padding:1.05rem;border-radius:0;background:#26193aeb;box-shadow:inset 0 0 0 2px #ffffff12,0 0 16px #ff007f24;transition:transform .22s ease,box-shadow .26s ease}.capability-prompt{margin:0;font-family:JetBrains Mono,monospace;font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#00ffffc2;text-shadow:0 0 8px rgba(0,255,255,.24)}.capability-card:nth-child(2n){background:#302445eb}.capability-description{margin-top:.55rem;font-size:.93rem;line-height:1.56}.contact-panel p{max-width:70ch}.contact-actions{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.7rem}.contact-actions a{text-decoration:none;font-family:JetBrains Mono,monospace;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;padding:.62rem .78rem;border:2px solid rgba(0,255,255,.38);color:#ecdcffe6;background:#00ffff0f}.contact-actions a:hover{border-color:#ff007fb3;color:#fff}.vhs-footer{width:min(var(--max-width),calc(100% - 2.3rem));margin:0 auto 1.4rem;padding:.8rem 1rem;border:2px solid rgba(255,0,127,.35);background:linear-gradient(180deg,#1a0d2bf0,#140b21f0);box-shadow:inset 0 0 0 1px #00ffff29,0 0 22px #ff007f2e;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.7rem}.vhs-status{font-family:JetBrains Mono,monospace;font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;color:#ecdcffbd}.vhs-controls{display:flex;flex-wrap:wrap;gap:.4rem}.vhs-control-icon{width:1.9rem;height:1.65rem;display:inline-flex;align-items:center;justify-content:center;color:#00ffffdb;border:1px solid rgba(0,255,255,.34);background:#00ffff12}.vhs-control-icon svg{width:1rem;height:1rem}.vhs-control-icon.is-rec{color:#ff007fed;border-color:#ff007f73;background:#ff007f14}.capability-card:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 2px #00ffff47,0 0 20px #00ffff2e}.reveal{opacity:0;transform:translateY(14px);animation:revealUp .72s ease forwards}.reveal:nth-of-type(2){animation-delay:.08s}.reveal:nth-of-type(3){animation-delay:.16s}@keyframes recBlink{0%,55%{opacity:1}56%,to{opacity:.35}}@keyframes vhsBandA{0%{transform:translateZ(0) scaleX(1);opacity:0}18%{transform:translate3d(1px,260px,0) scaleX(1.02);opacity:.45}50%{transform:translate3d(-1px,620px,0) scaleX(.99);opacity:.5}78%{transform:translate3d(2px,930px,0) scaleX(1.03);opacity:.38}to{transform:translate3d(0,calc(100vh + 1200px),0) scaleX(1);opacity:0}}@keyframes vhsBandB{0%{transform:translateZ(0) scaleX(1);opacity:0}22%{transform:translate3d(-1px,360px,0) scaleX(1.02);opacity:.34}58%{transform:translate3d(1px,780px,0) scaleX(.99);opacity:.3}84%{transform:translate3d(-2px,1080px,0) scaleX(1.02);opacity:.26}to{transform:translate3d(0,calc(100vh + 1280px),0) scaleX(1);opacity:0}}@keyframes revealUp{to{opacity:1;transform:translateY(0)}}@keyframes floatOrb{0%,to{transform:translateZ(0)}50%{transform:translate3d(22px,-16px,0)}}@keyframes gridPulse{0%,to{opacity:.18}50%{opacity:.28}}@keyframes noiseShift{0%{transform:translate(0)}to{transform:translate(1px,1px)}}@keyframes vhsTear{0%,80%,to{transform:translateZ(0);opacity:0}81%{transform:translateZ(0);opacity:.15}82%{transform:translate3d(-4px,0,0);opacity:.22}83%{transform:translate3d(3px,0,0);opacity:.2}84%{transform:translate3d(-2px,0,0);opacity:.16}85%{transform:translateZ(0);opacity:0}}@keyframes vhsColorDrift{0%,68%,to{transform:translateZ(0);opacity:.1}69%{transform:translate3d(-1px,0,0);opacity:.18}70%{transform:translate3d(1px,0,0);opacity:.2}71%{transform:translate3d(-1px,0,0);opacity:.14}72%{transform:translateZ(0);opacity:.1}}@keyframes titleSignalFlicker{0%,92%,to{opacity:1;transform:skew(-13deg) translateZ(0)}93%{opacity:.94;transform:skew(-13deg) translate3d(-1px,0,0)}94%{opacity:1;transform:skew(-13deg) translate3d(1px,0,0)}95%{opacity:.96;transform:skew(-13deg) translate3d(-1px,0,0)}}@media (max-width: 900px){.capabilities-grid{grid-template-columns:1fr}.hero-channel-right{display:none}}@media (max-width: 640px){.layout{width:min(var(--max-width),calc(100% - 1.2rem));padding-top:1.55rem;gap:.85rem}.hero{padding:1.35rem}.panel{padding:1.2rem}.hero-links{gap:.45rem}.hero-tape{display:none}.section-heading{flex-direction:column;align-items:flex-start;gap:.35rem}.vhs-footer{width:min(var(--max-width),calc(100% - 1.2rem));padding:.7rem .75rem}.vhs-status,.frame-toggle{font-size:.56rem}.vhs-control-icon{width:1.72rem;height:1.54rem}.vhs-control-icon svg{width:.9rem;height:.9rem}.frame-indicator{font-size:.62rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}