.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}}}
.hv2 .lg-demo{grid-template-columns:minmax(0,1fr);grid-template-areas:"spick""said""link""wpick""note";align-items:stretch;margin-top:clamp(40px,5vw,64px);display:grid}@media (min-width:900px){.hv2 .lg-demo{grid-template-columns:minmax(0,1fr) clamp(100px,10vw,150px) minmax(0,1fr);grid-template-areas:"spick.wpick""said link note"}}.hv2 .lg-pick{flex-direction:column;align-items:center;gap:10px;margin-bottom:18px;display:flex}.hv2 .lg-pick-spoken{grid-area:spick}.hv2 .lg-pick-written{grid-area:wpick}.hv2 .lg-pick-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);margin:0;font-size:12.5px;font-weight:650}.hv2 .lg-tabs{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.hv2 .lg-tab{cursor:pointer;font:inherit;white-space:nowrap;background:var(--field);color:var(--ink-muted);border:0;border-radius:999px;padding:7px 12px;font-size:13.5px;font-weight:600;transition:background-color .2s ease-out,color .2s ease-out,transform .16s ease-out}.hv2 .lg-tab:active{transform:scale(.97)}.hv2 .lg-tab[aria-checked=true]{background:var(--accent);color:#f7f0f0}@media (max-width:1100px){.hv2 .lg-tab{padding:6px 10px;font-size:13px}}@media (max-width:559px){.hv2 .lg-tabs{max-width:250px}}.hv2 .lg-t:before{content:attr(data-t)}.hv2 .lg-said{box-sizing:border-box;background:var(--desk-chrome);border-radius:22px;grid-area:said;min-width:0;padding:26px 28px 28px}.hv2 .lg-stack{display:grid}.hv2 .lg-said-text{color:var(--on-desk);opacity:0;grid-area:1/1;margin:0;font-size:17px;font-style:italic;line-height:1.65;transition:opacity .35s ease-out}.hv2 .lg-said-text.is-active{opacity:.86}.hv2 .lg-said-text:lang(hi),.hv2 .lg-said-text:lang(ja){font-style:normal}.hv2 .lg-link{flex-direction:column;grid-area:link;align-items:center;padding:10px 0;display:flex}.hv2 .lg-wire{background:repeating-linear-gradient(180deg,var(--accent)0 6px,transparent 6px 12px);opacity:.55;width:2px;height:26px;position:relative}.hv2 .lg-mic{width:54px;height:54px;box-shadow:var(--shadow-small);border-radius:50%;flex:none;margin:6px 0}.hv2 .lg-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:1.8s linear infinite lgFlowDown;position:absolute;top:0;left:-2px}.hv2 .lg-dot:nth-child(2){animation-delay:.6s}.hv2 .lg-dot:nth-child(3){animation-delay:1.2s}@keyframes lgFlowDown{0%{opacity:0;top:0}15%,85%{opacity:1}to{opacity:0;top:calc(100% - 6px)}}@keyframes lgFlowAcross{0%{opacity:0;left:0}15%,85%{opacity:1}to{opacity:0;left:calc(100% - 6px)}}@media (min-width:900px){.hv2 .lg-link{flex-direction:row;padding:0}.hv2 .lg-wire{background:repeating-linear-gradient(90deg,var(--accent)0 6px,transparent 6px 12px);flex:1;width:auto;height:2px}.hv2 .lg-mic{width:62px;height:62px;margin:0 8px}.hv2 .lg-dot{animation-name:lgFlowAcross;top:-2px;left:0}}.hv2 .lg-note{box-sizing:border-box;background:var(--raised);min-width:0;box-shadow:var(--shadow-small);border-radius:22px;grid-area:note;padding:26px 30px 30px}.hv2 .lg-note-body{opacity:0;grid-area:1/1;transition:opacity .35s ease-out}.hv2 .lg-note-body.is-active{opacity:1}.hv2 .lg-note-title{font-family:var(--font-fraunces),Georgia,serif;font-variation-settings:"SOFT" 50,"WONK" 1;font-optical-sizing:auto;font-size:clamp(21px,1.9vw,25px);line-height:1.25;font-weight:var(--pw);letter-spacing:-.02em;color:var(--ink);margin:0 0 10px}.hv2 .lg-note-body:lang(hi) .lg-note-title,.hv2 .lg-note-body:lang(ja) .lg-note-title{letter-spacing:0;font-family:system-ui,sans-serif;font-weight:600}.hv2 .lg-note-text{color:var(--ink);margin:0;font-size:17px;line-height:1.6}@media (prefers-color-scheme:dark){.hv2 .lg-said{background:#1b1c25}}@media (prefers-reduced-motion:reduce){.hv2 .lg-dot{display:none}.hv2 .lg-said-text,.hv2 .lg-note-body,.hv2 .lg-tab{transition:none}}