@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&family=Press+Start+2P&display=swap";:root{--bg-deep: #050508;--bg-dark: #0a0a10;--bg-card: #0f0f18;--bg-card-hover: #161625;--green-glow: #00ff88;--green-dim: #00cc6a;--green-muted: #007744;--cyan-glow: #00e5ff;--magenta-glow: #ff00ff;--yellow-glow: #ffe600;--red-glow: #ff3366;--purple-glow: #b366ff;--orange-glow: #ff6600;--text-primary: #d8d8e8;--text-secondary: #7777aa;--text-dim: #444466;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-display: "Space Grotesk", system-ui, sans-serif;--font-pixel: "Press Start 2P", monospace;--border-thick: 3px;--border-brutal: 3px solid var(--green-glow);--shadow-brutal: 6px 6px 0px var(--green-muted);--shadow-brutal-hover: 8px 8px 0px var(--green-glow);--shadow-brutal-magenta: 6px 6px 0px rgba(255, 0, 255, .4);--shadow-brutal-cyan: 6px 6px 0px rgba(0, 229, 255, .4);--scanline-opacity: .04;--glow-sm: 0 0 8px;--glow-md: 0 0 20px;--glow-lg: 0 0 40px;--glow-xl: 0 0 80px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg-deep);color:var(--text-primary);font-family:var(--font-mono);line-height:1.7;overflow-x:hidden;min-height:100vh;background-image:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.6) 100%);background-attachment:fixed}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,var(--scanline-opacity)) 2px,rgba(0,0,0,var(--scanline-opacity)) 4px)}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9998;background:transparent;animation:crt-flicker .15s infinite;opacity:.015}@keyframes crt-flicker{0%{background:#00ff8805}50%{background:transparent}to{background:#00ff8803}}::selection{background:var(--magenta-glow);color:var(--bg-deep)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-deep);border-left:2px solid var(--green-muted)}::-webkit-scrollbar-thumb{background:var(--green-glow);border:2px solid var(--bg-deep)}::-webkit-scrollbar-thumb:hover{background:var(--magenta-glow)}.container{max-width:1100px;margin:0 auto;padding:0 2rem}.glow-green{color:var(--green-glow);text-shadow:var(--glow-sm) var(--green-glow),var(--glow-md) var(--green-dim)}.glow-cyan{color:var(--cyan-glow);text-shadow:var(--glow-sm) var(--cyan-glow),var(--glow-md) rgba(0,229,255,.4)}.glow-magenta{color:var(--magenta-glow);text-shadow:var(--glow-sm) var(--magenta-glow),var(--glow-md) rgba(255,0,255,.4)}.glow-yellow{color:var(--yellow-glow);text-shadow:var(--glow-sm) var(--yellow-glow),var(--glow-md) rgba(255,230,0,.4)}section{padding:6rem 0;position:relative}section+section{border-top:2px dashed var(--green-muted)}h1,h2,h3{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em}a{color:var(--green-glow);text-decoration:none;transition:all .15s}a:hover{text-shadow:var(--glow-sm) var(--green-glow)}code{background:#00ff8814;border:1px solid rgba(0,255,136,.15);padding:.1em .4em;font-size:.9em}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;padding:2rem;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 12%,rgba(0,255,136,.08) 0%,transparent 24%),linear-gradient(180deg,#0c0f12 0%,#090b10 42%,var(--bg-deep) 100%)}.hero:before{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(180deg,#f0f0,#ff00ff17 52%,#00e5ff24),repeating-linear-gradient(90deg,transparent,transparent 79px,rgba(0,229,255,.16) 79px,rgba(0,229,255,.16) 80px),repeating-linear-gradient(0deg,transparent,transparent 79px,rgba(255,0,255,.16) 79px,rgba(255,0,255,.16) 80px);mask-image:linear-gradient(transparent,#000);-webkit-mask-image:linear-gradient(transparent,black);transform:perspective(420px) rotateX(76deg) scale(1.4) translateY(38%);transform-origin:bottom center;opacity:.9;pointer-events:none;z-index:0}.hero>*{position:relative;z-index:2}.hero__badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.2rem;border:2px solid var(--green-glow);border-radius:0;font-size:.7rem;font-family:var(--font-pixel);color:var(--green-glow);margin-bottom:2.5rem;background:#00ff880d;box-shadow:4px 4px 0 var(--green-muted);text-transform:uppercase;letter-spacing:.05em}.hero__badge .dot{width:8px;height:8px;border-radius:0;background:var(--green-glow);box-shadow:var(--glow-sm) var(--green-glow);animation:pulse-dot 1.5s step-end infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:0}}.hero__title{font-size:clamp(3rem,8vw,6.5rem);line-height:1;margin-bottom:1.5rem;font-weight:800;letter-spacing:-.04em}.hero__title .party{background:linear-gradient(135deg,var(--green-glow) 0%,var(--cyan-glow) 25%,var(--magenta-glow) 50%,var(--yellow-glow) 75%,var(--red-glow) 100%);background-size:400% 400%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-shift 3s ease infinite;filter:drop-shadow(0 0 30px rgba(255,0,255,.3))}@keyframes gradient-shift{0%,to{background-position:0% 50%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}}.hero__tagline{font-family:var(--font-pixel);font-size:clamp(.6rem,1.5vw,.85rem);color:var(--green-glow);text-shadow:var(--glow-sm) var(--green-glow),var(--glow-md) rgba(0,255,136,.3);margin-bottom:1.5rem;letter-spacing:.08em;text-transform:uppercase;padding:.5rem 1.5rem;border:2px dashed var(--green-muted);background:#00ff8808}.hero__subtitle{font-size:clamp(.95rem,2.2vw,1.2rem);color:var(--text-secondary);max-width:600px;margin-bottom:2.5rem;font-weight:400;line-height:1.8}.hero__cta{display:flex;gap:1.25rem;flex-wrap:wrap;justify-content:center}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 2rem;border-radius:0;font-family:var(--font-mono);font-size:.9rem;font-weight:700;cursor:pointer;transition:all .12s;border:3px solid;text-transform:uppercase;letter-spacing:.05em}.btn--primary{background:var(--green-glow);color:var(--bg-deep);border-color:var(--green-glow);box-shadow:5px 5px 0 var(--bg-deep),6px 6px 0 var(--green-dim)}.btn--primary:hover{box-shadow:2px 2px 0 var(--bg-deep),3px 3px 0 var(--green-dim);transform:translate(3px,3px);text-shadow:none;background:var(--cyan-glow);border-color:var(--cyan-glow)}.btn--primary:active{box-shadow:none;transform:translate(6px,6px)}.btn--ghost{background:transparent;color:var(--text-primary);border-color:var(--text-primary);box-shadow:5px 5px 0 var(--green-muted)}.btn--ghost:hover{border-color:var(--magenta-glow);color:var(--magenta-glow);box-shadow:2px 2px 0 var(--magenta-glow);transform:translate(3px,3px)}.btn--ghost:active{box-shadow:none;transform:translate(5px,5px)}.terminal{background:var(--bg-dark);border:3px solid var(--green-glow);border-radius:0;overflow:hidden;max-width:720px;width:100%;margin:0 auto;box-shadow:8px 8px 0 var(--green-muted),0 0 60px #00ff880d,inset 0 0 80px #00ff8805}.terminal__header{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:var(--green-glow);border-bottom:3px solid var(--green-dim)}.terminal__dot{width:12px;height:12px;border-radius:0;border:2px solid var(--bg-deep)}.terminal__dot--red{background:#ff5f57}.terminal__dot--yellow{background:#ffbd2e}.terminal__dot--green{background:#28c840}.terminal__title{flex:1;text-align:center;font-size:.7rem;font-family:var(--font-pixel);color:var(--bg-deep);font-weight:400}.terminal__body{padding:1.5rem;font-size:.85rem;line-height:2;min-height:280px;background:radial-gradient(ellipse at center,rgba(0,255,136,.02) 0%,transparent 70%)}.terminal__line{opacity:0;animation:fade-in .3s forwards}.terminal__prompt{color:var(--text-dim)}.terminal__tag--you{color:var(--yellow-glow);font-weight:700;text-shadow:var(--glow-sm) rgba(255,230,0,.5)}.terminal__tag--claude{color:var(--magenta-glow);font-weight:700;text-shadow:var(--glow-sm) rgba(255,0,255,.5)}.terminal__tag--codex{color:var(--cyan-glow);font-weight:700;text-shadow:var(--glow-sm) rgba(0,229,255,.5)}.terminal__tag--copilot{color:var(--green-glow);font-weight:700;text-shadow:var(--glow-sm) rgba(0,255,136,.5)}.terminal__text{color:var(--text-primary)}.terminal__cursor{display:inline-block;width:10px;height:1.2em;background:var(--green-glow);vertical-align:text-bottom;animation:blink .8s step-end infinite;box-shadow:var(--glow-sm) var(--green-glow)}@keyframes blink{50%{opacity:0}}@keyframes fade-in{to{opacity:1}}.section-label{font-size:.65rem;font-family:var(--font-pixel);text-transform:uppercase;letter-spacing:.1em;color:var(--green-glow);margin-bottom:1rem;text-shadow:var(--glow-sm) var(--green-glow)}.section-title{font-size:clamp(2rem,4.5vw,3.2rem);margin-bottom:1rem;font-weight:800}.section-desc{color:var(--text-secondary);max-width:550px;margin-bottom:3.5rem;font-size:.95rem}.features__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.feature-card{background:var(--bg-card);border:3px solid var(--text-dim);border-radius:0;padding:1.75rem;transition:all .15s;position:relative;overflow:hidden;box-shadow:5px 5px #00ff8814}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--green-glow),var(--cyan-glow),var(--magenta-glow));opacity:0;transition:opacity .2s}.feature-card:hover{border-color:var(--green-glow);transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--green-muted)}.feature-card:hover:before{opacity:1}.feature-card:nth-child(2):hover{border-color:var(--cyan-glow);box-shadow:8px 8px #00e5ff4d}.feature-card:nth-child(3):hover{border-color:var(--magenta-glow);box-shadow:8px 8px #ff00ff4d}.feature-card:nth-child(4):hover{border-color:var(--yellow-glow);box-shadow:8px 8px #ffe6004d}.feature-card:nth-child(5):hover{border-color:var(--purple-glow);box-shadow:8px 8px #b366ff4d}.feature-card:nth-child(6):hover{border-color:var(--red-glow);box-shadow:8px 8px #ff33664d}.feature-card__icon{font-size:1.8rem;margin-bottom:1rem;display:inline-block;width:50px;height:50px;line-height:50px;text-align:center;border:2px solid var(--green-muted);background:#00ff880a;transition:color .18s,border-color .18s,background .18s,transform .18s,box-shadow .18s}.features__grid .feature-card{transition:box-shadow .18s,border-color .18s,background .18s,transform .18s}.features__grid .feature-card:hover{box-shadow:0 0 32px 8px var(--magenta-glow),0 0 0 4px var(--cyan-glow) inset,var(--shadow-brutal-magenta);border-color:var(--cyan-glow);background:linear-gradient(120deg,#00ff8814,#00e5ff14);transform:translateY(-6px) scale(1.03) rotate(-1deg)}.features__grid .feature-card:hover .feature-card__icon{color:var(--yellow-glow);border-color:var(--magenta-glow);background:#ff00ff14;box-shadow:0 0 18px var(--yellow-glow),0 0 32px var(--magenta-glow);transform:scale(1.18) rotate(8deg)}.features__grid .feature-card:hover .feature-card__title{color:var(--magenta-glow);text-shadow:0 0 12px var(--magenta-glow)}.feature-card__title{font-family:var(--font-display);font-size:1.15rem;font-weight:700;margin-bottom:.5rem}.feature-card__desc{color:var(--text-secondary);font-size:.82rem;line-height:1.7}.how-it-works__steps{display:flex;flex-direction:column;gap:2.5rem;max-width:650px}.step{display:flex;gap:1.5rem;align-items:flex-start}.step__number{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:0;font-family:var(--font-pixel);font-weight:700;font-size:.9rem;border:3px solid var(--green-glow);color:var(--bg-deep);background:var(--green-glow);box-shadow:4px 4px 0 var(--green-muted)}.step__content h3{font-size:1.1rem;margin-bottom:.3rem;font-weight:700}.step__content p{color:var(--text-secondary);font-size:.85rem}.step__code{margin-top:.75rem;background:var(--bg-deep);border:2px solid var(--text-dim);border-left:4px solid var(--green-glow);border-radius:0;padding:.75rem 1rem;font-size:.8rem;overflow-x:auto}.install{text-align:center}.install__command{display:inline-flex;align-items:center;gap:1rem;background:var(--bg-dark);border:3px solid var(--green-glow);border-radius:0;padding:1.2rem 2rem;font-size:1.1rem;margin:2rem 0;cursor:pointer;transition:all .12s;box-shadow:6px 6px 0 var(--green-muted)}.install__command:hover{border-color:var(--cyan-glow);box-shadow:3px 3px 0 var(--cyan-glow);transform:translate(3px,3px);background:#00e5ff0d}.install__command .dollar{color:var(--green-glow);font-weight:700}.install__command .cmd{color:var(--green-glow);text-shadow:var(--glow-sm) rgba(0,255,136,.3)}.install__command .copy-hint{color:var(--text-dim);font-size:.65rem;font-family:var(--font-pixel);text-transform:uppercase}#providers .feature-card{border:3px solid;text-align:center}#providers .feature-card:nth-child(1){border-color:var(--magenta-glow);box-shadow:5px 5px #ff00ff40}#providers .feature-card:nth-child(2){border-color:var(--cyan-glow);box-shadow:5px 5px #00e5ff40}#providers .feature-card:nth-child(3){border-color:var(--green-glow);box-shadow:5px 5px #00ff8840}#providers .feature-card:nth-child(4){border-color:var(--yellow-glow);box-shadow:5px 5px #ffe60040}#providers .feature-card:hover{transform:translate(-4px,-4px)}#providers .feature-card:nth-child(1):hover{box-shadow:9px 9px #f0f6,var(--glow-md) #ff00ff26}#providers .feature-card:nth-child(2):hover{box-shadow:9px 9px #00e5ff66,var(--glow-md) #00e5ff26}#providers .feature-card:nth-child(3):hover{box-shadow:9px 9px #0f86,var(--glow-md) #00ff8826}#providers .feature-card:nth-child(4):hover{box-shadow:9px 9px #ffe60066,var(--glow-md) #ffe60026}.footer{padding:3rem 0;border-top:3px solid var(--green-muted);text-align:center}.footer__links{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem;flex-wrap:wrap}.footer__links a{color:var(--text-secondary);font-size:.85rem;font-weight:600;padding:.3rem 0;border-bottom:2px solid transparent;transition:all .15s}.footer__links a:hover{color:var(--green-glow);border-bottom-color:var(--green-glow);text-shadow:var(--glow-sm) var(--green-glow)}.footer__copy{color:var(--text-dim);font-size:.7rem;font-family:var(--font-pixel)}#visualizer-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;opacity:.5}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.glitch:hover:before{opacity:.8;color:var(--cyan-glow);animation:glitch-1 .3s infinite;clip-path:inset(20% 0 30% 0)}.glitch:hover:after{opacity:.8;color:var(--red-glow);animation:glitch-2 .3s infinite;clip-path:inset(50% 0 10% 0)}@keyframes glitch-1{0%{transform:translate(2px)}25%{transform:translate(-2px,-1px)}50%{transform:translate(1px,2px)}75%{transform:translate(-1px,-2px)}to{transform:translate(2px,1px)}}@keyframes glitch-2{0%{transform:translate(-2px)}25%{transform:translate(2px,1px)}50%{transform:translate(-1px,-2px)}75%{transform:translate(1px,2px)}to{transform:translate(-2px,-1px)}}.hero:after{content:"";position:absolute;inset:0;opacity:.045;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;z-index:0}.ascii-art{font-family:var(--font-mono);font-size:clamp(.35rem,1.1vw,.7rem);color:var(--green-glow);text-shadow:var(--glow-sm) rgba(0,255,136,.4);text-align:center;line-height:1.4;margin-bottom:1.5rem;opacity:.6;user-select:none;white-space:pre;overflow:hidden;animation:ascii-fade-in 1.5s ease-out forwards}.ascii-art--footer{font-size:clamp(.4rem,1vw,.6rem);color:var(--text-dim);text-shadow:none;opacity:.4;margin-bottom:2rem;margin-top:0}@keyframes ascii-fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:.6;transform:translateY(0)}}.ascii-divider{text-align:center;font-family:var(--font-mono);font-size:.75rem;color:var(--green-muted);padding:1rem 0;letter-spacing:.15em;user-select:none;opacity:.5;overflow:hidden;white-space:nowrap}.feature-card:after{content:"◈";position:absolute;bottom:8px;right:10px;font-size:.6rem;color:var(--text-dim);opacity:.3;transition:all .2s}.feature-card:hover:after{opacity:1;color:var(--green-glow);text-shadow:var(--glow-sm) var(--green-glow)}.step:hover .step__number{animation:step-pulse .6s ease infinite}@keyframes step-pulse{0%,to{box-shadow:4px 4px 0 var(--green-muted)}50%{box-shadow:4px 4px 0 var(--green-glow),var(--glow-md) #0f86}}.section-label:after{content:"█";animation:blink .8s step-end infinite;margin-left:.3em;font-size:.8em}.terminal__header:hover .terminal__dot{animation:dot-bounce .4s ease}@keyframes dot-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.install__command:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,136,.06),transparent);transition:left .4s ease;pointer-events:none}.install__command{position:relative;overflow:hidden}.install__command:hover:before{left:100%}.hero__badge:hover{box-shadow:4px 4px 0 var(--green-glow),var(--glow-md) #00ff884d;background:#00ff881a}@media(max-width:768px){section{padding:4rem 0}.hero{padding:5.5rem 1.25rem 3rem}.hero:before{height:34%;transform:perspective(280px) rotateX(77deg) scale(1.28) translateY(34%)}.ascii-art{font-size:.3rem;opacity:.35}.ascii-divider{font-size:.5rem;letter-spacing:.05em}.features__grid{grid-template-columns:1fr}.hero__cta{flex-direction:column;align-items:center}.terminal__body{font-size:.72rem}.step{flex-direction:column;gap:.75rem}.footer__links{flex-direction:column;gap:1rem}.btn{width:100%;justify-content:center}.install__command{flex-direction:column;gap:.5rem;padding:1rem;font-size:.9rem}}