.ms-hw{--u:.0520833cqw;background:#fafafa;position:relative;overflow-x:clip;container-type:inline-size}.ms-hw .ms-hw__ring{left:calc(-272.42 * var(--u));top:calc(63.58 * var(--u));width:calc(822.793 * var(--u));height:calc(822.793 * var(--u));pointer-events:none;max-width:none;position:absolute;rotate:-165deg}.ms-hw__grid{pointer-events:none;position:absolute;inset:0}.ms-hw__sq{left:calc(var(--x) * var(--u) + (var(--ex,0) + 1) * var(--hv3-gx));top:calc(var(--y) * var(--u));width:calc(56 * var(--u));height:calc(56 * var(--u));border-radius:calc(8 * var(--u));background:var(--bg);opacity:var(--o);position:absolute}.ms-hw__inner{padding:calc(var(--sec-pad-n) * var(--u)) calc(120 * var(--u));position:relative}.ms-hw__head{align-items:center;gap:calc(12 * var(--u));text-align:center;flex-direction:column;display:flex}.ms-hw__title{font-family:var(--hv3-font-display);font-weight:var(--hv3-w-heading);font-size:calc(56 * var(--u));line-height:calc(76 * var(--u));color:#0f172a;margin:0}.ms-hw__accent{color:var(--hv3-purple)}.ms-hw__intro{width:calc(854 * var(--u));font-size:max(var(--hv3-desc-min), calc(18 * var(--u)));line-height:max(calc(var(--hv3-desc-min) * 1.27778), calc(23 * var(--u)));color:#475569;margin:0}.ms-hw__body{grid-template-columns:calc(720 * var(--u)) minmax(0, 1fr);column-gap:calc(80 * var(--u));margin-top:calc(72 * var(--u));align-items:stretch;display:grid}.ms-hw__media{position:relative}.ms-hw__frame{border-radius:calc(32 * var(--u));height:100%;position:relative;overflow:hidden}.ms-hw .ms-hw__photo{object-fit:cover;width:100%;max-width:none;height:100%;position:absolute;inset:0}.ms-hw__frame:after{content:"";inset:calc(480 * var(--u)) 0 0;background:linear-gradient(#0000,#0f172a33);position:absolute}.ms-hw__steps{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ms-hw__step{gap:calc(24 * var(--u));display:flex}.ms-hw__rail{width:calc(48 * var(--u));flex-direction:column;flex:none;align-items:center;display:flex}.ms-hw__num{width:calc(48 * var(--u));height:calc(48 * var(--u));border-radius:calc(14 * var(--u));font-family:var(--hv3-font-display);font-weight:var(--hv3-w-label);font-size:calc(15 * var(--u));color:var(--hv3-purple);background:#ede9fe;flex:none;justify-content:center;align-items:center;transition:background .35s,color .35s,scale .45s cubic-bezier(.3,1.5,.5,1);display:flex}.ms-hw__step[data-state=active] .ms-hw__num{background:var(--hv3-purple);color:#fff}.ms-hw__steps.is-playing .ms-hw__step[data-state=active] .ms-hw__num{scale:1.06}.ms-hw__line{width:calc(2 * var(--u));min-height:calc(88 * var(--u));border-radius:calc(1 * var(--u));background:#e2e8f0;flex:auto;position:relative;overflow:hidden}.ms-hw__fill{background:var(--hv3-purple);transform-origin:top;position:absolute;inset:0;scale:1 0}.ms-hw__step[data-state=active] .ms-hw__fill,.ms-hw__step[data-state=done] .ms-hw__fill{scale:1}.ms-hw__fill--timer{opacity:0;width:0;height:0;position:static}.ms-hw__steps.is-playing:not(.is-held) .ms-hw__step[data-state=active] .ms-hw__fill{animation:ms-hw-fill var(--dwell,4.2s) linear both}.ms-hw__steps.is-paused .ms-hw__fill{animation-play-state:paused}@keyframes ms-hw-fill{0%{scale:1 0}to{scale:1}}.ms-hw__text{gap:calc(6 * var(--u));padding:calc(4 * var(--u)) 0 calc(40 * var(--u));flex-direction:column;flex:auto;display:flex}.ms-hw__step:last-child .ms-hw__text{padding-bottom:0}.ms-hw__step-title{font-family:var(--hv3-font-display);font-weight:var(--hv3-w-label);font-size:max(var(--hv3-title-min), calc(20 * var(--u)));line-height:max(calc(var(--hv3-title-min) * 1.35), calc(27 * var(--u)));color:#0f172a}.ms-hw__step-body{font-size:max(var(--hv3-desc-min), calc(16 * var(--u)));line-height:max(calc(var(--hv3-desc-min) * 1.5), calc(24 * var(--u)));color:#64748b}@media (prefers-reduced-motion:reduce){.ms-hw__fill{animation:none}.ms-hw__num{transition:none}}@media (max-width:980px){.ms-hw{container-type:normal}.ms-hw .ms-hw__ring,.ms-hw__grid{display:none}.ms-hw__inner{padding:calc(var(--sec-pad-n) * 1px) 16px}.ms-hw__head{gap:10px}.ms-hw__title{font-size:var(--m-title);line-height:1.2}.ms-hw__intro{width:auto;font-size:var(--m-lede);line-height:var(--m-lede-lh)}.ms-hw__body{grid-template-columns:minmax(0,1fr);row-gap:28px;margin-top:24px}.ms-hw__media{height:auto}.ms-hw__frame{aspect-ratio:720/780;border-radius:var(--m-card-r);height:auto}.ms-hw__frame:after{inset:61.5% 0 0}.ms-hw__step{gap:14px}.ms-hw__rail{width:40px}.ms-hw__num{border-radius:12px;width:40px;height:40px;font-size:14px}.ms-hw__line{border-radius:1px;width:2px;min-height:24px}.ms-hw__text{gap:4px;padding:6px 0 24px}.ms-hw__step-title{font-size:17px;line-height:1.3}.ms-hw__step-body{font-size:14px;line-height:1.55}}