@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--accent:#00e8ff;--accent-hover:#66f3ff;--accent-dim:#00e8ff0d;--accent-border:#00e8ff2e;--accent-glow:#00e8ff59;--bg-base:#000;--bg-surface:#050505;--bg-elevated:#0a0a0a;--bg-code:#020202;--text-primary:#b0b0b0;--text-secondary:#666;--text-muted:#404040;--text-bright:#e0e0e0;--danger:#f33;--danger-dim:#ff333314;--danger-border:#ff333340;--glitch-magenta:#ff0080;--border:#00e8ff0f;--border-light:#00e8ff1f;--font-sans:"Inter", -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--container:1100px;--section-pad:100px;--r-sm:2px;--r-md:4px;--r-lg:4px}html{scroll-behavior:smooth}body{font-family:var(--font-mono);background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.7;position:relative;overflow-x:hidden}#root{z-index:1;position:relative}.glitch-bg{z-index:0;pointer-events:none;position:fixed;inset:0}.glitch-bg canvas{opacity:.92;width:100%;height:100%;position:absolute;inset:0}.glitch-bg:after{content:"";mix-blend-mode:screen;pointer-events:none;background:radial-gradient(70% 50% at 50% 45%,#00e8ff0a,#0000 65%),repeating-linear-gradient(0deg,#0000 0 3px,#00e8ff04 3px 4px);position:absolute;inset:0}body:after{content:"";pointer-events:none;z-index:9999;background:repeating-linear-gradient(#0000 0 2px,#00000014 2px 4px);position:fixed;inset:0}::selection{color:#fff;background:#00e8ff40}.container{max-width:var(--container);margin:0 auto;padding:0 48px}.section{padding:var(--section-pad) 0;position:relative}.section-surface{background:var(--bg-surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.sh-num{font-family:var(--font-mono);color:var(--accent);letter-spacing:.15em;opacity:.7;margin-bottom:12px;font-size:12px;font-weight:500;display:block}.sh-num:before{content:"// ";color:var(--text-muted)}.sh-title{font-family:var(--font-mono);letter-spacing:-.02em;color:var(--text-bright);font-size:36px;font-weight:700;line-height:1.15}.sh-sub{color:var(--text-secondary);max-width:600px;margin-top:12px;font-size:15px;line-height:1.7}.nav{z-index:1000;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000e6;padding:0 48px;position:fixed;top:0;left:0;right:0}.nav-inner{max-width:var(--container);justify-content:space-between;align-items:center;height:56px;margin:0 auto;display:flex}.nav-logo{font-family:var(--font-mono);color:var(--accent);letter-spacing:.05em;font-size:16px;font-weight:700;text-decoration:none}.nav-logo:before{content:"> ";color:var(--text-muted)}.nav-links{align-items:center;gap:24px;display:flex}.nav-link{font-family:var(--font-mono);color:var(--text-secondary);font-size:13px;text-decoration:none;transition:color .15s}.nav-link:hover{color:var(--accent)}.btn{font-family:var(--font-mono);border-radius:var(--r-md);cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background:var(--accent);color:#000;box-shadow:0 0 20px var(--accent-glow)}.btn-primary:hover{box-shadow:0 0 40px var(--accent-glow)}.btn-secondary{color:var(--accent);border:1px solid var(--border-light);background:0 0}.btn-secondary:hover{border-color:var(--accent)}.btn-sm{padding:7px 14px;font-size:12px}.terminal{background:var(--bg-code);border:1px solid var(--border-light);border-radius:var(--r-lg);overflow:hidden}.terminal-chrome{border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:10px 16px;display:flex}.terminal-dot{border-radius:50%;width:10px;height:10px}.terminal-title{text-align:center;font-family:var(--font-mono);color:var(--text-muted);flex:1;margin-right:36px;font-size:11px}.terminal-body{font-family:var(--font-mono);padding:20px;font-size:13px;line-height:1.9}.code-block{background:var(--bg-code);border:1px solid var(--border);border-radius:var(--r-lg);font-family:var(--font-mono);font-size:13px;overflow:hidden}.code-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.code-label{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:500}.code-body{padding:20px;line-height:1.9;overflow-x:auto}.metric-row{flex-wrap:wrap;gap:10px;display:flex}.metric{border:1px solid var(--border-light);font-family:var(--font-mono);color:var(--accent);align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px;transition:border-color .15s}.card:hover{border-color:var(--accent-border)}.sk{color:#ff6b6b}.ss{color:#ffd93d}.sc{color:#444;font-style:italic}.sf{color:#5ce0ff}.sn{color:#ff9f43}.sb{color:#ff6b6b}.sg{color:var(--accent)}.sp{color:#444}.su{color:var(--accent)}.mal-span{margin:0 -1px;padding:1px 3px;transition:all .3s;display:inline}.mal-span.hl{background:var(--danger-dim);color:var(--danger);text-decoration:underline;-webkit-text-decoration-color:var(--danger-border);text-decoration-color:var(--danger-border);text-underline-offset:3px}.mal-span.rd{background:var(--accent-dim);color:var(--accent);font-weight:500;text-decoration:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.price-card{background:var(--bg-elevated);border:1px solid var(--border);flex-direction:column;padding:32px 24px;transition:border-color .15s;display:flex}.price-card.featured{border-color:var(--accent-border);box-shadow:0 0 40px var(--accent-dim)}.price-card:hover{border-color:var(--accent-border)}.scan-line-overlay{pointer-events:none;position:absolute;inset:0;overflow:hidden}.scan-line{background:var(--accent);width:2px;box-shadow:0 0 16px var(--accent-glow), 0 0 50px var(--accent-dim);animation:1.5s ease-in-out forwards sweepRight;position:absolute;top:0;bottom:0}@keyframes sweepRight{0%{left:-2px}to{left:100%}}.footer{border-top:1px solid var(--border);padding:48px 0 32px}.footer a{color:var(--text-secondary);font-family:var(--font-mono);font-size:13px;text-decoration:none}.footer a:hover{color:var(--accent)}.seo-fallback{max-width:720px;font-family:var(--font-mono);color:var(--text-secondary);margin:0 auto;padding:48px 24px 64px;line-height:1.7}.seo-fallback h1{color:var(--text-bright);margin-bottom:16px;font-size:2rem;font-weight:700;line-height:1.2}.seo-fallback h2{color:var(--accent);margin:28px 0 12px;font-size:1rem;font-weight:600}.seo-fallback p{margin-bottom:12px}.seo-fallback ul{margin:0 0 16px 1.2rem}.seo-fallback li{margin-bottom:6px}.seo-fallback a{color:var(--accent)}.deploy-terminal{min-height:200px}.deploy-install{border-bottom:1px solid var(--border);font-family:var(--font-mono);margin-bottom:16px;padding-bottom:16px;font-size:13px}.deploy-code{white-space:pre-wrap;line-height:1.9}.code-pre{font-family:var(--font-mono);white-space:pre;color:var(--text-secondary);background:0 0;border:none;margin:0;padding:0;font-size:13px;line-height:1.75;overflow-x:auto}.pipeline-box{font-family:var(--font-mono), "JetBrains Mono", "Fira Code", monospace;font-size:13px;line-height:1.75;overflow-x:auto}.pipeline-line{white-space:pre;letter-spacing:.01em;font-family:inherit}.pipeline-border{color:#00e8ff38}.pipeline-divider{color:#00e8ff59}.pipeline-stage-label{color:var(--accent);text-shadow:0 0 18px var(--accent-glow);font-weight:600}.pipeline-timing{color:#ff9f43;font-weight:500}.pipeline-detail{color:var(--text-secondary)}.pipeline-muted{color:var(--text-muted)}.ascii-box{padding:24px;position:relative}.ascii-box:before{content:"┌" attr(data-title) "─────────────────────────────┐";color:var(--text-muted);white-space:pre;pointer-events:none;font-size:12px;position:absolute;top:0;left:0}@keyframes glitch{0%,86%,to{opacity:1;text-shadow:none;transform:none}88%{opacity:.82;text-shadow:3px 0 var(--accent), -3px 0 var(--glitch-magenta);transform:translate(-3px)}90%{opacity:.9;text-shadow:-2px 0 var(--accent), 2px 0 var(--glitch-magenta);transform:translate(3px,1px)}92%{opacity:.75;text-shadow:4px 0 #00e8ffcc,-4px 0 #ff008099;transform:translate(-2px,-1px)}94%{opacity:.88;text-shadow:-3px 0 var(--accent), 3px 0 var(--glitch-magenta);transform:translate(2px)}}
