@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{--primary-color:#7a3ff3;--primary-color-dark:#6725f0;--primary-color-light:#f3f0ff;--dark-bg:#0d0d1a;--text-color:#4a4a68;--heading-color:#0d0d1a;--white-color:#fff;--border-color:#e6e6f2;--gradient:linear-gradient(180deg, #fff0 0%, #fff 100%)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--white-color);color:var(--text-color);font-family:Manrope,sans-serif;font-size:16px;line-height:1.7}.container{max-width:1180px;margin:0 auto;padding:0 20px}section{padding:80px 0}h1,h2,h3{color:var(--heading-color);font-weight:700}h1{letter-spacing:-2px;font-size:64px;line-height:1.1}h2{text-align:center;margin-bottom:24px;font-size:48px;line-height:1.2}p{margin-bottom:16px}header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);z-index:1000;background-color:#fffc;padding:16px 0;position:sticky;top:0}.mobile-menu-button{cursor:pointer;background:0 0;border:none;font-size:28px;display:none}nav{justify-content:space-between;align-items:center;display:flex}.logo{align-items:center;gap:12px;display:flex}.logo img{width:40px;height:40px}.logo span{color:var(--heading-color);font-size:20px;font-weight:800}nav ul{gap:32px;list-style:none;display:flex}nav ul li a{color:var(--text-color);font-size:16px;font-weight:600;transition:color .3s}nav ul li a:hover{color:var(--primary-color)}.btn-get-started{background-color:var(--primary-color);color:var(--white-color);border:1px solid #0000;border-radius:8px;padding:12px 24px;font-weight:700;transition:background-color .3s}.btn-get-started:hover{background-color:var(--primary-color-dark)}#hero{text-align:center;padding-top:100px;padding-bottom:120px}.hero-content .sub-headline{color:var(--primary-color);background-color:var(--primary-color-light);border-radius:20px;margin-bottom:16px;padding:8px 20px;font-size:14px;font-weight:700;display:inline-block}#hero h1{margin-bottom:24px}#hero .highlight{color:var(--primary-color)}#hero .hero-main-text{text-align:center;max-width:680px;margin:0 auto 24px;font-size:20px;line-height:1.6}.hero-sub-text{text-align:center;max-width:600px;color:var(--text-color);margin:0 auto 24px;font-size:14px}.btn-primary{background-color:var(--primary-color);color:var(--white-color);border:1px solid #0000;border-radius:8px;padding:16px 32px;font-size:18px;font-weight:700;transition:background-color .3s;display:inline-block}.btn-primary:hover{background-color:var(--primary-color-dark)}.hero-features{color:var(--text-color);justify-content:center;gap:40px;margin-top:48px;font-weight:600;display:flex}.hero-features span{align-items:center;gap:8px;display:flex}.section-subtitle{text-align:center;max-width:700px;margin:-16px auto 48px;font-size:18px}#problem{background-color:#fbfaff}.problem-cards{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}#problem .card{border:1px solid var(--border-color);background-color:#fff;border-radius:16px;padding:32px}#problem .card .icon-wrapper{background-color:#fff0f0;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:24px;display:flex}#problem .card svg{stroke:#f44336;width:28px;height:28px}#problem .card h3{margin-bottom:8px;font-size:24px}#problem .card p{margin-bottom:0;font-size:16px;line-height:1.7}.section-header{text-align:center;max-width:700px;margin:0 auto 48px}.section-header h2{margin-bottom:16px}.section-header p{font-size:18px}#solution{background-color:var(--primary-color-light)}.solution-box{background:var(--primary-color);color:var(--white-color);border-radius:24px;margin-top:48px;display:flex;overflow:hidden}.solution-text{flex:1;padding:64px}.solution-text h3{color:var(--white-color);margin-bottom:24px;font-size:40px;font-weight:800;line-height:1.2}.solution-text>p{opacity:.9;max-width:450px;margin-bottom:24px}.solution-text ul{padding:0;list-style:none}.solution-text li{align-items:center;gap:12px;margin-bottom:16px;font-size:16px;font-weight:500;display:flex}.solution-data{background-color:var(--primary-color-dark);width:380px;padding:64px}.data-point{text-align:center;margin-bottom:32px}.data-point .number{margin:0;font-size:64px;font-weight:800;line-height:1}.data-point .label{opacity:.9;margin:0;font-size:18px}.solution-data table{border-collapse:collapse;width:100%}.solution-data td{border-top:1px solid #fff3;padding:16px;font-weight:500}.solution-data td:last-child{text-align:right;font-weight:700}.benefits-cards{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.benefits-cards .card{background-color:var(--white-color)}.benefits-cards .card .icon-wrapper{background-color:#e8e0ff;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:24px;display:flex}.benefits-cards .card svg{width:28px;height:28px;stroke:var(--primary-color)}#how-it-works{background-color:var(--white-color)}.steps{justify-content:space-between;align-items:flex-start;gap:32px;display:flex;position:relative}.step{text-align:center;max-width:250px;position:relative}.step-number{border:2px solid var(--primary-color);width:32px;height:32px;color:var(--primary-color);background-color:var(--white-color);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;font-weight:700;display:flex}.step h3{margin:16px 0 8px;font-size:20px}.step .icon-wrapper{background-color:#e8e0ff;border-radius:10px;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 16px;display:flex}.step svg{width:32px;height:32px;stroke:var(--primary-color)}.step img{height:48px;margin-bottom:16px}.arrow{color:var(--primary-color);margin-top:50px;font-size:2rem}#testimonial{background-color:var(--primary-color-light)}.testimonial-box{background-color:var(--white-color);text-align:center;border:1px solid var(--border-color);border-radius:24px;max-width:800px;margin:0 auto;padding:64px;box-shadow:0 20px 40px #0000000d}.stars{color:#ffc107;margin-bottom:16px;font-size:24px}blockquote{color:var(--heading-color);margin:0 0 32px;font-size:24px;font-weight:600;line-height:1.5}.author{justify-content:center;align-items:center;gap:16px;display:flex}.author img{border-radius:50%;width:60px;height:60px}.author div{text-align:left}.author p{margin:0;line-height:1.4}.author strong{color:var(--heading-color);font-weight:700}.pricing-plans{grid-template-columns:1fr 1.1fr 1fr;align-items:stretch;gap:32px;margin-top:32px;display:grid}.plan{background-color:var(--white-color);border:1px solid var(--border-color);text-align:center;border-radius:20px;flex-direction:column;padding:40px;display:flex}.plan h3{font-size:24px}.plan p{min-height:40px}.plan .price{color:var(--heading-color);margin:24px 0;font-size:56px;font-weight:800}.plan .unit{color:var(--text-color);font-size:16px;font-weight:500}.plan ul{text-align:left;flex-grow:1;margin-bottom:32px;list-style:none}.plan li{align-items:center;gap:12px;margin-bottom:16px;display:flex}.plan.popular{background-color:var(--primary-color);color:var(--white-color);z-index:1;border:none;position:relative;transform:scale(1.05)}.plan.popular h3,.plan.popular .price,.plan.popular p{color:var(--white-color)}.most-popular{background-color:var(--heading-color);color:var(--white-color);border-radius:20px;padding:6px 16px;font-size:12px;font-weight:700;position:absolute;top:0;left:50%;transform:translate(-50%)translateY(-50%)}.btn-secondary{background-color:var(--white-color);color:var(--primary-color);border:1px solid var(--border-color);border-radius:8px;padding:14px 28px;font-weight:600;transition:all .3s;display:block}.btn-secondary:hover{background-color:var(--primary-color-light)}.plan.popular .btn-primary{background-color:var(--white-color);color:var(--primary-color)}.plan.popular .btn-primary:hover{background-color:#f0f0f0}#faq{background-color:var(--primary-color-light)}.faq-list{max-width:800px;margin:48px auto 0}details{background-color:var(--white-color);border:1px solid var(--border-color);border-radius:12px;margin-bottom:16px}details[open]{border-color:var(--primary-color)}summary{color:var(--heading-color);cursor:pointer;justify-content:space-between;align-items:center;padding:24px;font-size:18px;font-weight:600;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary:after{content:"+";color:var(--primary-color);font-size:24px;transition:transform .2s}details[open] summary:after{transform:rotate(45deg)}details>p{margin:0;padding:0 24px 24px;line-height:1.8}#cta{background-color:var(--white-color);text-align:center}#cta p{max-width:600px;margin:0 auto 32px;font-size:18px}#cta small{margin-top:16px;font-weight:500;display:block}footer{background-color:var(--dark-bg);color:#a9a9b9;padding:80px 0 32px}.footer-content{border-bottom:1px solid #2a2a44;justify-content:space-between;padding-bottom:48px;display:flex}.footer-logo p{max-width:320px;margin:24px 0;line-height:1.6}.socials a{margin-right:16px}.socials img{opacity:.7;height:24px;transition:opacity .3s}.socials img:hover{opacity:1}.footer-links{gap:80px;display:flex}.footer-links h4{color:var(--white-color);margin-bottom:24px;font-size:16px;font-weight:700}.footer-links ul{list-style:none}.footer-links li{margin-bottom:16px}.footer-links a{color:#a9a9b9;transition:color .3s}.footer-links a:hover{color:var(--white-color)}.copyright{text-align:center;padding-top:32px;font-size:14px}.legal-page{padding-top:60px;padding-bottom:60px}.legal-page h1{margin-bottom:16px;font-size:48px}.legal-page h2{text-align:left;margin-top:32px;margin-bottom:12px;font-size:24px}@media (width<=1024px){.pricing-plans{grid-template-columns:1fr}.plan.popular{transform:scale(1)}}@media (width<=768px){h1{font-size:48px}h2{font-size:36px}nav ul{background-color:var(--white-color);flex-direction:column;width:100%;display:none;position:absolute;top:70px;left:0;box-shadow:0 4px 10px #0000001a}nav ul.active{display:flex}nav ul li{text-align:center;border-bottom:1px solid var(--border-color);padding:16px}.mobile-menu-button{display:block}.problem-cards,.benefits-cards{grid-template-columns:1fr}.solution-box,.steps,.footer-content,.footer-links{flex-direction:column}.solution-data{width:100%}.arrow{margin:0;transform:rotate(90deg)}}
