.container{max-width:1200px;margin:0 auto;padding:0 2rem}.container-flex{max-width:1200px;margin:0 auto;padding:4rem 2rem}.header{position:fixed;top:0;left:0;right:0;background-color:rgba(15,23,42,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);z-index:1000;padding:1rem 0}.nav-wrapper{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem}.logo{font-size:1.5rem;font-weight:800;color:var(--primary-color)}.nav{display:flex;gap:2rem;align-items:center}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:var(--transition)}.nav-link:hover{color:var(--primary-color)}.desktop-only{display:block}.mobile-menu-btn{display:none;flex-direction:column;gap:.3rem;background:0 0;border:none;cursor:pointer}.mobile-menu-btn span{width:25px;height:3px;background-color:var(--text-color);border-radius:3px;transition:var(--transition)}.mobile-menu{display:none;position:fixed;top:70px;left:0;right:0;background-color:var(--surface-ground);border-bottom:1px solid var(--border-color);padding:2rem;flex-direction:column;gap:1.5rem;z-index:999}.mobile-menu.active{display:flex}.mobile-nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:1.1rem;transition:var(--transition)}.mobile-nav-link:hover{color:var(--primary-color)}.btn{padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;text-decoration:none;transition:var(--transition);cursor:pointer;border:none;display:inline-block;text-align:center}.btn-primary{background-color:var(--primary-color);color:var(--surface-ground)}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-outline{border:2px solid var(--primary-color);color:var(--primary-color);background-color:transparent}.btn-outline:hover{background-color:var(--primary-color);color:var(--surface-ground)}.btn-large{padding:1rem 2rem;font-size:1.1rem}.hero{padding-top:8rem;padding-bottom:4rem;min-height:100vh;display:flex;align-items:center}.hero-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:900px;margin:0 auto}.hero-text{display:flex;flex-direction:column;gap:1.5rem;align-items:center}.badge{display:inline-block;padding:.5rem 1rem;background-color:var(--bg-secondary);color:var(--primary-color);border-radius:var(--radius-lg);font-size:.9rem;font-weight:600;width:fit-content;border:1px solid var(--border-color);margin:0 auto}.hero-title{font-size:3.5rem;font-weight:900;line-height:1.1}.text-primary{color:var(--primary-color)}.hero-description{font-size:1.25rem;color:var(--text-muted);line-height:1.6}.hero-buttons{display:flex;gap:1rem;margin-top:1rem;justify-content:center;flex-wrap:wrap}.hero-image{display:none}.hero-img{display:none}.section-header{text-align:center;margin-bottom:3rem}.section-title{font-size:2.5rem;font-weight:800;margin-bottom:1rem}.section-description{font-size:1.2rem;color:var(--text-muted)}.benefits{background-color:var(--surface-ground)}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.benefit-card{background-color:var(--bg-secondary);padding:2rem;border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:var(--transition)}.benefit-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:var(--primary-color)}.benefit-icon{width:60px;height:60px;background-color:var(--primary-color);color:var(--surface-ground);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.8rem;margin-bottom:1.5rem}.benefit-title{font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.benefit-description{color:var(--text-muted);line-height:1.6}.use-cases{background-color:var(--bg-secondary)}.use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.use-case-card{background-color:var(--surface-ground);padding:2rem;border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:var(--transition);text-align:center}.use-case-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:var(--primary-color)}.use-case-icon{width:80px;height:80px;margin:0 auto 1.5rem}.use-case-icon img{width:100%;height:100%;object-fit:contain}.use-case-title{font-size:1.3rem;font-weight:700;margin-bottom:.75rem}.use-case-description{color:var(--text-muted);line-height:1.6}.how-to-use{background-color:var(--surface-ground)}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.step{background-color:var(--bg-secondary);padding:2rem;border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:var(--transition)}.step:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:var(--primary-color)}.step-number{width:50px;height:50px;background-color:var(--primary-color);color:var(--surface-ground);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;margin-bottom:1.5rem}.step-title{font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.step-description{color:var(--text-muted);line-height:1.6}.pricing{background-color:var(--bg-secondary)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.pricing-card{background-color:var(--surface-ground);padding:2.5rem;border-radius:var(--radius-lg);border:2px solid var(--border-color);transition:var(--transition);display:flex;flex-direction:column}.pricing-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:var(--primary-color)}.pricing-card.featured{border-color:var(--primary-color);background-color:var(--bg-secondary)}.pricing-badge{background-color:var(--primary-color);color:var(--surface-ground);padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.85rem;font-weight:700;width:fit-content;margin-bottom:1rem}.pricing-title{font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.pricing-price{font-size:3rem;font-weight:900;color:var(--primary-color);margin-bottom:.5rem}.pricing-period{color:var(--text-muted);margin-bottom:2rem}.pricing-features{list-style:none;margin-bottom:2rem;flex-grow:1}.pricing-features li{padding:.75rem 0;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:.75rem}.pricing-features li:last-child{border-bottom:none}.pricing-features li i{color:var(--primary-color)}.cta{background:linear-gradient(135deg,var(--primary-darker) 0,var(--primary-dark) 100%);text-align:center}.cta-title{font-size:2.5rem;font-weight:800;margin-bottom:1rem}.cta-description{font-size:1.2rem;margin-bottom:2rem;color:var(--text-secondary)}.footer{background-color:var(--bg-secondary);padding:3rem 0;border-top:1px solid var(--border-color)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;margin-bottom:2rem}.footer-section h3{font-size:1.2rem;font-weight:700;margin-bottom:1rem;color:var(--primary-color)}.footer-links{list-style:none}.footer-links li{margin-bottom:.75rem}.footer-links a{color:var(--text-muted);text-decoration:none;transition:var(--transition)}.footer-links a:hover{color:var(--primary-color)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid var(--border-color);color:var(--text-muted)}.testimonials{background-color:var(--surface-ground)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.testimonial-card{background-color:var(--bg-secondary);padding:2rem;border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:var(--transition)}.testimonial-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:var(--primary-color)}.testimonial-text{font-style:italic;color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6}.testimonial-author{display:flex;align-items:center;gap:1rem}.testimonial-avatar{width:50px;height:50px;border-radius:50%;background-color:var(--primary-color);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--surface-ground)}.testimonial-info h4{font-weight:600;margin-bottom:.25rem}.testimonial-info p{color:var(--text-muted);font-size:.9rem}@media (max-width:968px){.nav{display:none}.desktop-only{display:none}.mobile-menu-btn{display:flex}.hero-title{font-size:2.5rem}.hero-description{font-size:1.1rem}.hero-buttons{flex-direction:column}.section-title{font-size:2rem}.benefits-grid,.pricing-grid,.steps-grid,.testimonials-grid,.use-cases-grid{grid-template-columns:1fr}.container-flex{padding:3rem 1.5rem}}@media (max-width:640px){.hero-title{font-size:2rem}.hero-description{font-size:1rem}.section-title{font-size:1.75rem}.section-description{font-size:1rem}.btn-large{padding:.875rem 1.5rem;font-size:1rem}}