*{margin:0;padding:0;box-sizing:border-box}:root{--primary-blue: #0066FF;--primary-blue-dark: #0052CC;--primary-blue-light: #3385FF;--dark-900: #0A0F1E;--dark-800: #141B2E;--dark-700: #1E2740;--gray-900: #0F172A;--gray-800: #1E293B;--gray-700: #334155;--gray-600: #475569;--gray-500: #64748B;--gray-400: #94A3B8;--gray-300: #CBD5E1;--gray-200: #E2E8F0;--gray-100: #F1F5F9;--gray-50: #F8FAFC;--white: #FFFFFF;--green: #10B981;--orange: #F59E0B;--red: #EF4444;--purple: #8B5CF6;--teal: #14B8A6;--spacing-unit: 8px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:var(--gray-900);background:var(--white);overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 calc(var(--spacing-unit) * 3)}.navbar{position:fixed;top:0;left:0;right:0;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--gray-200);z-index:1000;transition:all .3s ease}.nav-content{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--spacing-unit) * 2) 0}.logo{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 1.5);text-decoration:none}.logo-text{font-size:20px;font-weight:700;color:var(--gray-900)}.nav-links{display:flex;gap:calc(var(--spacing-unit) * 4)}.nav-links a{color:var(--gray-700);text-decoration:none;font-weight:500;font-size:15px;transition:color .2s ease}.nav-links a:hover{color:var(--primary-blue)}.nav-actions{display:flex;gap:calc(var(--spacing-unit) * 2)}.nav-user{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 2)}.user-email{color:var(--gray-700);font-weight:500;font-size:15px;padding:calc(var(--spacing-unit) * 1)}.mobile-menu-btn{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:calc(var(--spacing-unit) * 1)}.mobile-menu-btn span{width:24px;height:2px;background:var(--gray-900);transition:all .3s ease}.btn-primary{background:var(--primary-blue);color:var(--white);border:none;padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 3);border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s ease}.btn-primary:hover{background:var(--primary-blue-dark);transform:translateY(-1px);box-shadow:0 4px 12px #0066ff4d}.btn-secondary{background:transparent;color:var(--gray-700);border:1px solid var(--gray-300);padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 3);border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:var(--gray-50);border-color:var(--gray-400);transform:translateY(-1px)}.btn-secondary-light{background:#ffffff26;color:var(--white);border:1px solid rgba(255,255,255,.3);padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 3);border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s ease}.btn-secondary-light:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-1px)}.btn-large{padding:calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 4);font-size:16px}.btn-full{width:100%}.hero{padding-top:calc(var(--spacing-unit) * 18);padding-bottom:calc(var(--spacing-unit) * 12);background:linear-gradient(180deg,var(--gray-50) 0%,var(--white) 100%)}.hero-content{text-align:center;max-width:900px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:calc(var(--spacing-unit) * 1);padding:calc(var(--spacing-unit) * 1) calc(var(--spacing-unit) * 2);background:var(--white);border:1px solid var(--gray-200);border-radius:100px;font-size:14px;color:var(--gray-700);margin-bottom:calc(var(--spacing-unit) * 3)}.badge-dot{width:8px;height:8px;background:var(--green);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hero-title{font-size:56px;font-weight:700;line-height:1.2;color:var(--gray-900);margin-bottom:calc(var(--spacing-unit) * 3)}.gradient-text{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-blue-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:20px;line-height:1.6;color:var(--gray-600);margin-bottom:calc(var(--spacing-unit) * 5);max-width:700px;margin-left:auto;margin-right:auto}.hero-actions{display:flex;gap:calc(var(--spacing-unit) * 2);justify-content:center;margin-bottom:calc(var(--spacing-unit) * 8)}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--spacing-unit) * 6);max-width:600px;margin:0 auto}.stat{text-align:center}.stat-value{font-size:36px;font-weight:700;color:var(--gray-900);margin-bottom:calc(var(--spacing-unit) * 1)}.stat-label{font-size:14px;color:var(--gray-600)}.logos-section{padding:calc(var(--spacing-unit) * 8) 0;background:var(--white);border-top:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200)}.logos-title{text-align:center;font-size:14px;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:1px;margin-bottom:calc(var(--spacing-unit) * 4)}.logos-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:calc(var(--spacing-unit) * 4)}.logo-item{display:flex;align-items:center;justify-content:center;padding:calc(var(--spacing-unit) * 3);background:var(--gray-50);border-radius:12px;font-weight:600;color:var(--gray-400);transition:all .2s ease}.logo-item:hover{background:var(--white);box-shadow:0 4px 12px #0000000d;color:var(--gray-600)}.section-header{text-align:center;margin-bottom:calc(var(--spacing-unit) * 8)}.section-title{font-size:40px;font-weight:700;color:var(--gray-900);margin-bottom:calc(var(--spacing-unit) * 2);line-height:1.2}.section-description{font-size:18px;color:var(--gray-600);max-width:600px;margin:0 auto}.features{padding:calc(var(--spacing-unit) * 12) 0;background:var(--white)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--spacing-unit) * 4)}.feature-card{padding:calc(var(--spacing-unit) * 4);background:var(--white);border:1px solid var(--gray-200);border-radius:16px;transition:all .3s ease}.feature-card:hover{border-color:var(--primary-blue);box-shadow:0 8px 24px #00000014;transform:translateY(-4px)}.feature-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:calc(var(--spacing-unit) * 3)}.feature-icon.blue{background:#0066ff1a;color:var(--primary-blue)}.feature-icon.green{background:#10b9811a;color:var(--green)}.feature-icon.orange{background:#f59e0b1a;color:var(--orange)}.feature-icon.purple{background:#8b5cf61a;color:var(--purple)}.feature-icon.teal{background:#14b8a61a;color:var(--teal)}.feature-icon.red{background:#ef44441a;color:var(--red)}.feature-title{font-size:20px;font-weight:600;color:var(--gray-900);margin-bottom:calc(var(--spacing-unit) * 2)}.feature-description{font-size:15px;line-height:1.6;color:var(--gray-600)}.integrations{padding:calc(var(--spacing-unit) * 12) 0;background:var(--gray-50)}.integrations-tabs{display:flex;justify-content:center;gap:calc(var(--spacing-unit) * 2);margin-bottom:calc(var(--spacing-unit) * 6)}.tab-btn{padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 4);background:var(--white);border:1px solid var(--gray-300);border-radius:8px;font-weight:600;font-size:15px;color:var(--gray-700);cursor:pointer;transition:all .2s ease}.tab-btn:hover{border-color:var(--gray-400)}.tab-btn.active{background:var(--primary-blue);color:var(--white);border-color:var(--primary-blue)}.integrations-content{position:relative}.tab-content{display:none}.tab-content.active{display:block}.integrations-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:calc(var(--spacing-unit) * 2);margin-bottom:calc(var(--spacing-unit) * 6)}.integration-card{padding:calc(var(--spacing-unit) * 3);background:var(--white);border:1px solid var(--gray-200);border-radius:12px;text-align:center;font-weight:500;font-size:14px;color:var(--gray-700);transition:all .2s ease;cursor:pointer}.integration-card:hover{border-color:var(--primary-blue);box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.view-all{text-align:center}.how-it-works{padding:calc(var(--spacing-unit) * 12) 0;background:var(--white)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--spacing-unit) * 6)}.step{text-align:center}.step-number{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-blue-light) 100%);color:var(--white);font-size:28px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto calc(var(--spacing-unit) * 3)}.step-title{font-size:22px;font-weight:600;color:var(--gray-900);margin-bottom:calc(var(--spacing-unit) * 2)}.step-description{font-size:15px;line-height:1.6;color:var(--gray-600)}.pricing{padding:calc(var(--spacing-unit) * 12) 0;background:var(--gray-50)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--spacing-unit) * 4)}.pricing-card{padding:calc(var(--spacing-unit) * 5);background:var(--white);border:2px solid var(--gray-200);border-radius:16px;position:relative;transition:all .3s ease}.pricing-card:hover{border-color:var(--primary-blue);box-shadow:0 12px 32px #0000001a;transform:translateY(-4px)}.pricing-card.featured{border-color:var(--primary-blue);box-shadow:0 12px 32px #0066ff26}.pricing-badge{position:absolute;top:calc(var(--spacing-unit) * -2);left:50%;transform:translate(-50%);padding:calc(var(--spacing-unit) * 1) calc(var(--spacing-unit) * 2);background:var(--primary-blue);color:var(--white);font-size:13px;font-weight:600;border-radius:100px}.pricing-header{margin-bottom:calc(var(--spacing-unit) * 4);padding-bottom:calc(var(--spacing-unit) * 4);border-bottom:1px solid var(--gray-200)}.pricing-plan{font-size:20px;font-weight:600;color:var(--gray-900);margin-bottom:calc(var(--spacing-unit) * 2)}.pricing-price{display:flex;align-items:baseline;gap:calc(var(--spacing-unit) * 1)}.price-amount{font-size:48px;font-weight:700;color:var(--gray-900)}.price-period{font-size:16px;color:var(--gray-600)}.pricing-features{list-style:none;margin-bottom:calc(var(--spacing-unit) * 4)}.pricing-features li{padding:calc(var(--spacing-unit) * 1.5) 0;font-size:15px;color:var(--gray-700);border-bottom:1px solid var(--gray-100)}.pricing-features li:last-child{border-bottom:none}.testimonials{padding:calc(var(--spacing-unit) * 12) 0;background:var(--white)}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--spacing-unit) * 4)}.testimonial-card{padding:calc(var(--spacing-unit) * 4);background:var(--gray-50);border-radius:16px;transition:all .3s ease}.testimonial-card:hover{background:var(--white);box-shadow:0 8px 24px #00000014;transform:translateY(-4px)}.testimonial-stars{color:var(--orange);font-size:20px;margin-bottom:calc(var(--spacing-unit) * 2)}.testimonial-text{font-size:15px;line-height:1.6;color:var(--gray-700);margin-bottom:calc(var(--spacing-unit) * 3)}.testimonial-author{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * .5)}.testimonial-author strong{font-size:15px;font-weight:600;color:var(--gray-900)}.testimonial-author span{font-size:14px;color:var(--gray-600)}.cta{padding:calc(var(--spacing-unit) * 12) 0;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-blue-light) 100%);color:var(--white)}.cta-content{text-align:center;max-width:800px;margin:0 auto}.cta-title{font-size:40px;font-weight:700;color:var(--white);margin-bottom:calc(var(--spacing-unit) * 2);line-height:1.2}.cta-description{font-size:18px;color:#ffffffe6;margin-bottom:calc(var(--spacing-unit) * 5)}.cta-actions{display:flex;gap:calc(var(--spacing-unit) * 2);justify-content:center;margin-bottom:calc(var(--spacing-unit) * 3)}.cta-note{font-size:14px;color:#fffc}.footer{padding:calc(var(--spacing-unit) * 8) 0 calc(var(--spacing-unit) * 4);background:var(--gray-900);color:var(--gray-400)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:calc(var(--spacing-unit) * 6);margin-bottom:calc(var(--spacing-unit) * 6)}.footer-logo{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 1.5);margin-bottom:calc(var(--spacing-unit) * 2)}.footer-logo .logo-text{color:var(--white)}.footer-description{font-size:14px;line-height:1.6;color:var(--gray-400)}.footer-column h4{font-size:14px;font-weight:600;color:var(--white);margin-bottom:calc(var(--spacing-unit) * 2);text-transform:uppercase;letter-spacing:.5px}.footer-column ul{list-style:none}.footer-column ul li{margin-bottom:calc(var(--spacing-unit) * 1.5)}.footer-column ul li a{color:var(--gray-400);text-decoration:none;font-size:14px;transition:color .2s ease}.footer-column ul li a:hover{color:var(--white)}.footer-bottom{padding-top:calc(var(--spacing-unit) * 4);border-top:1px solid var(--gray-800);text-align:center}.footer-bottom p{font-size:14px;color:var(--gray-500)}.contact-section{padding:calc(var(--spacing-unit) * 12) 0;background:var(--gray-50)}.contact-content{display:grid;grid-template-columns:1fr 1.2fr;gap:calc(var(--spacing-unit) * 8);align-items:start}.contact-info{position:sticky;top:calc(var(--spacing-unit) * 12)}.contact-title{font-size:36px;font-weight:700;color:var(--gray-900);margin-bottom:calc(var(--spacing-unit) * 3);line-height:1.2}.contact-description{font-size:18px;line-height:1.6;color:var(--gray-600);margin-bottom:calc(var(--spacing-unit) * 4)}.contact-benefits{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 2)}.benefit-item{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 1.5);color:var(--gray-700);font-size:15px}.benefit-item svg{color:var(--green);flex-shrink:0}.contact-form-container{background:var(--white);padding:calc(var(--spacing-unit) * 5);border-radius:16px;box-shadow:0 4px 24px #0000000f}.contact-form{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 3)}.form-group{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 1)}.form-group label{font-size:14px;font-weight:600;color:var(--gray-900)}.form-group input,.form-group textarea{padding:calc(var(--spacing-unit) * 1.5);border:1px solid var(--gray-300);border-radius:8px;font-size:15px;font-family:inherit;color:var(--gray-900);transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #0066ff1a}.form-group textarea{resize:vertical;min-height:100px}.checkbox-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:calc(var(--spacing-unit) * 1.5);padding:calc(var(--spacing-unit) * 2);background:var(--gray-50);border-radius:8px}.checkbox-item{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 1);cursor:pointer;padding:calc(var(--spacing-unit) * 1);border-radius:6px;transition:background .2s ease}.checkbox-item:hover{background:var(--white)}.checkbox-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-blue)}.checkbox-item span{font-size:14px;color:var(--gray-700)}.form-message{padding:calc(var(--spacing-unit) * 2);border-radius:8px;font-size:14px;text-align:center;display:none;animation:slideDown .3s ease}.form-message.success{display:block;background:#10b9811a;color:var(--green);border:1px solid rgba(16,185,129,.3)}.form-message.error{display:block;background:#ef44441a;color:var(--red);border:1px solid rgba(239,68,68,.3)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}#submitBtn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 1024px){.nav-links,.nav-actions{display:none}.mobile-menu-btn{display:flex}.hero-title{font-size:40px}.hero-description{font-size:18px}.features-grid{grid-template-columns:repeat(2,1fr)}.integrations-grid{grid-template-columns:repeat(4,1fr)}.steps-grid{grid-template-columns:1fr;gap:calc(var(--spacing-unit) * 8)}.pricing-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}.testimonials-grid{grid-template-columns:1fr}.footer-content{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.hero-title{font-size:32px}.hero-actions{flex-direction:column;gap:calc(var(--spacing-unit) * 2)}.hero-actions button{width:100%}.hero-stats{grid-template-columns:1fr;gap:calc(var(--spacing-unit) * 4)}.logos-grid{grid-template-columns:repeat(2,1fr)}.features-grid{grid-template-columns:1fr}.integrations-grid{grid-template-columns:repeat(2,1fr)}.section-title,.cta-title{font-size:32px}.cta-actions{flex-direction:column}.cta-actions button{width:100%}.footer-content{grid-template-columns:1fr}.contact-content{grid-template-columns:1fr;gap:calc(var(--spacing-unit) * 4)}.contact-info{position:relative;top:0}.checkbox-grid{grid-template-columns:1fr}}