/* A stationary lead-in with naturally scrolling, highlighted outcomes. */
.approach-copy{min-width:0;width:100%}
.approach-scroll{--outcome-row:calc(var(--do-svh, 1svh) * 22);display:grid;grid-template-columns:max-content minmax(0,1fr);gap:clamp(16px,3vw,48px);position:relative;margin:48px 0 calc(var(--do-svh, 1svh) * 6);font-size:clamp(24px,4.7vw,76px);font-weight:500;line-height:1.12;letter-spacing:-.05em}
.approach-scroll .approach-lead{position:sticky;top:calc(calc(var(--do-svh, 1svh) * 50) - .56em);align-self:start;margin:calc(var(--outcome-row)/2 - .56em) 0;font:inherit;color:#fffdf9}
.approach-outcomes{list-style:none;margin:0;padding:0;min-width:0}
.approach-outcomes li{min-height:var(--outcome-row);display:flex;align-items:center;margin:0;padding:.4em 0;color:var(--outcome-color);font-weight:700;text-wrap:balance;opacity:1}
.approach-scroll.is-enhanced .approach-outcomes li{opacity:var(--outcome-opacity, .2)}
.approach-outcomes li:nth-child(1){--outcome-color:#84d8ff}
.approach-outcomes li:nth-child(2){--outcome-color:#8cb9ff}
.approach-outcomes li:nth-child(3){--outcome-color:#ad9aff}
.approach-outcomes li:nth-child(4){--outcome-color:#d599ed}
.approach-outcomes li:nth-child(5){--outcome-color:#fffdf9}
@media(max-width:700px){.approach-scroll{--outcome-row:clamp(72px,calc(var(--do-svh, 1svh) * 11),96px);font-size:clamp(20px,4.7vw,33px);gap:14px;margin-top:16px;margin-bottom:16px}.approach-copy>p{margin:24px 0 16px}}
@media(prefers-reduced-motion:reduce){.approach-scroll{--outcome-row:auto;margin:45px 0;align-items:start}.approach-scroll .approach-lead{position:static;margin:.4em 0}.approach-scroll.is-enhanced .approach-outcomes li{opacity:1}.approach-outcomes li{min-height:0;padding:.4em 0}}

/* The outcome list now introduces the offer directly after the hero. */
.help{position:relative;background:#101010;padding-bottom:45px}
.help .approach-scroll{margin-top:0;margin-bottom:0}
.help-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8%;align-items:start;margin-bottom:clamp(64px,calc(var(--do-svh, 1svh) * 10),120px)}
.help-eyebrow{display:block;font-size:12px;line-height:1.5;letter-spacing:.07em;text-transform:uppercase;color:#aaa;margin-bottom:28px}
.help-intro .help-intro-heading h2{font-size:clamp(38px,5.2vw,84px);line-height:1.08;letter-spacing:-.055em;margin:0}
.help-intro-heading h2>span{color:var(--accent)}
.help-intro-copy{padding-top:46px;max-width:560px}
.help-intro-copy p{font-size:clamp(16px,1.2vw,19px);line-height:1.7;color:#aaa;margin:0 0 24px}
.help-intro-copy p:last-child{margin-bottom:0}
.help-intro-copy .help-intro-lead{font-size:clamp(20px,1.7vw,26px);line-height:1.45;letter-spacing:-.025em;color:#fff}
@media(max-width:700px){.help-intro{grid-template-columns:1fr;gap:28px;margin-bottom:42px}.help-eyebrow{font-size:11px;margin-bottom:20px}.help-intro .help-intro-heading h2{font-size:clamp(40px,10vw,66px)}.help-intro-copy{padding-top:0;max-width:none}.help-intro-copy p{font-size:16px;margin-bottom:20px}.help-intro-copy .help-intro-lead{font-size:21px}}
@media(max-width:700px){.help{padding-bottom:28px}}
/* Each row keeps its own hue; scrolling changes only its emphasis. */
.approach-outcomes li:nth-child(1){--outcome-hue:20}
.approach-outcomes li:nth-child(2){--outcome-hue:250}
.approach-outcomes li:nth-child(3){--outcome-hue:480}
.approach-outcomes li:nth-child(4){--outcome-hue:710}
.approach-outcomes li:nth-child(5){--outcome-hue:940}
.approach-outcomes li:nth-child(n){--outcome-color:hsl(var(--outcome-hue) 90% 70%)}
@supports(color:oklch(65% .3 20)){.approach-outcomes li:nth-child(n){--outcome-color:oklch(65% .3 var(--outcome-hue))}}