@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;700&display=swap";:root{--punk-primary: #7c3aed;--punk-secondary: #a78bfa;--punk-cta: #f43f5e;--punk-accent: #22d3ee;--punk-success: #10b981;--punk-warning: #fbbf24;--punk-bg: #0f0f23;--punk-bg-alt: #1a1a2e;--punk-bg-card: #16162a;--punk-border: #7c3aed;--punk-text-primary: #e2e8f0;--punk-text-secondary: #94a3b8;--punk-text-muted: #78859b;--punk-neon-cyan: #00ffff;--punk-neon-pink: #ff00ff;--font-mono: "JetBrains Mono", monospace;--font-sans: "Noto Sans SC", "JetBrains Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background-color:var(--punk-bg);color:var(--punk-text-primary);line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.12),rgba(0,0,0,.12) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:9999}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--punk-bg)}::-webkit-scrollbar-thumb{background:var(--punk-primary);box-shadow:0 0 8px var(--punk-primary)}::-webkit-scrollbar-thumb:hover{background:var(--punk-secondary)}::-moz-selection{background:var(--punk-primary);color:#fff}::selection{background:var(--punk-primary);color:#fff}*:focus-visible{outline:2px solid var(--punk-neon-cyan);outline-offset:2px;box-shadow:0 0 10px var(--punk-neon-cyan)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;animation-iteration-count:1!important}}h1,h2,h3,h4{font-family:var(--font-mono);font-weight:700;letter-spacing:.05em;text-transform:uppercase;line-height:1.2}p{line-height:1.75}a{color:inherit;text-decoration:none}.container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:1.5rem}.section{padding-block:6rem}.neon-text-cyan{color:var(--punk-neon-cyan);text-shadow:0 0 5px var(--punk-neon-cyan),0 0 20px var(--punk-neon-cyan)}.neon-text-purple{color:var(--punk-secondary);text-shadow:0 0 5px var(--punk-primary),0 0 20px var(--punk-primary)}.neon-text-cta{color:var(--punk-cta);text-shadow:0 0 5px var(--punk-cta),0 0 20px var(--punk-cta)}.hud-box{position:relative;border:1px solid var(--punk-border);box-shadow:0 0 15px #7c3aed4d,inset 0 0 15px #7c3aed0d}.hud-box:before{content:"";position:absolute;top:-2px;left:-2px;width:12px;height:12px;border-top:2px solid var(--punk-neon-cyan);border-left:2px solid var(--punk-neon-cyan)}.hud-box:after{content:"";position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-bottom:2px solid var(--punk-neon-cyan);border-right:2px solid var(--punk-neon-cyan)}@keyframes pulse-neon{0%,to{opacity:1}50%{opacity:.55}}@keyframes scanline-move{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes glitch-1{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes grid-pulse{0%,to{opacity:.03}50%{opacity:.07}}.animate-pulse-neon{animation:pulse-neon 2s infinite}.animate-float{animation:float 4s ease-in-out infinite}.animate-glitch{animation:glitch-1 .5s infinite}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#0f0f23d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(124,58,237,.3);transition:border-color .3s}.nav.scrolled{border-bottom-color:var(--punk-primary)}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding-block:.875rem}.nav-logo{display:flex;align-items:center;gap:.75rem}.nav-logo-icon{width:36px;height:36px;flex-shrink:0}.nav-logo-text{display:flex;flex-direction:column;line-height:1.1}.nav-logo-name{font-family:var(--font-mono);font-size:.8rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--punk-neon-cyan)}.nav-logo-sub{font-family:var(--font-mono);font-size:.65rem;color:var(--punk-text-muted);letter-spacing:.1em}.nav-cta{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-family:var(--font-mono);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--punk-primary);border:1px solid var(--punk-primary);box-shadow:0 0 12px #7c3aed80;cursor:pointer;transition:all .2s ease}.nav-cta:hover{background:var(--punk-secondary);border-color:var(--punk-secondary);box-shadow:0 0 20px #a78bfa99;transform:translateY(-1px)}.hero{min-height:100vh;display:flex;align-items:center;padding-top:5rem;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(124,58,237,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(124,58,237,.05) 1px,transparent 1px);background-size:60px 60px;animation:grid-pulse 4s ease-in-out infinite;pointer-events:none}.hero-inner{display:grid;grid-template-columns:46fr 54fr;gap:3.5rem;align-items:center;position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border:1px solid var(--punk-neon-cyan);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--punk-neon-cyan);margin-bottom:1.5rem}.hero-badge:before{content:"";width:6px;height:6px;background:var(--punk-neon-cyan);box-shadow:0 0 8px var(--punk-neon-cyan);animation:pulse-neon 1.5s infinite}.hero-title{font-size:clamp(2.25rem,5.5vw,4rem);line-height:1.05;margin-bottom:1.5rem;letter-spacing:-.01em}.hero-title-line1{display:block;color:var(--punk-text-primary)}.hero-title-line2{display:block;color:var(--punk-neon-cyan);text-shadow:0 0 5px var(--punk-neon-cyan),0 0 30px rgba(0,255,255,.3)}.hero-title-line3{display:block;color:var(--punk-secondary);text-shadow:0 0 5px var(--punk-primary)}.hero-desc{font-size:1rem;color:var(--punk-text-secondary);max-width:480px;margin-bottom:2.5rem;line-height:1.75}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1rem}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;font-family:var(--font-mono);font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--punk-cta);border:2px solid var(--punk-cta);box-shadow:0 0 15px #f43f5e80,0 4px #be123c;cursor:pointer;transition:all .2s ease}.btn-primary:hover{background:#fb7185;border-color:#fb7185;box-shadow:0 0 25px #f43f5eb3,0 4px #be123c;transform:translateY(-2px)}.btn-primary:active{transform:translateY(2px);box-shadow:0 0 8px #f43f5e80}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;font-family:var(--font-mono);font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--punk-text-secondary);background:transparent;border:1px solid rgba(124,58,237,.4);cursor:pointer;transition:all .2s ease}.btn-secondary:hover{color:var(--punk-text-primary);border-color:var(--punk-primary);box-shadow:0 0 12px #7c3aed4d}.hero-stats{display:flex;gap:2.5rem;margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(124,58,237,.2)}.stat-item{display:flex;flex-direction:column;gap:.25rem}.stat-value{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;color:var(--punk-neon-cyan);text-shadow:0 0 10px rgba(0,255,255,.4)}.stat-label{font-size:.7rem;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--punk-text-muted)}.hero-visual{display:flex;justify-content:center;align-items:center}.mockup-wrap{position:relative;animation:float 5s ease-in-out infinite}.mockup{width:300px;background:var(--punk-bg-alt);border:2px solid var(--punk-primary);box-shadow:0 0 30px #7c3aed66,0 0 80px #7c3aed26;font-family:var(--font-mono);overflow:hidden;position:relative}.mockup:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.1),rgba(0,0,0,.1) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:10}.mockup-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:2px solid var(--punk-primary);background:var(--punk-bg);position:relative}.mockup-header:before{content:"";position:absolute;top:-1px;left:-1px;width:8px;height:8px;border-top:2px solid var(--punk-neon-cyan);border-left:2px solid var(--punk-neon-cyan)}.mockup-header:after{content:"";position:absolute;bottom:-1px;right:-1px;width:8px;height:8px;border-bottom:2px solid var(--punk-neon-cyan);border-right:2px solid var(--punk-neon-cyan)}.mockup-logo{display:flex;align-items:center;gap:.5rem;font-size:.7rem;font-weight:700;letter-spacing:.15em;color:var(--punk-neon-cyan)}.mockup-tabs{display:flex;border-bottom:1px solid rgba(124,58,237,.3);background:var(--punk-bg-alt)}.mockup-tab{padding:.4rem .8rem;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--punk-text-muted);border-right:1px solid rgba(124,58,237,.2)}.mockup-tab.active{color:var(--punk-accent);border-bottom:2px solid var(--punk-accent)}.mockup-search{display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem;background:var(--punk-bg);border-bottom:1px solid rgba(124,58,237,.2);font-size:.65rem;color:var(--punk-text-muted)}.mockup-search-dollar{color:var(--punk-accent);font-weight:700}.mockup-ext-list{padding:.5rem}.mockup-ext-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;border:1px solid rgba(124,58,237,.15);margin-bottom:.3rem;background:var(--punk-bg);font-size:.6rem}.mockup-ext-dot{width:22px;height:22px;border-radius:2px;flex-shrink:0}.mockup-ext-info{flex:1;min-width:0}.mockup-ext-name{font-size:.6rem;color:var(--punk-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mockup-ext-sub{font-size:.5rem;color:var(--punk-text-muted);margin-top:1px}.mockup-toggle{width:22px;height:12px;border-radius:6px;flex-shrink:0}.mockup-toggle.on{background:var(--punk-primary);box-shadow:0 0 6px var(--punk-primary)}.mockup-toggle.off{background:#78859b4d}.mockup-footer{display:flex;align-items:center;justify-content:space-between;padding:.4rem .75rem;border-top:1px solid rgba(124,58,237,.3);background:var(--punk-bg-alt);font-size:.55rem;color:var(--punk-text-muted)}.mockup-footer-live{display:flex;align-items:center;gap:.25rem;color:var(--punk-success)}.mockup-footer-dot{width:5px;height:5px;border-radius:50%;background:var(--punk-success);box-shadow:0 0 5px var(--punk-success);animation:pulse-neon 1.5s infinite}.mockup-glow{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background:radial-gradient(ellipse at center,rgba(124,58,237,.15) 0%,transparent 70%);pointer-events:none;z-index:-1}.features{background:var(--punk-bg)}.section-label{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--punk-accent);margin-bottom:1rem}.section-label:before{content:"//";color:var(--punk-primary);font-weight:700}.section-title{font-size:clamp(1.5rem,3vw,2.5rem);margin-bottom:1rem}.section-desc{font-size:1rem;color:var(--punk-text-secondary);max-width:540px;margin-bottom:3.5rem}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;gap:1.25rem}.bento-card{background:var(--punk-bg-card);border:1px solid rgba(124,58,237,.25);padding:2rem;position:relative;overflow:hidden;transition:border-color .3s,box-shadow .3s,transform .3s;cursor:default}.bento-card:before{content:"";position:absolute;top:-1px;left:-1px;width:10px;height:10px;border-top:2px solid var(--punk-neon-cyan);border-left:2px solid var(--punk-neon-cyan);transition:all .3s}.bento-card:hover{border-color:var(--punk-primary);box-shadow:0 0 25px #7c3aed33;transform:translateY(-3px)}.bento-card:hover:before{width:16px;height:16px}.bento-card.large{grid-column:span 2}.bento-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(124,58,237,.4);background:#7c3aed1a;margin-bottom:1.25rem;flex-shrink:0}.bento-icon svg{width:22px;height:22px}.bento-tag{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:var(--punk-accent);margin-bottom:.4rem}.bento-title{font-size:1.1rem;font-family:var(--font-mono);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--punk-text-primary);margin-bottom:.75rem}.bento-desc{font-size:.875rem;color:var(--punk-text-secondary);line-height:1.65}.bento-demo{margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:.5rem}.bento-chip{padding:.2rem .6rem;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;border:1px solid rgba(124,58,237,.4);color:var(--punk-text-secondary);background:#7c3aed14}.bento-chip.active{border-color:var(--punk-primary);color:var(--punk-secondary);background:#7c3aed33;box-shadow:0 0 8px #7c3aed4d}.how-it-works{background:var(--punk-bg-alt)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;position:relative}.steps-grid:before{content:"";position:absolute;top:2.5rem;left:calc(16.66% + 1.5rem);right:calc(16.66% + 1.5rem);height:1px;background:linear-gradient(90deg,var(--punk-primary),var(--punk-accent),var(--punk-primary));opacity:.4}.step-card{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;padding:2rem;background:var(--punk-bg);border:1px solid rgba(124,58,237,.2);position:relative;transition:border-color .3s}.step-card:hover{border-color:#7c3aed99}.step-number{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:2px solid var(--punk-primary);box-shadow:0 0 15px #7c3aed66;font-family:var(--font-mono);font-size:1.1rem;font-weight:700;color:var(--punk-secondary);background:var(--punk-bg-alt)}.step-title{font-family:var(--font-mono);font-size:.9rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--punk-text-primary)}.step-desc{font-size:.875rem;color:var(--punk-text-secondary);line-height:1.65}.terminal-block{margin-top:.75rem;padding:.75rem 1rem;background:var(--punk-bg);border-left:3px solid var(--punk-accent);font-family:var(--font-mono);font-size:.7rem;color:var(--punk-success);line-height:1.6}.terminal-block .prompt{color:var(--punk-neon-cyan)}.browsers{background:var(--punk-bg)}.browsers-grid{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap}.browser-card{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2.5rem 3rem;background:var(--punk-bg-card);border:1px solid rgba(124,58,237,.25);transition:all .3s;cursor:pointer;min-width:160px}.browser-card:hover{border-color:var(--punk-neon-cyan);box-shadow:0 0 20px #00ffff26;transform:translateY(-4px)}.browser-icon{width:52px;height:52px}.browser-name{font-family:var(--font-mono);font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--punk-text-primary)}.browser-status{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--punk-success)}.browser-status:before{content:"● ";color:var(--punk-success);text-shadow:0 0 5px var(--punk-success)}.browser-card--coming-soon{cursor:default;opacity:.7;text-decoration:none}.browser-card--coming-soon:hover{border-color:#7c3aed40;box-shadow:none;transform:none}.browser-card--coming-soon .browser-status{color:var(--punk-text-muted)}.browser-card--coming-soon .browser-status:before{color:var(--punk-text-muted);text-shadow:none}.pricing{background:var(--punk-bg)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;list-style:none;padding:0;margin:0}@media (max-width: 900px){.pricing-grid{grid-template-columns:1fr}}.pricing-card{position:relative;background:var(--punk-bg-card);border:1px solid rgba(124,58,237,.25);padding:2rem 1.75rem;display:flex;flex-direction:column;gap:1rem;transition:border-color .3s,box-shadow .3s,transform .3s}.pricing-card:hover{border-color:#00ffff80;transform:translateY(-2px)}.pricing-card--highlight{border-color:#00ffff8c;box-shadow:0 0 0 1px #00ffff2e,0 18px 50px -20px #0ff6}.pricing-badge{position:absolute;top:1rem;right:1rem;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:var(--punk-accent);border:1px solid rgba(0,255,255,.4);background:#00ffff14;padding:.2rem .55rem}.pricing-name{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:var(--punk-text-secondary)}.pricing-price-row{display:flex;align-items:baseline;gap:.4rem}.pricing-price{font-size:2.4rem;font-weight:700;color:var(--punk-text-primary);letter-spacing:-.02em}.pricing-cadence{font-family:var(--font-mono);font-size:.8rem;color:var(--punk-text-muted)}.pricing-desc{color:var(--punk-text-secondary);font-size:.95rem;line-height:1.55;margin:0}.pricing-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.55rem;font-size:.92rem;color:var(--punk-text-secondary)}.pricing-features li{position:relative;padding-left:1.25rem}.pricing-features li:before{content:"//";position:absolute;left:0;font-family:var(--font-mono);color:var(--punk-primary)}.pricing-cta{margin-top:auto;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--punk-accent);border-top:1px dashed rgba(0,255,255,.25);padding-top:1rem}.pricing-cta[aria-disabled=true]{color:var(--punk-text-muted)}.cta-section{background:var(--punk-bg-alt);position:relative;overflow:hidden;text-align:center}.cta-section:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:300px;background:radial-gradient(ellipse at center,rgba(124,58,237,.2) 0%,transparent 70%);pointer-events:none}.cta-terminal{display:inline-block;padding:.4rem 1rem;background:var(--punk-bg);border:1px solid var(--punk-accent);font-family:var(--font-mono);font-size:.7rem;color:var(--punk-accent);letter-spacing:.15em;margin-bottom:1.5rem}.cta-terminal:before{content:"$ ";color:var(--punk-neon-cyan)}.cta-title{font-size:clamp(1.75rem,4vw,3rem);margin-bottom:1rem}.cta-desc{font-size:1rem;color:var(--punk-text-secondary);max-width:480px;margin:0 auto 2.5rem}.cta-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem}.footer{background:var(--punk-bg);border-top:1px solid rgba(124,58,237,.3);padding-block:2.5rem}.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.5rem}.footer-logo{display:flex;flex-direction:column;gap:.25rem}.footer-logo-name{font-family:var(--font-mono);font-size:.8rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--punk-neon-cyan)}.footer-logo-copy{font-size:.7rem;color:var(--punk-text-muted)}.footer-links{display:flex;gap:1.5rem}.footer-link{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--punk-text-muted);transition:color .2s}.footer-link:hover{color:var(--punk-accent)}.footer-system{font-family:var(--font-mono);font-size:.65rem;color:var(--punk-text-muted);text-align:right}.footer-system span{color:var(--punk-success)}@media (max-width: 1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-card.large{grid-column:span 2}.steps-grid:before{display:none}}@media (max-width: 768px){.hero-inner{grid-template-columns:1fr}.hero-visual{display:none}.hero-stats{gap:1.5rem}.bento-grid{grid-template-columns:1fr}.bento-card.large{grid-column:span 1}.steps-grid{grid-template-columns:1fr}.browsers-grid{gap:1.5rem}.footer-inner{flex-direction:column;align-items:flex-start}.footer-system{text-align:left}.nav-logo-sub{display:none}.section{padding-block:4rem}}@media (max-width: 480px){.hero-actions{flex-direction:column;align-items:flex-start}.btn-primary,.btn-secondary{width:100%;justify-content:center}.cta-actions{flex-direction:column;align-items:center}.hero-stats{flex-wrap:wrap;gap:1rem}}.sc-stage{position:relative;width:500px;animation:float 6s ease-in-out infinite}.sc-spotlight{position:absolute;top:-50%;right:-35%;bottom:-10%;left:-35%;pointer-events:none;filter:blur(55px);z-index:0;transition:background .7s ease}.sc-frame{position:relative;z-index:1;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #0006,0 16px 48px #000000a6,0 40px 80px #0006,0 0 0 1px #ffffff0e}.sc-frame.sc-enter{animation:sc-enter .38s cubic-bezier(.22,1,.36,1) forwards}.sc-frame.sc-exit{animation:sc-exit .28s ease forwards}@keyframes sc-enter{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sc-exit{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(1.02)}}.sc-img{width:100%;display:block}.sc-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 3px,rgba(0,0,0,.055) 3px,rgba(0,0,0,.055) 4px);pointer-events:none}.sc-footer{position:relative;z-index:2;padding-top:1.1rem}.sc-controls{display:flex;align-items:center;gap:.55rem;margin-bottom:.85rem}.sc-ctrl-btn{flex-shrink:0;width:36px;height:52px;display:flex;align-items:center;justify-content:center;background:#7c3aed14;border:1px solid rgba(124,58,237,.22);border-radius:3px;color:var(--punk-text-secondary);cursor:pointer;transition:background .2s,border-color .2s,color .2s,box-shadow .2s}.sc-ctrl-btn svg{width:16px;height:16px}.sc-ctrl-btn:hover{background:#7c3aed52;border-color:var(--punk-primary);color:#fff;box-shadow:0 0 12px #7c3aed66}.sc-ctrl-btn:focus-visible{outline:2px solid var(--punk-accent);outline-offset:2px}.sc-tabs{flex:1;display:flex;gap:0;border:1px solid rgba(124,58,237,.18);border-radius:3px;overflow:hidden}.sc-tab{position:relative;flex:1;display:flex;flex-direction:column;align-items:flex-start;padding:.45rem .65rem .6rem;background:#ffffff05;border:none;border-right:1px solid rgba(124,58,237,.14);cursor:pointer;text-align:left;transition:background .2s;overflow:hidden}.sc-tab:last-child{border-right:none}.sc-tab:hover:not(.active){background:#7c3aed14}.sc-tab.active{background:#7c3aed21}.sc-tab-tag{display:block;font-family:var(--font-mono);font-size:.48rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--punk-text-muted);margin-bottom:.2rem;transition:color .2s}.sc-tab.active .sc-tab-tag{color:var(--punk-accent)}.sc-tab-name{display:block;font-family:var(--font-mono);font-size:.6rem;font-weight:600;color:var(--punk-text-muted);transition:color .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.sc-tab.active .sc-tab-name{color:var(--punk-text-primary)}.sc-tab-bar{position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--punk-accent);transform-origin:left center;transform:scaleX(0);box-shadow:0 0 6px var(--punk-accent)}.sc-count{flex-shrink:0;display:flex;align-items:baseline;gap:.1rem;font-family:var(--font-mono)}.sc-count-cur{font-size:1rem;font-weight:700;color:var(--punk-accent);text-shadow:0 0 10px rgba(34,211,238,.5);line-height:1}.sc-count-sep{font-size:.6rem;color:var(--punk-text-muted);margin:0 .05rem}.sc-count-tot{font-size:.6rem;color:var(--punk-text-muted)}.sc-desc{margin:0;font-size:.78rem;color:var(--punk-text-muted);line-height:1.65}@media (max-width: 1024px){.sc-stage{width:400px}.sc-tab-tag{display:none}}@media (max-width: 768px){.sc-stage{display:none}}.roadmap-list{list-style:none;padding:0;margin:3rem 0 0;display:flex;flex-direction:column;gap:1.25rem}.roadmap-card{position:relative;background:var(--punk-bg-card);border:1px solid rgba(124,58,237,.2);border-radius:4px;padding:1.75rem 2rem;transition:border-color .25s,box-shadow .25s;overflow:hidden}.roadmap-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(124,58,237,.04) 0%,transparent 60%);pointer-events:none}.roadmap-card:hover{border-color:#7c3aed73;box-shadow:0 0 24px #7c3aed1f}.roadmap-card-inner{display:flex;gap:1.5rem;align-items:flex-start}.roadmap-icon{flex-shrink:0;width:44px;height:44px;border:1px solid;border-radius:4px;display:flex;align-items:center;justify-content:center;background:#0003}.roadmap-icon svg{width:20px;height:20px}.roadmap-body{flex:1;min-width:0}.roadmap-tag{display:inline-block;font-family:var(--font-mono);font-size:.58rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.15rem .5rem;border:1px solid;border-radius:2px;margin-bottom:.5rem}.roadmap-title{font-size:1.05rem;font-weight:600;color:var(--punk-text-primary);margin:0 0 .4rem;letter-spacing:.01em}.roadmap-desc{font-size:.85rem;color:var(--punk-text-secondary);line-height:1.65;margin:0}.roadmap-badge{position:absolute;top:1.5rem;right:1.5rem;font-family:var(--font-mono);font-size:.55rem;font-weight:700;letter-spacing:.12em;color:var(--punk-text-muted);border:1px solid rgba(255,255,255,.08);padding:.2rem .55rem;border-radius:2px}@media (max-width: 600px){.roadmap-card{padding:1.25rem}.roadmap-card-inner{gap:1rem}.roadmap-badge{display:none}}.toc{position:fixed;right:1.75rem;top:50%;transform:translateY(-50%);z-index:50;display:none}@media (min-width: 1380px){.toc{display:block}}.toc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.toc-btn{display:flex;flex-direction:row-reverse;align-items:center;gap:.6rem;background:none;border:none;cursor:pointer;padding:.3rem 0;color:var(--punk-text-muted);transition:color .2s}.toc-btn:hover{color:var(--punk-text-secondary)}.toc-btn.active{color:var(--punk-accent)}.toc-dot{flex-shrink:0;width:6px;height:6px;border-radius:50%;background:currentColor;transition:transform .2s,background .2s}.toc-btn.active .toc-dot{transform:scale(1.6);box-shadow:0 0 6px var(--punk-accent)}.toc-label{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.08em;white-space:nowrap;text-align:right;opacity:1;pointer-events:none}.donate-badge{position:fixed;bottom:2rem;right:2rem;z-index:40;display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1rem;font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#0f0f23d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(34,211,238,.3);border-radius:4px;cursor:pointer;text-decoration:none;box-shadow:0 4px 20px #0006,0 0 0 1px #22d3ee0d inset;transition:border-color .2s,box-shadow .2s,transform .2s}.donate-badge:hover{border-color:var(--punk-accent);box-shadow:0 6px 28px #00000080,0 0 16px #22d3ee33;transform:translateY(-2px)}.donate-label{color:var(--punk-accent)}@media (max-width: 600px){.donate-badge{bottom:1rem;right:1rem;padding:.5rem .75rem}}