.hw{--hw-gap:.75rem}.hw-plane{gap:var(--hw-gap);width:250%;transform:translate(-50%,-50%)rotate(-7deg)}.hw-col,.hw-pair{gap:var(--hw-gap)}.hw-up{animation:hw-up var(--hw-seconds) linear infinite}.hw-down{animation:hw-down var(--hw-seconds) linear infinite}@keyframes hw-up{0%{transform:translateY(0)}to{transform:translateY(calc(-33.3333% - var(--hw-gap) / 3))}}@keyframes hw-down{0%{transform:translateY(calc(-33.3333% - var(--hw-gap) / 3))}to{transform:translateY(0)}}.hw-page{animation:hw-page 15s cubic-bezier(.45, 0, .2, 1) var(--hw-page-delay) infinite}@keyframes hw-page{0%,10%{transform:translateY(0)}16%,26%{transform:translateY(calc(var(--hw-page-to) * .25))}32%,42%{transform:translateY(calc(var(--hw-page-to) * .5))}48%,58%{transform:translateY(calc(var(--hw-page-to) * .75))}64%,80%{transform:translateY(var(--hw-page-to))}88%,to{transform:translateY(0)}}@media (min-width:640px){.hw{--hw-gap:1.125rem}.hw-plane{width:138%}}@media (prefers-reduced-motion:reduce){.hw-up,.hw-down,.hw-page{animation:none}}
.process-steps :is(.pc-speaker,.pc-level,.pc-done,.pc-mile,.pc-now,.pc-deploy-dot,.pc-deploy-fill,.pc-deploy-live,.pc-ring,.pc-tick,.pc-traffic){animation-delay:calc(var(--step,0) * .45s);animation-play-state:paused}.process-steps[data-playing] :is(.pc-speaker,.pc-level,.pc-done,.pc-mile,.pc-now,.pc-deploy-dot,.pc-deploy-fill,.pc-deploy-live,.pc-ring,.pc-tick,.pc-traffic){animation-play-state:running}.pc-speaker{box-shadow:0 0 0 0 var(--brand)}.pc-speaker-a{animation:6s ease-in-out infinite pc-speak-a}.pc-speaker-b{animation:6s ease-in-out infinite pc-speak-b}@keyframes pc-speak-a{0%,44%{box-shadow:0 0 0 2px var(--card), 0 0 0 3.5px var(--brand)}50%,94%{box-shadow:0 0 0 2px var(--card), 0 0 0 2px transparent}to{box-shadow:0 0 0 2px var(--card), 0 0 0 3.5px var(--brand)}}@keyframes pc-speak-b{0%,44%{box-shadow:0 0 0 2px var(--card), 0 0 0 2px transparent}50%,94%{box-shadow:0 0 0 2px var(--card), 0 0 0 3.5px var(--brand)}to{box-shadow:0 0 0 2px var(--card), 0 0 0 2px transparent}}.pc-level{transform-origin:50%;animation:pc-level calc(.5s + var(--i) * 90ms) ease-in-out infinite alternate;animation-delay:calc(var(--i) * -.17s)}@keyframes pc-level{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}.pc-plan{container-type:inline-size}.pc-now{animation:7s linear infinite pc-now}@keyframes pc-now{0%{opacity:0;transform:translate(0)}4%{opacity:1}70%{transform:translate(100cqw)}86%{opacity:1;transform:translate(100cqw)}94%,to{opacity:0;transform:translate(100cqw)}}.pc-done{transform-origin:0;transform:scaleX(0)}.pc-mile{background:var(--card);box-shadow:inset 0 0 0 1.5px var(--brand), 0 0 0 2px var(--card)}.pc-done-0{animation:7s linear infinite pc-done-0}@keyframes pc-done-0{0%,0%{opacity:1;transform:scaleX(0)}32.2%,86%{opacity:1;transform:scaleX(1)}94%{opacity:0;transform:scaleX(1)}to{opacity:0;transform:scaleX(0)}}.pc-mile-0{animation:7s ease-out infinite pc-mile-0}@keyframes pc-mile-0{0%,28%{background:var(--card);scale:1}31%{background:var(--brand);scale:1.45}35%,90%{background:var(--brand);scale:1}96%,to{background:var(--card);scale:1}}.pc-done-1{animation:7s linear infinite pc-done-1}@keyframes pc-done-1{0%,15.4%{opacity:1;transform:scaleX(0)}53.2%,86%{opacity:1;transform:scaleX(1)}94%{opacity:0;transform:scaleX(1)}to{opacity:0;transform:scaleX(0)}}.pc-mile-1{animation:7s ease-out infinite pc-mile-1}@keyframes pc-mile-1{0%,43.4%{background:var(--card);scale:1}46.4%{background:var(--brand);scale:1.45}50.4%,90%{background:var(--brand);scale:1}96%,to{background:var(--card);scale:1}}.pc-done-2{animation:7s linear infinite pc-done-2}@keyframes pc-done-2{0%,33.6%{opacity:1;transform:scaleX(0)}70%,86%{opacity:1;transform:scaleX(1)}94%{opacity:0;transform:scaleX(1)}to{opacity:0;transform:scaleX(0)}}.pc-mile-2{animation:7s ease-out infinite pc-mile-2}@keyframes pc-mile-2{0%,61.6%{background:var(--card);scale:1}64.6%{background:var(--brand);scale:1.45}68.6%,90%{background:var(--brand);scale:1}96%,to{background:var(--card);scale:1}}.pc-deploy-fill{transform-origin:0;animation:6s cubic-bezier(.4,0,.2,1) infinite pc-deploy-fill}@keyframes pc-deploy-fill{0%,8%{opacity:1;transform:scaleX(0)}55%,88%{opacity:1;transform:scaleX(1)}96%,to{opacity:0;transform:scaleX(1)}}.pc-deploy-dot{background:color-mix(in oklab, var(--foreground) 25%, transparent);animation:6s ease-out infinite pc-deploy-dot}@keyframes pc-deploy-dot{0%,54%{background:color-mix(in oklab, var(--foreground) 25%, transparent);box-shadow:0 0 0 0 color-mix(in oklab, var(--success) 50%, transparent)}56%{background:var(--success);box-shadow:0 0 0 0 color-mix(in oklab, var(--success) 50%, transparent)}72%{background:var(--success);box-shadow:0 0 0 6px color-mix(in oklab, var(--success) 0%, transparent)}90%{background:var(--success);box-shadow:0 0 #0000}98%,to{background:color-mix(in oklab, var(--foreground) 25%, transparent)}}.pc-deploy-live{opacity:0;animation:6s ease-out infinite pc-deploy-live}@keyframes pc-deploy-live{0%,56%{opacity:0;translate:-3px}62%,88%{opacity:1;translate:0}94%,to{opacity:0;translate:0}}.pc-ring,.pc-tick{stroke-dasharray:1;stroke-dashoffset:1px}.pc-ring-0{animation:7s cubic-bezier(.45,0,.25,1) infinite pc-ring-0}@keyframes pc-ring-0{0%,6%{opacity:1;stroke-dashoffset:1px}15%,86%{opacity:1;stroke-dashoffset:0}94%{opacity:0;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:1px}}.pc-tick-0{animation:7s ease-out infinite pc-tick-0}@keyframes pc-tick-0{0%,15%{opacity:1;stroke-dashoffset:1px}19%,86%{opacity:1;stroke-dashoffset:0}94%{opacity:0;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:1px}}.pc-ring-1{animation:7s cubic-bezier(.45,0,.25,1) infinite pc-ring-1}@keyframes pc-ring-1{0%,19%{opacity:1;stroke-dashoffset:1px}28%,86%{opacity:1;stroke-dashoffset:0}94%{opacity:0;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:1px}}.pc-tick-1{animation:7s ease-out infinite pc-tick-1}@keyframes pc-tick-1{0%,28%{opacity:1;stroke-dashoffset:1px}32%,86%{opacity:1;stroke-dashoffset:0}94%{opacity:0;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:1px}}.pc-ring-2{animation:7s cubic-bezier(.45,0,.25,1) infinite pc-ring-2}@keyframes pc-ring-2{0%,32%{opacity:1;stroke-dashoffset:1px}41%,86%{opacity:1;stroke-dashoffset:0}94%{opacity:0;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:1px}}.pc-tick-2{animation:7s ease-out infinite pc-tick-2}@keyframes pc-tick-2{0%,41%{opacity:1;stroke-dashoffset:1px}45%,86%{opacity:1;stroke-dashoffset:0}94%{opacity:0;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:1px}}.pc-ring-3{animation:7s cubic-bezier(.45,0,.25,1) infinite pc-ring-3}@keyframes pc-ring-3{0%,45%{opacity:1;stroke-dashoffset:1px}54%,86%{opacity:1;stroke-dashoffset:0}94%{opacity:0;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:1px}}.pc-tick-3{animation:7s ease-out infinite pc-tick-3}@keyframes pc-tick-3{0%,54%{opacity:1;stroke-dashoffset:1px}58%,86%{opacity:1;stroke-dashoffset:0}94%{opacity:0;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:1px}}.pc-traffic{animation:12s linear infinite pc-traffic}@keyframes pc-traffic{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.process-steps :is(.pc-speaker,.pc-level,.pc-done,.pc-mile,.pc-now,.pc-deploy-dot,.pc-deploy-fill,.pc-deploy-live,.pc-ring,.pc-tick,.pc-traffic){animation:none}.pc-speaker-a{box-shadow:0 0 0 2px var(--card), 0 0 0 3.5px var(--brand)}.pc-level{transform:scaleY(.6)}.pc-now{opacity:0}.pc-done{transform:scaleX(1)}.pc-mile{background:var(--brand)}.pc-deploy-fill{transform:scaleX(1)}.pc-deploy-dot{background:var(--success)}.pc-deploy-live{opacity:1}.pc-ring,.pc-tick{stroke-dashoffset:0}}