.ws-grid{display:grid;gap:1rem;justify-items:stretch}@media (min-width:640px){.ws-grid{grid-template-columns:1fr 1.5rem 1fr 1.5rem 1fr;align-items:center;gap:.5rem}}.ws-arrow{display:flex;justify-content:center;color:hsl(var(--muted-foreground));transition:color .25s ease,transform .25s ease}.ws-arrow svg{width:1.1rem;height:1.1rem}@media (max-width:639px){.ws-arrow svg{transform:rotate(90deg)}}.ws-card{height:100%;transition:transform .25s ease,border-color .25s ease}.ws-card:nth-child(3){position:relative;z-index:1}@media (hover:hover){.ws-card:hover{transform:translate3d(0,-5px,0);border-color:hsl(var(--primary)/.45)}.ws-card:hover+.ws-arrow{color:hsl(var(--primary));transform:translate3d(3px,0,0)}}.ws-num{position:relative;width:2rem;height:2rem;padding:0;justify-content:center}.ws-ring{position:absolute;inset:-3px;width:calc(100% + 6px);height:calc(100% + 6px);overflow:visible;pointer-events:none}.ws-ring circle{fill:none;stroke:hsl(var(--primary));stroke-width:1.6;stroke-dasharray:100;stroke-dashoffset:0}@media (min-width:640px){.ws-grid>.ws-card:first-child{--dx:calc(100% + 2.5rem)}.ws-grid>.ws-card:nth-child(5){--dx:calc(-100% - 2.5rem)}}.ws-grid>.ws-card:first-child{--k:0}.ws-grid>.ws-card:nth-child(3){--k:1}.ws-grid>.ws-card:nth-child(5){--k:2}.ws-grid>.ws-arrow:nth-child(4){--k:1}@media (prefers-reduced-motion:no-preference){[data-arm=wait] :is(.ws-head,.ws-para,.ws-card,.ws-arrow,.ws-ref){opacity:0}[data-arm=wait] .ws-ring circle{stroke-dashoffset:100}[data-arm=go] .ws-head{animation:wsUp .7s cubic-bezier(.16,1,.3,1) backwards}[data-arm=go] .ws-para{animation:wsUp .7s cubic-bezier(.16,1,.3,1) .15s backwards}[data-arm=go] .ws-card{animation:wsDeal .8s cubic-bezier(.16,1,.3,1) .5s backwards}[data-arm=go] .ws-card:nth-child(3){animation-delay:.4s}[data-arm=go] .ws-ring circle{animation:wsRing .8s ease backwards;animation-delay:calc(var(--k, 0) * .15s + .9s)}[data-arm=go] .ws-arrow{animation:wsArrow .4s cubic-bezier(.16,1,.3,1) backwards;animation-delay:calc(var(--k, 0) * .25s + 1s)}[data-arm=go] .ws-ref{animation:wsUp .6s cubic-bezier(.16,1,.3,1) 1.3s backwards}}@keyframes wsUp{0%{opacity:0;transform:translate3d(0,22px,0)}}@keyframes wsDeal{0%{opacity:0;transform:translate3d(var(--dx,0),var(--dy,0),0) scale(.92)}}@keyframes wsRing{0%{stroke-dashoffset:100}}@keyframes wsArrow{0%{opacity:0;transform:translate3d(-8px,0,0)}}