.why-card{isolation:isolate;border:1px solid color-mix(in srgb,var(--teal)18%,transparent);background:linear-gradient(#ffffff0d,#ffffff03);transition:transform .35s,border-color .35s,box-shadow .35s;position:relative}.why-card:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(380px circle at var(--mx,50%)var(--my,0%),color-mix(in srgb,var(--primary-bright)16%,transparent),transparent 65%);transition:opacity .4s;position:absolute;inset:0}.why-card[data-active]{border-color:color-mix(in srgb,var(--primary-bright)50%,transparent)}.why-card[data-active] .why-num{color:var(--primary-bright)}.why-card:focus-within:before,.why-card[data-active]:before{opacity:.6}.why-card:active{transform:translateY(-2px)}.why-panel{transition:transform .4s}.why-chip{transition:background-color .25s,border-color .25s,color .25s}.why-chip[aria-current=true]{color:#fff;border-color:var(--primary-bright);background:color-mix(in srgb,var(--primary-bright)20%,transparent)}.why-badge{position:relative;overflow:hidden}@media (hover:hover){.why-card:hover,.why-card:focus-within{border-color:color-mix(in srgb,var(--primary-bright)55%,transparent);box-shadow:0 24px 50px -24px color-mix(in srgb,var(--primary-bright)45%,transparent);transform:translateY(-4px)}.why-card:hover:before{opacity:1}.why-card:hover .why-panel{transform:scale(1.015)}}@media (prefers-reduced-motion:no-preference){.why-ready [data-reveal]:not([data-in]){opacity:0}[data-reveal][data-in]{animation:.7s cubic-bezier(.2,.7,.2,1) backwards why-rise;animation-delay:calc(var(--i,0)*90ms)}.why-card[data-in] .why-panel{animation:.7s cubic-bezier(.2,.7,.2,1) .25s backwards why-pop}.why-card[data-in] .why-first .why-tile{animation:2.8s ease-out 1s 3 why-glow}.why-card[data-in] .why-badge:after{content:"";background:linear-gradient(100deg,#0000 30%,#ffffffa6 50%,#0000 70%);animation:1.2s 1.2s forwards why-shine;position:absolute;inset:0;transform:translate(-120%)}.why-card[data-in] .why-state{animation:why-row 8s var(--d,0s)infinite}.why-card[data-in] .why-state .why-pill{animation:why-ring 8s var(--d,0s)infinite}.why-state:nth-child(2){--d:2s}.why-state:nth-child(3){--d:4s}.why-state:nth-child(4){--d:6s}.why-sweep{transform-box:view-box;transform-origin:140px 95px;animation:7s linear infinite why-spin}.why-ring{transform-box:view-box;transform-origin:140px 95px;animation:4s ease-out infinite why-expand}.why-halo{transform-box:fill-box;transform-origin:50%;animation:2.6s ease-out infinite why-halo}.why-card[data-in] .why-link{animation:1.2s .6s backwards why-draw}.why-card[data-in] .why-wm span{animation:1s backwards why-fade}.why-card[data-in] .why-wm span:nth-child(2){animation-delay:.4s}.why-card[data-in] .why-bar{animation:2.4s cubic-bezier(.4,0,.2,1) 1s backwards why-bar}.why-card[data-in] .why-msg{animation:.6s backwards why-rise}.why-card[data-in] .why-msg:first-child{animation-delay:.5s}.why-card[data-in] .why-msg:nth-child(2){animation-delay:1.4s}.why-ready .why-card:not([data-in]) .why-msg{opacity:0}@media (hover:hover){.why-card:hover .why-tile{animation:.6s why-tilt}}}@keyframes why-rise{0%{opacity:0;transform:translateY(14px)}}@keyframes why-pop{0%{opacity:0;transform:scale(.97)}}@keyframes why-glow{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--primary-bright)55%,transparent)}to{box-shadow:0 0 0 14px #0000}}@keyframes why-shine{to{transform:translate(120%)}}@keyframes why-row{0%,22%{background:#ffffff0f}25%,to{background:0 0}}@keyframes why-ring{0%,22%{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-bright)70%,transparent)}25%,to{box-shadow:0 0 #0000}}@keyframes why-spin{to{transform:rotate(360deg)}}@keyframes why-expand{0%{opacity:.7;transform:scale(.85)}to{opacity:0;transform:scale(1.18)}}@keyframes why-halo{0%{opacity:.8;transform:scale(.6)}to{opacity:0;transform:scale(1.8)}}@keyframes why-draw{0%{stroke-dashoffset:1px}}@keyframes why-fade{0%{opacity:0}}@keyframes why-bar{0%{width:100%}}@keyframes why-tilt{50%{transform:rotate(-8deg)scale(1.08)}}