*{margin:0;padding:0;box-sizing:border-box}:root{--navy: #0f172a;--dark-navy: #020617;--light-navy: #1e293b;--blue: #3b82f6;--blue-light: #60a5fa;--white: #ffffff;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--spacing: 8px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--navy);background:var(--white);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 calc(var(--spacing) * 3)}.navigation{position:fixed;top:0;left:0;right:0;z-index:1000;background:transparent;transition:all .3s ease}.navigation.scrolled{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 1px 3px #0000000d}.nav-content{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--spacing) * 2) 0}.logo{display:flex;align-items:center;gap:calc(var(--spacing) * 1.5);font-size:20px;font-weight:600;color:var(--navy)}.logo img{width:32px;height:32px;object-fit:contain}.nav-links{display:flex;gap:calc(var(--spacing) * 4)}.nav-links a{color:var(--gray-600);text-decoration:none;font-size:15px;font-weight:500;transition:color .2s ease}.nav-links a:hover{color:var(--navy)}.btn-primary{background:var(--blue);color:var(--white);border:none;padding:calc(var(--spacing) * 1.5) calc(var(--spacing) * 3);border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit;text-decoration:none;display:inline-block}.btn-primary:hover{background:var(--blue-light);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-secondary{background:transparent;color:var(--navy);border:2px solid var(--gray-300);padding:calc(var(--spacing) * 1.5) calc(var(--spacing) * 3);border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit;text-decoration:none;display:inline-block}.btn-secondary:hover{border-color:var(--navy);transform:translateY(-1px)}.btn-large{padding:calc(var(--spacing) * 2) calc(var(--spacing) * 4);font-size:16px}.hero{position:relative;min-height:100vh;display:flex;align-items:center;background:linear-gradient(135deg,var(--gray-50) 0%,var(--white) 100%);overflow:hidden}.hero-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.hero-content{position:relative;z-index:1;padding:calc(var(--spacing) * 10) 0}.hero-text{max-width:700px}.hero-title{font-size:64px;font-weight:700;line-height:1.1;color:var(--navy);margin-bottom:calc(var(--spacing) * 3);letter-spacing:-.02em}.hero-subtitle{font-size:20px;line-height:1.6;color:var(--gray-600);margin-bottom:calc(var(--spacing) * 5);max-width:600px}.hero-cta{display:flex;gap:calc(var(--spacing) * 2);margin-bottom:calc(var(--spacing) * 6)}.trust-indicators{display:flex;gap:calc(var(--spacing) * 4);flex-wrap:wrap}.trust-item{display:flex;align-items:center;gap:calc(var(--spacing));color:var(--gray-600);font-size:14px;font-weight:500}.trust-item svg{color:var(--blue)}.trust-section{padding:calc(var(--spacing) * 10) 0;background:var(--white);border-top:1px solid var(--gray-200)}.trust-text{text-align:center;font-size:14px;text-transform:uppercase;letter-spacing:.1em;color:var(--gray-500);margin-bottom:calc(var(--spacing) * 4);font-weight:600}.trust-logos{display:flex;justify-content:center;align-items:center;gap:calc(var(--spacing) * 6);margin-bottom:calc(var(--spacing) * 8);flex-wrap:wrap}.trust-logo{font-size:14px;font-weight:700;color:var(--gray-400);letter-spacing:.05em;padding:calc(var(--spacing) * 2) calc(var(--spacing) * 3);border:2px solid var(--gray-200);border-radius:8px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:calc(var(--spacing) * 3)}.stat-card{text-align:center;padding:calc(var(--spacing) * 4);background:var(--gray-50);border-radius:12px;border:1px solid var(--gray-200)}.stat-number{font-size:48px;font-weight:700;color:var(--blue);margin-bottom:calc(var(--spacing))}.stat-label{font-size:16px;color:var(--gray-600)}.services{padding:calc(var(--spacing) * 12) 0;background:var(--gray-50)}.section-title{text-align:center;font-size:48px;font-weight:700;color:var(--navy);margin-bottom:calc(var(--spacing) * 8);letter-spacing:-.02em}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:calc(var(--spacing) * 3);max-width:1400px;margin:0 auto}.service-card{background:var(--white);padding:calc(var(--spacing) * 5);border-radius:16px;border:1px solid var(--gray-200);transition:all .3s ease}.service-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000014;border-color:var(--blue)}.service-icon{color:var(--blue);margin-bottom:calc(var(--spacing) * 2)}.service-title{font-size:20px;font-weight:600;color:var(--navy);margin-bottom:calc(var(--spacing) * 1.5)}.service-description{font-size:15px;color:var(--gray-600);line-height:1.6}.how-it-works{padding:calc(var(--spacing) * 12) 0;background:var(--white)}.steps-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:calc(var(--spacing) * 4);position:relative}.step-card{position:relative;padding:calc(var(--spacing) * 4);text-align:center}.step-number{font-size:72px;font-weight:700;color:var(--gray-200);margin-bottom:calc(var(--spacing) * 2);line-height:1}.step-title{font-size:24px;font-weight:600;color:var(--navy);margin-bottom:calc(var(--spacing) * 2)}.step-description{font-size:16px;color:var(--gray-600);line-height:1.6}.step-connector{position:absolute;top:50%;right:-calc(var(--spacing) * 2);width:calc(var(--spacing) * 4);height:2px;background:var(--gray-200);transform:translateY(-50%)}.benefits{padding:calc(var(--spacing) * 12) 0;background:var(--gray-50)}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:calc(var(--spacing) * 3)}.benefit-card{background:var(--white);padding:calc(var(--spacing) * 4);border-radius:12px;border:1px solid var(--gray-200);transition:all .3s ease}.benefit-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000000f}.benefit-icon{color:var(--blue);margin-bottom:calc(var(--spacing) * 2)}.benefit-title{font-size:18px;font-weight:600;color:var(--navy);margin-bottom:calc(var(--spacing))}.benefit-description{font-size:14px;color:var(--gray-600);line-height:1.6}.integrations{padding:calc(var(--spacing) * 12) 0;background:var(--white)}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:calc(var(--spacing) * 2);max-width:800px;margin:0 auto}.integration-card{display:flex;flex-direction:column;align-items:center;gap:calc(var(--spacing) * 1.5);padding:calc(var(--spacing) * 3);background:var(--gray-50);border:1px solid var(--gray-200);border-radius:12px;transition:all .2s ease}.integration-card:hover{background:var(--white);border-color:var(--blue);transform:translateY(-2px)}.integration-icon{color:var(--blue)}.integration-name{font-size:14px;font-weight:500;color:var(--gray-700)}.testimonials{padding:calc(var(--spacing) * 12) 0;background:var(--gray-50)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:calc(var(--spacing) * 4)}.testimonial-card{background:var(--white);padding:calc(var(--spacing) * 5);border-radius:16px;border:1px solid var(--gray-200);transition:all .3s ease}.testimonial-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000014}.testimonial-quote{font-size:16px;line-height:1.7;color:var(--gray-700);margin-bottom:calc(var(--spacing) * 3)}.testimonial-author{display:flex;align-items:center;gap:calc(var(--spacing) * 2)}.author-avatar{width:48px;height:48px;border-radius:50%;background:var(--blue);color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.author-info{flex:1}.author-name{font-size:15px;font-weight:600;color:var(--navy);margin-bottom:2px}.author-role{font-size:13px;color:var(--gray-500)}.final-cta{padding:calc(var(--spacing) * 15) 0;background:linear-gradient(135deg,var(--navy) 0%,var(--dark-navy) 100%);color:var(--white)}.cta-content{text-align:center;max-width:700px;margin:0 auto}.cta-title{font-size:48px;font-weight:700;margin-bottom:calc(var(--spacing) * 3);letter-spacing:-.02em}.cta-subtitle{font-size:20px;line-height:1.6;color:var(--gray-300);margin-bottom:calc(var(--spacing) * 5)}.footer{background:var(--dark-navy);color:var(--gray-300);padding:calc(var(--spacing) * 8) 0 calc(var(--spacing) * 4) 0}.footer-content{display:grid;grid-template-columns:1.5fr 1fr;gap:calc(var(--spacing) * 6);margin-bottom:calc(var(--spacing) * 6)}.footer-brand{max-width:400px}.footer-logo{display:flex;align-items:center;gap:calc(var(--spacing) * 1.5);font-size:18px;font-weight:600;color:var(--white);margin-bottom:calc(var(--spacing) * 2)}.footer-logo img{width:32px;height:32px;object-fit:contain}.footer-tagline{font-size:14px;line-height:1.6}.footer-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:calc(var(--spacing) * 4)}.footer-column h4{font-size:14px;font-weight:600;color:var(--white);margin-bottom:calc(var(--spacing) * 2);text-transform:uppercase;letter-spacing:.05em}.footer-column a{display:block;color:var(--gray-400);text-decoration:none;font-size:14px;margin-bottom:calc(var(--spacing) * 1.5);transition:color .2s ease}.footer-column a:hover{color:var(--white)}.social-links{display:flex;gap:calc(var(--spacing) * 2);margin-top:calc(var(--spacing) * 2)}.social-links a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--light-navy);border-radius:8px;transition:all .2s ease}.social-links a:hover{background:var(--blue);transform:translateY(-2px)}.footer-bottom{padding-top:calc(var(--spacing) * 4);border-top:1px solid var(--light-navy);text-align:center;font-size:14px;color:var(--gray-500)}.contact-section{padding:calc(var(--spacing) * 12) 0;background:var(--white)}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--spacing) * 8);align-items:start}.contact-info h2{font-size:48px;font-weight:700;color:var(--navy);margin-bottom:calc(var(--spacing) * 3);letter-spacing:-.02em}.contact-info .subtitle{font-size:18px;line-height:1.6;color:var(--gray-600);margin-bottom:calc(var(--spacing) * 5)}.contact-details{display:flex;flex-direction:column;gap:calc(var(--spacing) * 3)}.contact-item{display:flex;align-items:flex-start;gap:calc(var(--spacing) * 2)}.contact-icon{font-size:32px;flex-shrink:0}.contact-item h3{font-size:16px;font-weight:600;color:var(--navy);margin-bottom:4px}.contact-item p{font-size:15px;color:var(--gray-600)}.contact-form-wrapper{background:var(--gray-50);padding:calc(var(--spacing) * 5);border-radius:16px;border:1px solid var(--gray-200)}.contact-form{display:flex;flex-direction:column;gap:calc(var(--spacing) * 3)}.form-group{display:flex;flex-direction:column;gap:calc(var(--spacing))}.form-group label{font-size:14px;font-weight:600;color:var(--navy)}.form-group input,.form-group textarea{padding:calc(var(--spacing) * 1.5);border:1px solid var(--gray-300);border-radius:8px;font-size:15px;font-family:inherit;transition:border-color .2s ease;background:var(--white)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--blue)}.form-group textarea{resize:vertical;min-height:120px}.btn-full{width:100%;justify-content:center}.btn-primary:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.nav-links{display:none}.hero-title{font-size:40px}.hero-subtitle{font-size:18px}.hero-cta{flex-direction:column}.section-title{font-size:32px}.services-grid,.benefits-grid,.testimonials-grid,.steps-container{grid-template-columns:1fr}.step-connector{display:none}.footer-content{grid-template-columns:1fr}.cta-title{font-size:32px}.cta-subtitle{font-size:16px}.contact-content{grid-template-columns:1fr;gap:calc(var(--spacing) * 5)}.contact-info h2{font-size:32px}}@media (max-width: 480px){.container{padding:0 calc(var(--spacing) * 2)}.hero-title{font-size:32px}.trust-logos{flex-direction:column;gap:calc(var(--spacing) * 2)}}