body{margin:0;padding:0}#root{width:100%;margin:0;padding:0}:root{--primary:#3b82f6;--secondary:#1f2937;--accent:#10b981;--light:#f3f4f6;--border:#e5e7eb;--text:#1f2937;--text-light:#6b7280}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text);background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app{flex-direction:column;min-height:100vh;display:flex}.header{background:linear-gradient(135deg, var(--secondary) 0%, var(--primary) 100%);color:#fff;text-align:center;padding:4rem 2rem}.header-content h1{margin-bottom:1rem;font-size:3.5rem;font-weight:700}.header-content p{opacity:.9;max-width:600px;margin:0 auto;font-size:1.25rem}.nav-bar{border-bottom:1px solid var(--border);z-index:10;background:#fff;justify-content:center;gap:2rem;padding:1rem 2rem;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #0000000d}.nav-link{color:var(--text);border-radius:.375rem;padding:.5rem 1rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--primary);background:var(--light)}.main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2rem}section{margin-bottom:4rem}section h2{text-align:center;color:var(--secondary);margin-bottom:2rem;font-size:2.5rem}.intro-section h2{margin-bottom:3rem}.intro-content{text-align:center}.benefits{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem;display:grid}.benefit{border:1px solid var(--border);background:var(--light);border-radius:.75rem;padding:2rem;transition:all .3s}.benefit:hover{border-color:var(--primary);box-shadow:0 4px 12px #3b82f61a}.benefit-icon{margin-bottom:1rem;font-size:2rem;display:block}.benefit h4{color:var(--secondary);margin-bottom:.5rem}.benefit p{color:var(--text-light);line-height:1.6}.services-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:2rem;display:grid}.service-card{border:1px solid var(--border);border-top:4px solid var(--primary);background:#fff;border-radius:.75rem;flex-direction:column;padding:2rem;transition:all .3s;display:flex}.service-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0000001a}.service-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.service-icon{font-size:2.5rem}.service-header h3{color:var(--secondary);font-size:1.5rem}.service-description{color:var(--text-light);flex-grow:1;margin-bottom:1.5rem;line-height:1.6}.service-features{margin-bottom:1.5rem}.service-features h4{color:var(--secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.95rem}.service-features ul{list-style:none}.service-features li{color:var(--text-light);padding:.4rem 0;font-size:.95rem}.more-features{font-weight:500;color:var(--primary)!important}.details-btn{border:2px solid var(--primary);color:var(--primary);cursor:pointer;background:#fff;border-radius:.375rem;align-self:flex-start;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.details-btn:hover{background:var(--primary);color:#fff}.api-details{border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1.5rem}.endpoint{background:var(--light);border-radius:.375rem;margin-bottom:1.5rem;padding:1rem}.endpoint code{color:var(--primary);word-break:break-all;font-family:Courier New,monospace}.example{margin-bottom:1.5rem}.example h5{color:var(--secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.9rem}.example pre{background:var(--light);border:1px solid var(--border);border-radius:.375rem;padding:1rem;overflow-x:auto}.example code{color:var(--text);font-family:Courier New,monospace;font-size:.85rem;line-height:1.5}.docs-link{color:var(--primary);margin-top:1rem;font-weight:500;text-decoration:none;transition:opacity .2s;display:inline-block}.docs-link:hover{opacity:.7}.integration-section{background:var(--light);border-radius:.75rem;padding:3rem 2rem}.integration-examples{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem;display:grid}.code-example{border:1px solid var(--border);background:#fff;border-radius:.375rem;padding:1.5rem}.code-example h4{color:var(--secondary);margin-bottom:1rem;font-weight:600}.code-example pre{border:1px solid var(--border);background:#f5f5f5;border-radius:.375rem;padding:1rem;overflow-x:auto}.code-example code{color:var(--text);font-family:Courier New,monospace;font-size:.8rem;line-height:1.5}.docs-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.doc-card{border:1px solid var(--border);background:#fff;border-radius:.75rem;flex-direction:column;padding:2rem;transition:all .3s;display:flex}.doc-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #3b82f61a}.doc-card h4{color:var(--secondary);margin-bottom:.75rem}.doc-card p{color:var(--text-light);flex-grow:1;margin-bottom:1rem;line-height:1.6}.doc-link{color:var(--primary);font-weight:500;text-decoration:none;transition:opacity .2s}.doc-link:hover{opacity:.7}.pricing-section h2{margin-bottom:.5rem}.pricing-subtitle{color:var(--text-light);text-align:center;margin-bottom:1.5rem;font-size:1.1rem}.free-tier-banner{text-align:center;color:#1e40af;background:linear-gradient(135deg,#eff6ff 0%,#f0fdf4 100%);border:1px solid #93c5fd;border-radius:.75rem;margin-bottom:2rem;padding:1rem 1.5rem;font-size:.95rem}.pricing-cards-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.pricing-card{border:1px solid var(--border);background:#fff;border-radius:.75rem;transition:box-shadow .2s;overflow:hidden}.pricing-card:hover{box-shadow:0 8px 24px #0000001a}.pricing-card-header{border-top:3px solid;border-bottom:1px solid var(--border);background:#f9fafb;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.pricing-card-header h4{margin:0;font-size:1rem;font-weight:600}.pricing-tiers-row{grid-template-columns:1fr 1fr;display:grid}.tier-option{border-right:1px solid var(--border);padding:1.25rem;position:relative}.tier-option:last-child{border-right:none}.tier-pro{background:#fafbff}.tier-badge{color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:0 0 .4rem .4rem;padding:.15rem .5rem;font-size:.65rem;font-weight:700;position:absolute;top:-1px;right:8px}.tier-name{color:var(--text-light);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.3rem;font-size:.8rem;font-weight:500}.tier-price{margin-bottom:.3rem;font-size:1.5rem;font-weight:700}.tier-desc{color:var(--text-light);min-height:2.5rem;margin-bottom:1rem;font-size:.75rem;line-height:1.4}.tier-btn{text-align:center;border:2px solid;border-radius:.4rem;padding:.5rem .75rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:opacity .2s;display:block}.tier-btn:hover{opacity:.8}.tier-btn-solid{color:#fff!important;border-color:#0000!important}.service-pricing-row{justify-content:space-between;align-items:center;margin:1rem 0 .5rem;display:flex}.price-badge{color:var(--text-light);font-size:.85rem;font-weight:500}.buy-btn{color:#fff;border-radius:.4rem;padding:.4rem 1rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-block}.buy-btn:hover{opacity:.85}.header-cta{color:#ffffffe6;border:2px solid #fff9;border-radius:2rem;margin-top:1rem;padding:.5rem 1.5rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.header-cta:hover{color:#fff;background:#ffffff26;border-color:#fff}.cta-section{text-align:center;background:linear-gradient(135deg, var(--primary) 0%, #0ea5e9 100%);color:#fff;border-radius:.75rem;margin:2rem 0;padding:3rem 2rem}.cta-section h2{color:#fff;margin-bottom:.5rem}.cta-section p{opacity:.9;margin-bottom:2rem;font-size:1.1rem}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.cta-btn{border:2px solid #0000;border-radius:.375rem;padding:.875rem 2rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.cta-btn.primary{color:var(--primary);background:#fff}.cta-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.cta-btn.secondary{color:#fff;background:0 0;border-color:#fff}.cta-btn.secondary:hover{background:#ffffff1a}.footer{background:var(--secondary);color:#fff;margin-top:auto;padding:3rem 2rem 1.5rem}.footer-content{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;max-width:1200px;margin:0 auto 2rem;display:grid}.footer-section h5{margin-bottom:1rem}.footer-section ul{list-style:none}.footer-section li{margin-bottom:.5rem}.footer-section a{color:#d1d5db;text-decoration:none;transition:color .2s}.footer-section a:hover{color:#fff}.footer-bottom{text-align:center;color:#d1d5db;border-top:1px solid #3f4655;padding-top:2rem}@media (width<=768px){.header-content h1{font-size:2rem}.header-content p{font-size:1rem}.nav-bar{flex-direction:column;gap:.5rem;padding:.75rem 1rem}.nav-link{padding:.25rem .5rem}section h2{font-size:1.75rem}.services-grid,.integration-examples,.pricing-tiers,.pricing-cards-grid{grid-template-columns:1fr}.pricing-tiers-row{grid-template-columns:1fr 1fr}.main{padding:1rem}section{margin-bottom:2rem}.cta-buttons{flex-direction:column}.cta-btn{width:100%}}