.showcase-container{position:relative;min-height:100vh;background:#050510;overflow-x:hidden}.visualizer-canvas{position:fixed;inset:0;z-index:0;pointer-events:none}.scan-lines{position:fixed;inset:0;pointer-events:none;z-index:100;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.04) 2px,rgba(0,0,0,.04) 4px)}.vignette{position:fixed;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at center,transparent 60%,rgba(5,5,16,.7) 100%)}.showcase-content{position:relative;z-index:10}.phase-title{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.title-container{max-width:800px}.title-glitch-wrapper{position:relative;margin-bottom:1.5rem}.showcase-title{position:relative;font-family:var(--font-mono);font-size:clamp(2.5rem,8vw,6rem);font-weight:900;letter-spacing:.15em;line-height:1.1}.glitch-layer{display:block}.glitch-base{color:#fff;text-shadow:0 0 20px rgba(192,38,211,.8),0 0 40px rgba(192,38,211,.5),0 0 80px rgba(192,38,211,.3),0 0 120px rgba(192,38,211,.15);animation:title-flicker 6s infinite}.glitch-cyan{position:absolute;top:0;left:0;color:var(--color-cyan-light);opacity:0;clip-path:polygon(0 0,100% 0,100% 45%,0 45%);animation:title-cyan-slice 4s infinite}.glitch-magenta{position:absolute;top:0;left:0;color:#ff2d95;opacity:0;clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%);animation:title-magenta-slice 3.5s infinite}@keyframes title-flicker{0%,92%,94%,96%,to{opacity:1}93%{opacity:.8;text-shadow:0 0 30px rgba(6,182,212,.9),0 0 60px rgba(6,182,212,.4)}95%{opacity:.9;text-shadow:0 0 25px rgba(255,45,149,.8),0 0 50px rgba(255,45,149,.3)}}@keyframes title-cyan-slice{0%,85%,to{opacity:0;transform:translate(0)}87%{opacity:.7;transform:translate(-6px,2px)}89%{opacity:0;transform:translate(0)}92%{opacity:.5;transform:translate(4px,-1px)}94%{opacity:0;transform:translate(0)}}@keyframes title-magenta-slice{0%,88%,to{opacity:0;transform:translate(0)}90%{opacity:.6;transform:translate(5px,-1px)}92%{opacity:0;transform:translate(0)}95%{opacity:.7;transform:translate(-3px,2px)}97%{opacity:0;transform:translate(0)}}.showcase-tagline{font-family:var(--font-mono);font-size:.85rem;letter-spacing:.5em;color:var(--color-cyan-light);margin-bottom:1.5rem;opacity:.8}.title-divider{width:120px;height:2px;margin:0 auto 1.5rem;background:linear-gradient(90deg,transparent,var(--color-neon),var(--color-cyan-light),transparent)}.showcase-subtitle{font-family:var(--font-mono);font-size:.8rem;line-height:1.8;color:var(--color-text-secondary);max-width:500px;margin:0 auto;opacity:.7}.phase-transmission{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem}.transmission-header{text-align:center;margin-bottom:3rem}.transmission-title{font-family:var(--font-mono);font-size:clamp(1.5rem,4vw,2.5rem);font-weight:900;letter-spacing:.2em;margin-bottom:.75rem}.tx-glitch{color:var(--color-neon-light);text-shadow:0 0 20px rgba(192,38,211,.5),0 0 40px rgba(192,38,211,.2);position:relative;display:inline-block}.tx-glitch:before,.tx-glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;overflow:hidden;opacity:0}.tx-glitch:before{color:var(--color-cyan-light);animation:tx-slice-r 5s infinite}.tx-glitch:after{color:#ff2d95;animation:tx-slice-b 4s infinite}@keyframes tx-slice-r{0%,88%,to{opacity:0;transform:translate(0);clip-path:inset(0 0 0 0)}90%{opacity:.6;transform:translate(-4px,1px);clip-path:inset(20% 0 60% 0)}92%{opacity:0;transform:translate(0)}}@keyframes tx-slice-b{0%,90%,to{opacity:0;transform:translate(0);clip-path:inset(0 0 0 0)}92%{opacity:.5;transform:translate(3px,-1px);clip-path:inset(55% 0 25% 0)}94%{opacity:0;transform:translate(0)}}.transmission-meta{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.25em;color:var(--color-text-muted);opacity:.6}.signal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;max-width:700px;width:100%}.signal-card{background:#0e0e16cc;border:1px solid rgba(192,38,211,.12);border-radius:.5rem;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.25rem;transition:all .3s ease}.signal-card:hover{border-color:#c026d34d;box-shadow:0 0 20px #c026d314;transform:translateY(-1px)}.signal-card-full{grid-column:1 / -1;text-align:center}.sig-label{font-family:var(--font-mono);font-size:.55rem;letter-spacing:.2em;color:var(--color-text-muted);text-transform:uppercase}.sig-value{font-family:var(--font-mono);font-size:.8rem;color:var(--color-neon-light);letter-spacing:.05em;word-break:break-all}.signal-card-full .sig-value{color:var(--color-cyan-light);font-size:1rem;font-weight:700}.signal-card-glitched{position:relative;overflow:hidden}.sig-glitch{position:relative;display:inline-block;color:var(--color-neon-light);animation:sig-flicker .8s infinite}.sig-glitch:before,.sig-glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;overflow:hidden}.sig-glitch:before{color:var(--color-cyan-light);z-index:-1;animation:sig-slice-r .3s infinite steps(3);clip-path:polygon(0 0,100% 0,100% 40%,0 40%)}.sig-glitch:after{color:#ff2d95;z-index:-2;animation:sig-slice-b .25s infinite steps(2);clip-path:polygon(0 60%,100% 60%,100% 100%,0 100%)}@keyframes sig-flicker{0%,70%,to{opacity:1}72%{opacity:.4}74%{opacity:.9}76%{opacity:.3}78%{opacity:1}85%{opacity:.6}87%{opacity:1}}@keyframes sig-slice-r{0%{transform:translate(0)}33%{transform:translate(-5px,2px)}66%{transform:translate(4px,-1px)}to{transform:translate(0)}}@keyframes sig-slice-b{0%{transform:translate(0)}50%{transform:translate(3px,-2px)}to{transform:translate(0)}}.phase-teaser{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:4rem 2rem}.teaser-container{display:flex;flex-direction:column;align-items:center;gap:3rem;max-width:900px;width:100%}@media(min-width:768px){.teaser-container{flex-direction:row;align-items:center}}.teaser-visual{position:relative;width:280px;height:280px;flex-shrink:0}.teaser-orb{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.orb-core{width:60px;height:60px;border-radius:50%;background:radial-gradient(circle,#c026d3e6,#86198f99);box-shadow:0 0 30px #c026d399,0 0 60px #c026d34d,0 0 100px #c026d326;animation:orb-pulse 3s ease-in-out infinite}.orb-ring{position:absolute;border-radius:50%;border:1px solid rgba(192,38,211,.2);animation:orb-spin linear infinite}.orb-ring-1{width:120px;height:120px;border-color:#c026d34d;animation-duration:8s}.orb-ring-2{width:180px;height:180px;border-color:#06b6d433;animation-duration:12s;animation-direction:reverse}.orb-ring-3{width:240px;height:240px;border-color:#c026d31a;animation-duration:16s}@keyframes orb-pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.15);opacity:1}}@keyframes orb-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.teaser-particles{position:absolute;inset:0;pointer-events:none}.teaser-content{flex:1;min-width:0}.teaser-title{font-family:var(--font-mono);font-size:clamp(1.2rem,3vw,1.8rem);font-weight:900;letter-spacing:.15em;margin-bottom:1.5rem;line-height:1.3}.teaser-glitch{color:#fff;text-shadow:0 0 15px rgba(192,38,211,.5);position:relative;display:inline-block}.teaser-glitch:before,.teaser-glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;overflow:hidden;opacity:0}.teaser-glitch:before{color:var(--color-cyan-light);animation:teaser-slice-r 6s infinite}.teaser-glitch:after{color:#ff2d95;animation:teaser-slice-b 5s infinite}@keyframes teaser-slice-r{0%,90%,to{opacity:0;transform:translate(0)}92%{opacity:.5;transform:translate(-3px,1px);clip-path:inset(10% 0 70% 0)}94%{opacity:0;transform:translate(0)}}@keyframes teaser-slice-b{0%,91%,to{opacity:0;transform:translate(0)}93%{opacity:.4;transform:translate(2px,-1px);clip-path:inset(60% 0 20% 0)}95%{opacity:0;transform:translate(0)}}.teaser-lore{font-family:var(--font-mono);font-size:.8rem;line-height:1.9;color:var(--color-text-secondary);margin-bottom:2rem}.teaser-lore p{margin-bottom:.75rem}.teaser-lore p:first-child{color:var(--color-neon-light);font-weight:600}.teaser-stats{display:flex;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}.stat{display:flex;flex-direction:column;gap:.25rem}.stat-value{font-family:var(--font-mono);font-size:1.5rem;font-weight:900;color:var(--color-neon-light);text-shadow:0 0 10px rgba(192,38,211,.3)}.stat-label{font-family:var(--font-mono);font-size:.55rem;letter-spacing:.2em;color:var(--color-text-muted);text-transform:uppercase}.teaser-cta{text-align:center}.teaser-button{display:inline-flex;align-items:center;gap:.75rem;font-family:var(--font-mono);font-size:.9rem;font-weight:700;letter-spacing:.2em;color:#fff;background:var(--color-neon);padding:1rem 2.5rem;border-radius:.5rem;text-decoration:none;transition:all .3s ease;box-shadow:0 0 30px #c026d34d,0 0 60px #c026d31a;border:1px solid rgba(192,38,211,.4)}.teaser-button:hover{background:var(--color-neon-light);box-shadow:0 0 40px #c026d380,0 0 80px #c026d333;transform:scale(1.05)}.btn-icon{font-size:.8rem;opacity:.7}.teaser-hint{font-family:var(--font-mono);font-size:.65rem;color:var(--color-text-muted);margin-top:1rem;letter-spacing:.1em;opacity:.5;max-width:400px;margin-left:auto;margin-right:auto}.phase-footer{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.footer-transmission{margin-bottom:1.5rem}.footer-ascii{font-family:var(--font-mono);font-size:.6rem;line-height:1.6;color:#c026d366;background:#08080d99;border:1px solid rgba(192,38,211,.08);border-radius:.5rem;padding:1.25rem 1.5rem;display:inline-block;text-align:left;white-space:pre}@media(min-width:640px){.footer-ascii{font-size:.7rem;padding:1.5rem 2rem}}.footer-sig{font-family:var(--font-mono);font-size:.55rem;letter-spacing:.2em;color:var(--color-dark-border-light);opacity:.5}
