@media (max-width:63.999rem){.gh-stage{aspect-ratio:1/.96;touch-action:pan-y;max-width:26rem}.gh-phone{inset-inline:7% auto;transform-origin:50% 35%;width:64%;transition:transform .65s cubic-bezier(.2,.75,.2,1);top:2%;-webkit-mask-image:linear-gradient(#000 86%,#0000 99%);mask-image:linear-gradient(#000 86%,#0000 99%)}.gh-window{aspect-ratio:540/740}.gh-screen{transition:transform .7s cubic-bezier(.3,.7,.2,1)}.gh-stage[data-step="1"] .gh-child .gh-screen{transform:translateY(-35%)}.gh-stage .gh-child,.gh-stage[data-step="3"] .gh-parent{z-index:3;transform:none}.gh-stage .gh-parent,.gh-stage[data-step="3"] .gh-child{z-index:1;transform:translate(-46%)scale(.82)}[dir=ltr] .gh-stage .gh-parent,[dir=ltr] .gh-stage[data-step="3"] .gh-child{transform:translate(46%)scale(.82)}.gh-ring{border:3px solid var(--cs);opacity:0;pointer-events:none;border-radius:18px;transition:opacity .3s;position:absolute}.gh-ring-plan{inset:56.6% 6.5% 2.2%}.gh-ring-play{aspect-ratio:1;border-radius:999px;width:22.5%;top:21.6%;left:56.5%}.gh-ring-report{inset:24.3% 2.6% 35.9% 4.6%}.gh-stage[data-step="1"] .gh-ring-plan,.gh-stage[data-step="2"] .gh-ring-play,.gh-stage[data-step="3"] .gh-ring-report{opacity:1;transition-delay:.45s}.gh-stage[data-step="2"] .gh-ring-play{animation:1.4s ease-out .65s 2 gh-pulse}}@keyframes gh-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--cs) 55%, transparent)}to{box-shadow:0 0 0 18px color-mix(in srgb, var(--cs) 0%, transparent)}}.gh-fill{transform-origin:100%;animation:linear forwards gh-fill}[dir=ltr] .gh-fill{transform-origin:0}@keyframes gh-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.gh-phone,.gh-screen,.gh-ring{transition:none!important}.gh-ring-play,.gh-fill{animation:none!important}.gh-play{display:none!important}}