*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{color:#e0e0e6;-webkit-font-smoothing:antialiased;background:#0a0a0f;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:hidden}a{color:#646cff;text-decoration:none;transition:color .2s}a:hover{color:#747bff}code,pre{font-family:JetBrains Mono,monospace}img,svg{max-width:100%;display:block}button{font-family:inherit}:root{--color-bg:#0a0a0f;--color-surface:#12121a;--color-surface-2:#1a1d27;--color-border:#1e1e2e;--color-border-subtle:#646cff1a;--color-text:#e0e0e6;--color-text-muted:#9898a6;--color-text-dim:#6b7280;--color-accent:#646cff;--color-accent-hover:#747bff;--color-blue:#3b82f6;--color-emerald:#10b981;--color-pink:#ec4899;--color-purple:#8b5cf6;--color-amber:#f59e0b;--color-red:#ef4444;--color-teal:#14b8a6;--color-orange:#f97316;--color-green:#22c55e;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:100px 0;position:relative}.section+.section{border-top:1px solid var(--color-border)}.section+.section:before{content:"+";color:#646cff4d;background:var(--color-bg);padding:0 8px;font-family:JetBrains Mono,monospace;font-size:8px;line-height:1;position:absolute;top:-5px;left:50%;transform:translate(-50%)}.section-label{letter-spacing:.15em;text-transform:uppercase;color:var(--color-accent);margin-bottom:12px;font-size:.75rem;font-weight:600}.section-title{color:#fff;margin-bottom:16px;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;line-height:1.2}.section-desc{color:var(--color-text-muted);max-width:600px;margin-bottom:48px;font-size:1.05rem;line-height:1.6}.example-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);margin-bottom:32px;overflow:hidden}.example-card-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.example-card-title{color:#fff;font-size:1rem;font-weight:600}.example-card-desc{color:var(--color-text-muted);margin-top:4px;font-size:.85rem}.example-card-controls{align-items:center;gap:8px;display:flex}.example-card-demo{min-height:200px;padding:32px 24px}.example-card-code{border-top:1px solid var(--color-border)}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-play{background:var(--color-accent);color:#fff}.btn-play:hover{background:var(--color-accent-hover)}.btn-reset{background:var(--color-surface-2);color:var(--color-text-muted);border:1px solid var(--color-border)}.btn-reset:hover{color:#fff;border-color:var(--color-text-dim)}.btn-code{color:var(--color-text-muted);border:1px solid var(--color-border);background:0 0;font-family:JetBrains Mono,monospace;font-size:.75rem}.btn-code:hover{color:var(--color-accent);border-color:var(--color-accent)}.btn-primary{background:var(--color-accent);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:8px;padding:12px 28px;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary:hover{background:var(--color-accent-hover);color:#fff;transform:translateY(-1px)}.btn-secondary{color:var(--color-text);border-radius:var(--radius-md);border:1px solid var(--color-border);cursor:pointer;background:0 0;align-items:center;gap:8px;padding:12px 28px;font-size:.95rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-secondary:hover{border-color:var(--color-accent);color:#fff}.btn-ai-ref{color:var(--color-accent);border-radius:var(--radius-md);cursor:pointer;background:#646cff14;border:1px solid #646cff40;align-items:center;gap:8px;padding:12px 28px;font-size:.95rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-ai-ref:hover{border-color:var(--color-accent);color:#fff;background:#646cff26}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:4px;align-items:center;padding:4px 10px;font-size:.7rem;font-weight:600;display:inline-flex}.badge-idle{color:#9ca3af;background:#374151}.badge-running{color:var(--color-blue);background:#1e3a5f;border:1px solid #3b82f64d}.badge-paused{color:var(--color-amber);background:#3b2e0a;border:1px solid #f59e0b4d}.badge-finished{color:var(--color-green);background:#0a2a1a;border:1px solid #22c55e4d}.code-block-wrapper{position:relative}.code-block-wrapper pre{overflow-x:auto;background:#1a1a2e!important;border-radius:0!important;margin:0!important;padding:20px 24px!important;font-size:.82rem!important;line-height:1.7!important}.code-block-wrapper code{font-family:JetBrains Mono,monospace!important;font-size:.82rem!important}.code-copy-btn{color:#9898a6;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:4px;padding:4px 10px;font-family:Space Grotesk,sans-serif;font-size:.7rem;transition:all .2s;position:absolute;top:12px;right:12px}.code-copy-btn:hover{color:#fff;background:#ffffff26}.examples-grid{gap:32px;display:grid}.examples-grid-2{grid-template-columns:1fr 1fr}@media (width<=768px){.examples-grid-2{grid-template-columns:1fr}}.api-grid,.api-config-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:40px;display:grid}@media (width<=768px){.api-grid,.api-config-grid{grid-template-columns:1fr}}.sticky-nav{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-subtle);background:#0a0a0fd9;padding:12px 0;transition:transform .3s;position:fixed;top:0;left:0;right:0;transform:translateY(-100%)}.sticky-nav.visible{transform:translateY(0)}.sticky-nav .container{justify-content:space-between;align-items:center;display:flex}.nav-brand{color:#fff;letter-spacing:-.04em;font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:700}.nav-links{align-items:center;gap:24px;display:flex}.nav-links a{color:var(--color-text-muted);font-size:.85rem;transition:color .2s}.nav-links a:hover{color:#fff}.nav-progress{background:var(--color-accent);height:2px;transition:width .1s linear;position:absolute;bottom:0;left:0}.hero{align-items:center;min-height:100vh;padding:80px 0 60px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 40%,#646cff14 0%,#0000 50%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.hero .container{grid-template-columns:5fr 7fr;align-items:center;gap:40px;display:grid}.hero-content{z-index:1;position:relative}.hero-logo{align-items:center;gap:16px;margin-bottom:24px;display:flex}.hero-logo svg{width:56px;height:56px}.hero-logo-text{color:#fff;letter-spacing:-.04em;font-family:Space Grotesk,sans-serif;font-size:2rem;font-weight:700}.hero-tagline{color:#b0b0be;margin-bottom:20px;font-size:clamp(1.1rem,2.5vw,1.35rem);line-height:1.5}.hero-badge{color:var(--color-accent);background:#646cff1a;border:1px solid #646cff40;border-radius:20px;align-items:center;gap:8px;margin-bottom:28px;padding:6px 16px;font-size:.8rem;display:inline-flex}.hero-badge-dot{background:var(--color-accent);border-radius:50%;width:6px;height:6px}.hero-install{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);align-items:center;gap:12px;max-width:420px;margin-bottom:28px;padding:12px 16px;display:flex}.hero-install code{color:var(--color-text);flex:1;font-size:.9rem}.hero-install .dollar{color:var(--color-accent);margin-right:8px}.hero-ctas{flex-wrap:wrap;gap:12px;display:flex}.hero-visual{justify-content:center;align-items:center;height:100%;min-height:450px;display:flex;position:relative}.footer{border-top:1px solid var(--color-border);padding:48px 0}.footer-content{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.footer-brand{align-items:center;gap:16px;display:flex}.footer-logo{color:#fff;letter-spacing:-.04em;font-family:Space Grotesk,sans-serif;font-size:1.1rem;font-weight:700}.footer-tagline{color:var(--color-text-dim);font-size:.85rem}.footer-links{gap:24px;display:flex}.footer-links a{color:var(--color-text-muted);font-size:.85rem}.footer-links a:hover{color:#fff}.footer-copy{color:var(--color-text-dim);font-size:.8rem}.why-grid{background:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius-lg);grid-template-columns:repeat(4,1fr);gap:1px;margin-bottom:48px;display:grid;overflow:hidden}.why-grid-cell{background:var(--color-surface);padding:20px}.why-grid-header{text-transform:uppercase;letter-spacing:.08em;margin-bottom:0;padding-bottom:12px;font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:700}.why-grid-item{color:var(--color-text-muted);padding:6px 0;font-size:.8rem;line-height:1.5}.why-grid-check{color:var(--color-emerald);margin-right:6px}.why-grid-dash{color:var(--color-text-dim);margin-right:6px}.why-differentiators{grid-template-columns:1fr 1fr;gap:24px;display:grid}.why-diff-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);gap:14px;padding:20px;display:flex}.why-diff-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex}.why-diff-title{color:#fff;margin-bottom:4px;font-size:.85rem;font-weight:600}.why-diff-desc{color:var(--color-text-muted);font-size:.8rem;line-height:1.5}@media (width<=768px){.why-grid{grid-template-columns:1fr 1fr}.why-differentiators{grid-template-columns:1fr}}@media (width<=480px){.why-grid{grid-template-columns:1fr}}.philosophy-grid{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.philosophy-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);border-top:2px solid var(--color-accent);padding:24px 20px}.philosophy-card-number{color:#646cff66;letter-spacing:.08em;margin-bottom:12px;font-family:JetBrains Mono,monospace;font-size:.6rem}.philosophy-card-title{color:#fff;margin-bottom:8px;font-size:.9rem;font-weight:600;line-height:1.3}.philosophy-card-desc{color:var(--color-text-muted);font-size:.78rem;line-height:1.55}@media (width<=1024px){.philosophy-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.philosophy-grid{grid-template-columns:1fr 1fr}}@media (width<=480px){.philosophy-grid{grid-template-columns:1fr}}.quickstart-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.quickstart-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.quickstart-card-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.quickstart-card-title{color:#fff;font-size:.8rem;font-weight:600}.quickstart-card-badge{color:var(--color-text-dim);background:#ffffff0a;border-radius:3px;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:.6rem}@media (width<=1024px){.quickstart-grid{grid-template-columns:1fr}}.patterns-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.pattern-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.pattern-card-header{border-bottom:1px solid var(--color-border);padding:18px 20px}.pattern-card-label{letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px;font-family:JetBrains Mono,monospace;font-size:.6rem}.pattern-card-title{color:#fff;margin-bottom:4px;font-size:.95rem;font-weight:600}.pattern-card-desc{color:var(--color-text-muted);font-size:.8rem;line-height:1.5}@media (width<=768px){.patterns-grid{grid-template-columns:1fr}}.stats-row{background:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius-lg);grid-template-columns:repeat(4,1fr);gap:1px;margin-bottom:48px;display:grid;overflow:hidden}.stat-cell{background:var(--color-surface);text-align:center;padding:28px 20px}.stat-value{color:#fff;margin-bottom:6px;font-family:Space Grotesk,sans-serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;line-height:1}.stat-label{color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.08em;font-family:JetBrains Mono,monospace;font-size:.65rem}.perf-features{grid-template-columns:1fr 1fr;gap:24px;display:grid}.perf-feature{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.perf-feature-header{border-bottom:1px solid var(--color-border);align-items:center;gap:10px;padding:14px 18px;display:flex}.perf-feature-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.perf-feature-title{color:#e0e0e6;letter-spacing:.03em;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:600}.perf-feature-body{color:var(--color-text-muted);padding:16px 18px;font-size:.8rem;line-height:1.6}@media (width<=768px){.stats-row{grid-template-columns:1fr 1fr}.perf-features{grid-template-columns:1fr}}@media (width<=480px){.stats-row{grid-template-columns:1fr}}.hero-value-props{grid-template-columns:1fr 1fr;gap:10px 16px;margin-bottom:24px;display:grid}.hero-value-prop{color:var(--color-text-muted);align-items:center;gap:8px;font-size:.8rem;display:flex}.hero-value-prop-dot{background:var(--color-accent);border-radius:50%;flex-shrink:0;width:4px;height:4px}@media (width<=768px){.hero-value-props{grid-template-columns:1fr}}.promo-banner{flex-direction:column;align-items:center;padding:40px 0;display:flex}.promo-banner img{border:1px solid var(--color-border);border-radius:8px;width:100%;max-width:960px}.promo-banner-credit{color:var(--color-text-muted);letter-spacing:.02em;margin-top:12px;font-family:JetBrains Mono,monospace;font-size:.75rem}.promo-banner-credit a{color:var(--color-text-muted);text-underline-offset:2px;text-decoration:underline}.promo-banner-credit a:hover{color:var(--color-accent)}@keyframes strokeTravelPulse{to{stroke-dashoffset:-5000px}}.typo-divider{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.typo-divider+.section{border-top:none}.typo-divider+.section:before{display:none}.geo-composition{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.geo-composition+.section{border-top:none}.geo-composition+.section:before{display:none}@media (width<=1360px){.side-rail{display:none!important}}@media (width<=1024px){.hero .container{grid-template-columns:1fr 1fr;gap:32px}}@media (width<=768px){.hero .container{grid-template-columns:1fr;gap:40px}.hero-visual{display:none}.section{padding:60px 0}.nav-links{display:none}.typo-divider{padding:32px 0}.geo-composition{padding:24px 0}}