.guide-stage-web{height:clamp(330px,46vw,430px)}.guide-stage-phone{height:470px}.guide-scene{animation:.45s both guide-fade}.guide-caption{animation:.45s both guide-rise}.guide-fill-run{animation-name:guide-fill;animation-timing-function:linear;animation-fill-mode:forwards}.guide-ripple{background:#2563eb59;border-radius:50%;width:28px;height:28px;animation:.9s ease-out .7s both guide-ripple;position:absolute;top:-14px;left:-14px}.guide-play-pulse{animation:2s ease-in-out infinite guide-pulse}.guide-video:focus-visible{outline-offset:3px;outline:3px solid #93c5fd}.guide-video:fullscreen{border-radius:0;justify-content:center}:is(.guide-video:fullscreen .guide-stage-web,.guide-video:fullscreen .guide-stage-phone){height:70vh}@keyframes guide-fade{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}@keyframes guide-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes guide-fill{0%{width:0%}to{width:100%}}@keyframes guide-ripple{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(2.2)}}@keyframes guide-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}@keyframes guide-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes guide-dash{to{stroke-dashoffset:-24px}}.guide-float{animation:4s ease-in-out infinite guide-float}.guide-link-live{stroke-dasharray:6 6;animation:1s linear infinite guide-dash}.guide-card{transition:transform .18s,box-shadow .18s,border-color .18s}.guide-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px -18px #0b254559;border-color:#bfdbfe!important}.guide-scroll-x{scrollbar-width:thin;gap:10px;padding-bottom:6px;display:flex;overflow-x:auto}@media (width<=560px){.guide-mock-sidebar{display:none!important}.guide-stage-web{height:360px}.guide-stage-phone{height:440px}}@media (prefers-reduced-motion:reduce){.guide-scene,.guide-caption,.guide-play-pulse,.guide-float,.guide-link-live,.guide-ripple{animation:none!important}}.guide-two-col{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);align-items:center;gap:clamp(20px,3vw,36px);display:grid}.guide-two-col-wide{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start}.guide-hit:hover{background:#f1f5f9}.guide-step{transition:background .2s,border-color .2s}.guide-step:hover{border-color:#bfdbfe!important}@media (width<=860px){.guide-two-col,.guide-two-col-wide{grid-template-columns:minmax(0,1fr)}}