:root{--color-canvas:#f8fafc;--color-surface-white:#fff;--color-surface-dim:#f1f5f9;--color-surface-card:#fff;--border-subtle:#e2e8f0;--border-stroke:#e2e8f0;--border-strong:#cbd5e1;--accent-primary:#4f46e5;--accent-primary-hover:#4338ca;--accent-primary-light:#eef2ff;--accent-secondary:#0284c7;--accent-secondary-hover:#0369a1;--accent-secondary-light:#f0f9ff;--accent-tertiary:#059669;--accent-tertiary-hover:#047857;--accent-tertiary-light:#ecfdf5;--accent-error:#dc2626;--accent-error-light:#fef2f2;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-dim:#94a3b8;--font-main:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", Menlo, Consolas, monospace;--radius-xs:6px;--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-2xl:24px;--radius-full:9999px;--shadow-xs:0 1px 2px #0f172a0d;--shadow-sm:0 2px 6px -1px #0f172a0f, 0 2px 4px -2px #0f172a0f;--shadow-md:0 10px 25px -5px #0f172a12, 0 8px 10px -6px #0f172a0a;--shadow-lg:0 20px 35px -10px #0f172a17, 0 10px 15px -8px #0f172a0d;--shadow-glow-primary:0 8px 24px #4f46e52e;--shadow-glow-cyan:0 8px 24px #0284c72e;--shadow-glow-mint:0 8px 24px #0596692e;--max-width:1400px;--header-height:74px}.nav-desktop{align-items:center;gap:4px;display:none}@media (width>=900px){.nav-desktop{display:flex!important}}.status-pill-clean{border-radius:var(--radius-full);background-color:var(--accent-tertiary-light);font-family:var(--font-mono);color:var(--accent-tertiary);white-space:nowrap;border:1px solid #05966933;align-items:center;gap:7px;padding:5px 12px;font-size:11px;font-weight:500;display:none}@media (width>=1200px){.status-pill-clean{display:flex!important}}.mobile-menu-btn{border-radius:var(--radius-md);width:38px;height:38px;color:var(--text-primary);border:1px solid var(--border-subtle);background-color:#fff;justify-content:center;align-items:center;display:flex}@media (width>=900px){.mobile-menu-btn{display:none!important}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased}body{font-family:var(--font-main);background-color:var(--color-canvas);color:var(--text-secondary);min-height:100vh;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(90deg,#e2e8f080 1px,#0000 1px),linear-gradient(#e2e8f080 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0}a{color:inherit;text-decoration:none;transition:all .2s}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}code,pre{font-family:var(--font-mono)}.container{width:100%;max-width:var(--max-width);margin-left:auto;margin-right:auto;padding-left:clamp(20px,3.5vw,48px);padding-right:clamp(20px,3.5vw,48px)}.section{z-index:1;padding-top:84px;padding-bottom:84px;position:relative}.section-border-top{border-top:1px solid var(--border-subtle)}.section-border-bottom{border-bottom:1px solid var(--border-subtle)}.section-bg-subtle{background-color:var(--color-surface-dim)}.glow-orb{border-radius:var(--radius-full);filter:blur(90px);pointer-events:none;z-index:0;opacity:.5;position:absolute}.glow-orb-primary{background:radial-gradient(circle,#4f46e524 0%,#4f46e500 70%);width:550px;height:550px}.glow-orb-secondary{background:radial-gradient(circle,#0284c71f 0%,#0284c700 70%);width:500px;height:500px}.pulse-dot{border-radius:var(--radius-full);background-color:var(--accent-tertiary);flex-shrink:0;width:8px;height:8px;display:inline-flex;position:relative}.pulse-dot:before{content:"";border-radius:var(--radius-full);background-color:var(--accent-tertiary);opacity:.75;animation:1.8s cubic-bezier(0,0,.2,1) infinite radar-ping;position:absolute;inset:-3px}@keyframes radar-ping{0%{opacity:.8;transform:scale(.9)}75%,to{opacity:0;transform:scale(2.4)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:.35s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.gradient-text-kinetic{background:linear-gradient(135deg,#0f172a 0%,#4f46e5 45%,#0284c7 80%,#059669 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-card{background:var(--color-surface-card);border:1px solid var(--border-stroke);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);z-index:1;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative}.glass-card:hover{box-shadow:var(--shadow-md);border-color:#cbd5e1;transform:translateY(-3px)}.glass-card-primary:hover{box-shadow:var(--shadow-md), var(--shadow-glow-primary);border-color:#4f46e566}.glass-card-cyan:hover{box-shadow:var(--shadow-md), var(--shadow-glow-cyan);border-color:#0284c766}.glass-card-mint:hover{box-shadow:var(--shadow-md), var(--shadow-glow-mint);border-color:#05966966}.btn{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;line-height:1;transition:all .2s;display:inline-flex}.btn-primary{background:var(--accent-primary);color:#fff;box-shadow:0 2px 8px #4f46e540}.btn-primary:hover{background:var(--accent-primary-hover);transform:translateY(-1px);box-shadow:0 4px 16px #4f46e559}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-stroke);box-shadow:var(--shadow-xs);background:#fff}.btn-secondary:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:var(--accent-primary-light);transform:translateY(-1px)}.btn-cyan{background:var(--accent-secondary);color:#fff;box-shadow:0 2px 8px #0284c740}.btn-cyan:hover{background:var(--accent-secondary-hover);transform:translateY(-1px);box-shadow:0 4px 16px #0284c759}.btn-sm{border-radius:var(--radius-sm);padding:8px 16px;font-size:13px}.pill{border-radius:var(--radius-sm);font-family:var(--font-mono);border:1px solid var(--border-subtle);color:var(--text-secondary);background:#fff;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;font-weight:500;transition:all .2s;display:inline-flex}.pill:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.pill-cyan{color:var(--accent-secondary);background:var(--accent-secondary-light);border-color:#0284c740}.pill-mint{color:var(--accent-tertiary);background:var(--accent-tertiary-light);border-color:#05966940}.pill-indigo{color:var(--accent-primary);background:var(--accent-primary-light);border-color:#4f46e540}.terminal-copy-box{border-radius:var(--radius-md);border:1px solid var(--border-subtle);box-shadow:var(--shadow-xs);font-family:var(--font-mono);color:var(--text-secondary);background:#fff;align-items:center;gap:10px;padding:8px 14px;font-size:13px;transition:border-color .2s;display:inline-flex}.terminal-copy-box:hover{border-color:var(--accent-primary)}.terminal-copy-box .prompt-symbol{color:var(--accent-tertiary);font-weight:700}.terminal-copy-btn{color:var(--text-muted);border-radius:var(--radius-xs);background:var(--color-surface-dim);align-items:center;padding:3px 6px;font-size:11px;transition:all .2s;display:inline-flex}.terminal-copy-btn:hover{color:var(--accent-primary);background:var(--accent-primary-light)}.terminal-window{border-radius:var(--radius-lg);font-family:var(--font-mono);color:#f8fafc;box-shadow:var(--shadow-md);background:#0f172a;border:1px solid #1e293b;padding:20px;font-size:13px}.terminal-header{border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;display:flex}.terminal-dots{align-items:center;gap:6px;display:flex}.dot{border-radius:var(--radius-full);width:10px;height:10px}.dot-red{background:#ef4444}.dot-yellow{background:#f59e0b}.dot-green{background:#10b981}.terminal-content{flex-direction:column;gap:7px;line-height:1.6;display:flex}.code-line{gap:12px;display:flex}.line-no{color:#64748b;-webkit-user-select:none;user-select:none}.code-pill-status{border-radius:var(--radius-sm);color:#34d399;background:#10b98126;border:1px solid #10b9814d;align-items:center;gap:8px;margin-top:10px;padding:8px 12px;font-size:11.5px;display:flex}