@keyframes left-arm{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-1px,2px)rotate(-4deg)}50%{transform:translate(-3px,4px)rotate(-7deg)}75%{transform:translate(-1px,2px)rotate(-3deg)}}@keyframes right-arm{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(1px,2px)rotate(-5deg)}50%{transform:translate(3px,4px)rotate(-2deg)}75%{transform:translate(1px,2px)rotate(-6deg)}}@keyframes head{0%,to{transform:translate(0)rotate(0)}20%{transform:translate(-1px,1px)rotate(-1deg)}40%{transform:translate(-1px,2px)rotate(-.5deg)}60%{transform:translate(1px,1px)rotate(1deg)}80%{transform:translate(0)rotate(.5deg)}}@keyframes left-ear{0%,to{transform:rotate(0)}50%{transform:rotate(-3deg)}}@keyframes right-ear{0%,to{transform:rotate(0)}50%{transform:rotate(2deg)}}@keyframes blink{0%,45%,55%,to{transform:scaleY(1)}50%{transform:scaleY(.95)}}@keyframes tail{0%{transform:rotate(0)}18%{transform:rotate(2deg)}35%{transform:rotate(5deg)}52%{transform:rotate(3deg)}70%{transform:rotate(-1deg)}85%{transform:rotate(2deg)}to{transform:rotate(0)}}@keyframes body{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(.5px)rotate(.2deg)}50%{transform:translateY(1px)rotate(-.3deg)}75%{transform:translateY(.5px)rotate(.15deg)}}.cat-working-pc{width:100%;height:100%;padding:calc(var(--spacing) * 4)}.cat-working-pc svg{width:100%;height:100%}.cat-working-pc svg .left-arm{transform-origin:390px 190px;transform-box:view-box;animation:.9s ease-in-out infinite left-arm}.cat-working-pc svg .right-arm{transform-origin:290px 190px;transform-box:view-box;animation:.9s ease-in-out .3s infinite right-arm}.cat-working-pc svg .head{transform-origin:320px 165px;transform-box:view-box;animation:2.2s ease-in-out infinite head}.cat-working-pc svg .right-ear{transform-origin:275px 65px;transform-box:view-box}.cat-working-pc svg .left-ear{transform-origin:375px 65px;transform-box:view-box}.cat-working-pc svg .left-eye{animation:4.7s infinite blink}.cat-working-pc svg .right-eye{animation:4.7s 80ms infinite blink}.cat-working-pc svg .tail{transform-origin:390px 275px;transform-box:view-box;animation:3.4s ease-in-out .8s infinite tail}.cat-working-pc svg .body{transform-origin:350px 250px;transform-box:view-box;animation:1.8s ease-in-out infinite body}.hero-office{place-items:center;width:100%;height:220px;display:grid}@media (width>=64rem){.hero-office{flex:0 0 420px;width:420px;height:200px}}.hero-office .progress{width:160px;height:160px;color:var(--color-white);pointer-events:none;position:relative}@media (width>=64rem){.hero-office .progress{width:200px;height:200px}}.hero-office .ring{fill:none;width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.hero-office .track{opacity:.2;stroke:currentColor;stroke-width:1px}.hero-office .indicator{stroke:currentColor;stroke-width:2px}.hero-office .value-text{font-size:14px;font-weight:var(--font-weight-medium);letter-spacing:.04em;white-space:nowrap;line-height:1;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.hero-office .value-text-number{display:none}@media (width>=64rem){.hero-office .value-text-number{display:block}}@media (width>=64rem){.hero-office .value-text-step{display:none}}.hero-office .connector{display:none}@media (width>=64rem){.hero-office .connector{transform-origin:0;background-color:currentColor;width:160px;height:1px;display:block;position:absolute;top:50%;left:100%}}.hero-office .connector-point{display:none}@media (width>=64rem){.hero-office .connector-point{background-color:currentColor;border-radius:50%;width:6px;height:6px;display:block;position:absolute;top:50%;left:calc(100% + 160px);transform:translate(-50%,-50%)}}.hero-office .steps{display:none}@media (width>=64rem){.hero-office .steps{grid-template-columns:1px auto;display:grid;position:absolute;top:calc(50% + 3px);left:calc(100% + 160px)}}.hero-office .steps-line{width:1px;height:100%;position:relative}.hero-office .steps-line-progress{transform-origin:top;background-color:currentColor;width:1px;height:0;position:absolute;top:0;left:0}.hero-office .step-list{flex-direction:column;gap:12px;padding-top:24px;display:flex}.hero-office .step{align-items:center;height:24px;display:flex}.hero-office .step-line{transform-origin:0;background-color:currentColor;width:48px;height:1px}.hero-office .step-label{font-size:10px;font-weight:var(--font-weight-medium);letter-spacing:.08em;white-space:nowrap;margin-left:8px;line-height:1}
