/* Intact dashboard funnel: overview → uses/privacy → build. */
.hq-story.hq-funnel{--t:1!important;--a:1!important;--n:1!important;--aside:0;}
.hq-story.hq-funnel .hq-stage{overflow:hidden;padding:0;}
.hq-story.hq-funnel .hq-scene{visibility:visible!important;}
.hq-story.hq-funnel .frag{transform:translateZ(calc(var(--lift)*1cqw));}
.hq-story.hq-funnel .hq-slab{transform:none;opacity:1;}
.hq-story.hq-funnel .hq-next{transform:translateZ(8cqw);opacity:1;}
.hq-story.hq-funnel .hq-rig{transform:rotateX(2deg) scale(.9);}
.hq-story.hq-funnel .hq-story-copy{transform:none!important;}
#dashio-embed .hq-funnel h1,#dashio-embed .hq-funnel .hq-funnel-finish h2{font:750 clamp(36px,4.1vw,60px)/1.06 var(--sans);letter-spacing:-.045em;margin:7px 0 12px;color:var(--text);}
#dashio-embed .hq-funnel .hq-funnel-lead{font-size:18px;line-height:1.4;max-width:900px;margin:0 auto;color:var(--text);}
#dashio-embed .hq-funnel .hq-funnel-setup{font-size:13px;line-height:1.4;max-width:940px;margin:9px auto 0;color:var(--muted);}
#dashio-embed .hq-funnel .hq-chapter{font-size:10px;line-height:1.3;letter-spacing:.13em;margin:0;color:var(--accent-text);}
#dashio-embed .hq-funnel-benefits h2{font:750 clamp(38px,4.3vw,60px)/1.02 var(--sans);letter-spacing:-.045em;margin:10px 0 24px;color:var(--text);}
#dashio-embed .hq-benefit-list{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:13px;}
#dashio-embed .hq-benefit-list li{margin:0;display:grid;gap:2px;line-height:1.35;}
#dashio-embed .hq-benefit-list strong{font-size:17px;color:var(--text);}
#dashio-embed .hq-benefit-list span{font-size:15px;color:var(--muted);}
.hq-privacy-promise{border-top:1px solid var(--border);padding-top:17px;}
:root:not(#_):not(#__) #dashio-embed .hq-funnel .hq-privacy-promise h3{font-size:19px;line-height:1.2;letter-spacing:-.02em;margin:0 0 9px;}
#dashio-embed .hq-funnel .hq-privacy-promise p{font-size:15px;line-height:1.45;max-width:none;margin:0 0 10px;text-align:left;}
#dashio-embed .hq-privacy-promise a{font-size:13px;color:var(--accent-text);text-underline-offset:3px;}
.hq-stack-start{display:none;}
.hq-funnel-caption{position:absolute;bottom:88px;left:5%;width:90%;text-align:center;opacity:calc(1 - var(--aside));font-size:11px;color:var(--muted);margin:0;}
.hq-story.hq-funnel.is-live[data-mode="scroll"]{height:260svh;}
.hq-story.hq-funnel.is-live[data-mode="scroll"] .hq-stage{position:sticky;top:82px;height:calc(100svh - 118px);min-height:0;}
.hq-story.hq-funnel[data-mode="scroll"] .hq-chapters{position:static;display:contents;}
.hq-story.hq-funnel[data-mode="scroll"] .hq-story-copy{position:absolute;top:18px;left:5%;width:90%;max-width:none;z-index:5;text-align:center;}
.hq-story.hq-funnel[data-mode="scroll"] .hq-funnel-benefits{justify-self:start;width:38.5vw;text-align:left;padding-top:18px;}
.hq-story.hq-funnel[data-mode="scroll"] .hq-funnel-benefits .hq-chapter{text-align:left;}
.hq-story.hq-funnel[data-mode="scroll"] .hq-scene-wrap{position:absolute;top:180px;left:50%;width:min(90vw,1320px,calc((100svh - 406px)/.486));height:auto;aspect-ratio:100/54;transform:translateX(calc(-50% + var(--aside)*20.25vw)) scale(calc(1 - var(--aside)*(1 - var(--end-scale,.68))));transform-origin:50% 50%;will-change:transform;opacity:1;z-index:2;pointer-events:none;}
.hq-story.hq-funnel[data-mode="scroll"] .hq-scene{width:100%;height:auto;aspect-ratio:100/54;}
:root:not(#_):not(#__) #dashio-embed .hq-funnel .hq-hero-copy .hq-hero-actions{visibility:visible;pointer-events:auto;bottom:24px;}
:root:not(#_):not(#__) #dashio-embed .hq-funnel .hq-hero-copy .hq-walkthrough-trigger{bottom:29px;left:5%;transform:none;}
.hq-story.hq-funnel[data-mode="scroll"] .hq-story-steps{top:auto;bottom:24px;right:5%;left:auto;width:290px;z-index:8;}
#dashio-embed .hq-funnel-details{margin:24px auto 48px;max-width:1120px;scroll-margin-top:105px;}
#dashio-embed .hq-funnel-details details{border-block:1px solid var(--border);padding:20px 0;scroll-margin-top:105px;}
#dashio-embed .hq-funnel-details summary{cursor:pointer;font-size:16px;font-weight:650;color:var(--text);}
#dashio-embed .hq-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-top:26px;}
#dashio-embed .hq-detail-grid h2{font-size:22px;line-height:1.2;letter-spacing:-.02em;margin:0 0 14px;color:var(--text);}
#dashio-embed .hq-detail-grid p{font-size:15px;line-height:1.6;color:var(--muted);margin:0 0 14px;}
#dashio-embed .hq-detail-grid a{color:var(--accent-text);}
/* Short screens, phones and reduced motion use an uninterrupted reading order. */
.hq-story.hq-funnel:not([data-mode="scroll"]){height:auto;}
.hq-story.hq-funnel:not([data-mode="scroll"]) .hq-stage{position:relative;top:auto;height:auto;min-height:0;display:flex;flex-direction:column;padding:30px 6% 24px;overflow:hidden;}
.hq-story.hq-funnel:not([data-mode="scroll"]) .hq-chapters,.hq-story.hq-funnel:not([data-mode="scroll"]) .hq-story-copy{display:contents;}
.hq-story.hq-funnel:not([data-mode="scroll"]) [data-story-copy]{position:static;opacity:1;visibility:visible;transform:none;margin:0;max-width:950px;align-self:center;width:100%;text-align:center;}
.hq-story.hq-funnel:not([data-mode="scroll"]) [data-story-copy]:nth-child(1){order:1;}
.hq-story.hq-funnel:not([data-mode="scroll"]) [data-story-copy]:nth-child(2){order:4;max-width:680px;text-align:left;padding:45px 0;border-top:1px solid var(--border);}
.hq-story.hq-funnel:not([data-mode="scroll"]) [data-story-copy]:nth-child(3){order:5;padding:28px 0 0;border-top:1px solid var(--border);}
.hq-story.hq-funnel:not([data-mode="scroll"]) .hq-story-steps{display:none;}
.hq-story.hq-funnel:not([data-mode="scroll"]) .hq-stack-start{display:inline-flex;margin:22px 0 0;}
.hq-story.hq-funnel:not([data-mode="scroll"]) .hq-scene-wrap{order:2;position:relative;left:auto;top:auto;transform:none;opacity:1;width:100%;max-width:1080px;height:auto;aspect-ratio:100/54;margin:34px auto 0;}
.hq-story.hq-funnel:not([data-mode="scroll"]) .hq-scene{width:100%;height:auto;aspect-ratio:100/54;}
.hq-story.hq-funnel:not([data-mode="scroll"]) .hq-funnel-caption{order:3;position:static;width:100%;font-size:12px;line-height:1.4;opacity:1;margin:0 auto 35px;max-width:620px;}
:root:not(#_):not(#__) #dashio-embed .hq-funnel:not([data-mode="scroll"]) .hq-hero-copy .hq-hero-actions{order:6;position:static;transform:none;width:auto;align-self:center;margin:24px 0 0;}
:root:not(#_):not(#__) #dashio-embed .hq-funnel:not([data-mode="scroll"]) .hq-hero-copy .hq-walkthrough-trigger{order:7;position:static;transform:none;align-self:center;margin:18px 0 0;}
@media(max-width:800px){
 .hq-story.hq-funnel:not([data-mode="scroll"]) .hq-scene-wrap{max-width:390px;aspect-ratio:100/145;}
 .hq-story.hq-funnel:not([data-mode="scroll"]) .hq-scene{aspect-ratio:100/145;}
 .hq-story.hq-funnel .hq-rig{transform:scale(.98);}
 #dashio-embed .hq-funnel h1,#dashio-embed .hq-funnel .hq-funnel-finish h2{font-size:clamp(34px,8.8vw,44px);}
 #dashio-embed .hq-funnel .hq-funnel-lead{font-size:17px;line-height:1.45;}
 #dashio-embed .hq-funnel .hq-funnel-setup{font-size:13px;line-height:1.5;margin-top:14px;}
 #dashio-embed .hq-detail-grid{grid-template-columns:1fr;gap:20px;}
 #dashio-embed .hq-funnel-benefits h2{font-size:44px;}
}
@media(min-width:1000px) and (max-height:820px){
 #dashio-embed .hq-funnel h1,#dashio-embed .hq-funnel .hq-funnel-finish h2{font-size:45px;}
 #dashio-embed .hq-funnel .hq-funnel-lead{font-size:16px;}
 #dashio-embed .hq-funnel-benefits h2{font-size:44px;margin-bottom:18px;}
 #dashio-embed .hq-benefit-list{gap:9px;margin-bottom:16px;}
 #dashio-embed .hq-benefit-list span,#dashio-embed .hq-funnel .hq-privacy-promise p{font-size:14px;}
 .hq-story.hq-funnel[data-mode="scroll"] .hq-funnel-benefits{padding-top:0;}
}

.hq-funnel-benefits,.hq-funnel-finish{scroll-margin-top:110px;}
/* The benefits heading shares the dashboard's interpolated progress. Details
   enter only after the two columns have cleared each other. */
.hq-story.hq-funnel[data-mode="scroll"] .hq-funnel-benefits{transform:translateX(calc((1 - var(--aside)) * 25.75vw))!important;will-change:transform;}
.hq-story.hq-funnel[data-mode="scroll"] .hq-story-copy>li{transition:none;}
.hq-story.hq-funnel[data-mode="scroll"] .hq-funnel-benefits .hq-benefit-list,
.hq-story.hq-funnel[data-mode="scroll"] .hq-funnel-benefits .hq-privacy-promise{visibility:hidden;opacity:0;}
.hq-story.hq-funnel[data-mode="scroll"][data-details="visible"] .hq-funnel-benefits.is-active .hq-benefit-list,
.hq-story.hq-funnel[data-mode="scroll"][data-details="visible"] .hq-funnel-benefits.is-active .hq-privacy-promise{visibility:visible;opacity:clamp(0,calc((var(--aside) - .98) / .02),1);}
.hq-story.hq-funnel[data-mode="scroll"] .hq-funnel-benefits{padding-top:calc(18px * var(--aside));}
/* One visual heading layer keeps text positions continuous through the morph.
   Semantic headings stay in their original reading-order sections. */
.hq-shared-heading{display:none;}
.hq-story.hq-funnel[data-mode="scroll"] .hq-shared-heading{display:block;position:absolute;z-index:6;pointer-events:none;left:calc(50% - var(--heading-position,var(--aside)) * 25.75vw);top:calc(38px + var(--aside) * 21px);width:38.5vw;transform:translateX(-50%);font:750 clamp(36px,4.1vw,60px)/1.06 var(--sans);letter-spacing:-.045em;color:var(--text);}
.hq-shared-heading span{position:absolute;top:0;display:block;}
.hq-shared-heading .hq-heading-original,.hq-shared-heading .hq-heading-final{width:90vw;left:50%;text-align:center;transform:translateX(-50%);}
.hq-shared-heading .hq-heading-original{opacity:calc((1 - var(--heading-blend,0)) * (1 - var(--heading-finish,0)));filter:blur(calc(var(--heading-blend,0) * 10px));}
.hq-shared-heading .hq-heading-benefit{width:100%;opacity:calc(var(--heading-blend,0) * (1 - var(--heading-finish,0)));filter:blur(calc((1 - var(--heading-blend,0) + var(--heading-finish,0)) * 10px));}
.hq-shared-heading .hq-heading-final{opacity:var(--heading-finish,0);filter:blur(calc((1 - var(--heading-finish,0)) * 10px));}
.hq-story.hq-funnel[data-mode="scroll"] .hq-story-copy h1,
.hq-story.hq-funnel[data-mode="scroll"] .hq-funnel-benefits h2,
.hq-story.hq-funnel[data-mode="scroll"] .hq-funnel-finish h2{opacity:0;}
.hq-story.hq-funnel[data-mode="scroll"] .hq-scene-wrap{top:calc(180px + var(--board-rise,0px));}
@media(min-width:1000px) and (max-height:820px){.hq-story.hq-funnel[data-mode="scroll"] .hq-shared-heading{font-size:45px;}}
.hq-shared-heading .hq-heading-benefit{width:max-content;max-width:100%;}
/* Slightly taller desktop dashboard: real card space, not a stretched image. */
.hq-story.hq-funnel[data-mode="scroll"] .hq-scene-wrap{aspect-ratio:100/60;width:min(90vw,1320px,calc((100svh - 406px)/.54));}
.hq-story.hq-funnel[data-mode="scroll"] .hq-scene{aspect-ratio:100/60;--sh:60;}
.hq-story.hq-funnel[data-mode="scroll"] :is(.f-p1,.f-b1){--h:19;}
.hq-story.hq-funnel[data-mode="scroll"] :is(.f-p2,.f-p3,.f-b2,.f-b3){--y:36;--h:16;}
.hq-story.hq-funnel[data-mode="scroll"] .hq-next{top:54cqw;}
.hq-story.hq-funnel[data-mode="scroll"] .hq-shared-heading{top:calc(38px + var(--aside) * 21px - 120px * var(--aside) * (1 - var(--aside)));}
/* Emphasize a small set of useful sample numbers without fading labels. */
.hq-funnel :is(.f-k1,.f-k2) strong{font-weight:800;}
.hq-funnel .hq-kpi small,.hq-funnel .hq-kpi span,.hq-funnel .chart-summary small,.hq-funnel .chart-axis{font-weight:400;}
.hq-funnel .tag{font-weight:500;}
@media(min-width:801px){
 .hq-funnel :is(.f-k1,.f-k2) strong{font-size:2.45cqw;}
 .hq-funnel .f-p1 .chart-summary strong{font-size:2.5cqw;font-weight:800;}
}
@media(max-width:800px){
 .hq-funnel :is(.f-k1,.f-k2) strong{font-size:4cqw;}
}
@media(min-width:801px){.hq-funnel :is(.f-k1,.f-k2){padding:.1cqw 1.2cqw;gap:.05cqw;}}
/* The final transition clears the left column in place; it does not carry
   readable benefits back across the dashboard. The final title descends above it. */
.hq-story.hq-funnel[data-mode="scroll"][data-ending="true"] .hq-funnel-benefits{transform:none!important;padding-top:18px;visibility:visible;opacity:calc(1 - var(--left-out));}
.hq-story.hq-funnel[data-mode="scroll"][data-ending="true"] .hq-funnel-benefits :is(.hq-benefit-list,.hq-privacy-promise){visibility:visible;opacity:1;}
.hq-story.hq-funnel[data-mode="scroll"][data-ending="true"] .hq-shared-heading{left:5%;top:59px;transform:none;}
.hq-story.hq-funnel[data-mode="scroll"][data-ending="true"] .hq-heading-benefit{opacity:calc(1 - var(--left-out));filter:none;}
.hq-story.hq-funnel[data-mode="scroll"][data-ending="true"] .hq-heading-original{opacity:0;}
.hq-story.hq-funnel[data-mode="scroll"][data-ending="true"] .hq-heading-final{left:45vw;top:-21px;transform:translate(-50%,calc(-28px * (1 - var(--heading-finish))));filter:none;}
.hq-story.hq-funnel[data-mode="scroll"][data-ending="true"] .hq-funnel-finish{visibility:visible;opacity:var(--final-support);transform:translateY(calc(-10px * (1 - var(--final-support))));}
.hq-story.hq-funnel[data-mode="scroll"][data-ending="true"] .hq-funnel-benefits :is(.hq-benefit-list,.hq-privacy-promise){visibility:visible!important;opacity:1!important;}
/* One reveal value for the entire incoming left scene, after dashboard clearance. */
.hq-story.hq-funnel[data-mode="scroll"][data-ending="false"] .hq-funnel-benefits{opacity:var(--copy-in,0);visibility:visible;}
.hq-story.hq-funnel[data-mode="scroll"][data-ending="false"] .hq-funnel-benefits :is(.hq-benefit-list,.hq-privacy-promise){visibility:visible!important;opacity:1!important;}
.hq-story.hq-funnel[data-mode="scroll"][data-ending="false"] .hq-heading-benefit{opacity:var(--copy-in,0);filter:none;}

/* Review: 45% copy / 55% dashboard within the 90vw content area. */
.hq-story.hq-funnel[data-mode="scroll"] .hq-funnel-benefits{width:38.5vw;}
.hq-story.hq-funnel[data-mode="scroll"] .hq-shared-heading{font-size:clamp(45px,4.6vw,76px);}
#dashio-embed .hq-funnel[data-mode="scroll"] .hq-funnel-benefits h2{font-size:clamp(45px,4.6vw,76px);line-height:1.06;margin-bottom:24px;}
#dashio-embed .hq-funnel[data-mode="scroll"] .hq-benefit-list{gap:16px;}
#dashio-embed .hq-funnel[data-mode="scroll"] .hq-benefit-list strong{font-size:clamp(20px,1.6vw,28px);font-weight:750;}
#dashio-embed .hq-funnel[data-mode="scroll"] .hq-benefit-list span,
#dashio-embed .hq-funnel[data-mode="scroll"] .hq-privacy-promise p{font-size:clamp(18px,1.35vw,22px);font-weight:500;line-height:1.45;}
:root:not(#_):not(#__) #dashio-embed .hq-funnel[data-mode="scroll"] .hq-privacy-promise h3{font-size:clamp(21px,1.65vw,27px);}
#dashio-embed .hq-funnel[data-mode="scroll"] .hq-privacy-promise a{font-size:16px;}
.hq-story.hq-funnel[data-mode="scroll"] .hq-scene{--sh:calc(60 + 12 * var(--aside));}
.hq-story.hq-funnel[data-mode="scroll"] :is(.f-p1,.f-b1){--h:calc(19 + 5 * var(--aside));}
.hq-story.hq-funnel[data-mode="scroll"] :is(.f-p2,.f-p3,.f-b2,.f-b3){--y:calc(36 + 5 * var(--aside));--h:calc(16 + 7 * var(--aside));}
.hq-story.hq-funnel[data-mode="scroll"] .hq-next{top:calc((54 + 12 * var(--aside))*1cqw);}
@media(min-width:1000px) and (max-height:820px){
 #dashio-embed .hq-funnel[data-mode="scroll"] .hq-benefit-list{gap:9px;margin-bottom:14px;}
 #dashio-embed .hq-funnel[data-mode="scroll"] .hq-benefit-list strong{font-size:19px;}
 #dashio-embed .hq-funnel[data-mode="scroll"] .hq-benefit-list span,
 #dashio-embed .hq-funnel[data-mode="scroll"] .hq-privacy-promise p{font-size:16px;}
 .hq-story.hq-funnel[data-mode="scroll"] .hq-shared-heading,
 #dashio-embed .hq-funnel[data-mode="scroll"] .hq-funnel-benefits h2{font-size:46px;}
}

.hq-story.hq-funnel[data-mode="scroll"] .hq-funnel-benefits{position:relative;top:calc(var(--copy-top,18px) - 18px);}
.hq-story.hq-funnel[data-mode="scroll"] .hq-shared-heading{top:calc(38px + var(--aside)*(var(--copy-top,18px) + var(--benefit-heading-offset,41px) - 38px) - 120px*var(--aside)*(1 - var(--aside)));}
.hq-story.hq-funnel[data-mode="scroll"][data-ending="true"] .hq-shared-heading{top:calc(var(--copy-top,18px) + var(--benefit-heading-offset,41px));}
.hq-story.hq-funnel[data-mode="scroll"][data-ending="true"] .hq-heading-final{top:calc(38px - var(--benefit-heading-offset,41px) - var(--copy-top,18px));}

/* Treat the green introduction as readable copy, not a decorative micro-label. */
#dashio-embed .hq-funnel .hq-funnel-benefits .hq-chapter{font-size:clamp(18px,1.55vw,26px);font-weight:750;line-height:1.25;letter-spacing:.025em;}
@media(max-width:999px){
 #dashio-embed .hq-funnel-benefits .hq-benefit-list strong{font-size:21px;font-weight:750;}
 #dashio-embed .hq-funnel-benefits .hq-benefit-list span,
 #dashio-embed .hq-funnel .hq-funnel-benefits .hq-privacy-promise p{font-size:17px;font-weight:500;line-height:1.45;}
}

/* Illustration review: give real metrics and charts the space of their panels. */
.hq-funnel .hq-face{border-color:color-mix(in srgb,var(--teal) 38%,var(--sheet-edge));box-shadow:0 2cqw 5cqw rgba(var(--shadow-rgb),.26),inset 0 1px 0 var(--sheet-edge);}
.hq-funnel .frag{border-color:color-mix(in srgb,var(--teal) 22%,var(--sheet-edge));box-shadow:0 .5cqw 1.2cqw rgba(var(--shadow-rgb),.18);}
.hq-funnel .f-b2{border-color:var(--ochre);box-shadow:0 .5cqw 1.2cqw rgba(var(--shadow-rgb),.18),0 0 0 .22cqw var(--ochre);}
.hq-funnel .chart-area{opacity:.22;}
.hq-funnel .chart-line{stroke-width:3;}
@media(min-width:801px){
 .hq-funnel[data-mode="scroll"] .frag:not(.hq-kpi){display:flex;flex-direction:column;}
 .hq-funnel[data-mode="scroll"] .tag{font-size:1.3cqw;font-weight:650;padding:.7cqw 1.3cqw;flex:none;}
 .hq-funnel[data-mode="scroll"] .body{flex:1;padding:1.1cqw 1.3cqw;gap:.7cqw;}
 .hq-funnel[data-mode="scroll"] .chart-body{grid-template-rows:auto minmax(0,1fr) auto auto;gap:.7cqw;min-height:0;}
 .hq-funnel[data-mode="scroll"] .hq-chart{height:100%;min-height:0;max-height:12cqw;align-self:center;}
 .hq-funnel[data-mode="scroll"] :is(.f-p1,.f-b1) .chart-summary strong{font-size:3.1cqw;font-weight:800;letter-spacing:-.04em;}
 .hq-funnel[data-mode="scroll"] .chart-summary small{font-size:1.15cqw;}
 .hq-funnel[data-mode="scroll"] .chart-axis{font-size:1.1cqw;}
 .hq-funnel[data-mode="scroll"] .body .chart-note{font-size:1.2cqw;padding-top:.7cqw;}
 .hq-funnel[data-mode="scroll"] .ring{align-content:center;gap:1cqw;background:linear-gradient(145deg,var(--sheet),color-mix(in srgb,var(--sheet) 88%,var(--teal)));}
 .hq-funnel[data-mode="scroll"] .ring svg{width:12cqw;height:12cqw;}
 .hq-funnel[data-mode="scroll"] .body p,.hq-funnel[data-mode="scroll"] .body small{font-size:1.25cqw;line-height:1.3;}
 .hq-funnel[data-mode="scroll"] .big{font-size:3cqw;font-weight:800;letter-spacing:-.045em;}
 .hq-funnel[data-mode="scroll"] .f-p3 .body{align-content:center;gap:.9cqw;}
 .hq-funnel[data-mode="scroll"] .bar{grid-template-columns:1fr;gap:.3cqw;font-size:1.2cqw;}
 .hq-funnel[data-mode="scroll"] .bar em{height:1cqw;}
 .hq-funnel[data-mode="scroll"] .f-b2 .body{align-content:center;gap:.8cqw;}
 .hq-funnel[data-mode="scroll"] .body .row{padding:.85cqw 0;}
 .hq-funnel[data-mode="scroll"] .f-b3 .body{justify-content:stretch;align-content:center;}
 .hq-funnel[data-mode="scroll"] .f-b3 .row{flex-direction:column;align-items:flex-start;gap:.75cqw;}
 .hq-funnel[data-mode="scroll"] .d{gap:.5cqw;}.hq-funnel[data-mode="scroll"] .d s{width:1.4cqw;height:1.4cqw;}
 .hq-funnel[data-mode="scroll"] .hq-kpi strong{font-size:2.7cqw;font-weight:800;letter-spacing:-.035em;}
}
@media(max-width:800px){
 .hq-funnel .hq-chart{height:9cqw;}
 .hq-funnel .ring svg{width:15cqw;height:15cqw;}
 .hq-funnel .bar em{height:1.6cqw;}
}
@media(min-width:801px){
 .hq-funnel[data-mode="scroll"] .ring svg{width:calc((8 + 4 * var(--aside))*1cqw);height:calc((8 + 4 * var(--aside))*1cqw);}
 .hq-funnel[data-mode="scroll"] .body{gap:calc((.25 + .45 * var(--aside))*1cqw);padding-block:calc((.55 + .55 * var(--aside))*1cqw);}
 .hq-funnel[data-mode="scroll"] .body .row{padding-block:calc((.35 + .5 * var(--aside))*1cqw);}
 .hq-funnel[data-mode="scroll"] .f-b3 .row{gap:calc((.2 + .55 * var(--aside))*1cqw);}
 .hq-funnel[data-mode="scroll"] .bar{gap:calc((.1 + .2 * var(--aside))*1cqw);}
 .hq-funnel[data-mode="scroll"] .bar em{height:calc((.6 + .4 * var(--aside))*1cqw);}
}
@media(min-width:801px){
 .hq-funnel[data-mode="scroll"] .hq-kpi{padding:.1cqw 1.2cqw;gap:.05cqw;}
 .hq-funnel[data-mode="scroll"] .f-b3 .body{min-height:0;}
 .hq-funnel[data-mode="scroll"] .f-b3 .row{padding-block:calc((.2 + .35 * var(--aside))*1cqw);}
}
@media(max-width:360px){.hq-funnel .ring svg{width:13cqw;height:13cqw;}}
@media(min-width:801px){.hq-funnel[data-mode="scroll"] .f-p3 .body{gap:calc((.15 + .75 * var(--aside))*1cqw);}}