._mark_yicq8_27{--stagger:calc(var(--i,0) * .18s);--grey:var(--muted-foreground);--blue:oklch(from var(--brand-blue) l c h);--red:oklch(from var(--brand-red) l c h);--ease-out:cubic-bezier(.23, 1, .32, 1);--play:paused}._mark_yicq8_27.in-view{--play:running}@media (width<=1023px){._mark_yicq8_27{--stagger:0s}}._whyArrow_yicq8_49,._whyTriangle_yicq8_50,._howHead_yicq8_51{transform-box:fill-box;transform-origin:50%}._whyArrows_yicq8_55,._whyArrowsIdle_yicq8_56{transform-box:view-box;transform-origin:100px 100px}._howTri_yicq8_62{transform-box:fill-box;transform-origin:100%}.js-reveal ._drawMask_yicq8_68,.js-reveal ._whenFan_yicq8_69{stroke-dasharray:1;stroke-dashoffset:1px}.js-reveal ._whenLines_yicq8_73 path{stroke:var(--grey)}.js-reveal ._whenQuarter_yicq8_76{fill:var(--grey);stroke:var(--grey)}.js-reveal ._whyArrows_yicq8_55{transform:rotate(-120deg)scale(1.15)}.js-reveal ._whyArrow_yicq8_49{fill:var(--grey);opacity:0}.js-reveal ._whyTriangle_yicq8_50{fill:var(--grey);opacity:0;transform:scale(.8)}.js-reveal ._howTri_yicq8_62{stroke:var(--grey);opacity:0;transform:scaleX(.04)}.js-reveal ._howHead_yicq8_51{fill:var(--grey);opacity:0;transform:translate(-8px)}._mark_yicq8_27.in-view ._drawMask_yicq8_68{animation:_wlDraw_yicq8_1 var(--dur,.5s) var(--ease-out) both;animation-delay:calc(var(--stagger) + var(--t,0s))}._mark_yicq8_27.in-view ._whenFan_yicq8_69{animation:_wlDraw_yicq8_1 .55s var(--ease-out) both;animation-delay:calc(var(--stagger) + .55s)}._mark_yicq8_27.in-view ._whenQuarter_yicq8_76{animation:.45s both _wlQuarterColour_yicq8_1;animation-delay:calc(var(--stagger) + 1.4s)}._mark_yicq8_27.in-view ._whenLines_yicq8_73 path{animation:.45s both _wlInk_yicq8_1;animation-delay:calc(var(--stagger) + 1.4s)}._mark_yicq8_27.in-view ._whyArrows_yicq8_55{animation:_wlSpinIn_yicq8_1 .9s var(--ease-out) both;animation-delay:var(--stagger)}._mark_yicq8_27.in-view ._whyArrow_yicq8_49{animation:.45s ease-out both _wlArrowIn_yicq8_1,.45s both _wlInkFill_yicq8_1;animation-delay:calc(var(--stagger) + var(--n,0) * 50ms), calc(var(--stagger) + 1.4s)}._mark_yicq8_27.in-view ._whyTriangle_yicq8_50{animation:_wlTriIn_yicq8_1 .6s var(--spring-snappy) both, _wlTriColour_yicq8_1 .45s ease both;animation-delay:calc(var(--stagger) + 1.05s), calc(var(--stagger) + 1.4s)}._mark_yicq8_27.in-view ._whyArrowsIdle_yicq8_56{animation:60s linear infinite _wlIdleSpin_yicq8_1;animation-delay:calc(var(--stagger) + 1.6s);animation-play-state:var(--play)}._mark_yicq8_27.in-view ._howHead_yicq8_51{animation:_wlHeadIn_yicq8_1 .35s var(--ease-out) both, _wlHeadColour_yicq8_1 .45s ease both;animation-delay:var(--stagger), calc(var(--stagger) + 1.4s)}._mark_yicq8_27.in-view ._howTri_yicq8_62{animation:_wlTelescope_yicq8_1 .55s var(--ease-out) both, _wlInk_yicq8_1 .45s ease both, _wlPulse_yicq8_1 2.4s ease-in-out infinite;animation-delay:calc(var(--stagger) + .3s + (2 - var(--n,0)) * 70ms), calc(var(--stagger) + 1.4s), calc(var(--stagger) + 2.2s + var(--n,0) * .2s);animation-play-state:running, running, var(--play)}@keyframes _wlDraw_yicq8_1{to{stroke-dashoffset:0}}@keyframes _wlInk_yicq8_1{to{stroke:var(--foreground)}}@keyframes _wlInkFill_yicq8_1{to{fill:var(--foreground)}}@keyframes _wlQuarterColour_yicq8_1{to{fill:var(--primary);stroke:var(--primary)}}@keyframes _wlSpinIn_yicq8_1{to{transform:none}}@keyframes _wlArrowIn_yicq8_1{to{opacity:1}}@keyframes _wlTriIn_yicq8_1{to{opacity:1;transform:none}}@keyframes _wlTriColour_yicq8_1{to{fill:var(--blue)}}@keyframes _wlIdleSpin_yicq8_1{to{transform:rotate(360deg)}}@keyframes _wlHeadIn_yicq8_1{to{opacity:1;transform:none}}@keyframes _wlHeadColour_yicq8_1{to{fill:var(--red)}}@keyframes _wlTelescope_yicq8_1{to{opacity:1;transform:none}}@keyframes _wlPulse_yicq8_1{0%,30%,to{stroke-width:1px}12%{stroke-width:2.2px}}@media (prefers-reduced-motion:reduce){.js-reveal ._drawMask_yicq8_68,.js-reveal ._whenFan_yicq8_69{stroke-dashoffset:0}.js-reveal ._whenLines_yicq8_73 path,.js-reveal ._howTri_yicq8_62{stroke:var(--foreground)}.js-reveal ._whenQuarter_yicq8_76{fill:var(--primary);stroke:var(--primary)}.js-reveal ._whyArrow_yicq8_49{fill:var(--foreground)}.js-reveal ._whyTriangle_yicq8_50{fill:var(--blue)}.js-reveal ._howHead_yicq8_51{fill:var(--red)}.js-reveal ._whyArrows_yicq8_55,.js-reveal ._whyArrow_yicq8_49,.js-reveal ._whyTriangle_yicq8_50,.js-reveal ._howTri_yicq8_62,.js-reveal ._howHead_yicq8_51{opacity:1;transform:none}._mark_yicq8_27.in-view *{animation:none!important}}._mark_yicq8_27{--px:0;--py:0;--aim:0deg}._whenAim_yicq8_295{transform-box:view-box;transform-origin:44.5px 44.5px;rotate:var(--aim)}._whyHover_yicq8_305{transform-box:view-box;transform-origin:100px 100px}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){._mark_yicq8_27.in-view ._whyHover_yicq8_305{animation:9s linear infinite paused _wlHoverSpin_yicq8_1}._mark_yicq8_27.in-view:hover ._whyHover_yicq8_305{animation-play-state:running}}@keyframes _wlHoverSpin_yicq8_1{to{rotate:360deg}}._mark_yicq8_27.in-view ._howTri_yicq8_62{translate:max(0px, var(--px) * calc(24px - var(--n,0) * 8px)) 0}@media (hover:hover) and (pointer:fine){._mark_yicq8_27.in-view ._howHead_yicq8_51{transition:scale .5s var(--spring-gentle)}._mark_yicq8_27.in-view:hover ._howHead_yicq8_51{scale:1.06}}@media (prefers-reduced-motion:reduce){._whenAim_yicq8_295{rotate:0deg}._mark_yicq8_27.in-view ._howTri_yicq8_62{translate:0}}