.hv{--navy:#071625;--teal:#00b8d3;--teal-text:#07788b;--teal-soft:#e6f6f9;--green:#16834f;--green-soft:#eaf8f0;--orange:#b45107;--orange-soft:#fff3e8;--muted:#5b6b7b;--line:#d9e2eb;--soft:#eef3f8;margin-top:32px;padding:26px 28px 14px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 16px 40px #0716250b}.hv-stage{display:grid;grid-template-columns:minmax(0,.9fr) 80px minmax(0,1.1fr);grid-template-areas:"you out cowork";align-items:center;gap:22px 18px}.hv-device{min-width:0}.hv-you{grid-area:you}.hv-cowork{grid-area:cowork}.hv-label{font:700 20px/1.3 var(--font-space-grotesk),ui-sans-serif,system-ui,sans-serif;color:var(--navy);margin:0 0 10px}.hv-cowork>.hv-label{color:var(--teal-text)}.hv-monitor{border:solid #536476;border-width:8px 8px 14px;border-radius:13px;background:var(--navy);position:relative;box-shadow:0 5px 12px #07162516}.hv-cowork .hv-monitor{border-color:var(--navy)}.hv-stand{display:block;width:100px;height:27px;margin:auto;position:relative;background:linear-gradient(90deg,transparent 33%,#536476 0,#536476 67%,transparent 0)}.hv-stand:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:6px;border-radius:4px 4px 0 0;background:#536476}.hv-cowork .hv-stand{background:linear-gradient(90deg,transparent 33%,var(--navy) 33%,var(--navy) 67%,transparent 67%)}.hv-cowork .hv-stand:after{background:var(--navy)}.hv-device-note{font-size:14px;line-height:1.4;text-align:center;margin-top:8px;color:#3b5063}.hv-your-screen{height:220px;background:#f0f4f8;padding:14px;position:relative;overflow:hidden}.hv-chat{height:100%;background:#fff;border:1px solid var(--line);border-radius:7px;padding:13px;display:none}.hv-window-title{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--navy);line-height:1.35;padding-bottom:10px;border-bottom:1px solid var(--line)}.hv-window-title svg{width:18px;height:18px;color:var(--teal-text)}.hv-task{font-size:16px;line-height:1.5;color:var(--navy);padding-top:12px}.hv-task b{display:block;font-size:13px;color:var(--muted);margin-bottom:4px}.hv-handoff{font-size:13px;margin-top:10px}.hv-flow,.hv-handoff{color:var(--teal-text)}.hv-flow{grid-area:out;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;position:relative;font-size:14px;font-weight:600}.hv-flow>svg{width:22px;height:22px}.hv-transfer{display:none;position:absolute;top:-42px;left:20px;background:var(--teal-soft);padding:8px;border:1px solid #93ccd6;border-radius:50%;line-height:0}.hv-screen{height:252px;background:#132d42;position:relative;overflow:hidden;padding:0 10px}.hv-desktop-bar{height:30px;display:flex;justify-content:space-between;gap:8px;align-items:center;color:#e1edf6;white-space:nowrap}.hv-apps{height:155px;position:relative;background:#fff;border-radius:6px;overflow:hidden}.hv-win{position:absolute;inset:0;background:#fff;padding:10px 12px;visibility:hidden;opacity:0}.hv[data-app=mail] .w-mail,.hv[data-app=portal] .w-portal,.hv[data-app=sheet] .w-sheet{visibility:visible;opacity:1}.hv-row{display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid #e8edf2;padding:7px 0;line-height:1.35;color:var(--navy)}.w-mail .hv-row span{font-size:12px;color:var(--muted)}.hv-row svg{width:17px;height:17px;color:var(--green)}.hv-taskbar{justify-content:center;gap:6px;margin-top:8px;color:#e5eef5;font-size:13px;line-height:1}.hv-taskbar,.hv-taskbar>span{display:flex;align-items:center}.hv-taskbar>span{gap:4px;padding:5px 7px;border-radius:5px;border-bottom:2px solid transparent}.hv-taskbar svg{width:16px;height:16px}.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-counter{font-size:13px;color:#e1edf6;text-align:center;line-height:1.3}.hv-counter b{font-variant-numeric:tabular-nums;color:#fff}.hv-cursor{position:absolute;left:68%;top:55%;display:flex;gap:1px;align-items:flex-start;z-index:2;pointer-events:none;font:600 12px/1 Inter,sans-serif;color:#fff;transition:left .5s ease,top .5s ease}.hv-cursor>svg{width:19px;height:19px;fill:var(--teal);stroke:#fff}.hv-cursor>span{margin-top:16px;padding:5px 7px;background:var(--teal-text);border:1px solid #b8d9df;border-radius:999px}.hv-footer{display:flex;justify-content:space-between;align-items:center;gap:10px 24px;margin-top:16px}.hv-replay{display:none;display:inline-flex;align-items:center;flex-shrink:0;min-height:44px;padding:0;border:0;background:none;color:var(--navy);font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--teal)}.hv figcaption{font-size:12px;line-height:1.5;margin-top:8px;color:var(--muted);max-width:850px}.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-transfer{display:block}.hv[data-phase=access] .hv-cursor,.hv[data-phase=task] .hv-cursor{opacity:0}.hv[data-app=mail] .hv-cursor{left:45%;top:30%}.hv[data-app=sheet] .hv-cursor{left:68%;top:40%}.hv.is-playing[data-phase=access] .hv-transfer{animation:hv-key 1.5s 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-check .2s ease .2s both}.hv.is-playing[data-phase=work][data-app=portal] .r2 svg{animation:hv-check .2s ease .55s both}.hv.is-playing[data-phase=work][data-app=portal] .r3 svg{animation:hv-check .2s ease .9s both}@keyframes hv-key{0%{opacity:0;transform:translateX(-35px)}20%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateX(90px)}}@keyframes hv-check{to{opacity:1}}@keyframes hv-reveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(min-width:700px) and (max-width:899px){.hv{padding:20px 18px 12px}.hv-stage{grid-template-columns:minmax(0,.9fr) 48px minmax(0,1.1fr);gap:18px 10px}.hv-label{font-size:18px}.hv-flow{font-size:12px}.hv-desktop-bar span:last-child{display:none}.hv-your-screen{padding:8px;height:220px}.hv-chat{padding:9px}.hv-task{font-size:14px}.hv-screen{padding:0 7px}.hv-win{padding:9px}.hv-row{font-size:12px}.w-mail .hv-row span{font-size:11px}.hv-window-title{font-size:13px}.hv-taskbar{gap:2px}.hv-taskbar>span{font-size:12px;padding:5px}.hv-footer{flex-wrap:wrap}}@media(max-width:699px){.hv{order:3;padding:18px 14px 12px;margin-top:26px;border-radius:16px}.hv-stage{grid-template-columns:1fr;grid-template-areas:"you" "out" "cowork";gap:14px}.hv-label{font-size:18px}.hv-you{width:92%;justify-self:center}.hv-monitor{border-width:7px 7px 12px}.hv-your-screen{height:206px;padding:10px}.hv-screen{height:252px}.hv-device-note{font-size:13px}.hv-flow{flex-wrap:nowrap;gap:8px}.hv-flow>svg{transform:rotate(90deg)}.hv-transfer{top:-16px;left:calc(50% - 20px)}.hv-footer{flex-direction:column;align-items:flex-start;gap:0}.hv figcaption{font-size:12px}}@media(max-width:360px){.hv{padding-inline:10px}.hv-window-title{font-size:13px}.hv-win{padding:8px}.hv-row{font-size:12px}.hv-desktop-bar span:last-child{display:none}.hv-taskbar{gap:3px}.hv-taskbar>span{font-size:12px;padding:5px}.w-mail .hv-row{flex-wrap:wrap;gap:1px;padding:5px 0}.w-mail .hv-row span{font-size:11px}.hv-label{font-size:17px}}@media(prefers-reduced-motion:reduce){.hv-replay{display:none}}.hv-access-notice{display:none}.hv[data-phase=access] .hv-access-notice{display:flex;flex-direction:column;align-items:flex-start;gap:8px;color:var(--navy);font-size:14px;line-height:1.35;padding-top:15px}.hv-access-notice>svg{width:25px;height:25px;color:var(--teal-text)}.hv-access-notice>span{font-size:13px;color:var(--muted)}.hv.is-armed .hv-transfer{display:block}.hv{margin-top:22px;padding:18px 24px 8px}.hv-stage{gap:16px 18px}.hv-label{font-size:19px;line-height:1.3;margin-bottom:8px}.hv-monitor{border-width:7px 7px 12px}.hv-your-screen{height:190px;padding:10px}.hv-chat{padding:10px}.hv-task{font-size:15px;line-height:1.4;padding-top:10px}.hv-handoff{font-size:12px;margin-top:8px}.hv[data-phase=access] .hv-access-notice{padding-top:12px;gap:7px}.hv-screen{height:210px}.hv-desktop-bar{height:26px;font-size:12px}.hv-apps{height:122px}.hv-win{padding:8px 10px}.hv-window-title{padding-bottom:7px;font-size:13px}.hv-row{padding:5px 0;font-size:13px}.hv-row svg{height:15px;width:15px}.hv-taskbar{margin-top:6px}.hv-counter{margin-top:3px;font-size:12px}.hv-stand{height:22px;width:90px}.hv-device-note{margin-top:7px;font-size:13px;line-height:1.3}.hv-footer{justify-content:flex-end;margin-top:2px;gap:0}.hv figcaption.sr-only{margin:0}@media(min-width:700px) and (max-width:899px){.hv{padding:18px 16px 8px}.hv-stage{grid-template-columns:minmax(0,.9fr) 48px minmax(0,1.1fr);gap:16px 10px}.hv-label{font-size:18px}.hv-your-screen{height:204px;padding:8px}.hv-screen{height:224px}.hv-apps{height:136px}.hv-task{font-size:14px}.hv-chat,.hv-win{padding:8px}.hv-row{font-size:12px}.w-mail .hv-row{align-items:flex-start;flex-direction:column;gap:1px;padding:4px 0}.w-mail .hv-row span{font-size:11px}}@media(max-width:699px){.hv{padding:16px 12px 6px;margin-top:24px}.hv-stage{gap:12px}.hv-label{font-size:18px}.hv-your-screen{height:183px;padding:9px}.hv-screen{height:221px;padding:0 8px}.hv-apps{height:133px}.hv-window-title{font-size:13px}.hv-win{padding:8px}.hv-row{font-size:12px}.w-mail .hv-row{flex-direction:column;align-items:flex-start;gap:1px;padding:4px 0}.w-mail .hv-row span{font-size:11px}.hv-taskbar{gap:3px}.hv-taskbar>span{font-size:12px;padding:5px}.hv-footer{align-items:flex-start;margin-top:2px}.hv-replay{font-size:12px!important}}@media(max-width:360px){.hv{padding-inline:10px}.hv-label{font-size:17px}.hv-screen{height:227px}.hv-apps{height:139px}.hv-your-screen{height:193px}.hv-access-notice{font-size:13px!important}.hv-task{font-size:14px}}@keyframes hv-key-down{0%{opacity:0;transform:translateY(-25px)}20%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(30px)}}@media(max-width:699px){.hv.is-playing[data-phase=access] .hv-transfer{animation-name:hv-key-down}}.hv-row{padding-block:4px}.w-mail .hv-row{flex-direction:row;align-items:center;gap:6px;padding:4px 0}.hv-stage{align-items:start}.hv-flow{align-self:center}.hv-free,.hv-reply{display:none;height:100%;background:#fff;border:1px solid var(--line);border-radius:7px}.hv-free{flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px}.hv-free-icons{display:flex;gap:14px;color:var(--teal-text)}.hv-free-icons svg{width:30px;height:30px}.hv-free-title{font:700 27px/1.15 var(--font-space-grotesk),ui-sans-serif,system-ui,sans-serif;color:var(--navy);margin-top:12px}.hv-free-text{font-size:14px;line-height:1.4;color:var(--muted);margin-top:7px}.hv-reply{padding:10px}.hv-message{margin-top:10px;padding:10px 12px;border-radius:10px;background:var(--soft)}.hv-message>b{display:block;font-size:12px;color:var(--muted);margin-bottom:3px}.hv-msg-done,.hv-msg-open{display:flex;align-items:flex-start;gap:7px;margin-top:5px;font-size:15px;line-height:1.4;color:var(--navy)}.hv-msg-done svg,.hv-msg-open svg{flex-shrink:0;width:18px;height:18px;margin-top:2px}.hv-msg-done svg{color:var(--green)}.hv-msg-open svg{color:var(--orange)}.hv[data-phase=work] .hv-free{display:flex}.hv[data-phase=result] .hv-reply{display:block}.hv.is-playing[data-phase=result] .hv-message,.hv.is-playing[data-phase=work] .hv-free{animation:hv-reveal .45s ease both}.hv-flow-back,.hv-flow-out{display:flex;flex-direction:column;align-items:center;gap:4px;transition:opacity .3s ease}.hv-flow-back svg,.hv-flow-out svg{width:22px;height:22px}.hv-flow-back{display:none;color:var(--navy)}.hv-flow-back svg{transform:rotate(180deg);color:var(--green)}.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-footer{margin-top:4px}@media(min-width:700px) and (max-width:899px){.hv-free-title{font-size:22px}.hv-msg-done,.hv-msg-open{font-size:13px}.hv-flow-back,.hv-flow-out{font-size:12px}}@media(max-width:699px){.hv-flow-back,.hv-flow-out{flex-direction:row;gap:8px}.hv-flow-out svg{transform:rotate(90deg)}.hv-flow-back svg{transform:rotate(-90deg)}.hv-free-title{font-size:24px}.hv-msg-done,.hv-msg-open{font-size:14px}}@media(min-width:700px){.hv{position:relative;padding-bottom:12px}.hv-footer{position:absolute;left:24px;bottom:10px;margin:0}}@media(min-width:700px) and (max-width:899px){.hv-footer{left:16px}}.hv{padding-top:14px;border-color:rgba(91,107,123,.16);border-radius:28px;box-shadow:0 18px 44px rgba(7,22,37,.07);font-family:var(--font-inter),ui-sans-serif,system-ui,sans-serif}.hv,.hv p{margin:0}.hv svg{fill:none}.hv .hv-cursor>svg{fill:var(--teal)}