@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";
:root{--text:#111827;--muted:#6b7280;--border:#e5e7eb;--bg:#f9fafb;--font:"Plus Jakarta Sans",sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#111827;background:#fff;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;line-height:1.6}.breadcrumb{color:#9ca3af;border-bottom:1px solid #e5e7eb;align-items:center;gap:8px;padding:16px 48px;font-size:13px;display:flex}.breadcrumb a{color:#9ca3af;text-decoration:none}.breadcrumb a:hover,.breadcrumb span{color:#6b7280}.btn-primary{color:#fff;background:#0a0a0a;border-radius:7px;padding:12px 24px;font-size:15px;font-weight:500;text-decoration:none;transition:opacity .15s;display:inline-block}.btn-primary:hover{opacity:.8}.btn-secondary{color:#111827;background:0 0;border:1px solid #d1d5db;border-radius:7px;padding:12px 24px;font-size:15px;font-weight:500;text-decoration:none;transition:border-color .15s;display:inline-block}.btn-secondary:hover{border-color:#aaa}.hero-wrapper{max-width:1100px;margin:0 auto}.hero{grid-template-columns:1.1fr .9fr;align-items:start;gap:80px;max-width:1100px;margin:0 auto;padding:80px 48px 72px;display:grid}.hero .hero-tag{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:99px;align-items:center;gap:6px;margin-bottom:20px;padding:4px 12px;font-family:Fira Code,Courier New,monospace;font-size:12px;font-weight:500;display:inline-flex}.hero .hero-tag:before{content:"●";font-size:7px}.hero h1{letter-spacing:-.03em;color:#0a0a0a;margin-bottom:20px;font-size:48px;font-weight:600;line-height:1.1}.hero .hero-sub{color:#6b7280;max-width:480px;margin-bottom:36px;font-size:18px;line-height:1.65}.hero .hero-actions{flex-wrap:wrap;gap:12px;display:flex}.demo-box{color:#e8e8e0;background:#0a0a0a;border-radius:12px;padding:24px;font-family:Fira Code,Courier New,monospace;font-size:13px}.demo-box .demo-box-header{color:#fff6;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #ffffff14;align-items:center;gap:8px;margin-bottom:20px;padding-bottom:16px;font-size:11px;display:flex}.demo-box .demo-box-header .demo-dot{background:#4ade80;border-radius:50%;width:8px;height:8px;animation:2s infinite blink}.demo-box .demo-step{border-bottom:1px solid #ffffff0f;flex-direction:column;gap:3px;padding:10px 0;display:flex}.demo-box .demo-step:last-child{border-bottom:none;padding-bottom:0}.demo-box .demo-step .demo-step-label{color:#ffffff59;text-transform:uppercase;letter-spacing:.06em;font-size:11px}.demo-box .demo-step .demo-step-value{color:#e8e8e0;font-size:13px}.demo-box .demo-step .demo-step-value .ok{color:#4ade80}.demo-box .demo-step .demo-step-value .err{color:#f87171}.demo-box .demo-step .demo-step-value .dim{color:#fff6}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.section{max-width:1100px;margin:0 auto;padding:72px 48px}.section-divider{border:none;border-top:1px solid #e5e7eb;margin:0 48px}.section-eyebrow{color:#9ca3af;text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;font-family:Fira Code,Courier New,monospace;font-size:12px;font-weight:500}h2{letter-spacing:-.025em;color:#0a0a0a;margin-bottom:14px;font-size:36px;font-weight:600;line-height:1.15}.section-sub{color:#6b7280;max-width:520px;margin-bottom:52px;font-size:17px;line-height:1.6}.problem-grid{background:#e5e7eb;border:1px solid #e5e7eb;border-radius:10px;grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:52px;display:grid;overflow:hidden}.problem-grid .problem-item{background:#fff;padding:28px 24px}.problem-grid .problem-item .problem-number{color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-family:Fira Code,Courier New,monospace;font-size:11px}.problem-grid .problem-item .problem-title{color:#0a0a0a;margin-bottom:8px;font-size:15px;font-weight:600}.problem-grid .problem-item .problem-desc{color:#6b7280;font-size:14px;line-height:1.55}.flow-container{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:52px;padding:40px}.flow-container .flow-container-title{color:#9ca3af;text-transform:uppercase;letter-spacing:.08em;text-align:center;margin-bottom:36px;font-family:Fira Code,Courier New,monospace;font-size:11px}.flow-node-wrap{flex-direction:column;align-items:center;display:flex}.flow-node{color:#111827;text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:7px;padding:10px 20px;font-family:Fira Code,Courier New,monospace;font-size:13px;font-weight:500}.flow-node.trigger{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}.flow-node.check{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.flow-line{background:#e5e7eb;width:1px;height:28px}.flow-branches-row{grid-template-columns:repeat(3,1fr);gap:20px;width:100%;display:grid}.flow-branch{flex-direction:column;align-items:center;display:flex}.flow-branch .flow-branch-label{color:#9ca3af;text-align:center;margin-bottom:6px;font-family:Fira Code,Courier New,monospace;font-size:11px}.flow-outcome{text-align:center;border-radius:7px;width:100%;padding:10px 14px;font-family:Fira Code,Courier New,monospace;font-size:12px;line-height:1.5}.flow-outcome.reverse{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.flow-outcome.rate{color:#92400e;background:#fefce8;border:1px solid #fde68a}.flow-outcome.auto{color:#4338ca;background:#eef2ff;border:1px solid #c7d2fe}.webhook-example{background:#e5e7eb;border:1px solid #e5e7eb;border-radius:10px;grid-template-columns:1fr 1fr;gap:1px;margin-bottom:52px;display:grid;overflow:hidden}.webhook-example .webhook-panel{background:#fff}.webhook-example .webhook-panel .webhook-panel-header{color:#6b7280;border-bottom:1px solid #e5e7eb;align-items:center;gap:8px;padding:14px 20px;font-family:Fira Code,Courier New,monospace;font-size:12px;font-weight:500;display:flex}.webhook-example .webhook-panel .webhook-panel-header .dot{border-radius:50%;width:6px;height:6px}.webhook-example .webhook-panel .webhook-panel-header .dot.dot-green{background:#4ade80}.webhook-example .webhook-panel .webhook-panel-header .dot.dot-orange{background:#fb923c}.webhook-example .webhook-panel .webhook-panel-body{color:#111827;padding:20px;font-family:Fira Code,Courier New,monospace;font-size:13px;line-height:1.8}.webhook-example .webhook-panel .webhook-panel-body .code-key{color:#0369a1}.webhook-example .webhook-panel .webhook-panel-body .code-val-str,.webhook-example .webhook-panel .webhook-panel-body .code-val-bool-t{color:#16a34a}.webhook-example .webhook-panel .webhook-panel-body .code-val-bool-f{color:#dc2626}.webhook-example .webhook-panel .webhook-panel-body .code-val-num{color:#9333ea}.webhook-example .webhook-panel .webhook-panel-body .code-comment{color:#9ca3af}.features-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.features-grid .feature-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:24px;transition:border-color .15s}.features-grid .feature-card:hover{border-color:#d1d5db}.features-grid .feature-card .feature-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-family:Fira Code,Courier New,monospace;font-size:11px}.features-grid .feature-card .feature-title{color:#0a0a0a;margin-bottom:8px;font-size:15px;font-weight:600}.features-grid .feature-card .feature-desc{color:#6b7280;font-size:14px;line-height:1.6}.features-grid .feature-card .feature-desc code{background:#f4f4f4;border-radius:3px;padding:2px 5px;font-family:Fira Code,Courier New,monospace;font-size:12px}.pricing-box{border:1px solid #e5e7eb;border-radius:10px;grid-template-columns:1fr auto;align-items:center;gap:48px;padding:36px;display:grid}.pricing-box .pricing-eyebrow{color:#9ca3af;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-family:Fira Code,Courier New,monospace;font-size:11px}.pricing-box .pricing-title{letter-spacing:-.02em;margin-bottom:8px;font-size:22px;font-weight:600}.pricing-box .pricing-desc{color:#6b7280;font-size:14px;line-height:1.6}.pricing-box .pricing-amount{text-align:right}.pricing-box .pricing-amount .num{letter-spacing:-.04em;color:#0a0a0a;font-size:52px;font-weight:600;line-height:1}.pricing-box .pricing-amount .per{color:#6b7280;margin-top:4px;font-size:13px}.pricing-box .pricing-amount .incl{color:#9ca3af;margin-top:6px;font-family:Fira Code,Courier New,monospace;font-size:12px}.faq-list{border-top:1px solid #e5e7eb}.faq-list .faq-item{cursor:pointer;border-bottom:1px solid #e5e7eb;padding:20px 0}.faq-list .faq-item .faq-question{color:#0a0a0a;justify-content:space-between;align-items:center;gap:16px;font-size:15px;font-weight:500;display:flex}.faq-list .faq-item .faq-question:after{content:"+";color:#9ca3af;flex-shrink:0;font-size:20px;font-weight:300}.faq-list .faq-item .faq-answer{color:#6b7280;margin-top:12px;font-size:14px;line-height:1.65;display:none}.faq-list .faq-item.open .faq-question:after{content:"−"}.faq-list .faq-item.open .faq-answer{display:block}.cta-bar{text-align:center;background:#0a0a0a;padding:64px 48px}.cta-bar h2{color:#fff;margin-bottom:12px}.cta-bar p{color:#ffffff8c;margin-bottom:32px;font-size:17px}.cta-bar .cta-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.cta-bar .btn-primary{color:#0a0a0a;background:#fff}.cta-bar .btn-primary:hover{opacity:.9}.cta-bar .btn-secondary{color:#ffffffb3;border-color:#fff3}.cta-bar .btn-secondary:hover{color:#fff;border-color:#fff6}footer{color:#9ca3af;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:28px 48px;font-size:13px;display:flex}footer a{color:#9ca3af;text-decoration:none}footer a:hover{color:#6b7280}footer .footer-links{gap:20px;display:flex}@media (max-width:860px){nav{padding:0 24px}nav .nav-links{display:none}.breadcrumb{padding:14px 24px}.hero{grid-template-columns:1fr;gap:40px;padding:48px 24px}.hero h1{font-size:34px}.section{padding:52px 24px}.section-divider{margin:0 24px}.problem-grid,.features-grid,.webhook-example,.pricing-box{grid-template-columns:1fr}.pricing-box .pricing-amount{text-align:left}.flow-branches-row{grid-template-columns:1fr}.cta-bar{padding:48px 24px}footer{flex-direction:column;gap:12px;padding:24px}}