/* Benefits motion: one entrance, restrained pointer depth, and quiet orbit accents. */
.why-motion .why-buy-card {
    opacity:1;transform:none;
    transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease,border-color .35s ease;
}
.why-motion .why-buy-icon {
    transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease;
    box-shadow:0 8px 20px rgba(45,76,42,.09);
}
.why-motion .why-buy-icon::before {animation:benefitOrbit 20s linear infinite;border-color:#8fae7d40;border-top-color:#789b66}
.why-motion .why-buy-icon::after {animation:none;inset:-7px;opacity:.35;border-color:#a5bf9438;transform:none}
.why-motion .why-buy-card::before {animation:none;opacity:.55;background:linear-gradient(125deg,#d8e5d2,#90ae7d,#e3ecdd)}
.why-motion .why-buy-card::after {transition:opacity .5s ease;background:radial-gradient(240px circle at var(--spot-x) var(--spot-y),#b7dca32b,transparent 75%);opacity:.15}
.why-motion .why-stat::after {animation:none;background:linear-gradient(90deg,transparent,#8eac7c,transparent);transform:scaleX(.25);opacity:.5;transition:transform .6s ease,opacity .6s ease}
.why-motion .why-stat strong {font-variant-numeric:tabular-nums;min-height:1.4em}
.why-motion:not(.motion-in-view) .why-buy-icon::before {animation-play-state:paused}
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
    body[data-page="home"] .why-motion .why-buy-card:hover {
        transform:perspective(850px) translateY(-8px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));
        border-color:#97b489!important;box-shadow:0 22px 44px rgba(47,77,40,.12)!important;
    }
    .why-motion .why-buy-card:hover .why-buy-icon {transform:translateY(-4px);box-shadow:0 12px 26px rgba(72,109,53,.16)}
    .why-motion .why-buy-card:hover::after {opacity:1}
    .why-motion .why-stat:hover::after {transform:scaleX(1);opacity:1}
}
@keyframes benefitOrbit {to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce) {
    .why-motion .why-buy-card,.why-motion .why-buy-icon,.why-motion .why-stat::after {transition:none!important;transform:none!important}
    .why-motion .why-buy-icon::before {animation:none!important}
}
body[data-page="home"][data-page][data-page] .why-motion .why-stat strong>span {font:inherit;color:inherit!important}