@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&family=JetBrains+Mono:wght@400&display=swap";:root{--color-obsidian-canvas:#101010;--color-charcoal-surface:#333;--color-onyx-edge:#212121;--color-ash:#5a5a5a;--color-frost-text:#f3f3f3;--color-silver:#c1c1c1;--color-smoke:#949494;--color-graphite:#888;--color-fog:#9c9c9c;--color-pure-white:#fff;--color-amber-whisper:#e7c59a;--surface-void:#080808;--surface-canvas:#101010;--surface-surface:#212121;--surface-elevated:#333;--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--text-caption:13px;--text-sm:14px;--text-body:16px;--text-subheading:18px;--text-heading-sm:23px;--text-heading:34px;--text-heading-lg:44px;--text-display:56px;--spacing-4:4px;--spacing-8:8px;--spacing-12:12px;--spacing-16:16px;--spacing-20:20px;--spacing-24:24px;--spacing-32:32px;--spacing-40:40px;--spacing-48:48px;--spacing-64:64px;--spacing-80:80px;--spacing-120:120px;--radius-md:4.5px;--radius-lg:8px;--radius-2xl:20px;--radius-full:99px;--page-max-width:1200px;--sidebar-width:280px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-body);color:var(--color-frost-text);background-color:var(--surface-canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}a{color:var(--color-frost-text);text-decoration:none;transition:color .15s}a:hover{color:var(--color-amber-whisper)}code{font-family:var(--font-mono);background:var(--surface-surface);border-radius:var(--radius-md);color:var(--color-frost-text);padding:2px 6px;font-size:.875em}pre{font-family:var(--font-mono);background:var(--surface-void);border:1px solid var(--color-onyx-edge);border-radius:var(--radius-lg);padding:var(--spacing-20);margin:var(--spacing-16) 0;font-size:13px;line-height:1.7;overflow-x:auto}pre code{font-size:inherit;color:var(--color-smoke);background:0 0;padding:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);color:var(--color-frost-text);letter-spacing:-.011em;font-weight:400}h1{font-size:var(--text-heading-lg);letter-spacing:-.48px;line-height:1.05}h2{font-size:var(--text-heading);letter-spacing:-.37px;margin-top:var(--spacing-48);margin-bottom:var(--spacing-20);line-height:1.11}h3{font-size:var(--text-heading-sm);letter-spacing:-.25px;margin-top:var(--spacing-40);margin-bottom:var(--spacing-16);line-height:1.22}h4{font-size:var(--text-subheading);margin-top:var(--spacing-32);margin-bottom:var(--spacing-12);line-height:1.34}p{margin-bottom:var(--spacing-16);color:var(--color-smoke);line-height:1.7}ul,ol{padding-left:var(--spacing-24);margin-bottom:var(--spacing-16)}li{color:var(--color-smoke);margin-bottom:var(--spacing-8);line-height:1.7}strong{color:var(--color-frost-text);font-weight:500}hr{border:none;border-top:1px solid var(--color-onyx-edge);margin:var(--spacing-40) 0}table{border-collapse:collapse;width:100%;margin:var(--spacing-20) 0}th{font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:-.037em;text-transform:uppercase;color:var(--color-graphite);text-align:left;padding:var(--spacing-12) var(--spacing-16);border-bottom:1px solid var(--color-onyx-edge);font-weight:400}td{padding:var(--spacing-12) var(--spacing-16);border-bottom:1px solid var(--surface-surface);color:var(--color-smoke);font-size:var(--text-sm)}::selection{color:var(--color-frost-text);background:#e7c59a33}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface-canvas)}::-webkit-scrollbar-thumb{background:var(--surface-surface);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-ash)}#root{min-height:100vh}.navbar{max-width:var(--page-max-width);padding:var(--spacing-20) var(--spacing-40);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.navbar-brand{color:var(--color-frost-text);letter-spacing:-.23px;font-size:21px;font-weight:400}.navbar-brand span{color:var(--color-amber-whisper)}.navbar-links{align-items:center;gap:var(--spacing-24);display:flex}.navbar-links a{font-size:var(--text-caption);text-transform:uppercase;letter-spacing:-.037em;color:var(--color-frost-text);font-weight:700}.navbar-links a:hover,.navbar-links a.active{color:var(--color-amber-whisper)}.navbar-divider{background:var(--color-silver);width:1px;height:20px;margin:0 var(--spacing-8)}.landing-wrapper{max-width:var(--page-max-width);margin:0 auto}.hero-section{text-align:center;padding:var(--spacing-80) var(--spacing-40) var(--spacing-64);flex-direction:column;align-items:center;display:flex}.hero-badge{align-items:center;gap:var(--spacing-8);font-size:var(--text-caption);color:var(--color-smoke);margin-bottom:var(--spacing-32);display:inline-flex}.hero-badge .dot{background:#4ade80;border-radius:50%;width:8px;height:8px}.hero-headline{font-size:var(--text-display);letter-spacing:-.62px;color:var(--color-frost-text);max-width:900px;margin-bottom:var(--spacing-32);font-weight:400;line-height:.95}.hero-subtitle{font-size:var(--text-subheading);color:var(--color-smoke);max-width:600px;margin-bottom:var(--spacing-40);line-height:1.5}.hero-actions{gap:var(--spacing-12);display:flex}.btn-primary{align-items:center;gap:var(--spacing-8);background:var(--color-pure-white);color:var(--color-obsidian-canvas);font-family:var(--font-sans);font-size:var(--text-caption);text-transform:uppercase;letter-spacing:-.011em;border-radius:var(--radius-lg);cursor:pointer;border:none;padding:10px 20px;font-weight:700;text-decoration:none;transition:opacity .15s;display:inline-flex}.btn-primary:hover{opacity:.9;color:var(--color-obsidian-canvas)}.btn-outline{align-items:center;gap:var(--spacing-8);color:var(--color-frost-text);font-family:var(--font-sans);font-size:var(--text-caption);text-transform:uppercase;letter-spacing:-.011em;border-radius:var(--radius-lg);border:1px solid var(--color-silver);cursor:pointer;background:0 0;padding:10px 20px;font-weight:700;text-decoration:none;transition:border-color .15s;display:inline-flex}.btn-outline:hover{border-color:var(--color-amber-whisper);color:var(--color-amber-whisper)}.code-showcase{max-width:800px;padding:0 var(--spacing-40) var(--spacing-80);margin:0 auto}.code-showcase pre{font-size:13px}.code-showcase-label{font-family:var(--font-mono);font-size:var(--text-caption);text-transform:uppercase;letter-spacing:-.037em;color:var(--color-graphite);margin-bottom:var(--spacing-12)}.features-section{padding:var(--spacing-80) var(--spacing-40);border-top:1px solid var(--color-onyx-edge)}.features-section-title{font-size:var(--text-heading);text-align:center;margin-bottom:var(--spacing-48)}.features-grid{max-width:var(--page-max-width);grid-template-columns:repeat(2,1fr);gap:0;margin:0 auto;display:grid}.feature-card{padding:var(--spacing-40);border:1px solid var(--color-onyx-edge);margin:-.5px}.feature-icon{color:var(--color-amber-whisper);margin-bottom:var(--spacing-16);align-items:center;gap:var(--spacing-8);font-size:20px;display:flex}.feature-icon svg{flex-shrink:0}.feature-title{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:-.011em;color:var(--color-frost-text);margin-bottom:var(--spacing-8);font-weight:700}.feature-desc{font-size:var(--text-sm);color:var(--color-smoke);margin:0;line-height:1.43}.why-section{padding:var(--spacing-120) var(--spacing-40);border-top:1px solid var(--color-onyx-edge);text-align:center}.why-section h2{font-size:var(--text-heading);margin-top:0;margin-bottom:var(--spacing-32)}.why-section p{max-width:680px;margin:0 auto var(--spacing-20);font-size:var(--text-body);line-height:1.6}.why-section .btn-outline{margin-top:var(--spacing-24)}.footer{border-top:1px solid var(--color-onyx-edge);padding:var(--spacing-40);text-align:center}.footer p{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-graphite);letter-spacing:-.037em}.docs-wrapper{max-width:var(--page-max-width);min-height:calc(100vh - 80px);margin:0 auto;display:flex}.sidebar{width:var(--sidebar-width);padding:var(--spacing-32) var(--spacing-24);border-right:1px solid var(--color-onyx-edge);flex-shrink:0;height:calc(100vh - 80px);position:sticky;top:0;overflow-y:auto}.sidebar-section{margin-bottom:var(--spacing-24)}.sidebar-section-title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:-.037em;color:var(--color-graphite);margin-bottom:var(--spacing-12);padding-left:var(--spacing-12);font-size:11px;font-weight:400}.sidebar-link{font-size:var(--text-sm);color:var(--color-smoke);padding:6px var(--spacing-12);border-radius:var(--radius-md);transition:all .15s;display:block}.sidebar-link:hover{color:var(--color-frost-text);background:var(--surface-surface)}.sidebar-link.active{color:var(--color-amber-whisper);background:#e7c59a0f}.docs-content{min-width:0;padding:var(--spacing-40) var(--spacing-48);flex:1;max-width:820px}.docs-content h1{margin-bottom:var(--spacing-8)}.docs-content .docs-lead{font-size:var(--text-subheading);color:var(--color-fog);margin-bottom:var(--spacing-40);padding-bottom:var(--spacing-32);border-bottom:1px solid var(--color-onyx-edge)}.docs-nav-footer{margin-top:var(--spacing-64);padding-top:var(--spacing-32);border-top:1px solid var(--color-onyx-edge);justify-content:space-between;display:flex}.docs-nav-footer a{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:-.011em;font-weight:700}.docs-nav-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:-.037em;color:var(--color-graphite);margin-bottom:var(--spacing-4);font-size:11px;display:block}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}@keyframes float{0%,to{opacity:.3;transform:translate(0)}25%{opacity:.6;transform:translate(8px,-12px)}50%{opacity:.4;transform:translate(-4px,-20px)}75%{opacity:.7;transform:translate(12px,-8px)}}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes glow-pulse{0%,to{opacity:.08;transform:scale(1)}50%{opacity:.15;transform:scale(1.05)}}@keyframes data-flow{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes line-trace{0%{opacity:0;width:0}10%{opacity:1}90%{opacity:1}to{opacity:0;width:100%}}@keyframes node-glow{0%,to{opacity:.4}50%{opacity:.9}}.animate-pulse-dot{animation:2s ease-in-out infinite pulse-dot}.animate-cursor{animation:1s step-end infinite cursor-blink}.animate-glow{animation:4s ease-in-out infinite glow-pulse}.hero-particles{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000 0%,#0000 100%);mask-image:radial-gradient(70% 60% at 50% 40%,#000 0%,#0000 100%)}.hero-section,.hero-section>*{z-index:1;position:relative}.particle{background:var(--color-frost-text);opacity:.3;filter:blur(.5px);border-radius:50%;width:2px;height:2px;animation:ease-in-out infinite float;position:absolute}.particle.amber{background:var(--color-amber-whisper);opacity:.5}.glow-orb{filter:blur(120px);pointer-events:none;border-radius:50%;animation:8s ease-in-out infinite glow-pulse;position:absolute}.glow-orb.primary{background:#e7c59a0d;width:600px;height:600px;top:-200px;left:50%;transform:translate(-50%)}.glow-orb.secondary{background:#f3f3f305;width:400px;height:400px;animation-delay:3s;bottom:-100px;right:5%}.glow-orb.tertiary{background:#e7c59a08;width:350px;height:350px;animation-delay:5s;bottom:0;left:10%}.hero-grid-svg{pointer-events:none;opacity:.4;width:100%;height:100%;position:absolute;inset:0}.hero-grid-svg line{stroke:var(--color-onyx-edge);stroke-width:.3px}.hero-grid-svg circle.grid-node{fill:var(--color-ash);opacity:.5}.hero-grid-svg circle.glow-node{fill:var(--color-amber-whisper);animation:4s ease-in-out infinite node-glow}.eco-connections{pointer-events:none;z-index:0;position:absolute;inset:0}.eco-section-inner{position:relative}.data-line{background:linear-gradient(90deg, transparent, var(--color-onyx-edge), transparent);height:1px;animation:3s linear infinite line-trace;position:absolute}.kw{color:#c792ea}.fn{color:#82aaff}.st{color:#c3e88d}.cm{color:var(--color-ash);font-style:italic}.nr{color:#f78c6c}.op{color:var(--color-smoke)}.ty{color:#ffcb6b}.stats-section{padding:var(--spacing-48) var(--spacing-40);border-top:1px solid var(--color-onyx-edge);border-bottom:1px solid var(--color-onyx-edge)}.stats-grid{max-width:var(--page-max-width);text-align:center;grid-template-columns:repeat(4,1fr);margin:0 auto;display:grid}.stat-item{padding:var(--spacing-20)}.stat-item+.stat-item{border-left:1px solid var(--color-onyx-edge)}.stat-number{font-size:var(--text-heading);color:var(--color-frost-text);letter-spacing:-.37px;margin-bottom:var(--spacing-8);font-weight:400;line-height:1}.stat-number span{color:var(--color-amber-whisper)}.stat-label{font-family:var(--font-mono);font-size:var(--text-caption);text-transform:uppercase;letter-spacing:-.037em;color:var(--color-graphite)}.terminal-section{padding:var(--spacing-80) var(--spacing-40);border-top:1px solid var(--color-onyx-edge)}.terminal-section-title{font-size:var(--text-heading);text-align:center;margin-bottom:var(--spacing-16)}.terminal-section-sub{text-align:center;color:var(--color-smoke);font-size:var(--text-subheading);margin-bottom:var(--spacing-40);max-width:600px;margin-left:auto;margin-right:auto}.terminal{background:var(--surface-void);border:1px solid var(--color-onyx-edge);border-radius:var(--radius-lg);max-width:700px;margin:0 auto;overflow:hidden}.terminal-header{align-items:center;gap:var(--spacing-8);padding:var(--spacing-12) var(--spacing-16);border-bottom:1px solid var(--color-onyx-edge);display:flex}.terminal-dot{background:var(--surface-elevated);border-radius:50%;width:12px;height:12px}.terminal-dot.red{background:#ff5f57}.terminal-dot.yellow{background:#febc28}.terminal-dot.green{background:#28c840}.terminal-body{padding:var(--spacing-20);font-family:var(--font-mono);color:var(--color-smoke);font-size:13px;line-height:1.8}.terminal-prompt{color:var(--color-amber-whisper)}.terminal-cmd{color:var(--color-frost-text)}.terminal-out{color:var(--color-graphite)}.terminal-success{color:#4ade80}.comparison-section{padding:var(--spacing-80) var(--spacing-40);border-top:1px solid var(--color-onyx-edge)}.comparison-title{font-size:var(--text-heading);text-align:center;margin-bottom:var(--spacing-16)}.comparison-sub{text-align:center;color:var(--color-smoke);font-size:var(--text-subheading);margin-bottom:var(--spacing-40);max-width:600px;margin-left:auto;margin-right:auto}.comparison-tabs{justify-content:center;gap:var(--spacing-4);margin-bottom:var(--spacing-24);display:flex}.comparison-tab{font-family:var(--font-mono);font-size:var(--text-caption);text-transform:uppercase;letter-spacing:-.037em;padding:var(--spacing-8) var(--spacing-16);border-radius:var(--radius-lg);color:var(--color-smoke);cursor:pointer;background:0 0;border:1px solid #0000;transition:all .15s}.comparison-tab:hover{color:var(--color-frost-text)}.comparison-tab.active{background:var(--surface-surface);color:var(--color-amber-whisper);border-color:var(--color-onyx-edge)}.comparison-code{max-width:800px;margin:0 auto}.comparison-code pre{min-height:320px}.ecosystem-section{padding:var(--spacing-80) var(--spacing-40);border-top:1px solid var(--color-onyx-edge)}.ecosystem-title{font-size:var(--text-heading);text-align:center;margin-bottom:var(--spacing-16)}.ecosystem-sub{text-align:center;color:var(--color-smoke);font-size:var(--text-subheading);margin-bottom:var(--spacing-48);max-width:600px;margin-left:auto;margin-right:auto}.ecosystem-grid{gap:var(--spacing-12);grid-template-columns:repeat(4,1fr);max-width:900px;margin:0 auto;display:grid}.eco-pkg{background:var(--surface-surface);border:1px solid var(--color-onyx-edge);border-radius:var(--radius-lg);padding:var(--spacing-16) var(--spacing-12);text-align:center;transition:border-color .15s}.eco-pkg:hover{border-color:var(--color-amber-whisper)}.eco-pkg-name{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:-.037em;color:var(--color-frost-text);margin-bottom:var(--spacing-4);font-size:11px}.eco-pkg-desc{color:var(--color-graphite);margin:0;font-size:11px;line-height:1.3}.eco-pkg.core{background:#e7c59a0f;border-color:#e7c59a26}.philosophy-section{padding:var(--spacing-80) var(--spacing-40);border-top:1px solid var(--color-onyx-edge)}.philosophy-title{font-size:var(--text-heading);text-align:center;margin-bottom:var(--spacing-48)}.philosophy-grid{gap:var(--spacing-24);max-width:var(--page-max-width);grid-template-columns:repeat(3,1fr);margin:0 auto;display:grid}.philosophy-card{padding:var(--spacing-32);border:1px solid var(--color-onyx-edge);border-radius:var(--radius-2xl)}.philosophy-card-num{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-amber-whisper);margin-bottom:var(--spacing-16)}.philosophy-card-title{font-size:var(--text-subheading);color:var(--color-frost-text);margin-bottom:var(--spacing-12)}.philosophy-card-desc{font-size:var(--text-sm);color:var(--color-smoke);margin:0;line-height:1.5}.cta-banner{padding:var(--spacing-80) var(--spacing-40);border-top:1px solid var(--color-onyx-edge);text-align:center}.cta-banner-title{font-size:var(--text-heading-lg);margin-bottom:var(--spacing-16);letter-spacing:-.48px}.cta-banner-sub{font-size:var(--text-subheading);color:var(--color-smoke);margin-bottom:var(--spacing-32);max-width:500px;margin-left:auto;margin-right:auto}.cta-banner-actions{justify-content:center;gap:var(--spacing-12);display:flex}.cta-banner-code{margin-top:var(--spacing-32);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-graphite)}.cta-banner-code code{background:var(--surface-surface);padding:var(--spacing-8) var(--spacing-20);border-radius:var(--radius-lg);color:var(--color-frost-text);border:1px solid var(--color-onyx-edge)}.marquee-section{padding:var(--spacing-48) 0;border-top:1px solid var(--color-onyx-edge);border-bottom:1px solid var(--color-onyx-edge);overflow:hidden}.marquee-label{text-align:center;font-family:var(--font-mono);font-size:var(--text-caption);text-transform:uppercase;letter-spacing:-.037em;color:var(--color-graphite);margin-bottom:var(--spacing-32)}.marquee-track-wrapper{display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 10% 90%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 10% 90%,#0000 100%)}.marquee-track{gap:var(--spacing-48);padding-right:var(--spacing-48);flex-shrink:0;animation:40s linear infinite marquee-scroll;display:flex}.marquee-track-wrapper:hover .marquee-track{animation-play-state:paused}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.marquee-logo{align-items:center;gap:var(--spacing-8);color:var(--color-ash);opacity:.5;white-space:nowrap;flex-shrink:0;transition:opacity .3s,color .3s;display:flex}.marquee-logo:hover{opacity:1;color:var(--color-frost-text)}.marquee-logo span{font-family:var(--font-sans);font-size:var(--text-sm);letter-spacing:-.011em;font-weight:500}.marquee-logo svg{flex-shrink:0}@media (width<=768px){.hero-headline{font-size:36px}.features-grid{grid-template-columns:1fr}.navbar{padding:var(--spacing-16) var(--spacing-20)}.docs-wrapper{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--color-onyx-edge);width:100%;height:auto;padding:var(--spacing-16) var(--spacing-20);position:static}.docs-content{padding:var(--spacing-24) var(--spacing-20)}.hero-section,.features-section{padding:var(--spacing-40) var(--spacing-20)}.why-section{padding:var(--spacing-64) var(--spacing-20)}.code-showcase{padding:0 var(--spacing-20) var(--spacing-40)}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-item:nth-child(3),.stat-item+.stat-item{border-left:none}.stat-item:nth-child(odd)+.stat-item{border-left:1px solid var(--color-onyx-edge)}.stat-item:nth-child(3),.stat-item:nth-child(4){border-top:1px solid var(--color-onyx-edge)}.ecosystem-grid{grid-template-columns:repeat(2,1fr)}.philosophy-grid{grid-template-columns:1fr}.terminal-section,.comparison-section,.ecosystem-section,.philosophy-section,.cta-banner{padding:var(--spacing-40) var(--spacing-20)}.comparison-code pre{min-height:auto}}