*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #3b82f6;--primary-dark: #2563eb;--primary-light: #60a5fa;--primary-gradient: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--text-primary: #0f172a;--text-secondary: #475569;--text-light: #64748b;--text-tertiary: #94a3b8;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--border: #e2e8f0;--border-light: #f1f5f9;--success: #10b981;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-primary: 0 10px 25px -5px rgba(59, 130, 246, .3)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);line-height:1.6;overflow-x:hidden;background:var(--bg-primary);position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 30%,rgba(59,130,246,.03) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(6,182,212,.03) 0%,transparent 50%);pointer-events:none;z-index:0}.container{max-width:1280px;margin:0 auto;padding:0 24px;position:relative;z-index:1}.navbar{position:fixed;top:0;left:0;right:0;background:#fffc;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border);z-index:1000;transition:all .3s cubic-bezier(.4,0,.2,1)}.navbar.scrolled{background:#fffffff2;box-shadow:var(--shadow-sm)}.nav-content{display:flex;justify-content:space-between;align-items:center;padding:16px 0}.logo{display:flex;align-items:center;gap:0;font-size:18px;font-weight:600;color:var(--text-primary);text-decoration:none}.logo-icon-wrapper{display:flex;align-items:center;justify-content:center}.logo-icon{height:44px;width:auto;object-fit:contain;display:block}.logo-text{font-weight:600;color:var(--text-primary)}.nav-links{display:flex;align-items:center;gap:32px}.nav-links a{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:15px;transition:color .2s ease;position:relative}.nav-links a:not(.btn-nav-primary):not(.btn-nav-secondary):hover{color:var(--text-primary)}.btn-nav-secondary{color:var(--text-secondary);padding:8px 16px;border-radius:6px;transition:all .2s ease}.btn-nav-secondary:hover{color:var(--text-primary);background:var(--bg-secondary)}.btn-nav-primary{background:var(--primary-gradient);color:#fff;padding:8px 20px;border-radius:8px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #3b82f633}.btn-nav-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.mobile-menu-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:8px}.mobile-menu-toggle span{width:24px;height:2px;background:var(--text-primary);border-radius:2px;transition:all .3s ease}.hero{padding:160px 0 120px;background:var(--bg-primary);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(6,182,212,.08) 0%,transparent 50%);pointer-events:none;z-index:0}.hero-content{max-width:900px;margin:0 auto;text-align:center;position:relative;z-index:1}.hero-title{font-size:clamp(48px,7vw,72px);font-weight:800;line-height:1.1;margin-bottom:28px;letter-spacing:-.03em;color:var(--text-primary);animation:fadeInUp .6s ease-out}.hero-title em{font-style:normal;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:22px;color:var(--text-secondary);line-height:1.7;margin-bottom:48px;max-width:750px;margin-left:auto;margin-right:auto;font-weight:400;animation:fadeInUp .6s ease-out .1s both}.hero-buttons{display:flex;gap:16px;justify-content:center;margin-bottom:80px;flex-wrap:wrap;animation:fadeInUp .6s ease-out .2s both}.hero-trust{margin-top:80px;animation:fadeInUp .6s ease-out .3s both}.trust-label{font-size:13px;color:var(--text-light);letter-spacing:1px;text-transform:uppercase;font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:500;border-radius:8px;text-decoration:none;transition:all .2s ease;border:none;cursor:pointer;font-family:inherit}.btn-primary{background:var(--primary-gradient);background-color:var(--primary);color:#fff!important;box-shadow:var(--shadow-primary);border:none;font-weight:600}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 30px -5px #3b82f666;color:#fff!important}.btn-secondary{background:#fff;color:var(--text-primary);border:1.5px solid var(--border);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-large{padding:14px 28px;font-size:16px}.btn-block{width:100%}.integrations{padding:120px 0;background:var(--bg-secondary);position:relative}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:48px}.integration-card{padding:32px;background:var(--bg-primary);border:1px solid var(--border);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.integration-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary-gradient);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.integration-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.integration-card:hover:before{transform:scaleX(1)}.integration-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;color:var(--primary);margin-bottom:20px;background:linear-gradient(135deg,#3b82f61a,#3b82f60d);border-radius:12px;transition:all .3s ease}.integration-card:hover .integration-icon{background:linear-gradient(135deg,#3b82f626,#3b82f61a);transform:scale(1.05)}.integration-title{font-size:20px;font-weight:600;margin-bottom:12px;color:var(--text-primary);letter-spacing:-.01em}.integration-description{font-size:15px;color:var(--text-secondary);line-height:1.6;margin-bottom:16px}.integration-badge{display:inline-block;padding:4px 12px;background:#10b9811a;color:#059669;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.integrations-cta{text-align:center;padding:40px;background:var(--bg-primary);border:1px solid var(--border);border-radius:16px}.integrations-cta-text{font-size:18px;color:var(--text-secondary);margin-bottom:24px;font-weight:500}.features{padding:120px 0;background:var(--bg-primary);position:relative}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.feature-card{padding:40px;background:var(--bg-primary);border:1px solid var(--border);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary-gradient);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.feature-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;color:var(--primary);margin-bottom:24px;background:linear-gradient(135deg,#3b82f61a,#3b82f60d);border-radius:12px;transition:all .3s ease}.feature-card:hover .feature-icon{background:linear-gradient(135deg,#3b82f626,#3b82f61a);transform:scale(1.05)}.feature-title{font-size:22px;font-weight:600;margin-bottom:16px;color:var(--text-primary);letter-spacing:-.01em}.feature-description{font-size:16px;color:var(--text-secondary);line-height:1.7}.how-it-works{padding:120px 0;background:var(--bg-secondary);position:relative}.how-it-works-tabs{max-width:1000px;margin:0 auto}.tab-buttons{display:flex;gap:12px;justify-content:center;margin-bottom:48px;flex-wrap:wrap}.tab-button{padding:12px 32px;font-size:16px;font-weight:500;background:var(--bg-primary);color:var(--text-secondary);border:1.5px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:inherit}.tab-button:hover{border-color:var(--primary);color:var(--text-primary)}.tab-button.active{background:var(--primary-gradient);color:#fff;border-color:transparent;box-shadow:var(--shadow-primary)}.tab-content{display:none}.tab-content.active{display:block;animation:fadeInUp .4s ease-out}.section-header{text-align:center;margin-bottom:80px}.section-title{font-size:clamp(40px,5.5vw,56px);font-weight:700;line-height:1.2;margin-bottom:20px;letter-spacing:-.03em;color:var(--text-primary)}.section-title em{font-style:normal;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-description{font-size:20px;color:var(--text-secondary);line-height:1.7;max-width:700px;margin:0 auto}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}.step-card{padding:40px;background:var(--bg-primary);border:1px solid var(--border);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.step-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.step-number{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--primary-gradient);color:#fff;border-radius:14px;font-size:24px;font-weight:700;margin-bottom:24px;box-shadow:var(--shadow-primary);transition:all .3s ease}.step-card:hover .step-number{transform:scale(1.1) rotate(5deg)}.step-title{font-size:22px;font-weight:600;margin-bottom:16px;color:var(--text-primary);letter-spacing:-.01em}.step-description{font-size:16px;color:var(--text-secondary);line-height:1.7}.infrastructure{padding:120px 0;background:var(--bg-primary);position:relative}.infrastructure-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.infrastructure-text{max-width:600px}.infrastructure-visual{display:flex;align-items:center;justify-content:center}.integration-diagram{display:flex;align-items:center;justify-content:center;padding:20px 40px;background:var(--bg-secondary);border-radius:20px;border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:all .3s ease;width:100%;max-width:700px}.integration-diagram:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.diagram-svg{width:100%;height:auto;max-height:500px;min-height:400px}.diagram-svg text{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.diagram-svg .source-nodes rect,.diagram-svg .dest-nodes rect{transition:all .3s ease}.diagram-svg .source-nodes rect:hover,.diagram-svg .dest-nodes rect:hover{fill:#3b82f60d;stroke-width:3}.diagram-svg .center-node circle{transition:all .3s ease;filter:drop-shadow(0 4px 6px rgba(59,130,246,.2))}.integration-diagram:hover .diagram-svg .center-node circle{filter:drop-shadow(0 6px 12px rgba(59,130,246,.3));transform:scale(1.02);transform-origin:center}.works-the-way{padding:120px 0;background:var(--bg-secondary);position:relative}.works-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.works-card{padding:40px;background:var(--bg-primary);border:1px solid var(--border);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.works-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.works-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;color:var(--primary);margin-bottom:24px;background:linear-gradient(135deg,#3b82f61a,#3b82f60d);border-radius:12px;transition:all .3s ease}.works-card:hover .works-icon{background:linear-gradient(135deg,#3b82f626,#3b82f61a);transform:scale(1.05)}.works-title{font-size:22px;font-weight:600;margin-bottom:16px;color:var(--text-primary);letter-spacing:-.01em}.works-description{font-size:16px;color:var(--text-secondary);line-height:1.7;margin-bottom:24px}.works-list{list-style:none;padding:0}.works-list li{font-size:15px;color:var(--text-secondary);padding:8px 0 8px 24px;position:relative}.works-list li:before{content:"•";position:absolute;left:0;color:var(--primary);font-weight:700}.pricing{padding:120px 0;background:var(--bg-primary);position:relative}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:1200px;margin:0 auto}.pricing-card{padding:40px;background:var(--bg-primary);border:1px solid var(--border);border-radius:16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.pricing-card:hover{border-color:var(--primary);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.pricing-card.featured{border-color:var(--primary);border-width:2px;background:linear-gradient(135deg,#fff,#f8fafc);box-shadow:var(--shadow-lg)}.pricing-card.featured:hover{box-shadow:var(--shadow-xl),var(--shadow-primary)}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--primary-gradient);color:#fff;padding:6px 20px;border-radius:20px;font-size:12px;font-weight:600;box-shadow:var(--shadow-md);letter-spacing:.3px}.pricing-header{margin-bottom:32px}.pricing-name{font-size:26px;font-weight:600;margin-bottom:16px;color:var(--text-primary);letter-spacing:-.01em}.pricing-price{display:flex;align-items:baseline;gap:4px}.price-amount{font-size:42px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.price-period{font-size:16px;color:var(--text-secondary)}.pricing-features{list-style:none;padding:0;margin-bottom:32px}.pricing-features li{font-size:15px;color:var(--text-secondary);padding:12px 0;border-bottom:1px solid var(--border-light)}.pricing-features li:last-child{border-bottom:none}.pricing-comparison{margin-top:80px;max-width:1400px;margin-left:auto;margin-right:auto}.pricing-comparison-header{margin-bottom:32px;text-align:center}.pricing-comparison-title{font-size:32px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em;margin-bottom:8px}.pricing-table-wrapper{overflow-x:auto;border:2px solid var(--border);border-radius:16px;background:var(--bg-primary);box-shadow:var(--shadow-sm)}.pricing-table{width:100%;border-collapse:separate;border-spacing:0;min-width:800px}.pricing-table thead{background:var(--bg-secondary)}.pricing-table th{padding:20px 24px;text-align:left;font-size:14px;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border);border-top:none;border-left:none;border-right:none}.pricing-table th.pricing-table-feature{width:30%;min-width:200px}.pricing-table th.pricing-table-plan{width:17.5%;text-align:center;font-size:16px;font-weight:700;color:var(--text-primary)}.pricing-table th.pricing-table-plan:nth-child(4){background:var(--bg-secondary);color:var(--primary);border:none;border-bottom:2px solid var(--border)}.pricing-table td{border-top:none;border-left:none;border-right:none}.pricing-table td:nth-child(4){background:linear-gradient(135deg,#3b82f60a,#2563eb0a);border-left:2px solid var(--primary);border-right:2px solid var(--primary);position:relative}.pricing-table tbody tr:first-child td:nth-child(4){border-top:2px solid var(--primary);border-top-left-radius:12px;border-top-right-radius:12px;overflow:hidden}.pricing-table tbody tr:last-child td:nth-child(4){border-bottom:2px solid var(--primary)}.pricing-table tbody tr{border-bottom:1px solid var(--border-light);transition:background-color .2s ease}.pricing-table tbody tr:hover{background-color:var(--bg-secondary)}.pricing-table tbody tr:hover td:nth-child(4){background:linear-gradient(135deg,#3b82f60f,#2563eb0f);background-clip:padding-box}.pricing-table tbody tr:last-child td{border-bottom:2px solid var(--border)}.pricing-table tbody tr:last-child td:nth-child(4){border-bottom:2px solid var(--primary);border-bottom-left-radius:12px;border-bottom-right-radius:12px;background:linear-gradient(135deg,#3b82f60a,#2563eb0a);overflow:hidden}.pricing-table td{padding:20px 24px;font-size:15px;color:var(--text-secondary);vertical-align:middle}.pricing-table td.pricing-table-feature{font-weight:500;color:var(--text-primary)}.pricing-table td:not(.pricing-table-feature){text-align:center}.pricing-table td:not(.pricing-table-feature):nth-child(2){color:var(--text-secondary)}.pricing-table td:not(.pricing-table-feature):nth-child(3){color:var(--text-secondary)}.pricing-table td:not(.pricing-table-feature):nth-child(4){color:var(--primary);font-weight:600}.pricing-table td:nth-child(4) .pricing-check{color:var(--primary)}.pricing-table td:nth-child(4) .pricing-dash{color:var(--text-tertiary, #94a3b8)}.pricing-table td:not(.pricing-table-feature):nth-child(5){color:var(--text-primary);font-weight:600}.pricing-check{color:var(--primary);font-weight:600;font-size:18px;display:inline-block}.pricing-dash{color:var(--text-tertiary, #94a3b8);font-weight:400}@media (max-width: 1024px){.pricing-comparison{margin-top:60px}.pricing-table-wrapper{border-radius:12px}.pricing-table th,.pricing-table td{padding:16px 20px;font-size:14px}}@media (max-width: 768px){.pricing-comparison-title{font-size:24px}.pricing-table th,.pricing-table td{padding:12px 16px;font-size:13px}.pricing-table th.pricing-table-plan{font-size:14px}}.get-started{padding:120px 0;background:var(--bg-secondary);position:relative}.get-started-content{max-width:1000px;margin:0 auto}.get-started-title{font-size:clamp(40px,5.5vw,56px);font-weight:700;line-height:1.2;margin-bottom:64px;text-align:center;letter-spacing:-.03em;color:var(--text-primary)}.get-started-title em{font-style:normal;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.get-started-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.get-started-card{padding:40px;background:var(--bg-primary);border:1px solid var(--border);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.get-started-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.get-started-card-title{font-size:22px;font-weight:600;margin-bottom:16px;color:var(--text-primary);letter-spacing:-.01em}.get-started-card-description{font-size:16px;color:var(--text-secondary);line-height:1.7;margin-bottom:28px}.contact{padding:120px 0;background:var(--bg-secondary);position:relative}.contact-wrapper{max-width:640px;margin:0 auto;text-align:center}.contact-title{font-size:clamp(36px,5vw,48px);font-weight:700;margin-bottom:20px;color:var(--text-primary);letter-spacing:-.02em}.contact-divider{width:60px;height:3px;background:var(--primary-gradient);margin:0 auto 28px;border-radius:2px}.contact-subtitle{font-size:18px;color:var(--text-secondary);margin-bottom:48px;font-weight:400}.contact-form{text-align:left;background:var(--bg-primary);padding:48px;border-radius:20px;border:1px solid var(--border);box-shadow:var(--shadow-lg);transition:all .3s ease}.contact-form:hover{box-shadow:var(--shadow-xl);border-color:var(--primary)}.form-group{margin-bottom:28px;position:relative}.form-group:last-of-type{margin-bottom:32px}.form-input,.form-textarea{width:100%;padding:16px 20px;font-size:16px;border:2px solid var(--border);border-radius:12px;background:var(--bg-primary);color:var(--text-primary);font-family:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000d}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-light);opacity:.7;transition:opacity .2s ease}.form-input:hover,.form-textarea:hover{border-color:var(--primary-light);box-shadow:0 2px 4px #00000014}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #3b82f61a,0 4px 6px -1px #0000001a;transform:translateY(-1px)}.form-input:focus::placeholder,.form-textarea:focus::placeholder{opacity:.5}.form-textarea{resize:vertical;min-height:140px;line-height:1.6}.form-submit{width:100%;padding:18px 32px;background:var(--primary-gradient);background-color:var(--primary);color:#fff!important;border:none!important;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-primary);letter-spacing:.3px;text-transform:uppercase;position:relative;overflow:hidden;display:block;z-index:1}.form-submit:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.form-submit:hover:before{left:100%}.form-submit:hover{transform:translateY(-2px);box-shadow:0 15px 30px -5px #3b82f666;color:#fff!important}.form-submit:active{transform:translateY(0);box-shadow:var(--shadow-md)}.form-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-message{margin-top:20px;padding:16px 20px;border-radius:12px;font-size:14px;text-align:center;display:none;font-weight:500;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-message.success{background:linear-gradient(135deg,#10b9811a,#10b9810d);border:2px solid rgba(16,185,129,.3);color:#059669;display:block}.form-message.error{background:linear-gradient(135deg,#ef44441a,#ef44440d);border:2px solid rgba(239,68,68,.3);color:#dc2626;display:block}.footer{background:linear-gradient(180deg,#fff,#f8fafc);border-top:1px solid var(--border);padding:80px 0 32px;margin-top:80px}.footer-content{display:grid;grid-template-columns:1.5fr 2fr;gap:80px;margin-bottom:48px}.footer-brand{max-width:360px}.footer-brand .logo{margin-bottom:16px}.footer-tagline{font-size:15px;color:var(--text-secondary);margin-top:16px;line-height:1.6;margin-bottom:24px}.footer-social{display:flex;gap:12px;margin-top:24px}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--bg-primary);border:1px solid var(--border);color:var(--text-secondary);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000d}.social-link:hover{color:var(--primary);border-color:var(--primary);background:#3b82f60d;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.social-link svg{width:18px;height:18px}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.footer-column{display:flex;flex-direction:column}.footer-column-title{font-size:13px;font-weight:700;margin-bottom:20px;color:var(--text-primary);text-transform:uppercase;letter-spacing:.8px}.footer-link{display:block;font-size:15px;color:var(--text-secondary);text-decoration:none;margin-bottom:12px;transition:all .2s ease;position:relative;padding-left:0}.footer-link:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:0;height:2px;background:var(--primary);transition:width .2s ease}.footer-link:hover{color:var(--primary);padding-left:8px}.footer-link:hover:before{width:4px}.footer-bottom{padding-top:32px;border-top:1px solid var(--border)}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.footer-bottom p{font-size:14px;color:var(--text-light);margin:0}.footer-bottom-links{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.footer-bottom-link{font-size:14px;color:var(--text-light);text-decoration:none;transition:color .2s ease}.footer-bottom-link:hover{color:var(--primary)}.footer-separator{color:var(--text-tertiary);font-size:12px}.footer-built-with{font-size:14px;color:var(--text-light)}@media (max-width: 1024px){.footer-content{grid-template-columns:1fr;gap:48px}.footer-links{grid-template-columns:repeat(2,1fr);gap:32px}}@media (max-width: 768px){.footer{padding:60px 0 24px}.footer-content{gap:40px}.footer-links{grid-template-columns:1fr;gap:32px}.footer-bottom-content{flex-direction:column;text-align:center}.footer-bottom-links{justify-content:center}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}html{scroll-behavior:smooth}::selection{background:#3b82f633;color:var(--text-primary)}@media (max-width: 1024px){.infrastructure-content{grid-template-columns:1fr;gap:48px}.integration-diagram{padding:24px}.diagram-svg{max-height:300px}}@media (max-width: 768px){.nav-links{display:none}.mobile-menu-toggle{display:flex}.hero{padding:120px 0 80px}.hero-title{font-size:36px}.hero-subtitle{font-size:18px}.hero-buttons{flex-direction:column;align-items:stretch}.hero-buttons .btn{width:100%}.features-grid,.steps-grid,.works-grid,.pricing-grid,.get-started-grid,.integrations-grid{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr;gap:40px}.contact-form{padding:32px 24px}.form-input,.form-textarea{padding:14px 16px;font-size:15px}}body.light-theme,body[data-theme=light]{background:#fafbfc!important;color:#1a1a1a!important}body.light-theme:before,body[data-theme=light]:before{background:radial-gradient(circle at 20% 30%,rgba(59,130,246,.03) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(6,182,212,.03) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(139,92,246,.02) 0%,transparent 50%)!important}body.light-theme .navbar,body[data-theme=light] .navbar{background:#fffffff2!important;border-bottom:1px solid #e5e7eb!important;box-shadow:0 1px 3px #0000001a!important}body.light-theme .navbar.scrolled,body[data-theme=light] .navbar.scrolled{background:#fffffffa!important;box-shadow:0 4px 6px -1px #0000001a!important}body.light-theme .nav-links a,body[data-theme=light] .nav-links a{color:#4b5563!important}body.light-theme .nav-links a:hover,body[data-theme=light] .nav-links a:hover{color:#1a1a1a!important}body.light-theme .nav-links a.active,body[data-theme=light] .nav-links a.active{color:var(--primary)!important}body.light-theme .btn-nav-primary,body[data-theme=light] .btn-nav-primary{background:var(--gradient-primary)!important;color:#fff!important}body.light-theme .hero,body[data-theme=light] .hero{background:#fafbfc!important;color:#1a1a1a!important}body.light-theme .hero-background,body[data-theme=light] .hero-background{background:transparent!important}body.light-theme .gradient-orb,body[data-theme=light] .gradient-orb{opacity:.1!important}body.light-theme .hero-badge,body[data-theme=light] .hero-badge{background:#3b82f61a!important;color:var(--primary)!important;border:1px solid rgba(59,130,246,.2)!important}body.light-theme .hero-title,body[data-theme=light] .hero-title{color:#1a1a1a!important}body.light-theme .hero-subtitle,body[data-theme=light] .hero-subtitle{color:#4b5563!important}body.light-theme .hero-stats,body[data-theme=light] .hero-stats{background:#fffc!important;border:1px solid #e5e7eb!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}body.light-theme .hero-stats-item,body[data-theme=light] .hero-stats-item{color:#1a1a1a!important}body.light-theme .hero-stats-item strong,body[data-theme=light] .hero-stats-item strong{color:var(--primary)!important}body.light-theme .btn,body[data-theme=light] .btn{background:#fff!important;color:#1a1a1a!important;border:1px solid #e5e7eb!important}body.light-theme .btn:hover,body[data-theme=light] .btn:hover{background:#f9fafb!important;border-color:var(--primary)!important;color:var(--primary)!important}body.light-theme .btn-primary,body[data-theme=light] .btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;background-color:#3b82f6!important;color:#fff!important;border:none!important;font-weight:600!important}body.light-theme .btn-primary:hover,body[data-theme=light] .btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;background-color:#2563eb!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 10px 20px #3b82f64d!important}body.light-theme .section,body[data-theme=light] .section{background:#fff!important;color:#1a1a1a!important}body.light-theme .section-alt,body[data-theme=light] .section-alt{background:#fafbfc!important}body.light-theme .section-title,body[data-theme=light] .section-title{color:#1a1a1a!important}body.light-theme .section-subtitle,body[data-theme=light] .section-subtitle{color:#4b5563!important}body.light-theme .feature-card,body[data-theme=light] .feature-card{background:#fff!important;border:1px solid #e5e7eb!important;color:#1a1a1a!important;box-shadow:0 1px 3px #0000001a!important}body.light-theme .feature-card:hover,body[data-theme=light] .feature-card:hover{border-color:var(--primary)!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a!important}body.light-theme .feature-card p,body[data-theme=light] .feature-card p{color:#4b5563!important}body.light-theme .code-block,body[data-theme=light] .code-block{background:#f9fafb!important;border:1px solid #e5e7eb!important;color:#1a1a1a!important}body.light-theme .footer,body[data-theme=light] .footer{background:#fff!important;border-top:1px solid #e5e7eb!important;color:#4b5563!important}body.light-theme .footer a,body[data-theme=light] .footer a{color:#4b5563!important}body.light-theme .footer a:hover,body[data-theme=light] .footer a:hover{color:var(--primary)!important}body.light-theme .step-card,body[data-theme=light] .step-card{background:#fff!important;border:1px solid #e5e7eb!important;color:#1a1a1a!important}body.light-theme .cta-section,body[data-theme=light] .cta-section{background:#f9fafb!important;border:1px solid #e5e7eb!important}body.light-theme .cta-text,body[data-theme=light] .cta-text{color:#4b5563!important}body.light-theme .features,body[data-theme=light] .features{background:#fafbfc!important;border-top:1px solid #e5e7eb!important}body.light-theme .feature-card,body[data-theme=light] .feature-card{background:#fff!important;border:1px solid #e5e7eb!important}body.light-theme .feature-card:hover,body[data-theme=light] .feature-card:hover{background:#fff!important;border-color:var(--primary)!important;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a!important}body.light-theme .feature-icon-bg,body[data-theme=light] .feature-icon-bg{opacity:.1!important}body.light-theme .feature-card h3,body[data-theme=light] .feature-card h3{color:#1a1a1a!important}body.light-theme .feature-description,body[data-theme=light] .feature-description{color:#4b5563!important}body.light-theme .step-card,body[data-theme=light] .step-card{background:#fff!important;border:1px solid #e5e7eb!important}body.light-theme .step-number,body[data-theme=light] .step-number{background:#3b82f61a!important;color:var(--primary)!important}body.light-theme .pricing-card,body[data-theme=light] .pricing-card{background:#fff!important;border:1px solid #e5e7eb!important}body.light-theme .pricing-card.featured,body[data-theme=light] .pricing-card.featured{border-color:var(--primary)!important;box-shadow:0 10px 15px -3px #3b82f61a!important}body.light-theme .pricing-price,body[data-theme=light] .pricing-price{color:#1a1a1a!important}body.light-theme .pricing-feature,body[data-theme=light] .pricing-feature{color:#4b5563!important}body.light-theme .contact-form,body[data-theme=light] .contact-form{background:#fff!important;border:1px solid #e5e7eb!important;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a!important}body.light-theme .contact-form:hover,body[data-theme=light] .contact-form:hover{border-color:var(--primary)!important;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important}body.light-theme .form-input,body.light-theme .form-textarea,body[data-theme=light] .form-input,body[data-theme=light] .form-textarea{background:#fff!important;border:2px solid #e5e7eb!important;color:#1a1a1a!important}body.light-theme .form-input:hover,body.light-theme .form-textarea:hover,body[data-theme=light] .form-input:hover,body[data-theme=light] .form-textarea:hover{border-color:var(--primary-light)!important}body.light-theme .form-input:focus,body.light-theme .form-textarea:focus,body[data-theme=light] .form-input:focus,body[data-theme=light] .form-textarea:focus{border-color:var(--primary)!important;box-shadow:0 0 0 4px #3b82f61a,0 4px 6px -1px #0000001a!important}body.light-theme .grid-pattern,body[data-theme=light] .grid-pattern{opacity:.1!important}body.light-theme .grid-pattern:after,body[data-theme=light] .grid-pattern:after{opacity:.05!important}body.light-theme .mobile-menu,body[data-theme=light] .mobile-menu{background:#fffffffa!important;border-left:1px solid #e5e7eb!important}body.light-theme .mobile-menu a,body[data-theme=light] .mobile-menu a,body.light-theme h1,body.light-theme h2,body.light-theme h3,body.light-theme h4,body[data-theme=light] h1,body[data-theme=light] h2,body[data-theme=light] h3,body[data-theme=light] h4{color:#1a1a1a!important}body.light-theme p,body[data-theme=light] p{color:#4b5563!important}body.light-theme .section-badge,body[data-theme=light] .section-badge{background:#3b82f61a!important;border:1px solid rgba(59,130,246,.2)!important;color:var(--primary)!important;box-shadow:0 0 10px #3b82f61a!important}body.light-theme .section-description,body[data-theme=light] .section-description{color:#4b5563!important}body.light-theme .how-it-works,body[data-theme=light] .how-it-works{background:#fff!important}body.light-theme .step-card,body[data-theme=light] .step-card{background:#fff!important;border:1px solid #e5e7eb!important;box-shadow:0 1px 3px #0000001a!important}body.light-theme .step-card:hover,body[data-theme=light] .step-card:hover{border-color:var(--primary)!important;box-shadow:0 4px 6px -1px #0000001a!important}body.light-theme .step-number,body[data-theme=light] .step-number{background:#3b82f61a!important;color:var(--primary)!important;border:1px solid rgba(59,130,246,.2)!important}body.light-theme .step-title,body[data-theme=light] .step-title{color:#1a1a1a!important}body.light-theme .step-description,body[data-theme=light] .step-description{color:#4b5563!important}body.light-theme .pricing,body[data-theme=light] .pricing{background:#fafbfc!important}body.light-theme .pricing-card,body[data-theme=light] .pricing-card{background:#fff!important;border:1px solid #e5e7eb!important;box-shadow:0 1px 3px #0000001a!important}body.light-theme .pricing-card:hover,body[data-theme=light] .pricing-card:hover{border-color:var(--primary)!important;box-shadow:0 10px 15px -3px #0000001a!important}body.light-theme .pricing-card.featured,body[data-theme=light] .pricing-card.featured{border-color:var(--primary)!important;border-width:2px!important;box-shadow:0 10px 15px -3px #3b82f626!important}body.light-theme .pricing-badge,body[data-theme=light] .pricing-badge{background:var(--gradient-primary)!important;color:#fff!important}body.light-theme .pricing-name,body[data-theme=light] .pricing-name,body.light-theme .pricing-price,body[data-theme=light] .pricing-price{color:#1a1a1a!important}body.light-theme .pricing-period,body[data-theme=light] .pricing-period,body.light-theme .pricing-features,body[data-theme=light] .pricing-features,body.light-theme .pricing-features li,body[data-theme=light] .pricing-features li{color:#4b5563!important}body.light-theme .contact,body[data-theme=light] .contact{background:#fff!important}body.light-theme .contact-divider,body[data-theme=light] .contact-divider{background:#e5e7eb!important}body.light-theme .contact-form,body[data-theme=light] .contact-form{background:#f9fafb!important;border:1px solid #e5e7eb!important}body.light-theme .form-label,body[data-theme=light] .form-label{color:#1a1a1a!important}body.light-theme .form-input,body.light-theme .form-textarea,body[data-theme=light] .form-input,body[data-theme=light] .form-textarea{background:#fff!important;border:1px solid #e5e7eb!important;color:#1a1a1a!important}body.light-theme .form-input::placeholder,body.light-theme .form-textarea::placeholder,body[data-theme=light] .form-input::placeholder,body[data-theme=light] .form-textarea::placeholder{color:#9ca3af!important}body.light-theme .form-input:focus,body.light-theme .form-textarea:focus,body[data-theme=light] .form-input:focus,body[data-theme=light] .form-textarea:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px #3b82f61a!important;outline:none!important}body.light-theme .contact-disclaimer,body[data-theme=light] .contact-disclaimer{color:#6b7280!important}body.light-theme .contact-disclaimer a,body[data-theme=light] .contact-disclaimer a{color:var(--primary)!important}body.light-theme .cta-box,body[data-theme=light] .cta-box{background:#f9fafb!important;border:1px solid #e5e7eb!important}body.light-theme .cta-badge,body[data-theme=light] .cta-badge{background:#3b82f61a!important;color:var(--primary)!important;border:1px solid rgba(59,130,246,.2)!important}body.light-theme .mobile-menu-toggle span,body[data-theme=light] .mobile-menu-toggle span{background:#1a1a1a!important}body.light-theme .mobile-menu-toggle:hover span,body[data-theme=light] .mobile-menu-toggle:hover span{background:var(--primary)!important}body.light-theme .demo,body[data-theme=light] .demo{background:#fff!important;border-top:1px solid #e5e7eb!important}body.light-theme .demo-text,body[data-theme=light] .demo-text{color:#1a1a1a!important}body.light-theme .demo-feature,body[data-theme=light] .demo-feature{color:#4b5563!important}body.light-theme .demo-feature svg,body[data-theme=light] .demo-feature svg{color:var(--success)!important}body.light-theme .demo-image-wrapper,body[data-theme=light] .demo-image-wrapper{background:#f9fafb!important;border:1px solid #e5e7eb!important;box-shadow:0 10px 15px -3px #0000001a!important}body.light-theme .demo-image-wrapper:hover,body[data-theme=light] .demo-image-wrapper:hover{box-shadow:0 20px 25px -5px #0000001a,0 0 40px #3b82f633!important}body.light-theme .demo-window,body[data-theme=light] .demo-window{background:#ffffffe6!important;border:1px solid #e5e7eb!important}body.light-theme .get-started,body[data-theme=light] .get-started{background:#f9fafb!important;border-top:1px solid #e5e7eb!important}body.light-theme .get-started:before,body[data-theme=light] .get-started:before{opacity:.05!important;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")!important}body.light-theme .cta-box,body[data-theme=light] .cta-box{color:#1a1a1a!important}body.light-theme .cta-badge,body[data-theme=light] .cta-badge{background:#3b82f61a!important;border:1px solid rgba(59,130,246,.2)!important;color:var(--primary)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}body.light-theme .cta-title,body[data-theme=light] .cta-title{color:#1a1a1a!important}body.light-theme .cta-description,body[data-theme=light] .cta-description{color:#4b5563!important}body.light-theme .cta-buttons .btn-outline,body[data-theme=light] .cta-buttons .btn-outline{background:transparent!important;color:var(--primary)!important;border-color:var(--primary)!important}body.light-theme .cta-buttons .btn-outline:hover,body[data-theme=light] .cta-buttons .btn-outline:hover{background:var(--primary)!important;color:#fff!important}body.light-theme .cta-note,body[data-theme=light] .cta-note{color:#4b5563!important;opacity:1!important}body.light-theme .cta-note svg,body[data-theme=light] .cta-note svg{color:#4b5563!important}body.light-theme .contact,body[data-theme=light] .contact{background:#fafbfc!important}body.light-theme .contact-title,body[data-theme=light] .contact-title{color:#1a1a1a!important}body.light-theme .contact-subtitle,body[data-theme=light] .contact-subtitle{color:#4b5563!important}body.light-theme .form-submit,body[data-theme=light] .form-submit{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;background-color:#3b82f6!important;color:#fff!important;border:none!important;font-weight:600!important;display:block!important;visibility:visible!important;opacity:1!important}body.light-theme .form-submit:hover,body[data-theme=light] .form-submit:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;background-color:#2563eb!important;opacity:1!important;color:#fff!important;box-shadow:0 15px 30px -5px #3b82f666!important}body.light-theme .form-message.success,body[data-theme=light] .form-message.success{background:#10b9811a!important;border:1px solid rgba(16,185,129,.3)!important;color:#059669!important}body.light-theme .form-message.error,body[data-theme=light] .form-message.error{background:#ef44441a!important;border:1px solid rgba(239,68,68,.3)!important;color:#dc2626!important}