.why-card .why-icon,.why-card:not(.why-lead) .why-icon{width:60px;height:60px;background:none;border-radius:0;color:inherit;perspective:200px}
.i3d{overflow:visible;transform-style:preserve-3d;filter:drop-shadow(0 4px 6px #312e8133)}
.i3d .bob{transform-box:fill-box;transform-origin:center;animation:i3-float 4s ease-in-out infinite}
.i3d .sh{transform-box:fill-box;transform-origin:center;animation:i3-sh 4s ease-in-out infinite}
.why-card:hover .i3d{transform:rotateY(-14deg) rotateX(8deg)}
.i3d{transition:transform .5s var(--ease)}
.i3d g,.i3d path,.i3d circle,.i3d ellipse{transform-box:fill-box}
.i1 .pl{transform-origin:center;animation:i3-pulse 2s ease-in-out infinite}
.i1 .notes{transform-origin:bottom;animation:i3-tilt 4s ease-in-out infinite}
.i2 .r1,.i2 .r2{stroke-dasharray:14;animation:i3-draw 3.2s ease-in-out infinite}.i2 .r2{animation-delay:.6s}
.i3 .an{animation:i3-pulse 1.8s ease-in-out infinite;transform-origin:center}
.i3 .eyes{transform-origin:center;animation:i3-blink 4s infinite}
.i3 .spark{transform-origin:center;animation:i3-spin 6s linear infinite}
.i4 .dots circle{animation:i3-dot 1.4s infinite}.i4 .dots circle:nth-child(2){animation-delay:.2s}.i4 .dots circle:nth-child(3){animation-delay:.4s}
.i4 .b2{animation:i3-tilt 4s ease-in-out infinite;transform-origin:center}
.i5 .doc{animation:i3-peek 3.4s ease-in-out infinite}
.i6 .ld{animation:i3-blink2 1.2s infinite}
.i6 .w1,.i6 .w2{animation:i3-wave 1.8s infinite}.i6 .w2{animation-delay:.4s}
.i7 .path{animation:i3-flow 1.2s linear infinite}
.i7 .pin{transform-origin:bottom;animation:i3-hop 2.6s ease-in-out infinite}
@keyframes i3-float{50%{transform:translateY(-2.5px)}}
@keyframes i3-sh{50%{transform:scale(.85);opacity:.6}}
@keyframes i3-pulse{50%{transform:scale(1.15)}}
@keyframes i3-tilt{50%{transform:rotate(4deg) translateY(-1.5px)}}
@keyframes i3-draw{0%,15%{stroke-dashoffset:14}45%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:14}}
@keyframes i3-blink{0%,92%,100%{transform:scaleY(1)}96%{transform:scaleY(.1)}}
@keyframes i3-spin{to{transform:rotate(360deg)}}
@keyframes i3-dot{0%,100%{opacity:.35}50%{opacity:1}}
@keyframes i3-peek{50%{transform:translateY(-4px)}}
@keyframes i3-blink2{50%{opacity:.2}}
@keyframes i3-wave{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
@keyframes i3-flow{to{stroke-dashoffset:-6}}
@keyframes i3-hop{50%{transform:translateY(-3px) scale(1.04)}}
@media(prefers-reduced-motion:reduce){.i3d,.i3d *{animation:none!important;transition:none!important}.why-card:hover .i3d{transform:none}}
@media(max-width:600px){.why-card .why-icon{width:52px;height:52px}.why-card .i3d{width:52px;height:52px}}