:root{--stripe-purple:#635bff;--stripe-purple-dark:#4a43d4;--stripe-purple-light:#a8a4ff;--stripe-gradient:linear-gradient(135deg, #635bff 0%, #00d4ff 100%);--text-primary:#1a1a2e;--text-secondary:#525f7f;--text-muted:#8898aa;--bg-primary:#f7f9fc;--bg-card:#fff;--border-color:#e3e8ee;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 25px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}main{min-height:100vh}.container{max-width:1080px;margin:0 auto;padding:0 24px}.header{background:var(--bg-card);border-bottom:1px solid var(--border-color);z-index:100;padding:12px 0;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;display:flex}.logo{color:var(--text-primary);align-items:center;gap:10px;font-size:20px;font-weight:600;text-decoration:none;display:flex}.logo-icon{background:var(--stripe-gradient);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:700;display:flex}.nav{align-items:center;gap:24px;display:flex}.nav a{color:var(--text-secondary);font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.nav a:hover{color:var(--text-primary)}.btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-lg{padding:14px 28px;font-size:16px}.btn-block{width:100%;display:block}.btn-primary{background:var(--stripe-purple);color:#fff}.btn-primary:hover{background:var(--stripe-purple-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{color:var(--text-secondary);border:1px solid var(--border-color);background:0 0}.btn-secondary:hover{color:var(--text-primary);border-color:var(--text-secondary)}.btn-outline{color:var(--stripe-purple);border:2px solid var(--stripe-purple);background:0 0}.btn-outline:hover{background:var(--stripe-purple);color:#fff}.hero{text-align:center;padding:80px 0 40px}.hero h1{background:var(--stripe-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:52px;font-weight:700;line-height:1.15}.hero p{color:var(--text-secondary);max-width:640px;margin:0 auto 28px;font-size:18px;line-height:1.7}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:32px;display:flex}.trust-bar{color:var(--text-muted);justify-content:center;align-items:center;gap:12px;font-size:13px;display:flex}.trust-bar .divider{opacity:.4}.hero-subheadline{color:var(--text-secondary);max-width:680px;margin:0 auto 28px;font-size:18px;line-height:1.7}.demo-section{padding:20px 0 60px}.demo-video{max-width:800px;box-shadow:var(--shadow-lg);border-radius:12px;margin:0 auto;overflow:hidden}.demo-placeholder{background:var(--text-primary);aspect-ratio:16/9;color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.play-icon{opacity:.8;font-size:48px}.code-section{background:var(--text-primary);color:#fff;padding:60px 0}.code-section h2{text-align:center;margin-bottom:8px;font-size:32px}.how-it-works{background:var(--bg-card);padding:60px 0}.how-it-works h2{text-align:center;margin-bottom:8px;font-size:32px}.flow-steps{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:16px;margin-bottom:40px;display:flex}.flow-step{text-align:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;flex:1;max-width:280px;padding:24px 20px}.flow-icon{margin-bottom:12px;font-size:36px}.flow-step h3{margin-bottom:8px;font-size:16px;font-weight:600}.flow-step p{color:var(--text-secondary);font-size:13px;line-height:1.6}.flow-step code{background:var(--stripe-purple);color:#fff;border-radius:4px;padding:2px 6px;font-size:12px}.flow-arrow{color:var(--stripe-purple);align-self:center;padding-top:40px;font-size:24px}.product-flow{padding:60px 0}.product-flow h2{text-align:center;margin-bottom:8px;font-size:32px}.flow-columns{grid-template-columns:repeat(2,1fr);gap:40px;margin-bottom:32px;display:grid}.flow-column{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:28px}.flow-column h3{color:var(--stripe-purple);margin-bottom:20px;font-size:18px;font-weight:600}.flow-list{counter-reset:flow-counter;list-style:none}.flow-list li{counter-increment:flow-counter;border-bottom:1px solid var(--border-color);padding:12px 0;font-size:14px;line-height:1.6}.flow-list li:last-child{border-bottom:none}.flow-list li:before{content:counter(flow-counter) ". ";color:var(--stripe-purple);font-weight:600}.flow-list ul{margin-top:8px;margin-left:16px;list-style:outside}.flow-list ul li{color:var(--text-secondary);border:none;padding:4px 0;font-size:13px}.endpoint-flow{flex-direction:column;gap:8px;display:flex}.endpoint-step{background:var(--bg-primary);border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex}.endpoint-step .method{background:var(--stripe-purple);color:#fff;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.endpoint-step .response{color:#f59e0b;font-weight:500}.endpoint-step .response-alt{color:var(--text-secondary);font-weight:600}.endpoint-step .response-detail{color:var(--text-muted);width:100%;font-size:12px}.endpoint-step.success{background:#d1fae5;border:1px solid #10b981}.endpoint-step.success .method{background:#10b981}.endpoint-step code{color:var(--text-primary);font-weight:500}.buyer-gets{background:var(--bg-card);border:1px solid var(--border-color);text-align:center;border-radius:12px;padding:24px}.buyer-gets h3{margin-bottom:8px;font-size:16px;font-weight:600}.buyer-gets p{color:var(--text-secondary);font-size:14px}.section-subtitle{text-align:center;color:var(--text-muted);margin-bottom:32px}.code-block{background:#ffffff14;border-radius:12px;max-width:800px;margin:0 auto;padding:24px;font-family:SF Mono,Monaco,Courier New,monospace;font-size:14px;overflow-x:auto}.code-block pre{white-space:pre-wrap;word-break:break-all}.steps{background:var(--bg-card);padding:60px 0}.steps h2{text-align:center;margin-bottom:40px;font-size:32px}.steps-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.step-card{text-align:center;padding:24px 16px}.step-number{background:var(--stripe-gradient);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto 16px;font-size:18px;font-weight:700;display:flex}.step-card h3{margin-bottom:8px;font-size:16px;font-weight:600}.step-card p{color:var(--text-secondary);font-size:13px}.features{padding:60px 0}.features h2{text-align:center;margin-bottom:40px;font-size:32px}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:24px;transition:all .2s}.feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.feature-icon{margin-bottom:12px;font-size:28px}.feature-card h3{margin-bottom:8px;font-size:16px;font-weight:600}.feature-card p{color:var(--text-secondary);font-size:14px}.legal-page{max-width:720px;padding:48px 24px 80px}.legal-page h1{margin-bottom:8px;font-size:32px}.legal-updated{color:var(--text-muted);margin-bottom:32px;font-size:14px}.legal-page h2{margin:28px 0 12px;font-size:20px}.legal-page p,.legal-page li{color:var(--text-secondary);margin-bottom:12px;line-height:1.7}.legal-page ul{margin-bottom:16px;padding-left:1.25rem}.pricing{background:var(--bg-card);padding:60px 0}.pricing h2{text-align:center;margin-bottom:8px;font-size:32px}.pricing-grid{grid-template-columns:repeat(4,1fr);gap:20px;max-width:1100px;margin:0 auto;display:grid}.pricing-card{background:var(--bg-primary);border:1px solid var(--border-color);text-align:center;border-radius:12px;padding:28px;position:relative}.pricing-card.featured{border-color:var(--stripe-purple);box-shadow:var(--shadow-md)}.pricing-badge{background:var(--stripe-purple);color:#fff;border-radius:12px;padding:4px 16px;font-size:12px;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-card h3{margin-bottom:12px;font-size:18px;font-weight:600}.price{background:var(--stripe-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:42px;font-weight:700}.price-period{-webkit-text-fill-color:var(--stripe-purple);font-size:16px;font-weight:400}.price-desc{color:var(--text-muted);margin-bottom:20px;font-size:14px}.pricing-features{text-align:left;margin-bottom:24px;list-style:none}.pricing-features li{color:var(--text-secondary);padding:8px 0;font-size:14px}.cta{text-align:center;padding:80px 0}.cta h2{margin-bottom:16px;font-size:36px;font-weight:700}.cta p{color:var(--text-secondary);margin-bottom:24px;font-size:18px}.footer{background:var(--bg-card);border-top:1px solid var(--border-color);padding:40px 0}.footer-links{justify-content:center;gap:32px;margin-bottom:16px;display:flex}.footer-links a{color:var(--text-secondary);font-size:14px;text-decoration:none}.footer-links a:hover{color:var(--text-primary)}.footer p{color:var(--text-muted);text-align:center;font-size:14px}@media (max-width:900px){.pricing-grid{grid-template-columns:repeat(2,1fr)}.flow-columns{grid-template-columns:1fr}}@media (max-width:768px){.hero h1{font-size:32px}.hero p,.hero-subheadline{font-size:16px}.nav{display:none}.steps-grid{grid-template-columns:repeat(2,1fr)}.features-grid{grid-template-columns:1fr}.trust-bar{flex-wrap:wrap;gap:8px}.code-block{padding:16px;font-size:12px}.flow-steps{flex-direction:column;align-items:center}.flow-arrow{padding:8px 0;transform:rotate(90deg)}}@media (max-width:480px){.hero{padding:48px 0 32px}.hero h1{font-size:26px}.steps-grid{grid-template-columns:1fr}.btn-lg{padding:12px 20px;font-size:14px}}