/* Page-scoped demonstration. Shared brand, navigation and CTA styles stay intact. */
.hiw-page { --hiw-blue:var(--blue); --hiw-line:#dce5f1; --hiw-muted:#586b86; background:linear-gradient(112deg,#fff,#edf4ff 65%,#d9e8ff); color:var(--ink); }
.hiw-page h2 { font-size:clamp(34px,4.2vw,56px); }
.hiw-hero { padding:84px 0 0; background:linear-gradient(110deg,#fff 12%,#ebf3ff 65%,#b5d2ff); }
.hiw-hero h1 { font-size:clamp(48px,6.5vw,88px); line-height:1.03; letter-spacing:-.065em; max-width:1000px; }
.hiw-hero h1>span { color:var(--blue); }
.hiw-hero>.wrap>p { font-size:17px; max-width:570px; margin-top:28px; color:#435874; line-height:1.75; }
.hiw-hero-actions { display:flex; align-items:flex-start; gap:24px; margin-top:34px; }
.hiw-hero-actions .cta-group { margin:0; }
.hiw-hero-actions .demo-promise { max-width:280px; }
.hiw-demo-button { display:inline-flex; align-items:center; gap:30px; padding:13px 22px; border:1px solid #303f55; border-radius:8px; background:linear-gradient(110deg,#11151b,#28354a); color:#fff; font-size:13px; font-weight:500; min-height:50px; }
.hiw-demo-button:hover { border-color:#7ca5e5; box-shadow:0 8px 22px #20375822; }
.hiw-demo-button>span { font-size:20px; line-height:1; }
.hiw-scroll-cue { display:flex; justify-content:space-between; align-items:center; border-top:1px solid #6d8dbb44; padding:20px 0; margin-top:64px; color:#415a7c; font-size:12px; letter-spacing:.04em; }
.hiw-scroll-cue>span:last-child { font-size:20px; }
.hiw-experience { background:linear-gradient(120deg,#f4f7fc,#e6effd); padding:54px 0 70px; position:relative; }
.hiw-experience-top { display:flex; align-items:center; justify-content:space-between; gap:20px; color:#647895; font-size:12px; letter-spacing:.1em; margin-bottom:24px; }
.hiw-experience-meta { display:flex; align-items:center; gap:20px; text-transform:none; letter-spacing:0; }
.hiw-motion-toggle { border:0; border-bottom:1px solid #8da9d0; padding:6px 0; background:none; color:#486fa7; font-size:12px; }
.hiw-motion-toggle[hidden] { display:none; }
.hiw-narrative-scenes { display:none; }
.hiw-stage-nav { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 28px; }
.hiw-stage-nav>a { display:flex; align-items:center; gap:10px; min-height:40px; padding:6px 12px; color:#526a8d; font-size:12px; border:1px solid #bed0e8; border-radius:7px; }
.hiw-stage-nav>a span { color:#3d65a0; font-size:12px; }
.hiw-stage-nav>a:hover { border-color:var(--blue); color:var(--blue); }
.hiw-stage-nav>a i { display:none; }
.hiw-skip { display:none; }
.hiw-workspace { position:relative; border:1px solid #afc4e1; border-radius:16px; background:#fff; box-shadow:0 18px 70px #27497612; overflow:hidden; }
.hiw-app-bar { min-height:45px; display:flex; align-items:center; justify-content:space-between; gap:12px; background:linear-gradient(105deg,#12171f,#24334a); padding:10px 22px; color:#d5dfee; font-size:12px; }
.hiw-app-bar>span:first-child { display:flex; align-items:center; gap:9px; }
.hiw-app-bar i { font-style:normal; opacity:.35; margin:0 4px; }
.hiw-demo-badge { color:#bdcce0; padding:3px 7px; border:1px solid #ffffff30; border-radius:4px; font-size:12px; }
.hiw-candidate { display:flex; align-items:center; gap:16px; padding:24px; background:linear-gradient(115deg,#fff,#f1f6fe); border-bottom:1px solid var(--hiw-line); }
.hiw-avatar { display:grid; place-items:center; width:52px; height:52px; border-radius:14px; flex-shrink:0; background:linear-gradient(135deg,#d7e7ff,#a4c6fc); color:#2052a3; font-size:17px; font-weight:600; }
.hiw-identity { flex:1; min-width:0; }
.hiw-identity h3 { font-size:22px; line-height:1.2; letter-spacing:-.04em; }
.hiw-identity p { color:#61718a; font-size:12px; margin-top:5px; }
.hiw-identity>span { display:inline-block; color:#315a94; font-size:12px; padding:3px 7px; background:#e7f0ff; border-radius:4px; margin-top:8px; }
.hiw-persistent-scores { display:none; gap:18px; text-align:center; }
.hiw-persistent-scores>div { min-width:48px; }
.hiw-persistent-scores strong { display:grid; place-items:center; height:38px; width:38px; border:2px solid #c4d9f8; border-radius:50%; margin:auto; color:#2456ad; font-size:15px; font-variant-numeric:tabular-nums; font-weight:600; }
.hiw-persistent-scores small { display:block; font-size:12px; color:#6c7c93; margin-top:4px; text-transform:uppercase; letter-spacing:.07em; }
.hiw-scene { scroll-margin-top:0; padding:32px; border-bottom:1px solid var(--hiw-line); }
.hiw-scene:last-child { border-bottom:0; }
.hiw-mobile-scene-heading { margin-bottom:30px; }
.hiw-mobile-scene-heading>span { font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:#3563a3; }
.hiw-mobile-scene-heading h2 { font-size:34px; margin:16px 0; }
.hiw-mobile-scene-heading p { max-width:500px; font-size:14px; line-height:1.7; color:#536987; }
.hiw-scene-body { max-width:620px; margin-inline:auto; }
.hiw-panel-heading { display:flex; justify-content:space-between; gap:12px; align-items:center; margin-bottom:16px; font-size:12px; font-weight:600; }
.hiw-panel-heading>small { color:#7888a0; font-size:12px; font-weight:400; }
.hiw-arrival { max-width:410px; margin:0 auto; }
.hiw-incoming { display:flex; align-items:center; justify-content:center; gap:8px; font-size:12px; color:#597494; margin-bottom:16px; }
.hiw-incoming svg { width:16px; }
.hiw-incoming>span:last-child { margin-left:12px; color:#2665d7; }
.hiw-resume-document { border:1px solid #c8d7ec; border-radius:9px; background:linear-gradient(120deg,#fff,#f4f8ff); box-shadow:0 9px 28px #385d9520; padding:20px 24px 0; position:relative; overflow:hidden; }
.hiw-doc-top { display:flex; justify-content:space-between; font-size:12px; color:#8a9bb3; letter-spacing:.14em; margin-bottom:21px; }
.hiw-resume-document>strong { display:block; font-size:22px; font-weight:600; letter-spacing:-.04em; }
.hiw-resume-document>p { color:#71819a; font-size:12px; margin-top:3px; }
.hiw-document-lines { display:grid; gap:8px; margin-top:22px; }
.hiw-document-lines i { height:4px; background:#e2e9f3; border-radius:5px; }
.hiw-document-lines i:nth-child(2) { width:86%; }
.hiw-document-lines i:nth-child(4) { width:69%; }
.hiw-document-experience { display:flex; gap:12px; align-items:center; margin:22px 0; }
.hiw-document-experience>span { color:#2860bd; background:#e7f0ff; border:1px solid #ccdef8; border-radius:5px; padding:4px 8px; font-size:12px; font-weight:600; }
.hiw-document-experience small { color:#61758f; font-size:12px; }
.hiw-file-received { display:flex; align-items:center; gap:8px; margin:0 -24px; padding:13px 18px; border-top:1px solid #d6e2f2; font-size:12px; background:#eff5ff; }
.hiw-file-received>svg { width:16px; color:#5380c4; }
.hiw-file-received .hiw-check { margin-left:auto; }
.hiw-check { display:inline-grid; place-items:center; width:20px; height:20px; border-radius:50%; font-size:12px; background:#e4f3ee; color:#218066; flex-shrink:0; font-weight:600; }
.hiw-inline-confirm { display:flex; align-items:center; justify-content:center; gap:8px; font-size:12px; color:#57708b; margin-top:19px; }
.hiw-inline-confirm strong { font-size:12px; margin-left:15px; font-weight:500; color:#3f5a7c; }
.hiw-matches>div { display:flex; align-items:center; gap:12px; padding:14px 0; border-top:1px solid var(--hiw-line); }
.hiw-matches>div>span:nth-child(2) { flex:1; }
.hiw-matches strong { display:block; font-size:12px; font-weight:500; }
.hiw-matches small { display:block; color:#74849a; font-size:12px; margin-top:3px; }
.hiw-matches b { font-size:12px; font-weight:500; color:#42735f; }
.hiw-matches .hiw-pending b { color:#8a6e32; }
.hiw-pending .hiw-check { background:#faf0dc; color:#967527; }
.hiw-score-result { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:15px 20px; background:linear-gradient(105deg,#f0f6ff,#d8e8ff); border:1px solid #ccdef7; border-radius:10px; margin-top:16px; }
.hiw-score-result>div>span { font-size:12px; color:#5375a3; }
.hiw-score-result strong { display:block; font-size:43px; letter-spacing:-.065em; line-height:1.1; margin-top:3px; color:#245cc2; font-weight:500; }
.hiw-score-result strong b { font-weight:500; font-variant-numeric:tabular-nums; }
.hiw-score-result strong small { color:#7993b6; font-size:14px; letter-spacing:0; margin-left:5px; }
.hiw-status { color:#326c58; background:#e4f3eb; border:1px solid #cae4d7; padding:5px 9px; font-size:12px; border-radius:5px; }
.hiw-call-top { display:flex; align-items:center; gap:12px; margin-bottom:20px; }
.hiw-phone { width:40px; height:40px; display:grid; place-items:center; background:#eaf2ff; color:#2b6bd6; border-radius:11px; flex-shrink:0; }
.hiw-phone svg { width:19px; }
.hiw-call-top strong { font-size:12px; font-weight:600; }
.hiw-call-top small { display:flex; align-items:center; gap:5px; font-size:12px; margin-top:4px; color:#5a7e6c; }
.hiw-live-dot { width:5px; height:5px; border-radius:50%; background:#348269; }
.hiw-call-wave { display:flex; align-items:center; justify-content:end; gap:3px; margin-left:auto; height:35px; }
.hiw-call-wave i { height:var(--wave); width:2px; border-radius:3px; background:#76a3ef; transform-origin:center; }
.hiw-messages { display:grid; gap:11px; }
.hiw-message { max-width:87%; padding:10px 13px; border:1px solid #dce6f4; border-radius:10px 10px 10px 2px; background:#f5f8fd; }
.hiw-message small { color:#6e82a0; font-size:12px; font-weight:500; }
.hiw-message p { color:#354760; font-size:12px; line-height:1.6; margin-top:3px; }
.hiw-message-candidate { justify-self:end; border-radius:10px 10px 2px 10px; background:#e9f2ff; border-color:#cfe0fa; min-width:45%; }
.hiw-message-candidate small { color:#4271b8; }
.hiw-ui-note { color:#7b8ba1; font-size:12px; line-height:1.6; margin-top:14px; }
.hiw-result-list>div { display:flex; align-items:center; gap:11px; padding:12px 0; border-top:1px solid var(--hiw-line); font-size:12px; }
.hiw-result-list small { font-size:12px; color:#759288; margin-left:auto; }
.hiw-action-options { display:grid; gap:12px; }
.hiw-action-options>div { display:flex; align-items:center; gap:13px; border:1px solid #d8e1ee; border-radius:10px; padding:18px; background:#f8fafd; }
.hiw-option-marker { color:#9aabc0; font-size:16px; }
.hiw-action-options strong { font-size:13px; font-weight:500; }
.hiw-action-options small { display:block; font-size:12px; color:#74869e; margin-top:4px; }
.hiw-action-options .hiw-action-selected { border-color:#6c9feb; background:linear-gradient(110deg,#eff5ff,#dceaff); box-shadow:inset 3px 0 #2563eb; }
.hiw-action-selected .hiw-option-marker,.hiw-action-selected strong { color:#215dca; }
.hiw-action-selected svg { width:17px; color:#2563eb; margin-left:auto; }
.hiw-action-path { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:22px; padding:13px 0; border-top:1px solid var(--hiw-line); color:#5b7393; font-size:12px; }
.hiw-action-path>span { display:flex; align-items:center; gap:6px; }
.hiw-action-path>i { color:#7e9bc5; font-style:normal; }
.hiw-calendar-days { display:grid; grid-template-columns:repeat(5,1fr); gap:8px; border-block:1px solid var(--hiw-line); padding:10px 0; margin-bottom:10px; }
.hiw-calendar-days>span { display:block; text-align:center; font-size:12px; color:#7f8da3; padding:6px; border-radius:6px; }
.hiw-calendar-days b { display:block; font-size:17px; color:#58708f; font-weight:500; margin-top:3px; }
.hiw-calendar-days .hiw-selected-day { background:#e4efff; color:#2563eb; }
.hiw-calendar-days .hiw-selected-day b { color:#2563eb; }
.hiw-calendar-slot { display:grid; grid-template-columns:42px 1fr; gap:12px; align-items:start; }
.hiw-calendar-slot>time { color:#90a0b5; font-size:12px; padding-top:13px; }
.hiw-calendar-slot>span { border-top:1px solid #e7edf5; padding:11px 0; font-size:12px; color:#9eacbd; }
.hiw-booking { border:1px solid #aecdf8; border-left:3px solid #2563eb; background:linear-gradient(110deg,#edf4ff,#dceaff); padding:16px 18px; border-radius:8px; margin:3px 0 12px; }
.hiw-booking-status { display:flex; align-items:center; gap:6px; color:#2159b3; font-size:12px; margin-bottom:13px; }
.hiw-booking-status .hiw-check { background:#2563eb; color:#fff; width:16px; height:16px; font-size:12px; }
.hiw-booking>strong { display:block; font-weight:600; font-size:18px; letter-spacing:-.03em; }
.hiw-booking>p { font-size:12px; color:#5c789d; margin-top:3px; }
.hiw-booking-evidence { display:flex; gap:12px; margin:13px 0 9px; }
.hiw-booking-evidence>span { padding:4px 7px; border:1px solid #bdcff0; border-radius:4px; font-size:12px; color:#6481ab; }
.hiw-booking-evidence b { color:#2456a2; margin-left:7px; }
.hiw-booking>small { font-size:12px; color:#5e7aa1; }
.hiw-workspace-footer { display:flex; justify-content:space-between; padding:12px 23px; border-top:1px solid var(--hiw-line); color:#8494aa; font-size:12px; background:#f9fbfe; }
.hiw-workspace-footer>span { display:flex; gap:6px; align-items:center; }
.hiw-workspace-footer i { width:5px; height:5px; background:#548b73; border-radius:50%; }
.hiw-workspace-footer time { font-variant-numeric:tabular-nums; }
.hiw-progress { display:none; height:3px; background:#e3edfc; }
.hiw-progress>i { display:block; height:100%; width:100%; background:#2563eb; transform:scaleX(var(--journey-progress,0)); transform-origin:left; }

/* One wide product workspace. Static, panel-first steps are the default. */
.hiw-page { background:#f5f8fe; }
.hiw-hero { padding:76px 0; }
.hiw-hero h1 { max-width:1100px; font-size:clamp(48px,5.8vw,88px); color:#fff; }
.hiw-hero h1>span { color:#a8d0ff; }
.hiw-hero>.wrap>p { font-size:18px; color:#d3e4fc; max-width:600px; }
.hiw-demo-button { font-size:16px; background:linear-gradient(110deg,#2563eb,#1d4ed8); border-color:#79a6f9; }
.hiw-experience { padding:54px 0; background:linear-gradient(110deg,#f5f8ff,#e7f0ff); }
.hiw-experience-top { font-size:12px; color:#405c82; }
.hiw-motion-toggle { font-size:12px; color:#2559a3; }
.hiw-narrative { display:none; }
.hiw-workspace { border-color:#8baad6; border-radius:18px; box-shadow:0 24px 80px #12336618; }
.hiw-app-bar { font-size:14px; padding:14px 24px; background:linear-gradient(110deg,#061b3c,#123e75); }
.hiw-candidate { padding:22px 28px; }
.hiw-identity h3 { font-size:26px; }
.hiw-identity p,.hiw-identity>span,.hiw-persistent-scores small { font-size:12px; }
.hiw-scene { display:flex; flex-direction:column; padding:36px; gap:30px; }
.hiw-scene-body { order:0; width:100%; max-width:none; min-width:0; }
.hiw-mobile-scene-heading { order:1; margin:0; padding-top:24px; border-top:1px solid #cfddf0; }
.hiw-mobile-scene-heading h2 { font-size:36px; }
.hiw-mobile-scene-heading p { font-size:17px; max-width:650px; color:#405777; }
.hiw-arrival { width:100%; max-width:580px; }
.hiw-resume-document { padding:26px 30px 0; }
.hiw-resume-document>strong { font-size:30px; }
.hiw-resume-document>p { font-size:16px; color:#526783; }
.hiw-document-lines { margin-block:28px; }
.hiw-file-received { margin-inline:-30px; padding:16px 20px; overflow-wrap:anywhere; }
.hiw-file-received svg { flex-shrink:0; }
.hiw-panel-heading { font-size:18px; }
.hiw-panel-heading>small { font-size:12px; color:#536985; }
.hiw-matches strong { font-size:18px; }
.hiw-matches small { font-size:14px; color:#566b87; }
.hiw-matches b { color:#34604e; }
.hiw-matches>div { padding:18px 0; }
.hiw-score-result { padding:18px 24px; margin-top:24px; }
.hiw-score-result strong { font-size:52px; }
.hiw-score-result>div>span { font-size:14px; color:#345e99; }
.hiw-status { font-size:12px; }
.hiw-ui-note { color:#536985; }
.hiw-call-top strong { font-size:18px; }
.hiw-call-top small { color:#426653; }
.hiw-messages { gap:12px; }
.hiw-message { padding:12px 18px; max-width:85%; }
.hiw-message small { color:#45618a; }
.hiw-message p { font-size:16px; color:#263f60; }
.hiw-message-candidate { min-width:30%; }
.hiw-analysis { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.hiw-analysis>div { border:1px solid #c9d9ee; border-radius:10px; padding:22px; background:#f7faff; }
.hiw-analysis .hiw-call-evidence { grid-column:1/-1; background:#eaf2ff; border-left:3px solid #2563eb; }
.hiw-analysis-label { display:block; text-transform:uppercase; letter-spacing:.07em; font-size:12px; color:#315d99; font-weight:600; }
.hiw-analysis h4 { font-size:20px; line-height:1.3; letter-spacing:-.03em; margin:10px 0; font-weight:600; }
.hiw-analysis p { font-size:16px; color:#425c7f; line-height:1.55; }
.hiw-analysis blockquote { font-size:23px; letter-spacing:-.03em; margin:12px 0 6px; color:#14396d; }
.hiw-qualification { display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin-bottom:24px; font-size:14px; color:#4b6487; }
.hiw-qualification strong { flex-basis:100%; font-size:22px; color:#193653; font-weight:500; }
.hiw-action-options strong { font-size:18px; }
.hiw-action-options small { font-size:14px; color:#526b8f; }
.hiw-action-options>div { padding:20px; }
.hiw-action-path { font-size:14px; color:#476386; }
.hiw-calendar-days b { font-size:22px; }
.hiw-calendar-days>span { color:#496381; }
.hiw-calendar-slot { grid-template-columns:58px 1fr; }
.hiw-calendar-slot>span { font-size:14px; color:#637896; }
.hiw-calendar-slot>time { color:#577092; font-size:12px; }
.hiw-booking { padding:22px; }
.hiw-booking>strong { font-size:25px; }
.hiw-booking>p { font-size:16px; color:#42628b; }
.hiw-booking>small { color:#476892; }
.hiw-booking-evidence>span { font-size:14px; }
.hiw-workspace-footer { font-size:12px; color:#4c6587; }
.hiw-progress { display:none; height:4px; background:#d5e4fa; }
.hiw-progress>i { display:block; height:100%; width:100%; background:#2563eb; transform:scaleX(var(--journey-progress,0)); transform-origin:left; }
.hiw-workflow-strip { padding:64px 0; background:linear-gradient(110deg,#fff,#eaf2ff); }
.hiw-workflow-strip>.wrap { display:flex; align-items:center; justify-content:space-between; gap:36px; }
.hiw-workflow-strip h2 { font-size:32px; }
.hiw-workflow-strip p { font-size:16px; max-width:390px; color:#405979; }
.hiw-workflow-strip .text-link { color:#2563eb; }
.hiw-wordmark { font-family:Manrope,Inter,sans-serif; font-weight:800; letter-spacing:-.055em; color:#101216; white-space:nowrap; }
.hiw-wordmark>span { color:#2563eb; }
.hiw-listen .call-title h2 { font-size:28px; }
.hiw-final h2 { max-width:1000px; margin:auto; }
.hiw-final .cta-group { margin-top:30px; }

/* A stage exits immediately; only its replacement can animate in. No crossfade. */
@keyframes hiw-enter { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:none; } }
.hiw-experience.hiw--scroll { height:calc(100svh + 3000px); min-height:0; padding:0; }
.hiw--scroll .hiw-pin { position:sticky; top:96px; height:calc(100svh - 112px); display:flex; align-items:center; }
.hiw--scroll .hiw-pin>.wrap { width:calc(100% - 80px); max-width:none; }
.hiw--scroll .hiw-experience-top { margin-bottom:18px; }
.hiw--scroll .hiw-demo-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,59vw); gap:4vw; align-items:center; }
.hiw--scroll .hiw-narrative { display:block; min-width:0; max-width:610px; justify-self:end; width:100%; }
.hiw--scroll .hiw-narrative>.eyebrow { display:none; }
.hiw--scroll .hiw-narrative-scenes { display:grid; min-height:225px; }
.hiw--scroll .hiw-narrative-scene { display:none; }
.hiw--scroll .hiw-narrative-scene.is-active { display:block; animation:hiw-enter .2s ease both; }
.hiw-stage-number { font-size:14px; color:#2563eb; }
.hiw-stage-number>span { font-size:12px; color:#587396; }
.hiw--scroll .hiw-narrative-scene h2 { font-size:clamp(34px,3.1vw,60px); margin:18px 0; line-height:1.08; }
.hiw--scroll .hiw-narrative-scene p { font-size:18px; color:#425c7f; max-width:510px; line-height:1.6; }
.hiw--scroll .hiw-stage-nav { display:grid; gap:7px; margin:28px 0 0; }
.hiw--scroll .hiw-stage-nav>a { border:1px solid transparent; border-radius:8px; padding:10px 14px; min-height:46px; font-size:17px; color:#445e80; }
.hiw--scroll .hiw-stage-nav>a span { font-size:12px; color:#627fa3; width:25px; }
.hiw--scroll .hiw-stage-nav>a[aria-current] { background:#2563eb; border-color:#2563eb; color:#fff; font-weight:600; box-shadow:0 5px 14px #2563eb25; }
.hiw--scroll .hiw-stage-nav>a[aria-current] span { color:#dceaff; }
.hiw--scroll .hiw-stage-nav>a i { display:block; margin-left:auto; height:6px; width:6px; border-radius:50%; background:#9fb6d7; }
.hiw--scroll .hiw-stage-nav>a[aria-current] i { background:#fff; }
.hiw--scroll .hiw-skip { display:inline-flex; align-items:center; gap:8px; margin:16px 0 0 14px; font-size:12px; color:#45658c; }
.hiw--scroll .hiw-persistent-scores { display:flex; }
.hiw--scroll .hiw-persistent-scores strong { height:46px; width:46px; font-size:19px; }
.hiw--scroll .hiw-scenes { height:clamp(390px,calc(100svh - 425px),760px); position:relative; }
.hiw--scroll .hiw-scene { display:none; position:absolute; inset:0; padding:24px 32px; border:0; }
.hiw--scroll .hiw-scene.is-active { display:flex; animation:hiw-enter .2s ease both; }
.hiw--scroll .hiw-scene-body { margin:auto; max-width:1100px; }
.hiw--scroll #hiw-scheduled { padding-top:16px; }
.hiw--scroll #hiw-scheduled .hiw-scene-body { margin:0 auto; }
.hiw--scroll .hiw-mobile-scene-heading { display:none; }
.hiw--scroll .hiw-progress { display:block; }
.hiw--scroll [data-reveal] { opacity:var(--reveal,1); transform:translateY(calc((1 - var(--reveal,1)) * 6px)); }
.hiw--scroll .hiw-call-wave i { transform:scaleY(var(--wave-scale,1)); }
@media(min-width:1920px) {
 .hiw--scroll .hiw-scene { padding:36px 48px; }
 .hiw--scroll .hiw-scene-body { max-width:none; }
 .hiw--scroll .hiw-narrative-scenes { min-height:285px; }
 .hiw--scroll .hiw-stage-nav>a { font-size:20px; min-height:56px; }
 .hiw--scroll .hiw-analysis { gap:24px; }
 .hiw--scroll .hiw-analysis>div { padding:32px; }
 .hiw--scroll .hiw-analysis h4 { font-size:28px; }
 .hiw--scroll .hiw-analysis p,.hiw--scroll .hiw-message p { font-size:20px; }
 .hiw--scroll .hiw-message { padding:20px 26px; }
 .hiw--scroll .hiw-matches>div { padding:26px 0; }
 .hiw--scroll .hiw-matches strong,.hiw--scroll .hiw-action-options strong { font-size:24px; }
 .hiw--scroll .hiw-action-options>div { padding:30px; }
 .hiw--scroll .hiw-action-options small { font-size:18px; }
 .hiw--scroll .hiw-booking { padding:32px; }
}
@media(min-width:1100px) and (max-height:950px) {
 .hiw--scroll .hiw-narrative-scenes { min-height:195px; }
 .hiw--scroll .hiw-narrative-scene h2 { font-size:36px; margin:14px 0; }
 .hiw--scroll .hiw-narrative-scene p { font-size:16px; }
 .hiw--scroll .hiw-stage-nav { margin-top:16px; gap:4px; }
 .hiw--scroll .hiw-stage-nav>a { min-height:40px; padding:7px 12px; font-size:16px; }
 .hiw--scroll .hiw-candidate { padding:16px 24px; }
 .hiw--scroll .hiw-scene { padding:20px 26px; }
 .hiw--scroll .hiw-analysis>div { padding:16px; }
 .hiw--scroll .hiw-analysis h4 { font-size:18px; margin:7px 0; }
 .hiw--scroll .hiw-analysis p { font-size:16px; }
 .hiw--scroll .hiw-score-result { padding:12px 20px; margin-top:16px; }
 .hiw--scroll .hiw-score-result strong { font-size:42px; }
 .hiw--scroll .hiw-message { padding:8px 14px; }
 .hiw--scroll .hiw-message p { line-height:1.45; }
 .hiw--scroll .hiw-action-options>div { padding:14px 18px; }
 .hiw--scroll .hiw-qualification { margin-bottom:16px; gap:10px; }
 .hiw--scroll .hiw-action-path { margin-top:14px; padding-block:8px; }
 .hiw--scroll .hiw-booking { padding:14px 20px; }
 .hiw--scroll .hiw-calendar-days { padding:4px 0; }
 .hiw--scroll .hiw-matches>div { padding:8px 0; }
 .hiw--scroll .hiw-matches strong { line-height:1.2; }
 .hiw--scroll .hiw-matches small { line-height:1.4; }
 .hiw--scroll .hiw-booking>strong { font-size:22px; line-height:1.2; }
 .hiw--scroll .hiw-booking>p { font-size:14px; line-height:1.4; }
 .hiw--scroll .hiw-booking-status { margin-bottom:8px; }
 .hiw--scroll .hiw-booking-evidence { margin-block:9px; }
 .hiw--scroll .hiw-calendar-days b { font-size:18px; line-height:1.2; }
 .hiw--scroll .hiw-calendar-slot>span { padding-block:7px; }
 .hiw--scroll .hiw-inline-confirm { margin-top:10px; }
}
@media(max-width:1099px) {
 .hiw-workspace { max-width:900px; margin:auto; }
 .hiw-workflow-strip>.wrap { flex-wrap:wrap; }
 .hiw-hero { padding:60px 0; }
}
@media(max-width:600px) {
 .hiw-hero { padding:52px 0; }
 .hiw-hero h1 { font-size:46px; }
 .hiw-hero>.wrap>p { font-size:17px; }
 .hiw-hero-actions { margin-top:26px; }
 .hiw-experience { padding:30px 0; }
 .hiw-experience>.hiw-pin>.wrap { width:calc(100% - 24px); }
 .hiw-experience-top { font-size:12px; margin-bottom:20px; }
 .hiw-app-bar { font-size:12px; padding:12px 16px; }
 .hiw-candidate { padding:20px 16px; gap:12px; }
 .hiw-avatar { width:42px; height:42px; font-size:16px; }
 .hiw-identity h3 { font-size:23px; }
 .hiw-identity p { font-size:12px; }
 .hiw-scene { padding:28px 16px; gap:24px; }
 .hiw-mobile-scene-heading h2 { font-size:32px; margin:14px 0; }
 .hiw-mobile-scene-heading p { font-size:16px; }
 .hiw-scene-body { min-width:0; }
 .hiw-resume-document { padding:20px 16px 0; }
 .hiw-resume-document>strong { font-size:24px; }
 .hiw-resume-document>p { font-size:14px; }
 .hiw-file-received { margin-inline:-16px; padding:12px 8px; gap:5px; font-size:12px; }
 .hiw-file-received>svg { width:14px; }
 .hiw-incoming { gap:5px; font-size:12px; }
 .hiw-incoming>span:last-child { margin-left:0; }
 .hiw-document-experience { gap:8px; }
 .hiw-document-experience small { max-width:140px; }
 .hiw-panel-heading { font-size:16px; align-items:start; }
 .hiw-panel-heading>small { text-align:right; max-width:105px; }
 .hiw-matches>div { gap:8px; padding:16px 0; flex-wrap:wrap; }
 .hiw-matches>div>span:nth-child(2) { flex-basis:75%; }
 .hiw-matches b { margin-left:28px; }
 .hiw-matches strong { font-size:16px; }
 .hiw-matches small { font-size:14px; }
 .hiw-score-result { padding:16px; gap:12px; flex-wrap:wrap; }
 .hiw-score-result strong { font-size:44px; }
 .hiw-call-top { gap:8px; }
 .hiw-call-top strong { font-size:15px; }
 .hiw-phone { width:32px; height:36px; }
 .hiw-call-wave { display:none; }
 .hiw-message { max-width:95%; padding:12px; }
 .hiw-message p { font-size:16px; }
 .hiw-analysis { grid-template-columns:1fr; gap:12px; }
 .hiw-analysis>div { padding:18px; }
 .hiw-analysis h4 { font-size:20px; }
 .hiw-analysis blockquote { font-size:21px; }
 .hiw-qualification { gap:10px; }
 .hiw-qualification strong { font-size:20px; }
 .hiw-action-options>div { padding:16px 12px; gap:10px; }
 .hiw-action-options small { font-size:14px; }
 .hiw-action-path { flex-wrap:wrap; font-size:12px; gap:8px; }
 .hiw-calendar-slot { grid-template-columns:1fr; gap:0; }
 .hiw-calendar-slot>time { display:none; }
 .hiw-booking { padding:18px; }
 .hiw-booking>p { font-size:14px; }
 .hiw-calendar-days { gap:3px; }
 .hiw-calendar-days>span { padding:5px 2px; }
 .hiw-workspace-footer { padding:12px; gap:10px; }
 .hiw-workflow-strip { padding:48px 0; }
 .hiw-workflow-strip>.wrap { flex-direction:column; align-items:start; gap:24px; }
 .hiw-workflow-strip h2 { font-size:30px; }
}

/* Restore the original motion detail at the new size, without transforming the shell. */
.hiw-experience .hiw-workspace { border-color:#afc4e1; border-radius:16px; box-shadow:0 18px 70px #27497612; }
.hiw--scroll .hiw-scenes { contain:layout paint; isolation:isolate; }
.hiw--scroll .hiw-scene.is-active { animation:none; }
.hiw--scroll .hiw-scene.is-active .hiw-scene-body { animation:hiw-enter .35s cubic-bezier(.22,1,.36,1) both; }
.hiw--scroll .hiw-narrative-scene.is-active { animation:hiw-enter .35s cubic-bezier(.22,1,.36,1) both; }
.hiw--scroll [data-reveal] { opacity:1; transform:none; }
.hiw--scroll .hiw-resume-document { transform:none; }
.hiw--scroll [data-count] { display:inline-block; min-width:2ch; }

@media(prefers-reduced-motion:reduce) { .hiw-page *, .hiw-page *::before, .hiw-page *::after { animation:none!important; transition:none!important; } }


/* Screening player only: a single waveform scrubber and full-turn transcript. */
[data-call-player] .screen-controls { display:grid; grid-template-columns:44px auto minmax(0,1fr); align-items:center; gap:14px; margin:26px 0; }
[data-call-player] .screen-toggle { width:44px; height:44px; padding:11px; border:0; border-radius:50%; color:white; background:var(--blue); cursor:pointer; display:grid; place-items:center; }
[data-call-player] .screen-toggle svg { width:22px; height:22px; fill:currentColor; }
[data-call-player] .screen-pause-icon,[data-call-player] .is-playing .screen-play-icon { display:none; }
[data-call-player] .is-playing .screen-pause-icon { display:block; }
[data-call-player] .screen-clock { color:#294266; font-size:13px; font-variant-numeric:tabular-nums; white-space:nowrap; }
[data-call-player] .screen-wave { position:relative; min-width:0; height:58px; border-radius:6px; }
[data-call-player] .screen-bars { display:flex; align-items:center; gap:3px; height:100%; pointer-events:none; }
[data-call-player] .screen-bars i { display:block; flex:1; min-width:1px; height:var(--h); background:#b9cbea; border-radius:3px; }
[data-call-player] .screen-bars i.is-played { background:var(--blue); }
[data-call-player] .screen-scrubber { position:absolute; inset:0; margin:0; width:100%; height:100%; opacity:0; cursor:pointer; }
[data-call-player] .screen-wave:focus-within { outline:3px solid var(--blue); outline-offset:5px; }
[data-call-player] .screen-transcript-head { display:flex; justify-content:space-between; gap:12px; padding:0 2px 12px; color:#40597c; font-size:12px; }
[data-call-player] .screen-transcript-head>span:first-child { color:#17375f; font-weight:650; }
[data-call-player] .screen-transcript { height:390px; overflow-y:auto; overscroll-behavior:contain; scrollbar-gutter:stable; position:relative; border:1px solid #c3d4eb; border-radius:12px; background:#f4f8ff; }
[data-call-player] .screen-transcript ol { list-style:none; padding:10px; margin:0; }
[data-call-player] .screen-transcript li { margin:0; padding:0; }
[data-call-player] .screen-turn { display:block; width:100%; padding:13px 14px; margin:0 0 6px; border:1px solid transparent; border-radius:8px; background:transparent; color:#526580; text-align:left; cursor:pointer; font:inherit; }
[data-call-player] .screen-speaker { display:block; margin-bottom:5px; font-size:12px; line-height:1.4; font-weight:700; }
[data-call-player] .screen-turn-text { display:block; font-size:16px; line-height:1.55; }
[data-call-player] .screen-turn.is-past { color:#425573; opacity:.82; }
[data-call-player] .screen-turn.is-current { color:#102a50; background:#e0ebff; border-color:#789eea; box-shadow:inset 3px 0 var(--blue); }
[data-call-player] .screen-turn.is-current .screen-speaker { color:var(--blue); }
[data-call-player] .screen-turn:hover { background:#e9f0fc; }
[data-call-player] .screen-toggle:focus-visible,[data-call-player] .screen-turn:focus-visible,[data-call-player] .screen-transcript:focus-visible { outline:3px solid var(--blue); outline-offset:2px; }
[data-call-player] .screen-status { padding:18px; color:#40597c; font-size:16px; }
[data-call-player] .screen-status[hidden] { display:none; }
@media(max-width:600px) {
  [data-call-player] .screen-controls { grid-template-columns:44px 1fr; gap:10px 12px; margin:22px 0; }
  [data-call-player] .screen-wave { grid-column:1/-1; width:100%; }
  [data-call-player] .screen-bars { gap:2px; }
  [data-call-player] .screen-clock { font-size:14px; }
  [data-call-player] .screen-transcript { height:300px; }
  [data-call-player] .screen-turn { padding:12px; }
}