.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:999;opacity:.015;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat}:root{--bg-primary: #030304;--bg-secondary: #08090b;--bg-tertiary: #0d0f12;--bg-terminal: #060709;--phosphor: #00ff88;--phosphor-dim: #00cc6a;--phosphor-glow: rgba(0, 255, 136, .12);--phosphor-intense: rgba(0, 255, 136, .35);--cyan: #00d4ff;--amber: #ffc857;--purple: #b794f6;--red: #ff6b7a;--text-primary: #f4f4f6;--text-secondary: #9ca3af;--text-dim: #5c6370;--border: #1c1e24;--border-hover: #2a2d36;--grid-line: rgba(0, 255, 136, .025);--scanline: rgba(0, 0, 0, .015);--nav-bg: rgba(3, 3, 4, .88);--transition-fast: .15s;--transition-normal: .25s;--transition-slow: .4s;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--z-base: 1;--z-dropdown: 10;--z-sticky: 50;--z-fixed: 90;--z-modal-backdrop: 100;--z-modal: 1000;--z-tooltip: 2000}body.theme-light{--bg-primary: #f8f9fc;--bg-secondary: #ffffff;--bg-tertiary: #f0f2f7;--bg-terminal: #ffffff;--phosphor: #059669;--phosphor-dim: #047857;--phosphor-glow: rgba(5, 150, 105, .12);--phosphor-intense: rgba(5, 150, 105, .25);--cyan: #0891b2;--amber: #d97706;--purple: #7c3aed;--red: #dc2626;--text-primary: #111827;--text-secondary: #4b5563;--text-dim: #9ca3af;--border: #e5e7eb;--border-hover: #d1d5db;--grid-line: rgba(5, 150, 105, .06);--scanline: rgba(0, 0, 0, .02);--nav-bg: rgba(248, 249, 252, .92)}*{margin:0;padding:0;box-sizing:border-box}.skip-link{position:fixed;top:-100px;left:50%;transform:translate(-50%);background:var(--phosphor);color:var(--bg-primary);padding:.75rem 1.5rem;border-radius:0 0 8px 8px;font-weight:600;font-size:.875rem;z-index:9999;transition:top .3s;text-decoration:none}.skip-link:focus{top:0;outline:none}:focus-visible{outline:2px solid var(--phosphor);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--phosphor);outline-offset:2px}html{scroll-behavior:smooth}html,body{width:100%;overflow-x:hidden}body{font-family:JetBrains Mono,monospace;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}code{overflow-wrap:anywhere;word-break:break-word}.particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.particle{position:absolute;background:var(--phosphor);opacity:.08;animation:float linear infinite}.particle:nth-child(odd){width:3px;height:3px;border-radius:0}.particle:nth-child(2n){width:6px;height:6px;border-radius:1px}@keyframes float{0%{transform:translateY(100vh) translate(0) scale(.5);opacity:0}15%{opacity:.12}50%{transform:translateY(50vh) translate(var(--drift, 0)) scale(.8)}85%{opacity:.12}to{transform:translateY(-100px) translate(calc(var(--drift, 0) * -1)) scale(1);opacity:0}}.grid-bg{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:48px 48px;pointer-events:none;z-index:0;mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,black 20%,transparent 70%)}.grid-bg:before{content:"";position:absolute;top:10%;left:20%;width:600px;height:600px;background:radial-gradient(circle,var(--phosphor-glow) 0%,transparent 60%);opacity:.4;animation:orbFloat 20s ease-in-out infinite}.grid-bg:after{content:"";position:absolute;top:60%;right:10%;width:400px;height:400px;background:radial-gradient(circle,rgba(0,212,255,.08) 0%,transparent 60%);opacity:.5;animation:orbFloat 25s ease-in-out infinite reverse}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-20px) scale(1.05)}50%{transform:translate(-20px,30px) scale(.95)}75%{transform:translate(-30px,-10px) scale(1.02)}}.scanlines{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;background:repeating-linear-gradient(0deg,var(--scanline) 0px,var(--scanline) 1px,transparent 1px,transparent 3px);z-index:1000;opacity:.5}.container{max-width:1200px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(100px);background:var(--bg-tertiary);border:1px solid var(--phosphor-dim);color:var(--phosphor);padding:.875rem 1.5rem;border-radius:8px;font-size:.875rem;z-index:2000;opacity:0;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 40px var(--phosphor-glow),0 10px 40px #0006;display:flex;align-items:center;gap:.5rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.toast svg{width:16px;height:16px}nav{position:fixed;top:0;left:0;right:0;padding:1rem 0;background:var(--nav-bg);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border);z-index:100}nav .container{display:flex;justify-content:space-between;align-items:center}.logo{font-family:Outfit,sans-serif;font-size:1.375rem;font-weight:800;color:var(--phosphor);text-decoration:none;text-shadow:0 0 30px var(--phosphor-glow);letter-spacing:-.02em;display:flex;align-items:center;gap:.625rem;transition:all .3s}.logo:hover{text-shadow:0 0 40px var(--phosphor-intense)}body.theme-light .logo{text-shadow:none}.logo-icon{width:34px;height:34px;background:var(--phosphor);border-radius:8px;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:6px;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 20px var(--phosphor-glow)}.logo:hover .logo-icon{transform:rotate(90deg) scale(1.05);box-shadow:0 0 30px var(--phosphor-intense)}.logo-icon span{background:var(--bg-primary);border-radius:1px}.logo-icon span:nth-child(5),.logo-icon span:nth-child(6),.logo-icon span:nth-child(8){background:transparent}.logo-text span{color:var(--text-dim);font-weight:500}.nav-links{display:flex;gap:.25rem;list-style:none}.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:.8125rem;padding:.5rem 1rem;border-radius:6px;transition:all .2s;position:relative}.nav-links a:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--phosphor);transition:all .3s;transform:translate(-50%);border-radius:2px}.nav-links a:hover{color:var(--text-primary)}.nav-links a:hover:after{width:60%}.nav-links a.active{color:var(--phosphor)}.nav-links a.active:after{width:60%}.nav-right{display:flex;align-items:center;gap:.875rem}.version-badge{font-size:.6875rem;color:var(--text-dim);padding:.25rem .625rem;background:var(--bg-tertiary);border-radius:4px;border:1px solid var(--border);font-weight:500;letter-spacing:.02em}.github-link{display:flex;align-items:center;gap:.5rem;color:var(--text-primary);text-decoration:none;font-size:.8125rem;padding:.5rem 1rem;border:1px solid var(--border);border-radius:6px;transition:all .25s;font-weight:500}.github-link:hover{border-color:var(--phosphor-dim);background:var(--phosphor-glow);color:var(--phosphor);transform:translateY(-1px);box-shadow:0 4px 20px var(--phosphor-glow)}.github-link svg{width:18px;height:18px;fill:currentColor}.theme-toggle{display:inline-flex;align-items:center;gap:.5rem;background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);padding:.5rem .75rem;border-radius:6px;cursor:pointer;font-size:.8125rem;transition:all .25s}.theme-toggle:hover{border-color:var(--phosphor-dim);color:var(--phosphor)}.theme-toggle svg{width:18px;height:18px;stroke:currentColor}.theme-toggle .icon-sun{display:none}body.theme-light .theme-toggle .icon-sun{display:inline}body.theme-light .theme-toggle .icon-moon{display:none}.mobile-menu-btn{display:none;background:none;border:1px solid var(--border);color:var(--text-primary);padding:.5rem;border-radius:6px;cursor:pointer;transition:all .2s}.mobile-menu-btn:hover{border-color:var(--phosphor-dim);color:var(--phosphor)}.mobile-menu-btn svg{width:20px;height:20px}.mobile-menu{display:none;position:fixed;top:65px;left:0;right:0;background:var(--bg-primary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:1.5rem;z-index:99;transform:translateY(-100%);opacity:0;transition:all .3s ease-out}.mobile-menu.open{transform:translateY(0);opacity:1}.mobile-menu a{display:block;color:var(--text-secondary);text-decoration:none;padding:1rem;border-radius:8px;transition:all .2s;margin-bottom:.5rem}.mobile-menu a:hover{background:var(--bg-tertiary);color:var(--phosphor)}.hero{min-height:100vh;display:flex;align-items:center;padding:7rem 0 5rem;position:relative}.hero:before{content:"";position:absolute;top:15%;right:5%;width:300px;height:300px;background:repeating-linear-gradient(0deg,var(--phosphor) 0px,var(--phosphor) 8px,transparent 8px,transparent 16px);mask-image:linear-gradient(135deg,black 0%,transparent 60%);-webkit-mask-image:linear-gradient(135deg,black 0%,transparent 60%);opacity:.03;pointer-events:none}.hero-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:4rem;align-items:center}.hero-content{opacity:0;animation:heroFadeIn .8s ease-out .1s forwards}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-badge{display:inline-flex;align-items:center;gap:.625rem;padding:.5rem 1.125rem;background:var(--phosphor-glow);border:1px solid rgba(0,255,136,.2);border-radius:100px;font-size:.6875rem;color:var(--phosphor);margin-bottom:1.75rem;text-transform:uppercase;letter-spacing:.12em;font-weight:600}.hero-badge:before{content:"";width:6px;height:6px;background:var(--phosphor);border-radius:50%;animation:pulse 2s ease-in-out infinite;box-shadow:0 0 10px var(--phosphor)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.hero h1{font-family:Outfit,sans-serif;font-size:clamp(2.75rem,5.5vw,4.25rem);font-weight:800;line-height:1.05;margin-bottom:1.5rem;letter-spacing:-.045em}.hero h1 .highlight{background:linear-gradient(135deg,var(--phosphor) 0%,var(--cyan) 40%,var(--phosphor) 80%,var(--cyan) 100%);background-size:300% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 6s ease-in-out infinite;position:relative;display:inline-block}@keyframes gradientShift{0%,to{background-position:0% center}50%{background-position:100% center}}body.theme-light .hero h1 .highlight{background:linear-gradient(135deg,var(--phosphor) 0%,var(--cyan) 50%,var(--phosphor) 100%);background-size:300% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero h1 .line{display:block}.carousel-wrapper{display:inline-block;position:relative;overflow:hidden;vertical-align:bottom;height:1.15em;transition:width .45s cubic-bezier(.4,0,.2,1),height .45s cubic-bezier(.4,0,.2,1)}.carousel-wrapper:after{content:"";position:absolute;bottom:0;left:0;height:2px;width:100%;background:linear-gradient(90deg,var(--phosphor),var(--cyan));border-radius:1px;transform:scaleX(0);transform-origin:var(--underline-origin, left);opacity:0;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .25s ease;box-shadow:0 0 8px var(--phosphor-glow)}.carousel-wrapper.underline-visible:after{transform:scaleX(1);opacity:1}.carousel{display:flex;flex-direction:column;will-change:transform;transition:transform .35s cubic-bezier(.4,0,.2,1)}.carousel-item{display:block;min-height:1.15em;background:linear-gradient(135deg,var(--phosphor) 0%,var(--cyan) 40%,var(--phosphor) 80%,var(--cyan) 100%);background-size:300% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 6s ease-in-out infinite}.carousel-item.glow{filter:brightness(1.4) drop-shadow(0 0 8px var(--phosphor-glow));transition:filter .15s ease-out}.carousel-item:not(.glow){filter:brightness(1);transition:filter .4s ease-out}body.theme-light .carousel-item{background:linear-gradient(135deg,var(--phosphor) 0%,var(--cyan) 50%,var(--phosphor) 100%);background-size:300% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media (prefers-reduced-motion: reduce){.carousel-wrapper,.carousel-wrapper:after,.carousel,.carousel-item{animation:none!important;transition:none!important}}.hero-description{font-size:1.0625rem;color:var(--text-secondary);margin-bottom:2.25rem;max-width:420px;line-height:1.75}.hero-actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.install-box{display:flex;align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:.875rem 1.125rem;gap:1rem;font-size:.875rem;transition:all .3s;flex-wrap:wrap;max-width:100%;position:relative;overflow:hidden}.install-box:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--phosphor-dim),transparent);opacity:0;transition:opacity .3s}.install-box:hover{border-color:var(--phosphor-dim);box-shadow:0 0 40px #00ff8814,0 10px 40px #0003;transform:translateY(-2px)}.install-box:hover:before{opacity:1}.install-box code{color:var(--text-primary);overflow-wrap:anywhere;word-break:break-word}.install-box .prompt{color:var(--cyan)}.install-box .pkg{color:var(--phosphor)}.install-box .string{color:var(--amber)}.install-steps{margin-top:1.25rem;padding-left:1.25rem;color:var(--text-secondary);font-size:.9375rem;line-height:1.7}.install-steps li{margin-bottom:.25rem}.install-steps code{color:var(--phosphor);font-family:JetBrains Mono,monospace;font-size:.875rem}.copy-btn{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center;position:relative}.copy-btn:hover{color:var(--phosphor);border-color:var(--phosphor-dim);background:var(--phosphor-glow)}.copy-btn:active{transform:scale(.92)}.copy-btn svg{width:16px;height:16px;transition:all .2s}.copy-btn.copied{color:var(--phosphor);border-color:var(--phosphor);background:var(--phosphor-glow)}.copy-btn.copied svg{transform:scale(1.1)}.btn-primary{display:inline-flex;align-items:center;gap:.625rem;background:var(--phosphor);color:var(--bg-primary);text-decoration:none;padding:.875rem 1.5rem;border-radius:8px;font-weight:600;font-size:.875rem;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 40px var(--phosphor-glow),inset 0 1px #ffffff26;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .5s}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 50px var(--phosphor-intense),inset 0 1px #fff3}.btn-primary svg{transition:transform .3s}.btn-primary:hover svg{transform:translate(3px)}.btn-primary:active{transform:translateY(0) scale(.98)}.terminal-wrapper{opacity:0;animation:heroFadeIn .8s ease-out .3s forwards;perspective:1200px;transition:transform .15s ease-out;will-change:transform}.terminal{background:var(--bg-terminal);border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px #ffffff0f,0 25px 80px #00000080,0 0 100px var(--phosphor-glow);position:relative;transform:rotateY(-2deg) rotateX(1deg);transition:all .5s cubic-bezier(.34,1.56,.64,1);max-width:100%}.terminal:hover{transform:rotateY(0) rotateX(0) translateY(-4px);box-shadow:0 0 0 1px #ffffff14,0 35px 100px #0009,0 0 120px var(--phosphor-intense)}.terminal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 20%,var(--phosphor-glow),transparent 50%);pointer-events:none;opacity:.5}.terminal-header{background:linear-gradient(180deg,#181a1f,#12141a);padding:.875rem 1.25rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--border)}.terminal-dot{width:12px;height:12px;border-radius:50%;position:relative;transition:all .3s}.terminal:hover .terminal-dot{transform:scale(1.1)}.terminal:hover .terminal-dot.red{box-shadow:0 0 8px #ff5f57}.terminal:hover .terminal-dot.yellow{box-shadow:0 0 8px #febc2e}.terminal:hover .terminal-dot.green{box-shadow:0 0 8px #28c840}.terminal-dot:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:#fff3}.terminal-dot.red{background:#ff5f57}.terminal-dot.yellow{background:#febc2e}.terminal-dot.green{background:#28c840}.terminal-title{flex:1;text-align:center;color:var(--text-dim);font-size:.75rem;margin-right:48px;letter-spacing:.02em}.terminal-body{padding:1.5rem 1.75rem;font-size:.875rem;min-height:380px;position:relative;z-index:1;overflow-x:auto}.terminal-line{margin-bottom:.375rem;display:flex;align-items:center;gap:.5rem}.terminal-line .prompt{color:var(--cyan);-webkit-user-select:none;user-select:none}.terminal-line .command{color:var(--text-primary)}.terminal-line .string{color:var(--amber)}.typed-command{display:inline;border-right:2px solid var(--phosphor);padding-right:2px;animation:typeCommand 2s steps(30) .5s forwards,hideCaret .1s 2.5s forwards;overflow:hidden;white-space:nowrap;max-width:0}@keyframes typeCommand{to{max-width:300px}}@keyframes hideCaret{to{border-color:transparent}}.qr-output{color:var(--phosphor);text-shadow:0 0 20px var(--phosphor-glow);line-height:1;font-size:1.1rem;margin:1.25rem 0;opacity:0;animation:revealQR .6s ease-out 2.6s forwards;letter-spacing:.02em;overflow:hidden;aspect-ratio:1 / 1;width:fit-content;max-width:100%}@keyframes revealQR{0%{opacity:0;filter:blur(6px);scale:.95}to{opacity:1;filter:blur(0);scale:1}}.final-prompt{opacity:0;animation:fadeIn .3s ease-out 3.2s forwards}@keyframes fadeIn{to{opacity:1}}.cursor{display:inline-block;width:9px;height:1.3em;background:var(--phosphor);vertical-align:text-bottom;animation:blink 1s step-end infinite;box-shadow:0 0 15px var(--phosphor-glow)}@keyframes blink{50%{opacity:0}}.try-it{padding:7rem 0;background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border-top:1px solid var(--border);position:relative;overflow:hidden}.try-it:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:700px;height:350px;background:radial-gradient(ellipse,var(--phosphor-glow) 0%,transparent 65%);opacity:.4}.try-it-header{text-align:center;margin-bottom:3.5rem}.try-it-content{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:start;max-width:1000px;margin:0 auto}.demo-input-section{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:16px;padding:1.75rem}.demo-input-section h3{font-family:Outfit,sans-serif;font-size:1.125rem;margin-bottom:1.25rem;display:flex;align-items:center;gap:.75rem}.demo-input-section h3 span{color:var(--text-dim);font-size:.875rem;font-weight:400}.demo-input{width:100%;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:.875rem 1rem;color:var(--text-primary);font-family:inherit;font-size:.9375rem;outline:none;transition:all .25s;margin-bottom:.875rem}.demo-input:focus{border-color:var(--phosphor-dim);box-shadow:0 0 0 3px var(--phosphor-glow),0 0 30px var(--phosphor-glow)}.demo-input:not(:placeholder-shown){background:var(--bg-primary)}.demo-input::placeholder{color:var(--text-dim)}.demo-hint{font-size:.75rem;color:var(--text-dim);margin-bottom:1rem;transition:color var(--transition-fast)}.demo-hint.capacity-warning{color:var(--amber)}.demo-hint.capacity-critical{color:var(--red);font-weight:500}.demo-options{display:flex;gap:.625rem;flex-wrap:wrap;margin-bottom:1.25rem}.demo-controls{display:grid;grid-template-columns:1fr 1fr;gap:.875rem;margin-bottom:1.25rem}.demo-control{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:.75rem .875rem;display:grid;gap:.375rem}.demo-control label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim)}.demo-control select{background:transparent;border:none;color:var(--text-primary);font-family:inherit;font-size:.875rem;outline:none;cursor:pointer}.demo-control input[type=range]{width:100%;accent-color:var(--phosphor)}.demo-control .value{font-size:.75rem;color:var(--text-secondary)}.demo-option{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-size:.75rem;cursor:pointer;transition:all .2s}.demo-option:hover{border-color:var(--border-hover);color:var(--text-primary)}.demo-option.active{border-color:var(--phosphor-dim);background:var(--phosphor-glow);color:var(--phosphor)}.demo-option input{display:none}.demo-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:.625rem}.demo-command{display:flex;align-items:center;justify-content:space-between;gap:.875rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:.625rem .875rem;margin-bottom:1.25rem;flex-wrap:wrap}.demo-command code{color:var(--text-primary);font-size:.8125rem;word-break:break-all;overflow-wrap:anywhere}.demo-command .prompt{color:var(--cyan)}.demo-command .flag{color:var(--purple)}.demo-command .string{color:var(--amber)}.demo-command .copy-btn{padding:.375rem}.demo-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;font-family:inherit;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .25s}.demo-btn-generate{background:var(--phosphor);border:none;color:var(--bg-primary);position:relative;overflow:hidden}.demo-btn-generate:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .4s,height .4s}.demo-btn-generate:active:after{width:300px;height:300px}.demo-btn-generate:hover{box-shadow:0 0 30px var(--phosphor-glow);transform:translateY(-1px)}.demo-btn-download{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary)}.demo-btn-download:hover{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 20px #00d4ff26}.demo-btn-secondary{background:var(--bg-secondary);border:1px dashed var(--border);color:var(--text-secondary)}.demo-btn-secondary:hover{border-color:var(--phosphor-dim);color:var(--phosphor)}.demo-btn svg{width:16px;height:16px}.demo-output{background:var(--bg-terminal);border:1px solid var(--border);border-radius:16px;overflow:hidden}.demo-output-header{background:linear-gradient(180deg,#181a1f,#12141a);padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--border)}.demo-output-body{padding:1.5rem;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;position:relative;overflow:auto}.demo-qr{color:var(--phosphor);text-shadow:0 0 15px var(--phosphor-glow);line-height:1;font-size:.85rem;white-space:pre;transition:all .3s;animation:qrPulse 3s ease-in-out infinite;aspect-ratio:1 / 1;width:fit-content;max-width:100%;overflow:hidden}.demo-qr:empty{animation:none}@keyframes qrPulse{0%,to{filter:drop-shadow(0 0 8px var(--phosphor-glow))}50%{filter:drop-shadow(0 0 20px var(--phosphor-intense))}}.demo-qr.inverted{color:var(--bg-primary);background:var(--text-primary);padding:1rem;border-radius:8px;text-shadow:none}.demo-qr.large{font-size:1rem}.demo-qr.just-generated{animation:qrGenerated .4s ease-out}@keyframes qrGenerated{0%{scale:.95;opacity:.5}50%{scale:1.02}to{scale:1;opacity:1}}.demo-qr-canvas{display:none}.demo-meta{display:flex;gap:.625rem;flex-wrap:wrap;justify-content:center;color:var(--text-dim);font-size:.6875rem}.demo-meta span{padding:.25rem .5rem;border:1px solid var(--border);border-radius:999px;background:var(--bg-secondary)}.comparison{padding:7rem 0;position:relative}.comparison-header{text-align:center;margin-bottom:3.5rem}.comparison-table{max-width:800px;margin:0 auto;background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;overflow:hidden}.comparison-row{display:grid;grid-template-columns:2fr 1fr 1fr;border-bottom:1px solid var(--border)}.comparison-row:last-child{border-bottom:none}.comparison-row.header{background:var(--bg-tertiary)}.comparison-cell{padding:1.125rem 1.375rem;display:flex;align-items:center;gap:.5rem}.comparison-cell:not(:last-child){border-right:1px solid var(--border)}.comparison-row.header .comparison-cell{font-weight:600;font-size:.875rem;color:var(--text-primary)}.comparison-cell.feature{color:var(--text-secondary);font-size:.875rem}.comparison-cell.check{justify-content:center;color:var(--phosphor)}.comparison-cell.cross{justify-content:center;color:var(--red);opacity:.4;transition:opacity .25s ease}.comparison-highlight{background:#00ff880a}.comparison-row:not(.header){transition:background .25s ease;cursor:default}.comparison-row:not(.header) .comparison-cell{transition:color .25s ease,background .25s ease}.comparison-row:not(.header):nth-child(odd){background:#ffffff03}.comparison-row:not(.header):hover{background:#ffffff08}.comparison-row:not(.header):hover .comparison-cell.feature{color:var(--text-primary)}.comparison-row:not(.header):hover .comparison-highlight{background:#00ff881a}.comparison-row:not(.header):hover .comparison-cell.check{text-shadow:0 0 12px var(--phosphor-glow)}.comparison-row:not(.header):hover .comparison-cell.cross{opacity:.6}.comparison-cell.check svg,.comparison-cell.cross svg{transition:transform .25s ease,filter .25s ease}.comparison-row:not(.header):hover .comparison-cell.check svg{transform:scale(1.15);filter:drop-shadow(0 0 4px var(--phosphor-glow))}.comparison-row:not(.header):hover .comparison-cell.cross svg{transform:scale(1.05)}.features{padding:7rem 0;position:relative;background:var(--bg-secondary);border-top:1px solid var(--border)}.section-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.2em;color:var(--phosphor);margin-bottom:.875rem;display:flex;align-items:center;gap:.75rem;font-weight:600}.section-label:before{content:"";width:20px;height:2px;background:var(--phosphor);border-radius:2px}.section-title{font-family:Outfit,sans-serif;font-size:clamp(1.875rem,4vw,2.75rem);font-weight:700;letter-spacing:-.035em;margin-bottom:3.5rem;max-width:480px;background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.feature-card{--card-accent-rgb: 0, 255, 136;background:var(--bg-primary);border:1px solid var(--border);border-radius:14px;padding:1.75rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1),border-color .3s ease,box-shadow .4s ease;position:relative;overflow:visible;isolation:isolate}.feature-card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:linear-gradient(135deg,rgba(var(--card-accent-rgb),.5) 0%,transparent 50%,rgba(var(--card-accent-rgb),.3) 100%);border-radius:15px;opacity:0;transition:opacity .4s ease;z-index:-1}.feature-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-primary);border-radius:14px;z-index:-1}.feature-card:hover{border-color:transparent;transform:translateY(-6px);box-shadow:0 8px 24px rgba(var(--card-accent-rgb),.08),0 24px 48px rgba(var(--card-accent-rgb),.12)}.feature-card:hover:before{opacity:.7}.feature-icon{width:48px;height:48px;background:var(--phosphor-glow);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;color:var(--phosphor);border:1px solid rgba(0,255,136,.12);transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s ease}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(-3deg);box-shadow:0 4px 20px rgba(var(--card-accent-rgb),.3)}.feature-card:nth-child(1){--card-accent-rgb: 0, 212, 255}.feature-card:nth-child(2){--card-accent-rgb: 183, 148, 246}.feature-card:nth-child(3){--card-accent-rgb: 255, 200, 87}.feature-card:nth-child(4){--card-accent-rgb: 0, 255, 136}.feature-card:nth-child(5){--card-accent-rgb: 255, 107, 122}.feature-card:nth-child(6){--card-accent-rgb: 0, 212, 255}.feature-card:nth-child(1) .feature-icon{background:#00d4ff1a;color:var(--cyan);border-color:#00d4ff26}.feature-card:nth-child(2) .feature-icon{background:#b794f61a;color:var(--purple);border-color:#b794f626}.feature-card:nth-child(3) .feature-icon{background:#ffc8571a;color:var(--amber);border-color:#ffc85726}.feature-card:nth-child(4) .feature-icon{background:var(--phosphor-glow);color:var(--phosphor);border-color:#00ff881f}.feature-card:nth-child(5) .feature-icon{background:#ff6b7a1a;color:var(--red);border-color:#ff6b7a26}.feature-card:nth-child(6) .feature-icon{background:#00d4ff1a;color:var(--cyan);border-color:#00d4ff26}.feature-icon svg{width:22px;height:22px}.feature-card h3{font-family:Outfit,sans-serif;font-size:1.0625rem;margin-bottom:.625rem;font-weight:600;transition:color .3s ease}.feature-card:hover h3{color:rgb(var(--card-accent-rgb))}.feature-card p{color:var(--text-secondary);font-size:.875rem;line-height:1.65;transition:color .3s ease}.feature-card:hover p{color:var(--text-primary)}.usage{padding:7rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.usage-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.usage-content{position:sticky;top:7rem;align-self:start}.usage-content h2{font-family:Outfit,sans-serif;font-size:clamp(1.875rem,4vw,2.25rem);font-weight:700;letter-spacing:-.035em;margin-bottom:1.25rem}.usage-content p{color:var(--text-secondary);font-size:1rem;margin-bottom:2.25rem;line-height:1.7}.usage-stats{display:flex;gap:2rem}.stat{display:flex;flex-direction:column;gap:.25rem}.stat-value{font-family:Outfit,sans-serif;font-size:1.75rem;font-weight:700;color:var(--phosphor)}.stat-value.counter{transition:all .3s}.stat-label{font-size:.75rem;color:var(--text-dim)}.usage-examples{display:flex;flex-direction:column;gap:1rem}.example-block{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:all .25s;position:relative}.example-block:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--phosphor);opacity:0;transition:opacity .25s}.example-block:hover{border-color:var(--border-hover);transform:translate(4px)}.example-block:hover:before{opacity:1}.example-label{background:var(--bg-tertiary);padding:.625rem 1rem;font-size:.6875rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.example-copy{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:.25rem;opacity:0;transition:all .2s}.example-block:hover .example-copy{opacity:1}.example-copy:hover{color:var(--phosphor)}.example-code{padding:1rem;font-size:.875rem;overflow-wrap:anywhere;word-break:break-word}.example-code .prompt{color:var(--cyan)}.example-code .flag{color:var(--purple)}.example-code .string{color:var(--amber)}.example-code .comment{color:var(--text-dim);font-style:italic}.cta{padding:9rem 0;text-align:center;position:relative;overflow:hidden}.cta:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,var(--phosphor-glow) 0%,transparent 55%);pointer-events:none;opacity:.5;animation:ctaPulse 8s ease-in-out infinite}.cta:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;background:radial-gradient(circle,rgba(0,212,255,.08) 0%,transparent 60%);pointer-events:none;animation:ctaPulse 8s ease-in-out infinite 4s}@keyframes ctaPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.4}50%{transform:translate(-50%,-50%) scale(1.15);opacity:.6}}.cta-content{position:relative;z-index:1}.cta h2{font-family:Outfit,sans-serif;font-size:clamp(2.25rem,5vw,3.25rem);font-weight:700;letter-spacing:-.035em;margin-bottom:1.25rem}.cta p{color:var(--text-secondary);font-size:1.0625rem;margin-bottom:2.5rem;max-width:460px;margin-left:auto;margin-right:auto}.cta-install{display:inline-flex;align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:1.125rem 1.5rem;gap:1.25rem;font-size:1rem;transition:all .3s;flex-wrap:wrap;max-width:100%;justify-content:center}.cta-install:hover{border-color:var(--border-hover);box-shadow:0 0 50px #00ff881a;transform:translateY(-2px)}.cta-install code{color:var(--text-primary);overflow-wrap:anywhere;word-break:break-word}.cta-install .prompt{color:var(--cyan)}.cta-install .pkg{color:var(--phosphor)}.cta-install .string{color:var(--amber)}.cta-steps{margin-top:1.125rem;color:var(--text-secondary);font-size:.9375rem}.cta-steps code{color:var(--phosphor);font-family:JetBrains Mono,monospace}footer{padding:3.5rem 0;border-top:1px solid var(--border);position:relative;overflow:hidden}footer:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:500px;height:150px;background:radial-gradient(ellipse at center bottom,var(--phosphor-glow) 0%,transparent 70%);opacity:.3;pointer-events:none}.footer-content{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.footer-left{display:flex;align-items:center;gap:1.5rem}.footer-logo{font-family:Outfit,sans-serif;font-size:1.125rem;font-weight:700;color:var(--phosphor);display:flex;align-items:center;gap:.5rem}.footer-logo span{color:var(--text-dim);font-weight:400}.footer-logo:before{content:"";width:8px;height:8px;background:var(--phosphor);border-radius:2px;animation:pulse 2s ease-in-out infinite;box-shadow:0 0 8px var(--phosphor)}footer p{color:var(--text-dim);font-size:.8125rem}footer a{color:var(--phosphor);text-decoration:none;transition:all .2s}footer a:hover{text-shadow:0 0 10px var(--phosphor-glow)}.footer-links{display:flex;gap:1.25rem}.footer-links a{color:var(--text-secondary);font-size:.8125rem;transition:all .2s;padding:.5rem .625rem;border-radius:6px}.footer-links a:hover{color:var(--phosphor);background:var(--phosphor-glow)}.qr-divider{position:relative;height:80px;overflow:hidden;display:flex;align-items:center;justify-content:center}.qr-divider-pattern{display:flex;gap:6px;align-items:center;opacity:.15}.qr-divider-pattern:before,.qr-divider-pattern:after{content:"";display:flex;gap:4px}.qr-divider-pattern:before{width:200px;height:2px;background:repeating-linear-gradient(90deg,var(--phosphor) 0px,var(--phosphor) 8px,transparent 8px,transparent 16px);mask-image:linear-gradient(90deg,transparent,black 20%,black 80%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,black 20%,black 80%,transparent)}.qr-divider-pattern:after{width:200px;height:2px;background:repeating-linear-gradient(90deg,var(--phosphor) 0px,var(--phosphor) 8px,transparent 8px,transparent 16px);mask-image:linear-gradient(90deg,transparent,black 20%,black 80%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,black 20%,black 80%,transparent)}.qr-divider-pattern{position:relative}.qr-divider-pattern:before{animation:dividerPulse 4s ease-in-out infinite}.qr-divider-pattern:after{animation:dividerPulse 4s ease-in-out infinite 2s}@keyframes dividerPulse{0%,to{opacity:.3}50%{opacity:.8}}.scroll-top{position:fixed;bottom:2rem;right:2rem;width:44px;height:44px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .3s cubic-bezier(.34,1.56,.64,1);z-index:90;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.scroll-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-top:hover{background:var(--phosphor-glow);border-color:var(--phosphor-dim);color:var(--phosphor);transform:translateY(-2px);box-shadow:0 8px 30px var(--phosphor-glow)}.scroll-top:active{transform:translateY(0) scale(.95)}.scroll-top svg{transition:transform .2s}.scroll-top:hover svg{transform:translateY(-2px)}.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:999;opacity:.015;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat}body.theme-light .noise-overlay{opacity:.025}@media (max-width: 1024px){.hero-grid{grid-template-columns:1fr;gap:3.5rem}.terminal{transform:none}.features-grid{grid-template-columns:repeat(2,1fr)}.usage-grid{grid-template-columns:1fr;gap:3.5rem}.usage-content{position:static}.try-it-content{grid-template-columns:1fr}.comparison-table{overflow-x:auto}}@media (max-width: 768px){nav .container{padding:0 1.25rem}.nav-links{display:none}.mobile-menu-btn{display:flex}.github-link{display:none}.nav-right{gap:.5rem}.mobile-menu{display:block}.version-badge,.theme-label{display:none}.features-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column;align-items:stretch}.install-box{justify-content:space-between}.qr-output{font-size:.85rem}.footer-content{flex-direction:column;gap:1.5rem;text-align:center}.footer-left{flex-direction:column;gap:.875rem}.usage-stats{justify-content:center}.comparison-row{grid-template-columns:1.5fr 1fr 1fr}.comparison-cell{padding:.875rem;font-size:.8125rem}.demo-actions,.demo-controls{grid-template-columns:1fr}}@media (max-width: 640px){.container{padding:0 1.25rem}.hero{min-height:auto;padding:5.5rem 0 3.5rem}.try-it,.comparison,.features,.usage{padding:4.5rem 0}.cta{padding:5.5rem 0}.terminal-body{min-height:240px;padding:1.25rem}.demo-output-body{min-height:220px;padding:1rem}.hero-description,.usage-content p,.cta p{font-size:.9375rem}.install-box,.cta-install{padding:.75rem .875rem;gap:.625rem;font-size:.8125rem}.demo-input-section,.demo-output{border-radius:12px}}@media (max-width: 480px){.container{padding:0 1rem}.hero h1{font-size:clamp(2rem,9vw,2.75rem)}.terminal-title{margin-right:24px;font-size:.6875rem}.qr-output{font-size:.7rem}.demo-qr{font-size:.65rem}.demo-qr.large{font-size:.8rem}.demo-btn{padding:.625rem .875rem;font-size:.75rem}.copy-btn{padding:.375rem}.install-box code,.cta-install code,.demo-command code{font-size:.75rem}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.section-title-centered{max-width:100%;text-align:center}.terminal-title-centered{flex:1;text-align:center;margin-right:36px}