@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateX(-50%) translateY(0)}40%{transform:translateX(-50%) translateY(-10px)}60%{transform:translateX(-50%) translateY(-5px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;line-height:1.6;color:#1e293b;background-color:#fff;overflow-x:hidden}:root{--primary-color:#2563EB;--primary-dark:#2563EB;--secondary-color:#4F46E5;--secondary-dark:#4F46E5;--accent-color:#4F46E5;--text-dark:#1E293B;--text-light:#7f8c8d;--background-light:#f8f9fa;--white:#ffffff;--shadow:0 4px 20px rgba(0, 0, 0, 0.1);--shadow-hover:0 8px 30px rgba(0, 0, 0, 0.15);--border-radius:8px;--border-radius-large:16px;--transition:all 0.3s ease;--container-max-width:1200px}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 20px}.navbar{position:fixed;top:0;width:100%;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);box-shadow:var(--shadow);z-index:1000;transition:var(--transition)}.navbar.scrolled{background:var(--white);box-shadow:var(--shadow-hover)}.nav-brand,.nav-container{display:flex;align-items:center}.nav-container{max-width:var(--container-max-width);margin:0 auto;padding:0 20px;justify-content:space-between;height:70px}.nav-brand{gap:12px;font-weight:700;font-size:1.5rem;color:var(--text-dark);text-decoration:none}.logo{width:57px;height:45px}.brand-text{color:#1e293b;font-weight:700}.feature-highlights li,.nav-menu{display:flex;align-items:center;gap:2rem}.nav-link{color:var(--text-dark);text-decoration:none;font-weight:500;transition:var(--transition);padding:8px 16px;border-radius:var(--border-radius)}.feature-highlights i,.footer-contact a:hover,.link-list a:hover,.nav-link:hover{color:var(--primary-color)}.nav-link.btn-secondary{color:var(--text-light);border:1px solid #e9ecef}.nav-link.btn-secondary:hover{background:var(--background-light);color:var(--text-dark)}.nav-link.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:var(--white);font-weight:600}.btn-primary:hover,.nav-link.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.hamburger{display:none;flex-direction:column;cursor:pointer;padding:4px}.bar,.btn{transition:var(--transition)}.bar{width:25px;height:3px;background:var(--text-dark);margin:3px 0;border-radius:2px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:0;border-radius:var(--border-radius);font-weight:600;text-decoration:none;cursor:pointer;font-size:.95rem;text-align:center;white-space:nowrap}.btn-large{padding:16px 32px;font-size:1.1rem}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:var(--white);box-shadow:var(--shadow)}.btn-secondary{background:0 0;color:var(--text-dark);border:2px solid #e9ecef}.btn-secondary:hover{background:var(--background-light);border-color:var(--primary-color);color:var(--primary-color)}.btn-outline{background:0 0;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-outline:hover{background:var(--primary-color);color:var(--white)}.hero{padding:120px 0 80px;background:linear-gradient(135deg,#f8f9fa 0,rgba(26,188,156,.05) 100%);position:relative;overflow:hidden}.hero::before{content:"";position:absolute;top:0;right:0;width:50%;height:100%;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(26,188,156,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.5}.hero-container{max-width:var(--container-max-width);margin:0 auto;padding:0 20px}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:center;position:relative;z-index:1}.hero-title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;line-height:1.2;margin-bottom:1.5rem;color:var(--text-dark)}.highlight{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:var(--text-light);margin-bottom:2rem;line-height:1.6}.hero-buttons{display:flex;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.hero-stats{display:flex;gap:2rem;margin-top:2rem}.stat{display:flex;flex-direction:column;align-items:flex-start}.stat-number{font-size:1.5rem;font-weight:700;color:var(--primary-color)}.stat-label{font-size:.9rem;color:var(--text-light)}.hero-image{display:flex;justify-content:right;align-items:center}.hero-mascot{width:100%;max-width:400px;height:auto}.hero-scroll{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);color:var(--text-light);font-size:1.5rem;animation:bounce 2s infinite;cursor:pointer}section{padding:80px 0}.section-header{text-align:center;margin-bottom:4rem}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:1rem;color:var(--text-dark)}.section-subtitle{font-size:1.2rem;color:var(--text-light);max-width:600px;margin:0 auto}.features{background:var(--white);position:relative}.features-carousel-container{position:relative;max-width:1200px;margin:0 auto;overflow:hidden;border-radius:var(--border-radius-large);box-shadow:var(--shadow)}.features-carousel{position:relative;width:100%;height:500px;overflow:hidden}.feature-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transform:translateX(100%);transition:all .6s cubic-bezier(.4,0,.2,1)}.feature-slide.active{opacity:1;transform:translateX(0)}.feature-slide.prev{transform:translateX(-100%)}.feature-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;padding:3rem;background:var(--white);min-height:500px}.feature-text{display:flex;flex-direction:column;gap:1.5rem}.feature-icon,.feature-title{font-size:2rem;margin-bottom:1rem}.feature-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white)}.feature-title{font-weight:700;color:var(--text-dark)}.feature-description{color:var(--text-light);line-height:1.7;font-size:1.1rem;margin-bottom:1.5rem}.feature-highlights{list-style:none;padding:0;margin:0}.feature-highlights li{gap:.75rem;margin-bottom:.75rem;font-size:1rem;color:var(--text-dark)}.feature-highlights i{font-size:.9rem}.feature-screenshot,.screenshot-placeholder{display:flex;align-items:center;justify-content:center;height:100%}.screenshot-placeholder{width:100%;height:350px;background:#f8fafc;border-radius:var(--border-radius-large);flex-direction:column;gap:1rem;border:2px dashed #d1d5db;transition:var(--transition)}.screenshot-placeholder:hover{border-color:var(--primary-color)}.screenshot-placeholder img{width:100%;height:100%;border-radius:var(--border-radius-large);object-fit:contain;object-position:center;display:block}.screenshot-placeholder p{color:var(--text-light);font-size:1.1rem;font-weight:500;text-align:center}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);width:100%;display:flex;justify-content:space-between;padding:0 2rem;pointer-events:none}.carousel-btn{width:50px;height:50px;background:rgba(255,255,255,.2);border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow);pointer-events:all;color:var(--text-dark);font-size:1.2rem}.carousel-btn:hover{background:var(--white);box-shadow:var(--shadow-hover);transform:scale(1.1);color:var(--primary-color)}.carousel-btn:active{transform:scale(.9)}.carousel-indicators{display:flex;justify-content:center;gap:.75rem;padding:2rem 0;background:var(--white)}.indicator{width:12px;height:12px;border-radius:50%;border:0;background:#d1d5db;cursor:pointer;transition:var(--transition)}.indicator.active,.indicator:hover{background:var(--primary-color);transform:scale(1.2)}.indicator.active{transform:scale(1.3)}@media (max-width:1024px){.feature-content{grid-template-columns:1fr;gap:2rem;padding:2rem;text-align:center}.feature-screenshot{order:-1}.screenshot-placeholder{height:250px}.screenshot-placeholder img{object-fit:cover}.carousel-nav{padding:0 1rem}.carousel-btn{width:40px;height:40px;font-size:1rem}}@media (max-width:768px){.feature-content{padding:1.5rem;min-height:400px}.feature-title{font-size:1.5rem}.feature-description{font-size:1rem}.feature-icon{width:60px;height:60px;font-size:1.5rem}.screenshot-placeholder{height:200px}.screenshot-placeholder p{font-size:.9rem}}.examples{background:var(--background-light);padding:5rem 0}.examples-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:3rem}.example-card{background:var(--white);border-radius:var(--border-radius-large);overflow:hidden;box-shadow:var(--shadow);transition:transform var(--transition),box-shadow var(--transition)}.example-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.1)}.example-preview,.preview-image{position:relative;display:flex;align-items:center;justify-content:center}.example-preview{height:167px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));overflow:hidden}.preview-image{width:100%;height:100%;color:var(--white);font-size:4rem;transition:var(--transition)}.preview-overlay{position:absolute;background:rgba(255,255,255,.2);border-radius:var(--border-radius-large);font-size:1.2rem;opacity:0;transition:var(--transition);backdrop-filter:blur(10px)}.preview-overlay img{width:100%;height:100%;border-radius:var(--border-radius-large) var(--border-radius-large)0 0;object-fit:contain;object-position:center;display:block}.example-card:hover .preview-overlay{opacity:1}.example-card:hover .preview-image>i{transform:scale(1.1)}.example-content{padding:2rem;text-align:center}.benefit-content h4,.example-title{font-size:1.5rem;font-weight:700;color:var(--text-dark);margin-bottom:1rem}.example-description{color:var(--text-light);line-height:1.6;margin-bottom:1.5rem;font-size:1rem}.example-link{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;transition:var(--transition)}.example-link:hover{transform:translateY(-2px)}@media (max-width:768px){.examples-grid{grid-template-columns:1fr;gap:1.5rem}.example-preview{height:150px}.preview-image{font-size:3rem}.example-content{padding:1.5rem}}.benefits{background:var(--white)}.benefits-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}.benefits-text .section-subtitle,.benefits-text .section-title{text-align:left}.benefit-list{margin-top:2rem}.benefit-item{opacity:0;display:flex;gap:1rem;margin-bottom:2rem;align-items:flex-start}.benefit-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:50%;font-size:1rem;color:var(--white);flex-shrink:0}.benefit-content h4{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.benefit-content p{color:var(--text-light);line-height:1.5}.benefit-icon,.benefits-image{display:flex;justify-content:center;align-items:center}.mascot-image{width:100%;max-width:350px;height:auto}.testimonials{background:var(--white)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.testimonial-card{background:var(--white);padding:2rem;border-radius:var(--border-radius-large);box-shadow:var(--shadow);transition:var(--transition)}.pricing-card:hover,.testimonial-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.testimonial-content{margin-bottom:1.5rem}.stars{display:flex;gap:4px;margin-bottom:1rem;color:gold}.testimonial-text{font-style:italic;line-height:1.6;color:var(--text-light);font-size:1.1rem}.features-list li,.testimonial-author{display:flex;gap:1rem;align-items:center}.author-avatar{width:50px;height:50px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:1.2rem}.author-name{font-weight:600;color:var(--text-dark);margin-bottom:.25rem}.author-title{color:var(--text-light);font-size:.9rem}.pricing{background:var(--white)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.pricing-card{opacity:0;background:var(--white);border-radius:var(--border-radius-large);box-shadow:var(--shadow);overflow:hidden;transition:var(--transition);position:relative}.pricing-card:hover{transform:translateY(-10px)}.pricing-card.featured{border:3px solid var(--primary-color);transform:scale(1.05)}.featured-badge{position:absolute;top:20px;right:-30px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:var(--white);padding:8px 40px;font-size:.8rem;font-weight:600;transform:rotate(45deg);text-transform:uppercase}.pricing-header{padding:2rem 2rem 1rem;text-align:center;border-bottom:1px solid #f8f9fa}.plan-name{font-size:1.5rem;font-weight:700;color:var(--text-dark)}.plan-name,.plan-price{margin-bottom:1rem}.features-list i,.price{color:var(--primary-color)}.price{font-size:3rem;font-weight:700}.period{font-size:1rem;font-weight:500}.period,.plan-description{color:var(--text-light)}.pricing-features{padding:2rem}.features-list{list-style:none}.features-list li{padding:.5rem 0;gap:.5rem}.features-list i{width:16px}.pricing-footer{padding:0 2rem 2rem;text-align:center}.pricing-footer .btn{width:100%;justify-content:center}.contact{background:var(--background-light)}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:center;position:relative;z-index:1}.contact-image{display:flex;justify-content:left;align-items:center}.cta{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:var(--white);text-align:center}.cta-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:1rem}.cta-subtitle{font-size:1.2rem;margin-bottom:2rem;opacity:.9;max-width:600px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta .btn-primary,.cta .btn-secondary:hover{background:var(--white);color:var(--primary-color)}.cta .btn-secondary{background:0 0;color:var(--white);border-color:var(--white)}.footer{background:var(--text-dark);color:var(--white);padding:0 0 20px}.footer-content{display:grid;grid-template-columns:1fr 2fr;gap:2rem;margin-bottom:3rem}.footer-brand{display:flex;flex-direction:column;gap:1.5rem}.brand-logo{display:flex;align-items:center;gap:12px;font-weight:700;font-size:1.5rem}.footer-logo{width:38px;height:30px}.brand-description{color:#bdc3c7;line-height:1.6}.social-links{display:flex;gap:1rem}.social-link{width:40px;height:40px;background:rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);text-decoration:none;transition:var(--transition)}.social-link:hover{background:var(--primary-color);transform:translateY(-2px)}.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.link-title{font-weight:600;margin-bottom:1rem;color:var(--white)}.link-list{list-style:none}.link-list li{margin-bottom:.5rem}.footer-contact a,.link-list a{color:#bdc3c7;text-decoration:none}.link-list a{transition:var(--transition)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid #34495e;flex-wrap:wrap;gap:1rem}.footer-copyright{color:#bdc3c7}.footer-contact a{display:inline-flex;align-items:center;gap:.5rem}.back-to-top{position:fixed;bottom:20px;right:20px;width:50px;height:50px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:var(--white);border:0;border-radius:50%;cursor:pointer;opacity:0;visibility:hidden;transition:var(--transition);z-index:1000;box-shadow:var(--shadow)}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}@media (max-width:1024px){.hero-content{grid-template-columns:1fr;text-align:center;gap:0}.benefits-content{grid-template-columns:1fr;gap:2rem}.benefits-text .section-subtitle,.benefits-text .section-title,.contact-content{text-align:center}.contact-content{grid-template-columns:1fr;gap:0}.footer-content{grid-template-columns:1fr;gap:2rem}.footer-links{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;background-color:var(--white);width:100%;text-align:center;transition:.3s;box-shadow:var(--shadow);padding:2rem 0;gap:1rem}.nav-menu.active{left:0}.hamburger{display:flex}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(1){transform:translateY(9px) rotate(45deg)}.hamburger.active .bar:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.hero{padding:100px 0 60px}.hero-buttons{flex-direction:column;align-items:center}.hero-stats{justify-content:center;text-align:center;flex-wrap:wrap}.hero-mascot{max-width:250px}.features-grid,.pricing-grid,.testimonials-grid{grid-template-columns:1fr}.pricing-card.featured{transform:none}.cta-buttons{flex-direction:column;align-items:center}.footer-links{grid-template-columns:1fr}.footer-bottom{flex-direction:column;text-align:center}.contact-image,.hero-image{justify-content:center}}@media (max-width:480px){.container,.nav-container{padding:0 15px}section{padding:60px 0}.hero{padding:90px 0 50px}.btn-large{padding:14px 24px;font-size:1rem}.feature-card,.pricing-card,.testimonial-card{padding:1.5rem}}.fade-in{animation:fadeInUp .6s ease-out forwards}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.btn:focus,a:focus,button:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media print{.back-to-top,.cta,.footer,.navbar{display:none}}