.hv{--navy:#071625;--teal:#00b8d3;--teal-text:#07788b;--teal-soft:#e6f6f9;--green:#16834f;--orange:#b45107;--muted:#5b6b7b;--line:#d9e2eb;--soft:#eef3f8;--bezel-you:#536476;container:hv/inline-size;position:relative;max-width:460px;margin:0 auto;font-family:var(--font-inter),ui-sans-serif,system-ui,sans-serif;color:var(--navy)}.hv p{margin:0}.hv svg{fill:none}.hv-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"you" "flow" "cowork";gap:6px}.hv-stage:before{content:"";position:absolute;z-index:0;left:50%;top:50%;width:min(150%,720px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,rgba(0,184,211,.2) 0,rgba(0,184,211,.1) 40%,rgba(223,233,242,.85) 68%,rgba(238,243,248,0) 100%)}.hv-device,.hv-flow{position:relative;z-index:1;min-width:0}.hv-you{grid-area:you}.hv-cowork{grid-area:cowork}.hv-flow{grid-area:flow}.hv-label{display:flex;align-items:baseline;gap:8px;margin:0 0 9px;font:700 15px/1.3 var(--font-space-grotesk),ui-sans-serif,system-ui,sans-serif;color:var(--navy)}.hv-cowork .hv-label,.hv-label-no{color:var(--teal-text)}.hv-label-no{font:600 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em}.hv-monitor{container-type:inline-size;position:relative;border:solid var(--bezel-you);border-width:6px 6px 10px;border-radius:10px;background:var(--bezel-you);box-shadow:0 18px 36px rgba(7,22,37,.13)}.hv-cowork .hv-monitor{border-color:var(--navy);background:var(--navy)}.hv-stand{display:block;position:relative;width:34%;height:18px;margin:0 auto}.hv-stand:before{left:42%;right:42%;top:0;bottom:4px}.hv-stand:after,.hv-stand:before{content:"";position:absolute;background:var(--bezel-you)}.hv-stand:after{left:0;right:0;bottom:0;height:5px;border-radius:4px 4px 0 0}.hv-cowork .hv-stand:after,.hv-cowork .hv-stand:before{background:var(--navy)}.hv-your-screen{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:3px;background:var(--soft);padding:.7em;font-size:min(4.5cqi,13.5px);line-height:1.35}.hv-chat,.hv-free,.hv-reply{display:none;height:100%;background:#fff;border:1px solid var(--line);border-radius:.45em;padding:.65em}.hv-window-title{display:flex;align-items:center;gap:.4em;padding-bottom:.35em;border-bottom:1px solid var(--line);font-size:.95em;font-weight:700;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hv-window-title svg{flex-shrink:0;width:1.15em;height:1.15em;color:var(--teal-text)}.hv-access-notice{display:none}.hv-task{padding-top:.6em;font-size:1.02em;line-height:1.4}.hv-task b{display:block;margin-bottom:.2em;font-size:.9em;color:var(--muted)}.hv-handoff{margin-top:.45em;font-size:.9em;color:var(--teal-text)}.hv-free{flex-direction:column;align-items:center;justify-content:center;text-align:center}.hv-free-icons{display:flex;gap:.8em;color:var(--teal-text)}.hv-free-icons svg{width:1.8em;height:1.8em}.hv-free-title{margin-top:.5em;font:700 1.7em/1.15 var(--font-space-grotesk),ui-sans-serif,system-ui,sans-serif}.hv-free-text{margin-top:.35em;font-size:.92em;color:var(--muted)}.hv-message{margin-top:.55em;padding:.55em .75em;border-radius:.6em;background:var(--soft)}.hv-message>b{display:block;margin-bottom:.15em;font-size:.9em;color:var(--muted)}.hv-msg-done,.hv-msg-open{display:flex;align-items:flex-start;gap:.45em;margin-top:.25em;line-height:1.35}.hv-msg-done svg,.hv-msg-open svg{flex-shrink:0;width:1.1em;height:1.1em;margin-top:.12em}.hv-msg-done svg{color:var(--green)}.hv-msg-open svg{color:var(--orange)}.hv-screen{position:relative;flex-direction:column;aspect-ratio:16/9;border-radius:3px;background:#132d42;padding:0 .6em;font-size:min(4.1cqi,13.5px);line-height:1.3}.hv-desktop-bar,.hv-screen{display:flex;overflow:hidden}.hv-desktop-bar{flex:0 0 auto;align-items:center;height:2em;font-size:.85em;color:#e1edf6;white-space:nowrap}.hv-apps{position:relative;flex:1 1 auto;min-height:0;overflow:hidden;border-radius:.4em;background:#fff}.hv-win{position:absolute;inset:0;padding:.45em .7em;visibility:hidden;opacity:0;transition:opacity .4s ease}.hv-row{display:flex;justify-content:space-between;align-items:center;gap:.5em;padding:.28em 0;border-bottom:1px solid #e8edf2;font-size:.92em;white-space:nowrap}.w-mail .hv-row span{font-size:.9em;color:var(--muted);overflow:hidden;text-overflow:ellipsis}.hv-row svg{flex-shrink:0;width:1.1em;height:1.1em;color:var(--green)}.hv-taskbar{flex:0 0 auto;display:flex;justify-content:center;gap:.35em;margin-top:.4em;font-size:.85em;line-height:1;color:#e5eef5}.hv-taskbar>span{display:flex;align-items:center;gap:.3em;padding:.3em .45em;border-radius:.35em;border-bottom:2px solid transparent}.hv-taskbar svg{width:1.1em;height:1.1em}.hv-counter{flex:0 0 auto;margin:.25em 0 .35em;font-size:.85em;line-height:1.2;text-align:center;color:#e1edf6}.hv-counter b{font-variant-numeric:tabular-nums;color:#fff}.hv-cursor{position:absolute;z-index:2;left:72%;top:58%;display:flex;align-items:flex-start;gap:1px;pointer-events:none;font-size:.82em;font-weight:600;line-height:1;color:#fff;transition:left .8s ease,top .8s ease,opacity .4s ease}.hv-cursor>svg{width:1.5em;height:1.5em;fill:var(--teal);stroke:#fff}.hv-cursor>span{margin-top:1.2em;padding:.35em .55em;border-radius:999px;background:var(--teal-text)}.hv-flow{display:flex;align-items:center;justify-content:center;gap:10px;min-height:34px;font-size:13px;font-weight:600;color:var(--teal-text)}.hv-flow-back,.hv-flow-out{display:flex;align-items:center;gap:6px;transition:opacity .4s ease}.hv-flow svg{width:20px;height:20px}.hv-flow-out svg{transform:rotate(90deg)}.hv-flow-back{display:none;color:var(--navy)}.hv-flow-back svg{transform:rotate(-90deg);color:var(--green)}.hv-transfer{display:none;padding:7px;border:1px solid #93ccd6;border-radius:50%;background:var(--teal-soft);line-height:0}.hv-transfer svg{width:18px;height:18px}.hv-footer{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 16px;margin-top:10px;font-size:12px;line-height:1.4}.hv-footer,.hv-replay{align-items:center;color:var(--muted)}.hv-replay{display:inline-flex;gap:5px;min-height:32px;padding:0;border:0;background:none;font:inherit;cursor:pointer}.hv-replay:hover{color:var(--navy)}.hv-replay svg{width:13px;height:13px}@media (min-width:1280px){.hv{max-width:min(460px,max(320px,calc(88svh - 320px)))}}.hv[data-phase=access] .hv-chat,.hv[data-phase=task] .hv-chat{display:block}.hv[data-phase=access] .hv-handoff,.hv[data-phase=access] .hv-task{display:none}.hv[data-phase=access] .hv-access-notice{display:flex;flex-direction:column;align-items:flex-start;gap:.35em;padding-top:.6em}.hv-access-notice>svg{width:1.5em;height:1.5em;color:var(--teal-text)}.hv-access-notice>span{font-size:.9em;color:var(--muted)}.hv[data-phase=work] .hv-free{display:flex}.hv.is-armed .hv-transfer,.hv[data-phase=access] .hv-transfer,.hv[data-phase=result] .hv-reply{display:block}.hv[data-phase=access] .hv-cursor,.hv[data-phase=task] .hv-cursor{opacity:0}.hv[data-app=mail] .hv-cursor{left:33%;top:37%}.hv[data-app=sheet] .hv-cursor{left:48%;top:44%}.hv[data-app=mail] .w-mail,.hv[data-app=portal] .w-portal,.hv[data-app=sheet] .w-sheet{visibility:visible;opacity:1}.hv[data-app=mail] [data-app-tab=mail],.hv[data-app=portal] [data-app-tab=portal],.hv[data-app=sheet] [data-app-tab=sheet]{background:#27495e;border-color:var(--teal)}.hv[data-phase=work] .hv-flow-out{opacity:.35}.hv[data-phase=result] .hv-flow-out{display:none}.hv[data-phase=result] .hv-flow-back{display:flex}.hv.is-playing[data-phase=access] .hv-transfer{animation:hv-fade 2.4s ease-in-out both}.hv.is-playing .w-portal .hv-row svg{opacity:0}.hv.is-playing[data-phase=result] .w-portal .hv-row svg{opacity:1}.hv.is-playing[data-phase=work][data-app=portal] .r1 svg{animation:hv-in .3s ease .3s both}.hv.is-playing[data-phase=work][data-app=portal] .r2 svg{animation:hv-in .3s ease .9s both}.hv.is-playing[data-phase=work][data-app=portal] .r3 svg{animation:hv-in .3s ease 1.5s both}.hv.is-playing[data-phase=result] .hv-message,.hv.is-playing[data-phase=work] .hv-free{animation:hv-in .6s ease both}@keyframes hv-in{0%{opacity:0}to{opacity:1}}@keyframes hv-fade{0%{opacity:0}25%{opacity:1}80%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.hv-replay{display:none}.hv *,.hv :after,.hv :before{animation:none!important;transition:none!important}}