*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0f;--bg-card:#12121a;--bg-code:#1a1a2e;--bg-hover:#1e1e30;--border:#2a2a3e;--text:#e4e4ef;--text-muted:#8888a0;--brand:gold;--brand-dim:#ffaf00;--brand-glow:#ffd70026;--accent:#7c5cfc;--accent-dim:#6444dd;--red:#ff6b6b;--yellow:#ffd93d;--green:#4ade80;--radius:12px;--radius-sm:8px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", "Fira Code", monospace;--max-w:1200px;--navbar-bg:#0a0a0fd9;--terminal-bar:#1c1c2a;--heading-gradient-start:#fff;--code-header-bg:#ffffff08;--shadow-color:#00000080;--step-shadow:#0000004d}[data-theme=light]{--bg:#f8f9fb;--bg-card:#fff;--bg-code:#f0f1f5;--bg-hover:#e8e9ee;--border:#d4d5dc;--text:#1a1b2e;--text-muted:#5c5d70;--brand:#c89600;--brand-dim:#a67c00;--brand-glow:#c896001f;--accent:#6444dd;--accent-dim:#5030c0;--red:#e04040;--yellow:#c8a020;--green:#2d9050;--navbar-bg:#f8f9fbe0;--terminal-bar:#e2e3ea;--heading-gradient-start:#1a1b2e;--code-header-bg:#00000008;--shadow-color:#00000014;--step-shadow:#0000000f}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.6}a{color:var(--brand);text-decoration:none;transition:color .2s}a:hover{color:var(--brand-dim)}code{font-family:var(--font-mono);background:var(--bg-code);color:var(--brand);border-radius:4px;padding:2px 6px;font-size:.875em}h1,h2,h3{font-weight:700;line-height:1.2}ul,ol{padding-left:1.5em}.layout{flex-direction:column;min-height:100vh;display:flex}main{flex:1}.navbar{z-index:100;background:var(--navbar-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);position:sticky;top:0}.nav-inner{max-width:var(--max-w);justify-content:space-between;align-items:center;height:64px;margin:0 auto;padding:0 2rem;display:flex}.nav-logo{font-family:var(--font-mono);font-size:1.25rem;font-weight:700;text-decoration:none}.logo-cmd{color:var(--text)}.logo-claw{color:var(--brand)}.nav-links{align-items:center;gap:.25rem;display:flex}.nav-link{border-radius:var(--radius-sm);color:var(--text-muted);padding:.5rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s}.nav-link:hover{color:var(--text);background:var(--bg-hover)}.nav-link.active{color:var(--brand);background:var(--brand-glow)}.nav-link.github{color:var(--text-muted);border:1px solid var(--border);margin-left:.5rem}.nav-link.github:hover{border-color:var(--text-muted);color:var(--text)}.hero{text-align:center;max-width:var(--max-w);margin:0 auto;padding:6rem 2rem 4rem}.hero>:not(.hero-canvas):not(.hero-grid-bg):not(.parallax-bg){z-index:1;position:relative}.hero-ascii{font-family:var(--font-mono);color:var(--brand);white-space:pre;text-shadow:0 0 40px var(--brand-glow);max-width:100%;margin-bottom:2rem;font-size:clamp(.28rem,.88vw,.62rem);line-height:1.3;display:inline-block;overflow:hidden}.hero h1{background:linear-gradient(135deg, var(--heading-gradient-start) 0%, var(--brand) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:clamp(2rem,5vw,3.5rem)}.hero-sub{color:var(--text-muted);max-width:640px;margin:0 auto 2.5rem;font-size:1.2rem}.hero-actions{justify-content:center;gap:1rem;margin-bottom:3rem;display:flex}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;padding:.75rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s}.btn-primary{background:var(--brand);color:#0a0a0f}.btn-primary:hover{background:var(--brand-dim);color:#0a0a0f;box-shadow:0 4px 20px var(--brand-glow);transform:translateY(-1px)}.btn-secondary{color:var(--text);border:1px solid var(--border);background:0 0}.btn-secondary:hover{border-color:var(--text-muted);background:var(--bg-hover);color:var(--text)}.hero-install{max-width:400px;margin:0 auto}.platform-badges{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.25rem;display:flex}.platform-badge{color:var(--text-muted);border:1px solid var(--border);letter-spacing:.02em;background:#ffffff08;border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .75rem;font-size:.8rem;font-weight:500;display:inline-flex}.platform-badge svg{opacity:.7}.section{max-width:var(--max-w);margin:0 auto;padding:5rem 2rem}.section h2{text-align:center;margin-bottom:.75rem;font-size:2rem}.section-sub{text-align:center;color:var(--text-muted);margin-bottom:3rem;font-size:1.1rem}.demo-section{padding-bottom:3rem}.demo-terminal{border-radius:var(--radius);border:1px solid var(--border);max-width:720px;box-shadow:0 8px 40px var(--shadow-color);margin:0 auto;overflow:hidden}.terminal-bar{background:var(--terminal-bar);align-items:center;gap:8px;padding:12px 16px;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot.red{background:var(--red)}.dot.yellow{background:var(--yellow)}.dot.green{background:var(--green)}.terminal-title{font-family:var(--font-mono);color:var(--text-muted);margin-left:auto;font-size:.8rem}.terminal-body{background:var(--bg-code);font-family:var(--font-mono);padding:1.5rem;font-size:.85rem;line-height:1.8}.terminal-body .prompt{color:var(--text-muted);font-weight:600}.terminal-body .agent{color:var(--brand);font-weight:700}.terminal-body .indent{padding-left:1.5rem}.terminal-body .dim{color:var(--text-muted)}.features-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem;transition:all .2s}.feature-card:hover{border-color:var(--brand);box-shadow:0 0 20px var(--brand-glow);transform:translateY(-2px)}.feature-icon{color:var(--brand);margin-bottom:.75rem;font-size:2rem}.feature-icon svg{stroke-width:1.5px;width:28px;height:28px}.feature-card h3{margin-bottom:.5rem;font-size:1.15rem}.feature-card p{color:var(--text-muted);margin-bottom:1rem;font-size:.9rem}.feature-tools{flex-wrap:wrap;gap:.4rem;display:flex}.tool-badge{font-family:var(--font-mono);background:var(--bg-code);color:var(--brand);border:1px solid var(--border);border-radius:4px;padding:3px 8px;font-size:.7rem}.steps{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:900px;margin:0 auto;display:grid}.step{text-align:center;padding:2rem}.step-num{background:var(--brand-glow);width:48px;height:48px;color:var(--brand);border:2px solid var(--brand);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1rem;font-size:1.25rem;font-weight:800;display:inline-flex}.step h3{margin-bottom:.5rem}.step p{color:var(--text-muted);font-size:.9rem}.provider-grid{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.provider-badge{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text);padding:.75rem 1.5rem;font-weight:500;transition:all .2s}.provider-badge:hover{border-color:var(--accent);box-shadow:0 0 15px #7c5cfc33}.code-block{background:var(--bg-code);border:1px solid var(--border);border-radius:var(--radius-sm);margin:1rem 0;overflow:hidden}.code-header{background:var(--code-header-bg);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex}.code-lang{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;font-size:.75rem}.code-copy{font-family:var(--font-mono);color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:4px;padding:2px 10px;font-size:.75rem;transition:all .2s}.code-copy:hover{color:var(--brand);border-color:var(--brand)}.code-block pre{font-family:var(--font-mono);color:var(--text);padding:1rem;font-size:.85rem;line-height:1.6;overflow-x:auto}.footer{border-top:1px solid var(--border);text-align:center;padding:3rem 2rem}.footer-inner p{color:var(--text-muted);font-size:1rem}.footer .heart{color:var(--red)}.footer-sub{margin-top:.5rem;font-size:.85rem!important}.footer-email{margin-top:.4rem;font-size:.85rem!important}.footer-email a{color:var(--text-muted);text-decoration:none;transition:color .2s}.footer-email a:hover{color:var(--accent)}.docs-page{max-width:var(--max-w);grid-template-columns:240px 1fr;gap:3rem;margin:0 auto;padding:3rem 2rem;display:grid}.docs-sidebar{align-self:start;max-height:calc(100vh - 100px);position:sticky;top:80px;overflow-y:auto}.docs-sidebar h3{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:1rem;font-size:.85rem}.docs-sidebar ul{padding:0;list-style:none}.docs-sidebar li{margin-bottom:.25rem}.docs-sidebar a{border-radius:var(--radius-sm);color:var(--text-muted);padding:.4rem .75rem;font-size:.9rem;transition:all .2s;display:block}.docs-sidebar a:hover{color:var(--text);background:var(--bg-hover)}.docs-content h1{background:linear-gradient(135deg, var(--heading-gradient-start), var(--brand));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-size:2.5rem}.docs-content h2{border-top:1px solid var(--border);margin-top:3rem;margin-bottom:1rem;padding-top:1.5rem;font-size:1.5rem}.docs-content h2:first-of-type{border-top:none;margin-top:0;padding-top:0}.docs-content p,.docs-content ul,.docs-content ol{color:var(--text-muted);margin-bottom:1rem}.docs-content li{margin-bottom:.5rem}.doc-table{margin:1rem 0;overflow-x:auto}.doc-table table{border-collapse:collapse;width:100%}.doc-table th,.doc-table td{text-align:left;border-bottom:1px solid var(--border);padding:.75rem 1rem}.doc-table th{color:var(--text);background:var(--bg-card);font-weight:600}.doc-table td{color:var(--text-muted)}.install-page{max-width:800px;margin:0 auto;padding:3rem 2rem 5rem}.install-page h1{background:linear-gradient(135deg, var(--heading-gradient-start), var(--brand));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-size:2.5rem}.install-page h2{margin-top:2.5rem;margin-bottom:1rem;font-size:1.4rem}.install-page p,.install-page ul,.install-page ol{color:var(--text-muted);margin-bottom:1rem}.install-page li{margin-bottom:.5rem}.tools-page{max-width:900px;margin:0 auto;padding:3rem 2rem 5rem}.tools-page h1{background:linear-gradient(135deg, var(--heading-gradient-start), var(--brand));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.5rem}.tools-page>.section-sub,.tool-category{margin-bottom:3rem}.tool-category h2{border-bottom:1px solid var(--border);margin-bottom:1.25rem;padding-bottom:.5rem;font-size:1.4rem}.tool-list{flex-direction:column;gap:1rem;display:flex}.tool-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1.25rem;transition:border-color .2s}.tool-item:hover{border-color:var(--brand)}.tool-header{margin-bottom:.5rem}.tool-name{background:var(--brand-glow);border-radius:4px;padding:4px 10px;font-size:1rem;font-weight:600}.tool-desc{color:var(--text-muted);margin-bottom:.75rem;font-size:.9rem}.tool-meta{color:var(--text-muted);flex-direction:column;gap:.35rem;font-size:.82rem;display:flex}.tool-meta strong{color:var(--text)}.tool-example{font-family:var(--font-mono);color:var(--accent)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes glowPulse{0%,to{text-shadow:0 0 40px var(--brand-glow)}50%{text-shadow:0 0 80px var(--brand-glow), 0 0 120px #ffd70014}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translate(-30px)}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transform:scale(.92)}.reveal-scale.visible{opacity:1;transform:scale(1)}.stagger-1{transition-delay:50ms}.stagger-2{transition-delay:.1s}.stagger-3{transition-delay:.15s}.stagger-4{transition-delay:.2s}.stagger-5{transition-delay:.25s}.stagger-6{transition-delay:.3s}.stagger-7{transition-delay:.35s}.stagger-8{transition-delay:.4s}.stagger-9{transition-delay:.45s}.stagger-10{transition-delay:.5s}.stagger-11{transition-delay:.55s}.stagger-12{transition-delay:.6s}.hero-ascii{animation:4s ease-in-out infinite glowPulse}.hero-enter{animation:.8s ease-out both fadeInUp}.hero-enter-delay-1{animation:.8s ease-out .15s both fadeInUp}.hero-enter-delay-2{animation:.8s ease-out .3s both fadeInUp}.hero-enter-delay-3{animation:.8s ease-out .45s both fadeInUp}.hero-enter-delay-4{animation:.8s ease-out .6s both fadeInUp}.parallax-wrapper{position:relative;overflow:hidden}.parallax-bg{z-index:-1;will-change:transform;position:absolute;inset:-50% -10%}.parallax-orb{filter:blur(80px);pointer-events:none;border-radius:50%;position:absolute}.parallax-orb-1{background:radial-gradient(circle,#ffd7001f 0%,#0000 70%);width:400px;height:400px;animation:8s ease-in-out infinite float;top:10%;right:15%}.parallax-orb-2{background:radial-gradient(circle,#7c5cfc1a 0%,#0000 70%);width:300px;height:300px;animation:10s ease-in-out 2s infinite float;bottom:20%;left:10%}.parallax-orb-3{background:radial-gradient(circle,#ffaf0014 0%,#0000 70%);width:250px;height:250px;animation:7s ease-in-out 1s infinite float;top:50%;left:50%}.hero-canvas{z-index:0;pointer-events:auto;opacity:0;animation:1.5s ease-out .2s forwards fadeIn;position:absolute;inset:0}.hero-grid-bg{z-index:-1;background-image:linear-gradient(#ffd70008 1px,#0000 1px),linear-gradient(90deg,#ffd70008 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 50%,#000 30%,#0000 100%);mask-image:radial-gradient(70% 50%,#000 30%,#0000 100%)}.provider-badge{transition:all .3s cubic-bezier(.16,1,.3,1)}.provider-badge:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 8px 25px #7c5cfc33}.step{border-radius:var(--radius);transition:transform .3s,box-shadow .3s}.step:hover{box-shadow:0 8px 30px var(--step-shadow);transform:translateY(-4px)}.feature-card{transition:all .35s cubic-bezier(.16,1,.3,1)}.terminal-cursor{background:var(--brand);vertical-align:text-bottom;width:8px;height:1.1em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}.theme-toggle{border:1px solid var(--border);width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;margin-left:.5rem;transition:all .2s;display:inline-flex}.theme-toggle:hover{color:var(--brand);border-color:var(--brand);background:var(--brand-glow)}[data-theme=light] .hero-grid-bg{background-image:linear-gradient(#c896000f 1px,#0000 1px),linear-gradient(90deg,#c896000f 1px,#0000 1px)}[data-theme=light] .parallax-orb-1{background:radial-gradient(circle,#c8960014 0%,#0000 70%)}[data-theme=light] .parallax-orb-2{background:radial-gradient(circle,#6444dd0f 0%,#0000 70%)}[data-theme=light] .parallax-orb-3{background:radial-gradient(circle,#c896000d 0%,#0000 70%)}[data-theme=light] .feature-card{box-shadow:0 1px 3px #0000000a}[data-theme=light] .provider-badge:hover{box-shadow:0 0 15px #6444dd1a}@media (width<=768px){.docs-page{grid-template-columns:1fr}.docs-sidebar{border-bottom:1px solid var(--border);max-height:none;margin-bottom:1rem;padding-bottom:1.5rem;position:static}.nav-links{gap:0}.nav-link{padding:.4rem .6rem;font-size:.8rem}.hero{padding:3rem 1rem 2rem}.features-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column;align-items:center}.steps{grid-template-columns:1fr}}