.why-scan{inset-inline:0;pointer-events:none;background:linear-gradient(90deg, transparent, color-mix(in oklab, var(--color-brand-soft) 55%, transparent) 30%, color-mix(in oklab, var(--color-brand-soft) 55%, transparent) 70%, transparent) bottom / 100% 1px no-repeat, linear-gradient(180deg, transparent, color-mix(in oklab, var(--color-brand) 7%, transparent));opacity:0;height:22%;position:absolute;top:-22%}.why-grid[data-play] .why-scan{animation:6s cubic-bezier(.45,0,.55,1) infinite why-scan}@keyframes why-scan{0%{opacity:0;translate:0}10%,80%{opacity:1}to{opacity:0;translate:0 555%}}.why-ping:after{content:"";border-radius:inherit;background:inherit;opacity:0;position:absolute;inset:0}.why-grid[data-play] .why-ping:after{animation:why-ping 2.6s var(--ease-out-expo) infinite;animation-delay:var(--ping-delay,0s)}@keyframes why-ping{0%{opacity:.75;scale:1}70%,to{opacity:0;scale:3.4}}.why-grid[data-play] .why-spin{animation:why-spin var(--spin,24s) linear infinite;animation-direction:var(--spin-dir,normal)}@keyframes why-spin{to{rotate:360deg}}.why-grid[data-play] .why-breathe{animation:5s ease-in-out infinite why-breathe}@keyframes why-breathe{50%{opacity:.55;scale:.86}}.why-curve-path{stroke-dasharray:1;stroke-dashoffset:0}.why-grid[data-play] .why-curve-path{animation:why-draw 1.8s var(--ease-out-expo) both}@keyframes why-draw{0%{stroke-dashoffset:1px}}.why-curve-dot{offset-path:path("M0 112 C32 0 60 0 200 0");offset-rotate:0deg;offset-distance:100%;position:absolute;top:0;left:0}.why-grid[data-play] .why-curve-dot{animation:3.4s cubic-bezier(.16,1,.3,1) 1s infinite both why-along}@keyframes why-along{0%{offset-distance:0%}72%,to{offset-distance:100%}}.why-cell{opacity:var(--o,.1)}.why-grid[data-play] .why-cell{animation:4.4s ease-in-out infinite why-cell;animation-delay:calc(var(--d,0) * 1s)}@keyframes why-cell{0%,38%,to{opacity:var(--o,.1)}14%{opacity:.92}}.why-grid[data-play] .why-type-0{animation:9s infinite why-type-0}.why-grid[data-play] .why-type-1{animation:9s infinite why-type-1}.why-grid[data-play] .why-type-2{animation:9s infinite why-type-2}.why-grid[data-play] .why-type-3{animation:9s infinite why-type-3}@keyframes why-type-0{0%,3%{clip-path:inset(0 100% 0 0);animation-timing-function:steps(22,end)}17%,90%{clip-path:inset(0)}93%,to{clip-path:inset(0 100% 0 0)}}@keyframes why-type-1{0%,21%{opacity:0}22%,90%{opacity:1}93%,to{opacity:0}}@keyframes why-type-2{0%,30%{clip-path:inset(0 100% 0 0);animation-timing-function:steps(22,end)}44%,90%{clip-path:inset(0)}93%,to{clip-path:inset(0 100% 0 0)}}@keyframes why-type-3{0%,51%{opacity:0;translate:0 4px}55%,90%{opacity:1;translate:0}93%,to{opacity:0}}.why-grid[data-play] .why-caret{animation:1.05s step-end infinite why-caret}@keyframes why-caret{50%{opacity:0}}.why-grid[data-play] .why-roll{animation:why-roll 7.5s var(--ease-in-out-quart) infinite}@keyframes why-roll{0%,28%{translate:0}33%,61%{translate:0 -25%}66%,94%{translate:0 -50%}to{translate:0 -75%}}