.hero{padding:130px 20px 90px;background:linear-gradient(180deg,#0e7c862e,#0e7c860f 40%,#fff0),var(--color-bg)}.hero-inner{max-width:1200px;margin:auto;text-align:center;animation:fadeIn .6s ease}.hero h1{font-size:3.2rem;font-weight:800;line-height:1.15;color:var(--color-text);letter-spacing:-.5px}.hero-sub{max-width:780px;margin:24px auto 40px;font-size:1.28rem;color:var(--color-subtext);line-height:1.65}.hero-buttons{margin-top:22px;display:flex;justify-content:center;gap:18px}.hero-btn{font-size:1.15rem;padding:15px 34px}.hero-image{margin-top:70px}.hero-image img{width:100%;max-width:980px;border-radius:22px;box-shadow:var(--shadow-lg);transition:transform .3s ease,box-shadow .3s ease}.hero-image img:hover{transform:scale(1.015);box-shadow:0 15px 40px #00000026}.social-proof{padding:55px 20px;background:var(--color-card);text-align:center;border-bottom:1px solid #e5e7eb}.social-proof p{font-size:1.2rem}.stars{font-size:2.1rem;margin-top:10px;letter-spacing:3px}.why{padding:110px 20px;background:var(--color-bg)}.why-content{max-width:920px;margin:auto;text-align:center}.why-text{max-width:690px;margin:15px auto 55px}.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px}.features{background:#fff;text-align:center}.features h2{margin-bottom:60px}.features-grid{max-width:1100px;margin:auto;display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.feature-card h3{margin-bottom:12px}.pricing-teaser{padding:120px 20px;background:linear-gradient(180deg,#0e7c861f,#0e7c860d),var(--color-bg);text-align:center}.pricing-teaser p{margin-top:12px;margin-bottom:28px;font-size:1.15rem}.footer{padding:70px 20px;background:#fff;border-top:1px solid #e5e7eb}.footer-grid{max-width:1200px;margin:auto;display:grid;gap:45px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.footer-col h3,.footer-col h4{margin-bottom:14px}.footer-bottom{margin-top:45px;font-size:.9rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.hero h1{font-size:2.35rem}.hero-sub{font-size:1.1rem}.hero-buttons{flex-direction:column}.feature-card,.why-card{text-align:center}}@media(max-width:600px){.hero{padding-top:100px}.hero-image img{border-radius:14px}}