:root{--primary-color: #0A2540;--secondary-color: #F6F9FC;--accent-color: #00D09C;--text-color: #425466;--heading-color: #0A2540;--white-color: #ffffff;--border-color: #E6EBF1;--font-heading: "Manrope", sans-serif;--font-body: "Inter", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--text-color);line-height:1.6;background-color:var(--white-color)}.container{max-width:1100px;margin:0 auto;padding:0 20px}h1,h2,h3{font-family:var(--font-heading);color:var(--heading-color);line-height:1.2;font-weight:800}h1{font-size:3.5rem}h2{font-size:2.5rem;margin-bottom:1.5rem;text-align:center}h3{font-size:1.5rem;margin-bottom:.5rem}p{margin-bottom:1rem}a{color:var(--accent-color);text-decoration:none}ul{list-style:none}section{padding:80px 0}.button{display:inline-block;padding:12px 28px;border-radius:8px;font-weight:700;text-align:center;transition:transform .2s ease,background-color .2s ease}.button:hover{transform:translateY(-2px)}.button-primary{background-color:var(--accent-color);color:var(--white-color)}.button-primary:hover{background-color:#00b88a}.button-secondary{background-color:var(--white-color);color:var(--primary-color);border:1px solid var(--border-color)}.button-secondary:hover{background-color:var(--secondary-color)}#main-header{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:20px 0;transition:background-color .3s ease,box-shadow .3s ease}#main-header.scrolled{background-color:var(--white-color);box-shadow:0 2px 10px #0000000d}#main-header nav{display:flex;justify-content:space-between;align-items:center}#main-header .logo{font-family:var(--font-heading);font-size:1.5rem;font-weight:800;color:var(--primary-color)}#main-header.scrolled .logo{color:var(--primary-color)}#main-header nav ul{display:flex;gap:30px}#main-header nav ul li a{color:var(--primary-color);font-weight:700;transition:color .2s ease}#main-header nav ul li a:hover{color:var(--accent-color)}.hero{background-image:linear-gradient(#0a2540b3,#0a2540b3),url(https://images.unsplash.com/photo-1568605114967-8130f3a36994?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80);background-size:cover;background-position:center;color:var(--white-color);text-align:center;padding:180px 0}.hero .container{max-width:800px}.hero h1{color:var(--white-color);margin-bottom:1rem}.hero p{font-size:1.25rem;margin-bottom:2rem;opacity:.9}.features{background-color:var(--secondary-color)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:40px}.feature-card{background-color:var(--white-color);padding:30px;border-radius:12px;border:1px solid var(--border-color);text-align:center;transition:transform .2s ease,box-shadow .2s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000000d}.feature-card .icon{margin-bottom:1rem}.feature-card .icon svg{width:48px;height:48px;color:var(--accent-color)}.pro{background-color:var(--primary-color);color:var(--white-color)}.pro h2,.pro h3{color:var(--white-color)}.pro p{color:#fffc}.pro-container{display:flex;align-items:center;gap:60px}.pro-content{flex:1}.pro-content h2{text-align:left}.pro-features{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:15px}.pro-feature{background:#ffffff1a;padding:20px;border-radius:8px;font-weight:700}.commitment-container{display:flex;align-items:center;gap:60px}.commitment-image{flex:1;text-align:center}.commitment-image svg{width:200px;height:200px;color:var(--primary-color)}.commitment-content{flex:1.5}.commitment-content h3{font-size:2rem}.commitment-content ul{margin-top:1.5rem}.commitment-content ul li{padding-left:30px;position:relative;margin-bottom:10px;font-weight:700}.commitment-content ul li:before{content:"✓";color:var(--accent-color);position:absolute;left:0;font-size:1.2rem}.screenshots{background-color:var(--secondary-color)}.screenshot-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px}.screenshot-gallery img{width:100%;border-radius:12px;box-shadow:0 10px 20px #0000001a;border:1px solid var(--border-color)}.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:40px}.testimonial-card{background-color:var(--secondary-color);padding:30px;border-radius:12px;border-left:4px solid var(--accent-color)}.testimonial-card p{font-style:italic;margin-bottom:1.5rem}.testimonial-card span{font-weight:700;color:var(--heading-color)}.pricing{background-color:var(--secondary-color)}.pricing-table{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:40px;align-items:center}.pricing-plan{background-color:var(--white-color);padding:40px;border-radius:12px;border:1px solid var(--border-color);text-align:center}.pricing-plan.pro-plan{border:2px solid var(--accent-color);transform:scale(1.05)}.pricing-plan h3{font-size:1.8rem}.price{font-size:3rem;font-weight:800;font-family:var(--font-heading);color:var(--primary-color);margin:1rem 0}.price span{font-size:1rem;font-weight:400;color:var(--text-color)}.tagline{font-weight:500;margin-bottom:2rem}.pricing-plan ul{text-align:left;margin-bottom:2rem}.pricing-plan ul li{margin-bottom:10px;padding-left:30px;position:relative}.pricing-plan ul li:before{content:"✓";color:var(--accent-color);position:absolute;left:0}.faq .container{max-width:800px}.faq-accordion{margin-top:40px;border-top:1px solid var(--border-color)}.faq-item{border-bottom:1px solid var(--border-color)}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;background:none;border:none;padding:20px 0;font-size:1.2rem;font-weight:700;font-family:var(--font-body);color:var(--heading-color);cursor:pointer;text-align:left}.faq-icon{font-size:1.5rem;font-weight:400;transition:transform .3s ease}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.faq-answer p{padding-bottom:20px}.faq-item.active .faq-answer{max-height:200px}.faq-item.active .faq-icon{transform:rotate(45deg)}.cta{background-color:var(--primary-color);color:var(--white-color);text-align:center}.cta h2,.cta p{color:var(--white-color)}.cta .container{max-width:800px}footer{padding:30px 0;text-align:center;background-color:var(--secondary-color);font-size:.9rem}@media (max-width: 992px){h1{font-size:2.8rem}h2{font-size:2.2rem}.pro-container,.commitment-container{flex-direction:column;text-align:center}.pro-content h2{text-align:center}.commitment-image{margin-bottom:2rem}.screenshot-gallery{grid-template-columns:1fr 1fr}}@media (max-width: 768px){section{padding:60px 0}#main-header nav ul{display:none}.pricing-table{grid-template-columns:1fr}.pricing-plan.pro-plan{transform:scale(1)}.screenshot-gallery{grid-template-columns:1fr}}
