.benefit-card{background:var(--color-peach);border-radius:var(--radius-lg);border:none;padding:24px 22px;transition:all .3s}.animate-target.animate-in .benefit-card{animation:.6s ease-out forwards slideInFromLeft}.animate-target.animate-in.from-right .benefit-card{animation:.6s ease-out forwards slideInFromRight}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}.benefit-card:hover{box-shadow:var(--shadow-md);background:var(--color-peach-soft);transform:translateY(-4px)}.benefit-card .material-icons{width:48px;height:48px;color:var(--color-primary);background:#fff;border-radius:14px;justify-content:center;align-items:center;margin-bottom:16px;transition:all .3s;display:inline-flex;font-size:24px!important}.benefit-card:hover .material-icons{background:var(--color-primary);color:#fff;transform:scale(1.05)}@media (max-width:600px){.benefit-card{padding:20px 18px}.benefit-card h3{font-size:16px}.benefit-card p{font-size:13px}.benefit-card .material-icons{width:44px;height:44px;font-size:22px!important}}
.review-card{background:var(--color-bg-soft);border-radius:var(--radius-lg);border:1px solid var(--color-border);text-align:left;opacity:0;pointer-events:none;visibility:hidden;padding:32px;transition:opacity .6s,transform .6s;transform:translateY(40px)}.review-card.active{opacity:1;pointer-events:auto;visibility:visible;z-index:2;transform:translateY(0)}.review-card.exiting{opacity:0;z-index:1;visibility:visible;transform:translateY(-40px)}.review-stars{color:var(--color-primary);letter-spacing:2px;margin-bottom:14px}.carousel-dot{background:var(--color-border);cursor:pointer;border:none;border-radius:50%;width:10px;height:10px;padding:0;transition:all .3s}.carousel-dot:hover{background:var(--color-text-muted)}.carousel-dot.active{background:var(--color-primary);border-radius:5px;width:28px}@media (max-width:600px){.review-card{padding:24px 20px}.review-card>p{font-size:15px}.rating-number{font-size:52px}}
.eco-icon{background:#ff6b1a26;border-radius:24px;justify-content:center;align-items:center;width:80px;height:80px;display:inline-flex}.eco-glow{filter:blur(28px);background:radial-gradient(circle at 15% 30%,#ff6b1a38,#0000 38%),radial-gradient(circle at 85% 20%,#ff6b1a29,#0000 42%),radial-gradient(circle at 50% 90%,#ff6b1a1f,#0000 40%);animation:16s ease-in-out infinite alternate eco-drift}@keyframes eco-drift{0%{transform:translate(0)scale(1)}50%{transform:translate(1.5%,-1%)scale(1.04)}to{transform:translate(-1.5%,1%)scale(1)}}@media (max-width:600px){.eco-stats{gap:24px}}@media (prefers-reduced-motion:reduce){.eco-glow{animation:none}}
.faq-item{background:var(--color-bg-soft);border:1.5px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:12px;transition:all .25s;overflow:hidden}.faq-item[open]{border-color:var(--color-primary);box-shadow:var(--shadow-sm);background:#fff}.faq-item summary{cursor:pointer;justify-content:space-between;align-items:center;padding:20px 24px;font-size:16px;font-weight:600;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary .material-icons{color:var(--color-text-muted);flex-shrink:0;transition:transform .3s}.faq-item[open] summary .material-icons{color:var(--color-primary);transform:rotate(180deg)}.faq-item p{color:var(--color-text-muted);padding:0 24px 20px;font-size:15px}
