/* Focused product close-ups: one task, large controls and one result. */
.hc-bloop-page #getting-started .hc-process-closeup{container-type:inline-size;width:100%;max-width:none;aspect-ratio:1.5;overflow:visible;border-radius:0;box-shadow:none}
.hc-feature-visual,.hc-feature-visual *{box-sizing:border-box}
.hc-feature-visual{position:absolute;inset:0;color:var(--token-ckVpQMiZs);font:clamp(12px,4cqw,22px)/1.4 var(--hc-font);text-align:left;isolation:isolate}
.hc-feature-visual strong{font-weight:500}
.hc-visual-window{position:absolute;top:3%;left:3%;width:78%;padding:5cqw;background:#fff;border:1px solid #0b0f0c0b;border-radius:4cqw;box-shadow:0 4cqw 7cqw -4cqw #0b0f0c30}
.hc-visual-heading{display:flex;align-items:center;justify-content:space-between;gap:2cqw;min-height:5cqw;margin-bottom:3.5cqw;font-size:3.6cqw;font-weight:500;white-space:nowrap}
.hc-visual-window-dots{font-size:1.4cqw;letter-spacing:.1cqw;color:var(--token-GYRcFgKAb)}
.hc-visual-channel{display:flex;align-items:center;gap:3cqw;padding:3cqw 0;border-bottom:1px solid var(--token-GYRcFgKAb)}
.hc-visual-channel>img{width:8cqw;height:8cqw;object-fit:contain}
.hc-visual-channel>strong{font-size:4.4cqw;letter-spacing:-.03em}
.hc-visual-tick{display:grid;place-items:center;flex-shrink:0;width:5.5cqw;height:5.5cqw;margin-left:auto;border-radius:50%;background:var(--token-jjiXhscgr);font-size:3.2cqw;font-weight:500}
.hc-visual-action{display:flex;align-items:center;justify-content:space-between;gap:1.4cqw;width:66%;height:9cqw;padding:0 3cqw;margin-top:4cqw;background:var(--token-ckVpQMiZs);color:var(--token-evFuQuhyn);border-radius:1.6cqw;font-size:3.1cqw;font-weight:500;white-space:nowrap;transform-origin:center}
.hc-visual-action>span{font-size:4cqw;font-weight:400}
.hc-visual-result{position:absolute;right:0;bottom:0;z-index:2;border-radius:3.5cqw;box-shadow:0 4cqw 7cqw -4cqw #0b0f0c38}
.hc-visual-confirm{display:flex;align-items:center;gap:2.2cqw;width:45%;min-height:18cqw;padding:3.5cqw;background:#fff}
.hc-visual-confirm>strong{font-size:3.6cqw;line-height:1.4;white-space:nowrap}
.hc-visual-check{display:grid;place-items:center;flex-shrink:0;width:8.5cqw;height:8.5cqw;border:1px solid var(--token-EvCYecV87);border-radius:50%;color:#21853b;font-size:5cqw;line-height:1}
.hc-visual-people{display:flex;gap:4cqw;padding:1.3cqw 0}
.hc-visual-person{position:relative;display:flex;flex-direction:column;align-items:center;gap:1.8cqw;width:46%;padding:3cqw 2cqw;border:1px solid var(--token-GYRcFgKAb);border-radius:2.5cqw}
.hc-visual-person>strong{font-size:3.7cqw}
.hc-visual-person-chosen{border-color:var(--token-ckVpQMiZs);background:var(--token-lcD6LKuMb)}
.hc-visual-avatar{display:grid;place-items:center;width:12cqw;height:12cqw;border-radius:50%;font-size:5.8cqw;font-weight:500}
.hc-visual-avatar-aqua{background:var(--token-EvCYecV87)}
.hc-visual-avatar-peach{background:var(--token-noznvswCn)}
.hc-visual-person-check{position:absolute;right:1.7cqw;top:1.7cqw;display:grid;place-items:center;width:4.5cqw;height:4.5cqw;background:var(--token-r4qsafJbA);border-radius:50%;font-size:2.8cqw;font-style:normal}
.hc-visual-assign .hc-visual-main{padding-bottom:6cqw}
.hc-visual-ai-mark>img{display:block;width:7cqw;height:7cqw;object-fit:contain}
.hc-visual-document{display:flex;align-items:center;gap:3cqw;min-height:16cqw;padding:2cqw 0}
.hc-visual-document-icon{display:grid;place-items:center;width:10cqw;height:12cqw;border:1px solid var(--token-GYRcFgKAb);border-radius:1.5cqw;color:var(--token-T4w1gfw4R);font:7cqw/1 Arial,sans-serif}
.hc-visual-document>span:nth-child(2){display:flex;flex-direction:column;gap:1cqw}
.hc-visual-document strong{font-size:4cqw}
.hc-visual-document small{font-size:3.7cqw;color:var(--token-T4w1gfw4R)}
.hc-visual-result.hc-visual-answer{width:56%;padding:4cqw;background:var(--token-r4qsafJbA)}
.hc-visual-answer .hc-visual-action{width:50%}
.hc-visual-answer-label{display:block;margin-bottom:1.8cqw;font-size:2.9cqw;color:var(--token-T4w1gfw4R)}
.hc-visual-result.hc-visual-answer>strong{font-size:4.8cqw;line-height:1.35;letter-spacing:-.025em}
.hc-visual-reply .hc-visual-main{width:84%;top:0;left:1%;padding-bottom:4cqw}
.hc-visual-reply .hc-visual-heading{margin-bottom:2cqw}
.hc-visual-customer{display:flex;align-items:center;gap:2cqw;font-size:4cqw}
.hc-visual-customer>img{width:4.3cqw;height:4.3cqw;object-fit:contain}
.hc-visual-online{font-size:2cqw;color:var(--token-qrvekEbjD)}
.hc-visual-question{width:max-content;max-width:100%;padding:3cqw 4cqw;border-radius:2.5cqw 2.5cqw 2.5cqw .7cqw;background:var(--token-mx1IuREiB);font-size:4.5cqw;white-space:nowrap}
.hc-visual-composer{display:flex;align-items:center;justify-content:space-between;height:11cqw;padding:1.4cqw 1.4cqw 1.4cqw 3cqw;margin-top:26cqw;border:1px solid var(--token-GYRcFgKAb);border-radius:2.2cqw;font-size:3.4cqw;color:var(--token-T4w1gfw4R)}
.hc-visual-send{display:grid;place-items:center;width:8cqw;height:8cqw;border-radius:50%;background:var(--token-ckVpQMiZs);color:var(--token-r4qsafJbA);font-size:5cqw}
.hc-visual-result.hc-visual-reply{top:25cqw;bottom:auto;right:0;width:65%;padding:3.3cqw 4cqw;background:var(--token-r4qsafJbA);border-radius:3cqw 3cqw .7cqw 3cqw}
.hc-visual-result.hc-visual-reply>strong{font-size:4.8cqw;line-height:1.4;letter-spacing:-.025em}
.hc-visual-result.hc-visual-reply>span{display:block;margin-top:1.5cqw;font-size:2.7cqw;text-align:right;color:var(--token-T4w1gfw4R)}
.hc-process-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;align-self:flex-start;min-height:46px;padding:12px 21px;margin-top:10px;border-radius:999px;background:var(--token-ckVpQMiZs);color:var(--token-evFuQuhyn);font:500 15px/1.4 var(--hc-font);text-decoration:none;transition:background .2s ease,translate .2s ease}
.hc-process-cta:hover{background:var(--token-eIOUAEM9x);translate:0 -2px}
.hc-process-cta>span{font-size:20px;line-height:1}
/* Each scene tells one short story before holding on the result. */
[data-process-ready=true] .hc-process-enter .hc-visual-main{animation:hc-visual-arrive .55s .08s cubic-bezier(.16,1,.3,1) both}
[data-process-ready=true] .hc-process-enter .hc-visual-result{animation:hc-visual-result .6s 1.65s cubic-bezier(.16,1,.3,1) both}
[data-process-ready=true] .hc-process-enter .hc-visual-action,[data-process-ready=true] .hc-process-enter .hc-visual-send{animation:hc-visual-press .55s 1.05s ease both}
[data-process-ready=true] .hc-process-enter .hc-visual-person-check{animation:hc-visual-result .4s .8s both}
#getting-started [data-panel-state=leaving] .hc-feature-visual *{animation-play-state:paused!important}
@keyframes hc-visual-arrive{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
@keyframes hc-visual-result{from{opacity:0;translate:0 13px;scale:.96}to{opacity:1;translate:0 0;scale:1}}
@keyframes hc-visual-press{0%,100%{scale:1}45%{scale:.95;background:#242b25}70%{scale:1.02}}
@media(max-width:809px){.hc-process-cta{font-size:14px;min-height:44px;padding:11px 19px;margin-top:4px}.hc-visual-window{border-radius:4.5cqw}}
@media(prefers-reduced-motion:reduce){.hc-feature-visual *,.hc-process-cta{animation:none!important;transition:none!important}}

.hc-process-controls{position:absolute;right:0;bottom:-43px;display:flex;align-items:center;gap:14px;color:var(--token-T4w1gfw4R);font:12px var(--hc-font)}
.hc-process-controls>span{font-size:11px;font-variant-numeric:tabular-nums}
.hc-process-controls button{display:flex;align-items:center;gap:7px;padding:7px 12px;min-height:32px;border:1px solid var(--token-p8joX0QPt);border-radius:999px;color:var(--token-KOr_7Lolr);background:var(--token-evFuQuhyn);font:11px var(--hc-font);cursor:pointer}
.hc-process-controls button:disabled{cursor:default;color:var(--token-T4w1gfw4R)}
/* Both absolute panels remain mounted during a switch; the layout stays still. */
#getting-started[data-process-ready=true] [data-template-step-panel]{transition:opacity .48s cubic-bezier(.2,.65,.3,1),transform .6s cubic-bezier(.16,1,.3,1);pointer-events:none}
#getting-started[data-process-ready=true] [data-panel-state=preparing]{opacity:0;transform:translate3d(var(--hc-panel-enter-x,16px),0,0);z-index:2;transition:none}
#getting-started[data-process-ready=true] [data-panel-state=active]{opacity:1;transform:translate3d(0,0,0);z-index:2;pointer-events:auto}
#getting-started[data-process-ready=true] [data-panel-state=leaving]{opacity:0;transform:translate3d(var(--hc-panel-exit-x,-10px),0,0);z-index:1}
#getting-started[data-process-still=true] [data-template-step-panel]{transition:none}
#getting-started [data-panel-state=leaving] .hc-screen-entry,#getting-started [data-panel-state=leaving] .hc-screen-thinking,#getting-started [data-panel-state=leaving] .hc-screen-thinking>i{animation-play-state:paused!important}
#getting-started [data-template-step][data-step-status=upcoming] [data-framer-name="Fill"]{width:0!important}
#getting-started [data-template-step][data-step-status=complete] [data-framer-name="Fill"],#getting-started [data-template-step][data-step-status=current] [data-framer-name="Rail left"] [data-framer-name="Fill"]{width:100%!important}
#getting-started .hc-process-current [data-framer-name="Rail right"] [data-framer-name="Fill"]{width:100%!important;transform-origin:left;animation:hc-process-rail 4s linear both}
#getting-started[data-process-running=false] .hc-process-enter *,#getting-started[data-process-running=false] .hc-process-current [data-framer-name="Fill"]{animation-play-state:paused!important}
#getting-started[data-process-still=true] .hc-process-enter *,#getting-started[data-process-still=true] .hc-process-current [data-framer-name="Fill"]{animation:none!important}
@keyframes hc-process-rail{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.hc-feature-visual *,.hc-process-enter,.hc-process-enter *,#getting-started [data-template-step-panel],#getting-started [data-framer-name="Fill"]{animation:none!important;transition:none!important}}