.App{min-height:100vh;background:var(--white)}.btn{padding:14px 32px;font-size:1rem;font-weight:600;border-radius:8px;transition:all .3s ease;display:inline-block;text-align:center}.btn-primary{background:var(--gradient-1);color:var(--white);box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--white);color:var(--primary-color);border:2px solid var(--primary-color)}.btn-secondary:hover{background:var(--primary-color);color:var(--white)}.btn-success{background:var(--gradient-2);color:var(--white);box-shadow:var(--shadow-md)}.btn-success:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.badge{display:inline-block;padding:6px 16px;background:var(--accent-color);color:var(--white);border-radius:20px;font-size:.875rem;font-weight:600;margin-bottom:20px}.card{background:var(--white);border-radius:12px;padding:30px;box-shadow:var(--shadow-md);transition:all .3s ease}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.icon-box{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;margin-bottom:20px}.icon-box.primary{background:linear-gradient(135deg,#4a90e21a,#357abd1a);color:var(--primary-color)}.icon-box.success{background:linear-gradient(135deg,#50c8781a,#3da35d1a);color:var(--secondary-color)}.icon-box.accent{background:linear-gradient(135deg,#f5a6231a,#e67e221a);color:var(--accent-color)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}@media (max-width: 992px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.btn{padding:12px 24px;font-size:.95rem}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:transparent;transition:all .3s ease;padding:20px 0}.navbar.scrolled{background:#fffffffa;box-shadow:var(--shadow-md);padding:15px 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar-content{display:flex;justify-content:space-between;align-items:center}.navbar-brand{display:flex;align-items:center;gap:10px;font-size:1.5rem;font-weight:700;color:var(--dark-color)}.logo-icon{font-size:2rem}.navbar-menu{display:flex;align-items:center;gap:35px}.nav-link{color:var(--dark-color);font-weight:500;transition:color .3s ease;cursor:pointer}.nav-link:hover{color:var(--primary-color)}.nav-cta{margin-left:10px}.mobile-menu-toggle{display:none;background:none;font-size:1.8rem;color:var(--dark-color)}@media (max-width: 768px){.mobile-menu-toggle{display:block}.navbar-menu{position:fixed;top:70px;left:0;right:0;background:var(--white);flex-direction:column;padding:30px;box-shadow:var(--shadow-lg);transform:translateY(-120%);opacity:0;transition:all .3s ease}.navbar-menu.active{transform:translateY(0);opacity:1}.nav-link{width:100%;padding:12px 0;text-align:center;border-bottom:1px solid var(--light-color)}.nav-cta{margin-left:0;margin-top:10px;width:100%}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:100px;overflow:hidden;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:0}.hero-shape{position:absolute;border-radius:50%;opacity:.1}.hero-shape-1{width:500px;height:500px;background:var(--primary-color);top:-200px;right:-100px;animation:float 20s ease-in-out infinite}.hero-shape-2{width:300px;height:300px;background:var(--secondary-color);bottom:-100px;left:-50px;animation:float 15s ease-in-out infinite reverse}.hero-shape-3{width:200px;height:200px;background:var(--accent-color);top:50%;left:50%;animation:float 25s ease-in-out infinite}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.hero-content{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-text h1{font-size:3.5rem;margin-bottom:25px;line-height:1.2}.hero-subtitle{font-size:1.25rem;color:#555;margin-bottom:40px;line-height:1.8}.hero-stats{display:flex;gap:40px;margin-bottom:40px}.stat{text-align:center}.stat-number{font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:5px}.stat-label{font-size:.9rem;color:#666;font-weight:500}.hero-cta{display:flex;gap:20px;margin-bottom:40px}.btn-lg{padding:16px 40px;font-size:1.1rem}.hero-trust{text-align:center}.hero-trust p{font-size:.9rem;color:#666;margin-bottom:15px}.trust-badges{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.trust-badge{padding:8px 16px;background:#4a90e21a;border-radius:20px;font-size:.85rem;font-weight:600;color:var(--primary-color)}.hero-mockup{position:relative;height:600px}.mockup-browser{position:absolute;top:0;left:0;right:0;background:var(--white);border-radius:12px;box-shadow:0 20px 60px #0003;overflow:hidden;animation:slideInRight .8s ease-out}.browser-header{background:#f5f5f5;padding:12px 15px;display:flex;align-items:center;gap:15px;border-bottom:1px solid #ddd}.browser-dots{display:flex;gap:6px}.browser-dots span{width:12px;height:12px;border-radius:50%;background:#ddd}.browser-dots span:nth-child(1){background:#ff5f56}.browser-dots span:nth-child(2){background:#ffbd2e}.browser-dots span:nth-child(3){background:#27c93f}.browser-url{flex:1;background:var(--white);padding:6px 12px;border-radius:6px;font-size:.85rem;color:#666}.browser-content{height:400px;background:#fafafa}.dashboard-preview{display:flex;height:100%}.dashboard-sidebar{width:80px;background:var(--dark-color);padding:20px 15px;display:flex;flex-direction:column;gap:15px}.sidebar-item{height:40px;background:#ffffff1a;border-radius:8px}.sidebar-item.active{background:var(--primary-color)}.dashboard-main{flex:1;padding:20px}.dashboard-header{height:60px;background:var(--white);border-radius:8px;margin-bottom:20px}.dashboard-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.dashboard-card{height:100px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:8px}.dashboard-chart{height:180px;background:var(--white);border-radius:8px}.mockup-mobile{position:absolute;bottom:-20px;right:-30px;width:200px;height:400px;background:var(--dark-color);border-radius:25px;padding:15px;box-shadow:0 20px 60px #0000004d;animation:slideInRight 1s ease-out .3s both}.mobile-header{height:60px;background:var(--primary-color);border-radius:15px 15px 0 0;margin-bottom:10px}.mobile-content{display:flex;flex-direction:column;gap:10px}.mobile-card{height:80px;background:#ffffff1a;border-radius:10px}@media (max-width: 992px){.hero-content{grid-template-columns:1fr;gap:40px}.hero-text h1{font-size:2.5rem}.hero-mockup{height:500px}.mockup-mobile{width:150px;height:300px}}@media (max-width: 768px){.hero{padding-top:80px;min-height:auto}.hero-text h1{font-size:2rem}.hero-subtitle{font-size:1.1rem}.hero-stats{gap:20px}.stat-number{font-size:2rem}.hero-cta{flex-direction:column}.hero-cta .btn{width:100%}.hero-mockup{height:400px}.mockup-mobile{display:none}}.features{background:var(--white)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:60px}.feature-card{text-align:center;animation:fadeInUp .6s ease-out both}.feature-card h3{margin-bottom:15px;font-size:1.3rem}.feature-card p{color:#666;line-height:1.7;margin-bottom:0}.features-cta{text-align:center;padding:60px 40px;background:linear-gradient(135deg,#4a90e20d,#50c8780d);border-radius:16px;margin-top:40px}.features-cta h3{margin-bottom:25px;font-size:1.8rem}@media (max-width: 768px){.features-grid{grid-template-columns:1fr}.features-cta{padding:40px 20px}.features-cta h3{font-size:1.5rem}}.how-it-works{background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.steps-container{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-bottom:60px;position:relative}.step-item{position:relative;text-align:center}.step-icon{width:120px;height:120px;margin:0 auto 25px;background:var(--white);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);position:relative;z-index:2}.step-number{position:absolute;top:-10px;right:-10px;width:40px;height:40px;background:var(--gradient-1);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;box-shadow:var(--shadow-md)}.step-emoji{font-size:3rem}.step-content h3{margin-bottom:15px;font-size:1.4rem}.step-content p{color:#666;line-height:1.7}.step-connector{position:absolute;top:60px;left:60%;width:80%;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));z-index:1}.how-it-works-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:60px}.stat-box{background:var(--white);padding:40px 20px;border-radius:12px;text-align:center;box-shadow:var(--shadow-md);transition:transform .3s ease}.stat-box:hover{transform:translateY(-5px)}.stat-icon{font-size:3rem;margin-bottom:15px}.stat-value{font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:10px}.stat-label{color:#666;font-weight:500}@media (max-width: 992px){.steps-container{grid-template-columns:repeat(2,1fr)}.step-connector{display:none}.how-it-works-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.steps-container,.how-it-works-stats{grid-template-columns:1fr}.stat-box{padding:30px 20px}}.pricing{background:var(--white)}.billing-toggle{display:flex;justify-content:center;gap:0;margin-bottom:50px;background:var(--light-color);padding:6px;border-radius:50px;width:fit-content;margin-left:auto;margin-right:auto}.billing-toggle button{padding:12px 30px;background:transparent;color:var(--text-color);border-radius:50px;font-weight:600;transition:all .3s ease;position:relative}.billing-toggle button.active{background:var(--white);color:var(--primary-color);box-shadow:var(--shadow-sm)}.save-badge{display:inline-block;padding:2px 8px;background:var(--secondary-color);color:var(--white);border-radius:12px;font-size:.75rem;margin-left:8px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:60px}.pricing-card{position:relative;display:flex;flex-direction:column;transition:all .3s ease}.pricing-card.popular{border:3px solid var(--secondary-color);transform:scale(1.05)}.popular-badge{position:absolute;top:-15px;left:50%;transform:translate(-50%);background:var(--gradient-2);color:var(--white);padding:8px 24px;border-radius:20px;font-weight:700;font-size:.85rem;box-shadow:var(--shadow-md)}.pricing-header h3{font-size:1.8rem;margin-bottom:10px}.pricing-tagline{color:#666;font-size:.95rem;margin-bottom:25px}.pricing-price{text-align:center;margin-bottom:25px;padding-bottom:25px;border-bottom:2px solid var(--light-color)}.price-amount{display:flex;align-items:flex-start;justify-content:center;margin-bottom:10px}.currency{font-size:1.5rem;font-weight:700;color:var(--primary-color);margin-top:10px}.amount{font-size:3.5rem;font-weight:700;color:var(--primary-color);line-height:1}.custom-price{font-size:2.5rem;font-weight:700;color:var(--primary-color)}.price-unit{color:#666;font-size:.95rem}.base-price{color:#888;font-size:.85rem;margin-top:8px}.pricing-description{text-align:center;color:#666;margin-bottom:25px;font-size:.95rem}.pricing-features{list-style:none;margin-bottom:30px;flex:1}.pricing-features li{padding:12px 0;color:#555;display:flex;align-items:flex-start;gap:12px;line-height:1.6}.check-icon{color:var(--secondary-color);font-weight:700;font-size:1.2rem;flex-shrink:0}.btn-block{width:100%}.pricing-faq{background:linear-gradient(135deg,#4a90e20d,#50c8780d);padding:60px 40px;border-radius:16px;margin-top:40px}.pricing-faq h3{text-align:center;margin-bottom:40px;font-size:2rem}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.faq-item h4{margin-bottom:12px;color:var(--primary-color);font-size:1.1rem}.faq-item p{color:#666;line-height:1.7;margin-bottom:0}@media (max-width: 992px){.pricing-grid{grid-template-columns:1fr}.pricing-card.popular{transform:scale(1)}.faq-grid{grid-template-columns:1fr}}@media (max-width: 768px){.billing-toggle{width:100%}.billing-toggle button{flex:1;padding:10px 15px;font-size:.9rem}.save-badge{display:block;margin-left:0;margin-top:4px}.pricing-faq{padding:40px 20px}}.testimonials{background:linear-gradient(135deg,#667eea,#764ba2);color:var(--white)}.testimonials .section-title h2,.testimonials .section-title p{color:var(--white)}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:60px}.testimonial-card{background:#fffffff2;color:var(--text-color)}.testimonial-header{display:flex;align-items:center;gap:15px;margin-bottom:20px}.testimonial-avatar{width:60px;height:60px;border-radius:50%;background:var(--gradient-1);display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0}.testimonial-info h4{margin-bottom:5px;font-size:1.1rem}.testimonial-role{font-size:.9rem;color:#666;margin-bottom:2px}.testimonial-company{font-size:.85rem;color:var(--primary-color);font-weight:600;margin-bottom:0}.testimonial-rating{margin-bottom:15px}.star{font-size:1.2rem}.testimonial-text{font-style:italic;color:#555;line-height:1.7;margin-bottom:20px}.testimonial-highlight{background:linear-gradient(135deg,#4a90e21a,#50c8781a);padding:15px;border-radius:8px;font-weight:600;color:var(--primary-color);display:flex;align-items:center;gap:10px;font-size:.95rem}.highlight-icon{font-size:1.5rem}.testimonials-stats{display:flex;justify-content:center;gap:80px;margin-top:60px}.testimonial-stat{text-align:center}.testimonial-stat .stat-number{font-size:3rem;font-weight:700;color:var(--white);margin-bottom:10px}.testimonial-stat .stat-label{color:#ffffffe6;font-size:1.1rem}@media (max-width: 992px){.testimonials-grid{grid-template-columns:1fr}.testimonials-stats{gap:40px}}@media (max-width: 768px){.testimonials-stats{flex-direction:column;gap:30px}}.demo-request{background:var(--white)}.demo-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.demo-info h2{font-size:2.5rem;margin-bottom:20px}.demo-subtitle{font-size:1.2rem;color:#666;margin-bottom:40px;line-height:1.8}.demo-benefits{margin-bottom:40px}.benefit-item{display:flex;gap:15px;margin-bottom:25px}.benefit-icon{width:40px;height:40px;background:var(--gradient-2);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;flex-shrink:0}.benefit-item h4{margin-bottom:5px;font-size:1.1rem}.benefit-item p{color:#666;margin-bottom:0;font-size:.95rem}.demo-trust{text-align:center;padding:30px;background:linear-gradient(135deg,#4a90e20d,#50c8780d);border-radius:12px}.demo-trust p{font-weight:600;margin-bottom:15px}.trust-logos{display:flex;justify-content:center;gap:20px}.trust-logo{width:50px;height:50px;background:var(--white);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:var(--shadow-sm)}.demo-form-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:40px;border-radius:16px;box-shadow:var(--shadow-lg)}.demo-form h3{text-align:center;margin-bottom:30px;font-size:1.8rem}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--dark-color)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:14px 16px;border:2px solid #ddd;border-radius:8px;font-size:1rem;font-family:inherit;transition:all .3s ease;background:var(--white)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4a90e21a}.form-group textarea{resize:vertical}.form-message{margin-top:20px;padding:15px;border-radius:8px;text-align:center;font-weight:600}.form-message.success{background:#50c8781a;color:var(--secondary-color);border:2px solid var(--secondary-color)}.form-message.error{background:#e74c3c1a;color:#e74c3c;border:2px solid #e74c3c}.form-note{text-align:center;font-size:.85rem;color:#888;margin-top:20px;margin-bottom:0}@media (max-width: 992px){.demo-content{grid-template-columns:1fr;gap:40px}.demo-form-container{padding:30px}}@media (max-width: 768px){.demo-info h2{font-size:2rem}.demo-subtitle{font-size:1.1rem}.demo-form-container{padding:25px}.demo-form h3{font-size:1.5rem}}.footer{background:var(--dark-color);color:var(--white);padding:80px 0 30px}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:40px;margin-bottom:60px}.footer-brand{display:flex;align-items:center;gap:10px;font-size:1.5rem;font-weight:700;margin-bottom:20px}.footer-description{color:#ffffffb3;line-height:1.7;margin-bottom:25px}.footer-social{display:flex;gap:15px}.social-link{width:40px;height:40px;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .3s ease}.social-link:hover{background:var(--primary-color);transform:translateY(-3px)}.footer-column h4{color:var(--white);margin-bottom:20px;font-size:1.1rem}.footer-links{list-style:none}.footer-links li{margin-bottom:12px}.footer-links a{color:#ffffffb3;transition:color .3s ease;cursor:pointer}.footer-links a:hover{color:var(--white)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:30px;border-top:1px solid rgba(255,255,255,.1)}.footer-bottom-left p{color:#fff9;margin-bottom:10px}.footer-legal{display:flex;gap:15px;align-items:center}.footer-legal a{color:#fff9;font-size:.9rem;transition:color .3s ease}.footer-legal a:hover{color:var(--white)}.separator{color:#ffffff4d}.footer-badges{display:flex;gap:15px;flex-wrap:wrap}.footer-badge{padding:8px 16px;background:#ffffff1a;border-radius:20px;font-size:.85rem;font-weight:600}@media (max-width: 992px){.footer-content{grid-template-columns:repeat(2,1fr)}.footer-column:first-child{grid-column:1 / -1}.footer-bottom{flex-direction:column;gap:20px;text-align:center}.footer-legal,.footer-badges{justify-content:center}}@media (max-width: 768px){.footer{padding:60px 0 30px}.footer-content{grid-template-columns:1fr;gap:30px}.footer-column:first-child{grid-column:1}.footer-social{justify-content:center}.footer-legal{flex-direction:column;gap:10px}.separator{display:none}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #4A90E2;--secondary-color: #50C878;--accent-color: #F5A623;--dark-color: #2C3E50;--light-color: #ECF0F1;--text-color: #333;--white: #ffffff;--gradient-1: linear-gradient(135deg, #4A90E2 0%, #357ABD 100%);--gradient-2: linear-gradient(135deg, #50C878 0%, #3DA35D 100%);--shadow-sm: 0 2px 4px rgba(0,0,0,.1);--shadow-md: 0 4px 6px rgba(0,0,0,.1);--shadow-lg: 0 10px 25px rgba(0,0,0,.15)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-color);line-height:1.6;overflow-x:hidden}html{scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--dark-color)}h1{font-size:3.5rem}h2{font-size:2.5rem}h3{font-size:1.75rem}p{margin-bottom:1rem}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;outline:none;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:80px 0}.section-title{text-align:center;margin-bottom:60px}.section-title h2{margin-bottom:15px}.section-title p{font-size:1.2rem;color:#666;max-width:700px;margin:0 auto}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.fade-in-up{animation:fadeInUp .6s ease-out}.fade-in{animation:fadeIn .6s ease-out}@media (max-width: 768px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}.section{padding:60px 0}.section-title{margin-bottom:40px}}@media (max-width: 480px){h1{font-size:2rem}h2{font-size:1.75rem}.section{padding:40px 0}}