@charset "UTF-8";:root{--color-primary: #3182ce;--color-primary-dark: #2c5aa0;--color-primary-light: #4299e1;--color-secondary: #38a169;--color-secondary-dark: #2f855a;--color-secondary-light: #48bb78;--color-accent: #ed8936;--color-accent-dark: #dd6b20;--color-accent-light: #f6ad55;--color-text-primary: #1a365d;--color-text-secondary: #4a5568;--color-text-muted: #718096;--color-text-light: #a0aec0;--color-bg-primary: #ffffff;--color-bg-secondary: #f7fafc;--color-bg-tertiary: #edf2f7;--color-bg-gradient: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);--color-border-light: #e2e8f0;--color-border-medium: #cbd5e0;--color-border-dark: #a0aec0}:root{--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--section-padding: var(--space-20);--section-gap: var(--space-16);--container-padding: var(--space-6)}:root{--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700}:root{--container-max-width: 1200px;--container-padding-x: var(--space-6);--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding-x)}.section{padding:var(--section-padding) 0}.section+.section{margin-top:var(--section-gap)}.section-header{text-align:center;margin-bottom:var(--space-16)}.section-header p{font-size:var(--text-xl);color:var(--color-text-secondary);max-width:600px;margin:0 auto;line-height:var(--leading-normal)}.card{background:var(--color-bg-primary);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-light);transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.btn,.integration-cta .secondary-cta{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);font-weight:var(--font-semibold);text-decoration:none;border:none;cursor:pointer;transition:all var(--transition-normal);font-size:var(--text-base);line-height:1}.btn.btn-primary,.integration-cta .btn-primary.secondary-cta{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;box-shadow:0 4px 16px #3182ce4d}.btn.btn-primary:hover,.integration-cta .btn-primary.secondary-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3182ce66}.btn.btn-secondary,.integration-cta .secondary-cta{background:var(--color-bg-primary);color:var(--color-primary);border:2px solid var(--color-primary)}.btn.btn-secondary:hover,.integration-cta .secondary-cta:hover{background:var(--color-primary);color:#fff}.btn.btn-lg,.integration-cta .btn-lg.secondary-cta{padding:var(--space-5) var(--space-8);font-size:var(--text-lg)}.btn.btn-sm,.integration-cta .btn-sm.secondary-cta{padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}.grid{display:grid;gap:var(--space-8)}.grid.grid-2{grid-template-columns:repeat(2,1fr)}.grid.grid-3{grid-template-columns:repeat(3,1fr)}.grid.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 768px){.grid.grid-2,.grid.grid-3,.grid.grid-4{grid-template-columns:1fr}}@media (min-width: 769px) and (max-width: 1024px){.grid.grid-3,.grid.grid-4{grid-template-columns:repeat(2,1fr)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-4{margin-bottom:var(--space-4)}.mb-8{margin-bottom:var(--space-8)}.mb-16{margin-bottom:var(--space-16)}.mt-0{margin-top:0}.mt-4{margin-top:var(--space-4)}.mt-8{margin-top:var(--space-8)}.mt-16{margin-top:var(--space-16)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Inter,Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--color-bg-primary);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--leading-normal);font-size:var(--text-base)}h1,h2,h3,h4,h5,h6{line-height:var(--leading-tight);font-weight:var(--font-bold);color:var(--color-text-primary)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{line-height:var(--leading-normal);color:var(--color-text-secondary)}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary)}.container,.section-container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width: 768px){.container,.section-container{padding-left:2rem;padding-right:2rem}}@media (min-width: 1024px){.container,.section-container{padding-left:1rem;padding-right:1rem}}.home .home-section{padding:var(--section-padding) 0;position:relative}.home .home-section:nth-child(2n){background:var(--color-bg-secondary)}.home .home-section+.home-section{margin-top:0}.home .hero-section{background:var(--color-bg-primary);padding:var(--space-24) 0 var(--space-20) 0}.section-header{text-align:center;margin-bottom:var(--space-16);max-width:800px;margin-left:auto;margin-right:auto}.section-header h2{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-4);line-height:var(--leading-tight)}.section-header p{font-size:var(--text-xl);color:var(--color-text-secondary);line-height:var(--leading-normal);margin-bottom:0}@media (max-width: 768px){.section-header{margin-bottom:var(--space-12)}.section-header h2{font-size:var(--text-3xl)}.section-header p{font-size:var(--text-lg)}}.how-it-works-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-8);margin-top:var(--space-16)}.step-card{background:var(--color-bg-primary);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;border:2px solid var(--color-border-light);transition:all var(--transition-normal);position:relative;box-shadow:var(--shadow-md)}.step-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:var(--shadow-xl)}.step-card .step-number{position:absolute;top:-15px;left:var(--space-8);background:var(--color-primary);color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);font-size:var(--text-sm)}.step-card .step-icon{font-size:3rem;margin-bottom:var(--space-4)}.step-card h3{font-size:var(--text-2xl);margin-bottom:var(--space-4);color:var(--color-text-primary)}.step-card p{margin-bottom:var(--space-6);color:var(--color-text-secondary)}.step-card ul{list-style:none}.step-card ul li{padding:var(--space-2) 0;color:var(--color-text-secondary);font-size:var(--text-sm)}.step-card ul li:before{content:"\2713";color:var(--color-secondary);font-weight:var(--font-bold);margin-right:var(--space-2)}.integration-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8);margin:var(--space-16) 0}.category{background:var(--color-bg-primary);padding:var(--space-8);border-radius:var(--radius-xl);border:1px solid var(--color-border-light);box-shadow:var(--shadow-md)}.category h3{margin-bottom:var(--space-6);font-size:var(--text-xl);color:var(--color-text-primary)}.category .integration-list{display:flex;flex-wrap:wrap;gap:var(--space-3)}.category .integration-item{background:var(--color-bg-secondary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);border:1px solid var(--color-border-light);transition:all var(--transition-fast)}.category .integration-item:hover{background:var(--color-primary);color:#fff;transform:translateY(-1px)}.integration-cta{text-align:center;margin-top:var(--space-16);padding:var(--space-8);background:var(--color-bg-secondary);border-radius:var(--radius-xl)}.integration-cta p{margin-bottom:var(--space-6);font-size:var(--text-lg)}.pricing-toggle{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-top:var(--space-8)}.pricing-toggle .toggle-label{font-weight:var(--font-medium);color:var(--color-text-secondary)}.pricing-toggle .discount-badge{background:var(--color-accent);color:#fff;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-bold);margin-left:var(--space-2)}.value-props{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.value-prop{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6);background:var(--color-bg-secondary);border-radius:var(--radius-lg)}.value-prop .prop-icon{font-size:var(--text-2xl);flex-shrink:0}.value-prop .prop-content strong{display:block;color:var(--color-text-primary);font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.value-prop .prop-content span{color:var(--color-text-secondary);font-size:var(--text-sm)}.payment-options{text-align:center;padding-top:var(--space-8);border-top:1px solid var(--color-border-light)}.payment-options p{margin:var(--space-2) 0;color:var(--color-text-muted);font-size:var(--text-sm)}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 768px){.section-header h2{font-size:var(--text-3xl)}.step-card{padding:var(--space-6)}.step-card h3{font-size:var(--text-xl)}.integration-categories,.value-props{grid-template-columns:1fr}}