*{box-sizing:border-box;margin:0;padding:0}:root{--acc:#1d9e75;--acc-l:#e1f5ee;--acc-d:#0f6e56;--acc-m:#9fe1cb;--color-background-primary:#fff;--color-background-secondary:#f5f5f7;--color-text-primary:#111827;--color-text-secondary:#6b7280;--color-border-tertiary:#e5e7eb;--border-radius-md:8px;--border-radius-lg:16px;--font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}body{font-family:var(--font-sans);background:var(--color-background-primary);color:var(--color-text-primary)}.w{max-width:1080px;margin:0 auto;padding:0 2rem}.nav{background:var(--color-background-primary);z-index:50;padding:.875rem 0;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:1rem;max-width:1080px;margin:0 auto;padding:0 2rem;display:flex}.logo{color:var(--color-text-primary);align-items:center;gap:8px;font-size:16px;font-weight:500;display:flex}.logo-icon{background:var(--acc);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.nav-links{align-items:center;gap:1.5rem;list-style:none;display:flex}.nav-links .link-btn{color:var(--color-text-primary);cursor:pointer;font-size:13px;font-family:var(--font-sans);background:0 0;border:none;padding:0;text-decoration:none}.nav-links .link-btn:hover{color:var(--acc-d)}.btn-p{background:var(--acc);color:#fff;border-radius:var(--border-radius-md);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-sans);border:none;justify-content:center;align-items:center;padding:8px 18px;text-decoration:none;transition:background .15s;display:inline-flex}.btn-p:hover{background:var(--acc-d)}.btn-o{color:var(--acc);border:1px solid var(--acc);border-radius:var(--border-radius-md);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-sans);background:0 0;justify-content:center;align-items:center;padding:8px 18px;text-decoration:none;display:inline-flex}.btn-o:hover{background:var(--acc-l)}.btn-dark{background:var(--color-text-primary);color:var(--color-background-primary);border-radius:var(--border-radius-md);cursor:pointer;font-size:14px;font-weight:500;font-family:var(--font-sans);border:none;justify-content:center;align-items:center;padding:11px 26px;text-decoration:none;display:inline-flex}.btn-dark:hover{opacity:.85}.tag,.tag-dev,.tag-purple{letter-spacing:.3px;border-radius:100px;align-items:center;gap:6px;padding:4px 13px;font-size:11px;font-weight:500;display:inline-flex}.tag,.tag-dev{background:var(--acc-l);color:var(--acc-d)}.tag-purple{color:#3c3489;background:#eeedfe}.sec{padding:4.5rem 0}.sec-alt,.sec-dev,.sec-agents{background:var(--color-background-primary);padding:4.5rem 0}.sec-hd{text-align:center;margin-bottom:3rem}.h1{color:var(--color-text-primary);letter-spacing:-.5px;margin-bottom:1.1rem;font-size:48px;font-weight:500;line-height:1.15}.h1 span{color:var(--acc)}.h2{color:var(--color-text-primary);letter-spacing:-.3px;margin-bottom:.875rem;font-size:32px;font-weight:500;line-height:1.2}.h2-light{color:#f0f0f0;letter-spacing:-.3px;margin-bottom:.875rem;font-size:32px;font-weight:500;line-height:1.2}.lead{color:var(--color-text-secondary);max-width:600px;margin:0 auto 2.25rem;font-size:17px;line-height:1.7}.sub{color:var(--color-text-secondary);max-width:560px;margin:0 auto;font-size:15px;line-height:1.7}.sub-light{color:#9ca89e;max-width:520px;margin:0 auto;font-size:15px;line-height:1.7}.hero-btns{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.hero-btns .btn-p,.hero-btns .btn-o{padding:11px 26px;font-size:14px}.stat-row{flex-wrap:wrap;justify-content:center;gap:3rem;margin-top:3.5rem;padding-top:3rem;display:flex}.stat-num{color:var(--color-text-primary);text-align:center;font-size:30px;font-weight:500}.stat-lbl{color:var(--color-text-secondary);text-align:center;margin-top:3px;font-size:12px}.g3{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}.g2{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.g4{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.card{background:var(--color-background-primary);border:.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);padding:1.625rem}.card-highlight{border-color:var(--acc-m)}.card-dark{border-radius:var(--border-radius-lg);background:#161e18;border:.5px solid #2a3d2e;padding:1.625rem}.card-icon{border-radius:var(--border-radius-md);background:var(--acc-l);justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:.875rem;display:flex}.card-icon-dark{border-radius:var(--border-radius-md);background:#1d9e7522;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:.875rem;display:flex}.ct{color:var(--color-text-primary);margin-bottom:.375rem;font-size:15px;font-weight:500}.ct-light{color:#e8f0ea;margin-bottom:.375rem;font-size:15px;font-weight:500}.cb{color:var(--color-text-secondary);font-size:13px;line-height:1.7}.cb-light{color:#7a9b80;font-size:13px;line-height:1.7}.steps{max-width:700px;margin:0 auto}.step{border-bottom:.5px solid var(--color-border-tertiary);grid-template-columns:44px 1fr;align-items:start;gap:1.25rem;padding:1.75rem 0;display:grid}.step:last-child{border-bottom:none}.step-n{border:1px solid var(--acc);width:36px;height:36px;color:var(--acc);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:500;display:flex}.st{color:var(--color-text-primary);margin-bottom:.375rem;font-size:16px;font-weight:500}.sb{color:var(--color-text-secondary);font-size:13px;line-height:1.7}.use-card{background:var(--color-background-primary);border:.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);flex-direction:column;gap:.625rem;padding:1.625rem;display:flex}.ind{background:var(--acc-l);color:var(--acc-d);text-transform:uppercase;letter-spacing:.5px;border-radius:100px;padding:3px 10px;font-size:10px;font-weight:500;display:inline-block}.trow{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}.qt{color:var(--color-text-secondary);margin-bottom:.875rem;font-size:13px;font-style:italic;line-height:1.7}.qa{color:var(--color-text-primary);font-size:13px;font-weight:500}.qr{color:var(--color-text-secondary);font-size:12px}.pgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}.pc{background:var(--color-background-primary);border:.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);padding:1.75rem}.pc.featured{border:2px solid var(--acc)}.price{color:var(--color-text-primary);font-size:34px;font-weight:500}.pfeats{flex-direction:column;gap:7px;margin-top:1.25rem;padding-left:0;list-style:none;display:flex}.pfeats li{color:var(--color-text-secondary);align-items:center;gap:7px;font-size:13px;display:flex}.chk{color:var(--acc);font-size:13px}.field{flex-direction:column;gap:5px;margin-bottom:.75rem;display:flex}.field label{color:var(--color-text-primary);font-size:12px;font-weight:500}.field input,.field select,.field textarea{border:.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-md);font-family:var(--font-sans);background:var(--color-background-primary);color:var(--color-text-primary);width:100%;padding:9px 12px;font-size:13px}.field textarea{resize:vertical;min-height:72px}.fgrid{grid-template-columns:1fr 1fr;gap:.875rem;display:grid}.back-btn{font-family:var(--font-sans);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;font-size:13px;text-decoration:none;display:flex}.back-btn:hover{color:var(--color-text-primary)}.check-circle{background:var(--acc-l);border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 1.25rem;display:flex}footer{background:var(--color-background-primary);padding:1.75rem 0}#demo-page{overflow-x:hidden}#demo-page .demo-cols{grid-template-columns:1fr 1fr;align-items:start;gap:4rem;max-width:880px;margin:0 auto;display:grid}#demo-page .demo-cols>*{min-width:0}.code-block{border:.5px solid var(--acc-m);border-radius:var(--border-radius-md);font-family:var(--font-mono);color:var(--color-text-primary);background:#f4faf7;padding:1.125rem 1.25rem;font-size:12px;line-height:1.8;overflow:hidden}.code-key,.code-str,.code-comment{color:var(--color-text-primary)}.dev-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-top:2rem;display:grid}.api-key-preview{background:var(--acc-l);border:.5px solid var(--acc-m);border-radius:var(--border-radius-md);font-family:var(--font-mono);color:var(--acc-d);justify-content:space-between;align-items:center;margin-top:.875rem;padding:.75rem 1rem;font-size:12px;display:flex}.copy-btn{font-family:var(--font-sans);color:var(--acc-d);background:var(--acc-l);border:.5px solid var(--acc-m);cursor:pointer;border-radius:4px;padding:3px 8px;font-size:11px}.copy-btn:hover{background:var(--acc-m);color:#fff}.platform-logos{flex-wrap:wrap;gap:.625rem;margin-top:.875rem;display:flex}.plat{background:var(--acc-l);border:.5px solid var(--acc-m);color:var(--acc-d);border-radius:6px;padding:5px 12px;font-size:11px;font-weight:500}.connector-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:2rem;display:grid}.connector-card{background:var(--color-background-primary);border:.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);text-align:center;cursor:pointer;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem;transition:border-color .15s;display:flex}.connector-card:hover{border-color:var(--acc)}.connector-card.active{border:1.5px solid var(--acc);background:var(--acc-l)}.conn-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.conn-name{color:var(--color-text-primary);font-size:13px;font-weight:500}.conn-sub{color:var(--color-text-secondary);font-size:11px}.conn-badge{background:var(--acc-l);color:var(--acc-d);border-radius:100px;padding:2px 8px;font-size:10px;font-weight:500}.deploy-flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin:2rem 0;display:flex}.flow-box{background:var(--color-background-primary);border:.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-md);color:var(--color-text-primary);white-space:nowrap;padding:.625rem 1rem;font-size:13px;font-weight:500}.flow-arrow{color:var(--acc);font-size:16px;font-weight:500}.agent-tabs{justify-content:center;gap:.5rem;margin-bottom:2rem;display:flex}.agent-tab{cursor:pointer;border:.5px solid var(--color-border-tertiary);background:var(--color-background-primary);color:var(--color-text-secondary);border-radius:100px;padding:8px 22px;font-size:13px;font-weight:500}.agent-tab.active{background:var(--acc);color:#fff;border-color:var(--acc)}.agent-card{background:var(--color-background-primary);border:.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);flex-direction:column;gap:.625rem;padding:1.5rem;transition:border-color .15s;display:flex}.agent-card:hover{border-color:var(--acc)}.agent-card.featured-agent{border:1.5px solid var(--acc)}.agent-avatar{border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:.25rem;font-size:18px;display:flex}.agent-name{color:var(--color-text-primary);font-size:14px;font-weight:500}.agent-desc{color:var(--color-text-secondary);font-size:12px;line-height:1.6}.agent-tags{flex-wrap:wrap;gap:4px;margin-top:.25rem;display:flex}.agent-tag{color:var(--acc-d);background:var(--acc-l);border-radius:100px;padding:2px 8px;font-size:10px;font-weight:500}.scale-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-top:2rem;display:grid}.scale-card{background:var(--color-background-secondary);border-radius:var(--border-radius-lg);text-align:center;padding:1.375rem}.scale-num{color:var(--acc);margin-bottom:.25rem;font-size:28px;font-weight:500}.scale-lbl{color:var(--color-text-secondary);font-size:12px}@media (width<=1024px){.w{padding:0 1.25rem}.sec,.sec-alt,.sec-dev,.sec-agents{padding:3.5rem 0}}@media (width<=720px){.g3,.g2,.trow,.pgrid,.dev-steps,.connector-grid,.g4,.scale-row{grid-template-columns:1fr 1fr}.h1{font-size:28px}.h2,.h2-light{font-size:22px}.fgrid{grid-template-columns:1fr}.nav-links{display:none}.stat-row{gap:1.5rem}.deploy-flow{gap:.5rem}#demo-page .sec{padding:2.5rem 0}#demo-page .demo-cols{grid-template-columns:1fr;gap:2rem}#demo-page .demo-cols>:first-child{order:2}#demo-page .demo-cols>:last-child{order:1}#demo-page .h2{font-size:22px}}@media (width<=600px){#demo-page .sec{padding:1.75rem 0}#demo-page .demo-cols{gap:1.5rem}#demo-page .card{padding:1.25rem!important}}@media (width<=480px){#demo-page .sec{padding:1.25rem 0}#demo-page .w{padding-left:1rem;padding-right:1rem}#demo-page .demo-cols{gap:1.25rem}#demo-page .nav-inner{flex-wrap:wrap;padding:0 1rem}#demo-page .logo{font-size:14px}#demo-page .back-btn{font-size:12px}}@media (width<=600px){.g3,.g2,.trow,.pgrid,.dev-steps,.connector-grid,.g4,.scale-row{grid-template-columns:1fr}.stat-row{flex-direction:column;align-items:center}}@media (width<=480px){.connector-grid,.g4{grid-template-columns:1fr 1fr}}
