.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:120px 72px 80px;gap:60px;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:0}.hero-bg-blob1{position:absolute;top:-100px;right:-80px;width:600px;height:600px;background:radial-gradient(circle,rgba(172,159,208,.18) 0%,transparent 70%);border-radius:50%}.hero-bg-blob2{position:absolute;bottom:-80px;left:-60px;width:500px;height:500px;background:radial-gradient(circle,rgba(133,186,145,.15) 0%,transparent 70%);border-radius:50%}.hero-content{position:relative;z-index:2;animation:fadeInUp .8s ease forwards}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#85ba9126;border:1px solid rgba(133,186,145,.3);color:var(--green-dark);padding:7px 16px;border-radius:100px;font-size:12px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;margin-bottom:28px}.hero-badge-dot{width:6px;height:6px;background:var(--green);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}h1{font-size:clamp(38px,4.5vw,58px);font-weight:800;line-height:1.15;color:var(--dark);letter-spacing:-1px;margin-bottom:24px}h1 em{font-style:italic;color:var(--green-dark)}.hero-desc{font-size:17px;line-height:1.7;color:var(--text-light);max-width:480px;margin-bottom:44px;font-weight:500}.hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;gap:10px;background:var(--green);color:#fff;padding:16px 32px;border-radius:100px;font-size:15px;font-weight:600;text-decoration:none;transition:all .25s ease;box-shadow:0 4px 20px #85ba9159}.btn-primary:hover{background:var(--green-dark);transform:translateY(-2px);box-shadow:0 8px 30px #85ba9166}.btn-secondary{display:inline-flex;align-items:center;gap:8px;color:var(--text);font-size:14px;font-weight:500;text-decoration:none;padding:16px 0;transition:color .2s}.btn-secondary:hover{color:var(--green-dark)}.btn-secondary svg{transition:transform .2s}.btn-secondary:hover svg{transform:translate(4px)}.hero-social-proof{margin-top:48px;display:flex;align-items:center;gap:16px}.hero-avatars{display:flex}.hero-avatar{width:34px;height:34px;border-radius:50%;border:2px solid var(--cream);margin-left:-8px;background:var(--beige);display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;font-weight:600;overflow:hidden}.hero-avatar:first-child{margin-left:0}.hero-social-text{font-size:13px;color:var(--text-light)}.hero-social-text strong{color:var(--text);font-weight:600}.hero-visual{position:relative;z-index:2;display:flex;justify-content:center;animation:fadeInRight .9s ease forwards}.phone-frame{width:280px;background:#fff;border-radius:44px;box-shadow:0 40px 80px #2d353026,0 0 0 8px #2d35300f;overflow:hidden;position:relative;transform:rotate(2deg);transition:transform .4s ease}.phone-frame:hover{transform:rotate(0) scale(1.02)}.phone-notch{width:80px;height:24px;background:#1a1a1a;border-radius:0 0 18px 18px;margin:0 auto;position:relative;z-index:2}.phone-screen{background:#f7f4ef;padding:16px;min-height:520px}.phone-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.phone-greeting{font-size:18px;font-weight:800;color:var(--dark)}.phone-avatar-sm{width:32px;height:32px;background:var(--green-light);border-radius:50%;display:flex;align-items:center;justify-content:center}.phone-section-title{font-size:13px;font-weight:600;color:var(--text);margin-bottom:10px}.phone-card{background:linear-gradient(135deg,#85ba9140,#ac9fd033);border-radius:16px;padding:16px;margin-bottom:16px;position:relative;overflow:hidden}.phone-card-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--green-dark);margin-bottom:4px}.phone-card-title{font-size:14px;font-weight:700;color:var(--dark);margin-bottom:3px}.phone-card-sub{font-size:11px;color:var(--text-light);margin-bottom:10px}.phone-card-btn{background:var(--green);color:#fff;border-radius:100px;padding:6px 14px;font-size:10px;font-weight:600;display:inline-block}.phone-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.phone-shortcut{background:#fff;border-radius:12px;padding:10px;display:flex;align-items:center;gap:8px}.phone-shortcut-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px}.phone-shortcut-text{font-size:11px;font-weight:500;color:var(--text)}.phone-safe-badge{background:#85ba9126;border:1px solid rgba(133,186,145,.3);border-radius:8px;padding:8px 10px;display:flex;align-items:center;gap:8px;font-size:10px;color:var(--green-dark);font-weight:500}.phone-nav{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;padding:12px 8px 16px;border-top:1px solid rgba(0,0,0,.06);gap:4px}.phone-nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:9px;color:var(--text-light);font-weight:500}.phone-nav-item.active{color:var(--green)}.floating-card{position:absolute;background:#fff;border-radius:16px;padding:14px 18px;box-shadow:0 12px 40px #2d35301f;animation:float 4s ease-in-out infinite}.floating-card-1{top:60px;right:-60px;animation-delay:0s}.floating-card-2{bottom:120px;left:-60px;animation-delay:2s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.floating-card-icon{font-size:20px;margin-bottom:4px}.floating-card-title{font-size:11px;font-weight:700;color:var(--dark);white-space:nowrap}.floating-card-sub{font-size:10px;color:var(--text-light);white-space:nowrap}.floating-card-safe{display:flex;align-items:center;gap:4px;margin-top:4px;font-size:10px;color:var(--green-dark);font-weight:600}.how{background:var(--dark);color:#fff}.how .section-label{color:var(--green-light)}.how .section-title{color:#fff}.how .section-title em{color:var(--green)}.how .section-desc{color:#fff9}.how-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-top:60px}.how-steps{display:flex;flex-direction:column;gap:32px}.how-step{display:flex;gap:20px;align-items:flex-start;opacity:.6;transition:opacity .3s;cursor:pointer}.how-step.active,.how-step:hover{opacity:1}.how-step-num{width:40px;height:40px;border-radius:12px;background:#85ba9126;border:1px solid rgba(133,186,145,.25);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--green);flex-shrink:0;transition:all .3s}.how-step.active .how-step-num,.how-step:hover .how-step-num{background:var(--green);color:#fff;border-color:var(--green)}.how-step-content h3{font-size:17px;font-weight:700;margin-bottom:6px}.how-step-content p{font-size:14px;color:#ffffff8c;line-height:1.6}.how-visual{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:40px;display:flex;flex-direction:column;gap:16px}.how-visual-card{background:#ffffff0f;border-radius:14px;padding:16px 20px;display:flex;align-items:center;gap:14px}.how-visual-card-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.how-visual-card-text h4{font-size:14px;font-weight:600;color:#fff;margin-bottom:2px}.how-visual-card-text p{font-size:12px;color:#ffffff73}.how-visual-result{background:linear-gradient(135deg,#85ba9133,#ac9fd026);border:1px solid rgba(133,186,145,.25);border-radius:14px;padding:20px}.how-visual-result-label{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--green);margin-bottom:10px}.how-visual-result-oils{display:flex;gap:8px;flex-wrap:wrap}.oil-tag{background:#ffffff1a;border-radius:100px;padding:5px 12px;font-size:12px;color:#fffc;font-weight:500}.oil-tag.blocked{background:#ff64641a;color:#ff8282e6;text-decoration:line-through}.oil-tag.safe{background:#85ba9133;color:var(--green-light)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:60px}.feature-card{background:#fff;border-radius:24px;padding:36px;transition:transform .3s,box-shadow .3s;border:1px solid rgba(133,186,145,.12)}.feature-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px #2d353014}.feature-card.highlight{background:linear-gradient(135deg,#85ba911a,#ac9fd014);border-color:#85ba9140}.feature-icon{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:20px}.feature-card h3{font-size:19px;font-weight:800;color:var(--dark);margin-bottom:10px;line-height:1.3}.feature-card p{font-size:14px;line-height:1.7;color:var(--text-light);font-weight:500}.safety{background:linear-gradient(135deg,var(--green) 0%,var(--green-dark) 100%);padding:80px 72px}.safety-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.safety .section-label{color:#ffffffb3}.safety .section-title{color:#fff}.safety .section-title em{color:var(--beige-light);font-style:italic}.safety .section-desc{color:#ffffffbf}.safety-items{display:flex;flex-direction:column;gap:16px;margin-top:32px}.safety-item{display:flex;align-items:center;gap:12px;color:#ffffffd9;font-size:15px}.safety-check{width:22px;height:22px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:11px}.safety-profiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}.safety-profile{background:#ffffff1f;border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:20px;transition:background .2s}.safety-profile:hover{background:#ffffff2e}.safety-profile-icon{font-size:24px;margin-bottom:8px}.safety-profile h4{font-size:14px;font-weight:700;color:#fff;margin-bottom:4px}.safety-profile p{font-size:12px;color:#fff9;line-height:1.5}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:700px;margin:60px auto 0}.pricing-card{background:#fff;border-radius:24px;padding:40px;border:1px solid rgba(133,186,145,.15)}.pricing-card.featured{background:var(--dark);border-color:transparent;position:relative;transform:scale(1.03)}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--green);color:#fff;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;padding:5px 16px;border-radius:100px;white-space:nowrap}.pricing-plan{font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-light);margin-bottom:12px}.pricing-card.featured .pricing-plan{color:#ffffff80}.pricing-price{font-size:42px;font-weight:800;color:var(--dark);line-height:1;margin-bottom:6px}.pricing-card.featured .pricing-price{color:#fff}.pricing-price span{font-size:16px;font-weight:500;color:var(--text-light)}.pricing-card.featured .pricing-price span{color:#fff6}.pricing-desc{font-size:13px;color:var(--text-light);margin-bottom:28px;line-height:1.5}.pricing-card.featured .pricing-desc{color:#ffffff80}.pricing-features{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.pricing-feature{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text)}.pricing-card.featured .pricing-feature{color:#fffc}.pricing-feature-check{width:18px;height:18px;background:#85ba9126;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--green);font-size:10px;flex-shrink:0}.pricing-card.featured .pricing-feature-check{background:#85ba9140}.pricing-btn{width:100%;padding:14px;border-radius:12px;font-size:14px;font-weight:600;text-align:center;text-decoration:none;display:block;transition:all .2s}.pricing-btn-outline{border:1.5px solid rgba(133,186,145,.3);color:var(--text)}.pricing-btn-outline:hover{border-color:var(--green);color:var(--green-dark)}.pricing-btn-solid{background:var(--green);color:#fff;box-shadow:0 4px 20px #85ba9166}.pricing-btn-solid:hover{background:var(--green-dark);transform:translateY(-1px)}.cta-final{background:linear-gradient(135deg,#ac9fd01f,#85ba911a);border-radius:32px;padding:80px;text-align:center;margin:0 72px 80px;border:1px solid rgba(133,186,145,.15)}.cta-final .section-label{display:block}.cta-final .section-title{margin:0 auto 20px;max-width:600px}.cta-final .section-desc{margin:0 auto 44px;text-align:center}.cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.store-btn{display:inline-flex;align-items:center;gap:12px;background:var(--dark);color:#fff;padding:14px 24px;border-radius:14px;text-decoration:none;transition:all .2s}.store-btn:hover{background:#1a1f1d;transform:translateY(-2px)}.store-btn-icon{font-size:22px}.store-btn-text small{display:block;font-size:10px;opacity:.6;text-transform:uppercase;letter-spacing:.5px}.store-btn-text strong{font-size:15px;font-weight:600}@media(max-width:960px){.hero{grid-template-columns:1fr;padding:100px 24px 60px;gap:40px}.hero-visual{display:none}.how-grid,.safety-inner{grid-template-columns:1fr;gap:40px}.features-grid{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr;max-width:100%}.pricing-card.featured{transform:none}.cta-final{padding:50px 24px;margin:0 24px 60px}.safety{padding:70px 24px}}