/* Qualitative comparisons draw together. Reported metrics are separate from plot geometry. */
.hi-section{background:#101010;color:#f5f5f5;font-family:var(--sans);position:relative}
.hi-section *{box-sizing:border-box}
.hi-track{position:relative}
.hi-pin{position:relative;width:min(1160px,calc(100% - 112px));margin:auto;padding:85px 0 45px}
.hi-masthead,.hi-foot{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:10px;color:#aaa;line-height:1.6}
.hi-masthead p,.hi-foot p{margin:0}
.hi-masthead p{font-size:16px;line-height:1.4;letter-spacing:-.015em;color:#dedede}
.hi-masthead>span{white-space:nowrap;flex-shrink:0;font-variant-numeric:tabular-nums;color:#707070;letter-spacing:.1em}
.hi-scenes{position:relative}
.hi-scene{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.34fr);align-items:center;gap:65px;min-height:545px;padding-block:40px}
.hi-kicker{font-size:10px;color:#939393;margin:0 0 26px}
.hi-copy h2{font-weight:400;margin:0}
.hi-metric{display:block;font-size:clamp(106px,11.2vw,161px);font-weight:400;line-height:.94;letter-spacing:-.085em;white-space:nowrap;color:#fafafa}
.hi-metric>span{display:inline-block;font-size:.46em;letter-spacing:-.07em;vertical-align:top;margin:.11em 0 0 .08em}
.hi-headline{display:block;max-width:410px;font-size:clamp(27px,2.45vw,35px);font-weight:400;line-height:1.16;letter-spacing:-.035em;margin-top:35px;text-wrap:balance}
.hi-comparison{font-size:12px;line-height:1.6;color:#919191;margin:17px 0 0}
.hi-chart{position:relative;margin:0;min-width:0;align-self:center;padding-top:20px}
.hi-chart-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;line-height:1.7;color:#bdbdbd}
.hi-chart-heading>span:last-child{color:#7c7c7c;font-size:9px;text-align:right;max-width:160px}
.hi-chart-plot{position:relative;margin-top:46px}
.hi-chart-period{font-size:9px;line-height:1.7;color:#8c8c8c;text-align:right;margin-top:12px}
.hi-chart svg{display:block;width:100%;height:auto;overflow:visible;fill:none}
.hi-baseline{stroke:#727272;stroke-width:1.2;stroke-linecap:round;stroke-dasharray:.012 .018}
.hi-curve{stroke:#f7f7f7;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc((1 - var(--hi-draw,1))*1px);filter:drop-shadow(0 0 5px #ffffff30)}
.hi-baseline-tip{fill:#828282;stroke:none}
.hi-aura{fill:#fff;opacity:.13;filter:blur(3px)}
.hi-point{fill:#fff;stroke:#fff;stroke-width:1;filter:drop-shadow(0 0 5px #ffffffd9) drop-shadow(0 0 13px #ffffff80)}
.hi-origin{fill:#868686}
.hi-end{position:absolute;right:6.875%;display:flex;align-items:center;gap:7px;font-size:10px;line-height:1.5;white-space:nowrap;opacity:var(--hi-label,1)}
.hi-end>img{filter:brightness(0) invert(1);object-fit:contain}
.hi-end-growth{top:calc(4.4023% - 35px)}
.hi-end-cost{top:calc(63.14% + 16px)}
.hi-baseline-label{position:absolute;right:6.875%;color:#8b8b8b;font-size:9px;line-height:1.5;white-space:nowrap;opacity:var(--hi-label,1)}
.hi-baseline-growth{right:0;top:calc(66.9767% - 18px)}
.hi-baseline-cost{top:calc(21.62% - 29px)}
.hi-foot{padding-top:20px;color:#818181}
.hi-scroll-cue{display:none;color:#b4b4b4;align-items:center;gap:20px}
.hi-scroll-cue>span{font-size:17px}
.hi-enhanced .hi-track{height:calc(100svh + var(--hi-travel,1600px))}
.hi-enhanced .hi-pin{height:100svh;position:sticky;top:0;display:grid;grid-template-rows:30px minmax(0,1fr) 38px;padding-top:128px;padding-bottom:40px}
.hi-enhanced .hi-scene{position:absolute;inset:0;min-height:0;padding-block:25px;visibility:hidden;opacity:0}
.hi-enhanced .hi-scene.is-current{visibility:visible;opacity:1}
.hi-enhanced .hi-scroll-cue{display:flex}

@media(max-width:1199px){.hi-pin{width:calc(100% - 80px)}.hi-scene{gap:40px;grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr)}.hi-metric{font-size:clamp(108px,11.5vw,138px)}.hi-headline{font-size:29px}}
@media(max-width:999px){.hi-scene{gap:30px;min-height:490px}.hi-metric{font-size:clamp(96px,12vw,118px)}.hi-headline{font-size:26px;margin-top:29px}.hi-chart-heading{font-size:9px}.hi-chart-heading>span:last-child{font-size:8px}.hi-end{font-size:9px}}
@media(max-width:700px){.hi-pin{width:calc(100% - 48px)}.hi-pin{padding:55px 0 32px}.hi-masthead{font-size:9px;align-items:flex-start}.hi-masthead p{font-size:13px;max-width:260px}.hi-scene{grid-template-columns:1fr;gap:32px;padding:60px 0 38px;min-height:0}.hi-kicker{font-size:9px;margin-bottom:25px}.hi-metric{font-size:clamp(110px,27vw,154px)}.hi-headline{font-size:30px;max-width:370px;margin-top:28px}.hi-comparison{font-size:11px;margin-top:14px}.hi-chart{padding-top:5px;max-width:480px;width:100%;justify-self:center}.hi-chart-heading{font-size:10px}.hi-chart-heading>span:last-child{font-size:8px;max-width:120px}.hi-chart-plot{margin-top:43px}.hi-end{font-size:9px}.hi-end>img{width:13px;height:15px}.hi-end-growth{top:calc(4.4023% - 29px)}.hi-end-cost{top:calc(63.14% + 13px)}.hi-baseline-label{font-size:8px}.hi-baseline-cost{top:calc(21.62% - 24px)}.hi-foot{font-size:9px;max-width:270px;padding-top:20px}}
@media(max-width:360px){.hi-pin{width:calc(100% - 40px)}.hi-metric{font-size:107px}.hi-headline{font-size:27px}.hi-chart-heading{font-size:9px}.hi-chart-heading>span:last-child{max-width:105px;font-size:8px}.hi-end{font-size:8px;gap:5px}.hi-baseline-label{font-size:7px}.hi-baseline-growth{top:calc(66.9767% - 15px)}}
@media(min-width:1000px) and (max-height:820px){.hi-enhanced .hi-pin{padding-top:112px;padding-bottom:26px}.hi-enhanced .hi-metric{font-size:130px}.hi-enhanced .hi-headline{font-size:29px;margin-top:25px}.hi-enhanced .hi-kicker{margin-bottom:22px}.hi-enhanced .hi-chart-plot{margin-top:36px}.hi-enhanced .hi-chart-growth svg{height:min(390px,calc(100svh - 380px))}}
@media(prefers-reduced-motion:reduce){.hi-section *{animation:none!important;transition:none!important}.hi-curve{stroke-dashoffset:0!important}.hi-end{opacity:1!important}}

@media(max-width:999px){
 .hi-enhanced .hi-pin{padding:95px 0 24px;grid-template-rows:auto minmax(0,1fr) 30px}
 .hi-enhanced .hi-scene{display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:18px;padding:22px 0 12px;align-content:center}
 .hi-enhanced .hi-kicker{margin-bottom:12px}
 .hi-enhanced .hi-metric{font-size:clamp(85px,21vw,125px)}
 .hi-enhanced .hi-headline{font-size:clamp(23px,6.4vw,30px);margin-top:16px;max-width:480px}
 .hi-enhanced .hi-comparison{margin-top:8px;font-size:10px}
 .hi-enhanced .hi-chart{max-width:430px;width:100%;padding:0}
 .hi-enhanced .hi-chart-plot{margin-top:33px}
 .hi-enhanced .hi-chart svg{max-height:calc(100svh - 445px);min-height:130px}
 .hi-enhanced .hi-foot{padding-top:0;max-width:none;font-size:8px}
 .hi-enhanced .hi-scroll-cue{font-size:8px;gap:8px}
}
@media(max-width:999px) and (max-height:740px){
 .hi-enhanced .hi-chart{max-width:calc((100svh - 500px)*1.488)}
 .hi-enhanced .hi-chart svg{height:auto;min-height:0;max-height:none}
 .hi-enhanced .hi-chart-plot{margin-top:26px}
 .hi-enhanced .hi-scene{gap:12px}
}