.hv2 .hiw-scope{timeline-scope:--hiw-head}.hv2 .hiw-head{view-timeline-name:--hiw-head;text-align:center;max-width:900px;margin-inline:auto}.hv2 .hiw-cta{flex-direction:column;align-items:center;gap:20px;margin-top:clamp(48px,5vw,64px);display:flex}.hv2 .hiw-try{color:var(--ink);align-items:center;gap:6px;padding:4px 0;font-size:15px;font-weight:600;display:inline-flex}.hv2 .hiw-try svg{flex:none;transition:transform .2s ease-out}.hv2 .hiw-try:hover svg{transform:translate(2px)}@media (prefers-reduced-motion:reduce){.hv2 .hiw-try svg{transition:none}}.hv2 .hiw-steps{--gap:clamp(28px,3.4vw,48px);gap:0 var(--gap);grid-template-columns:repeat(3,minmax(0,1fr));margin:clamp(48px,5vw,72px) 0 0;padding:0;list-style:none;display:grid;container-type:inline-size}.hv2 .hiw-step{--phone-w:clamp(150px,20cqw,232px);--pitch:calc((100cqw + var(--gap))/3);--art-h:calc(var(--phone-w)*548/262);--stack-scale:.46;--text-gap:32px;flex-direction:column;min-width:0;display:flex}.hv2 .hiw-art{height:var(--art-h);transform-origin:50% 0;position:relative}.hv2 .hiw-step-2 .hiw-art{z-index:2}.hv2 .hiw-step-1 .hiw-art,.hv2 .hiw-step-3 .hiw-art{z-index:1}.hv2 .hiw-phone{left:calc(50% - var(--phone-w)/2);z-index:1;width:var(--phone-w);aspect-ratio:262/548;box-sizing:border-box;padding:calc(var(--phone-w)*9/262);border-radius:calc(var(--phone-w)*48/262);background:#0e0e14;position:absolute;top:0;box-shadow:0 30px 60px #0c0c1642,0 8px 18px #0c0c1624}.hv2 .hiw-phone img{object-fit:cover;object-position:top;border-radius:calc(var(--phone-w)*40/262);-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.hv2 .hiw-text{margin-top:var(--text-gap);text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.hv2 .hiw-num{font-size:clamp(56px,5.6vw,84px);line-height:.8;font-weight:var(--pw0);letter-spacing:-.05em;color:var(--accent);flex:none}.hv2 .hiw-words{min-width:0;padding-top:2px}.hv2 .hiw-title{letter-spacing:-.015em;color:var(--ink);margin:0;font-size:23px;font-weight:700;line-height:1.2}.hv2 .hiw-body{color:var(--ink-muted);margin:10px 0 0;font-size:16px;line-height:1.55}@media (max-width:859px){.hv2 .hiw-step{--phone-w:clamp(92px,22cqw,150px);--text-gap:20px}.hv2 .hiw-text{gap:10px}.hv2 .hiw-num{font-size:44px}.hv2 .hiw-title{font-size:18px}.hv2 .hiw-body{font-size:14.5px}}@media (max-width:559px){.hv2 .hiw-steps{--gap:12px}.hv2 .hiw-step{--phone-w:calc((100cqw - 2*var(--gap))/3*.9);--text-gap:26px;display:contents}.hv2 .hiw-art{grid-row:1}.hv2 .hiw-step-1 .hiw-art{grid-column:1}.hv2 .hiw-step-2 .hiw-art{grid-column:2}.hv2 .hiw-step-3 .hiw-art{grid-column:3}.hv2 .hiw-text{text-align:left;flex-direction:row;grid-column:1/-1;align-items:flex-start;gap:12px}.hv2 .hiw-step-1 .hiw-text{grid-row:2}.hv2 .hiw-step-2 .hiw-text{grid-row:3}.hv2 .hiw-step-3 .hiw-text{grid-row:4}.hv2 .hiw-num{font-size:48px}.hv2 .hiw-title{font-size:19px}.hv2 .hiw-body{font-size:15px}}@keyframes hiwSpreadFront{0%{transform:scale(var(--stack-scale))}70%,to{transform:none}}@keyframes hiwSpreadLeft{0%,6%{transform:translate(calc(var(--pitch) - 22px*var(--stack-scale)),10px)rotate(-7deg)scale(calc(var(--stack-scale)*.94))}76%,to{transform:none}}@keyframes hiwSpreadRight{0%,6%{transform:translate(calc(-1*var(--pitch) + 22px*var(--stack-scale)),10px)rotate(7deg)scale(calc(var(--stack-scale)*.94))}76%,to{transform:none}}@keyframes hiwRoom{0%{height:calc(var(--art-h)*var(--stack-scale) + 24px)}70%,to{height:var(--art-h)}}@keyframes hiwWords1{0%,70%{opacity:0;max-height:0;margin-top:0;overflow:hidden;translate:0 12px}79%{overflow:hidden}80%,to{opacity:1;max-height:320px;margin-top:var(--text-gap);overflow:visible;translate:0}}@keyframes hiwWords2{0%,76%{opacity:0;max-height:0;margin-top:0;overflow:hidden;translate:0 12px}87%{overflow:hidden}88%,to{opacity:1;max-height:320px;margin-top:var(--text-gap);overflow:visible;translate:0}}@keyframes hiwWords3{0%,82%{opacity:0;max-height:0;margin-top:0;overflow:hidden;translate:0 12px}95%{overflow:hidden}96%,to{opacity:1;max-height:320px;margin-top:var(--text-gap);overflow:visible;translate:0}}@media (min-width:860px) and (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()) and (timeline-scope:none){html:has(.hv2 .hiw-steps){overflow-anchor:none}.hv2 .hiw-art,.hv2 .hiw-text{animation-timing-function:cubic-bezier(.4,0,.2,1);animation-fill-mode:both;animation-timeline:--hiw-head;animation-range:cover 28% cover 80%}.hv2 .hiw-text{animation-timing-function:linear}.hv2 .hiw-step-1 .hiw-art{animation-name:hiwSpreadLeft,hiwRoom}.hv2 .hiw-step-2 .hiw-art{animation-name:hiwSpreadFront,hiwRoom}.hv2 .hiw-step-3 .hiw-art{animation-name:hiwSpreadRight,hiwRoom}.hv2 .hiw-step-1 .hiw-text{animation-name:hiwWords1}.hv2 .hiw-step-2 .hiw-text{animation-name:hiwWords2}.hv2 .hiw-step-3 .hiw-text{animation-name:hiwWords3}}}