/* CAC to LTV: the payback pit. Static final state is the no-JS / reduced-motion fallback. */
.value-bridge.payback{padding:120px 0 60px;background:#101010}
.payback-stage{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.4fr);gap:5%;align-items:center}
.payback-left .label{color:#8a8a8a;margin-bottom:14px}
.payback-left h2{font-size:clamp(40px,4vw,62px);line-height:1.04;margin:0 0 28px}
.payback-left h2{color:#7c7c7c}.payback-left h2 span{color:#fff}
.payback-panel{border-top:1px solid #2e2e2e;padding-top:20px}
.pb-kicker{display:flex;justify-content:space-between;gap:12px;font:12px monospace;letter-spacing:.08em;color:#8a8a8a}
.pb-kicker b{color:var(--red);font-weight:400}
.pb-title{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:clamp(26px,2.3vw,36px);line-height:1.1;margin:12px 0 8px;color:#fff}
.pb-text{font-size:16px;line-height:1.6;color:#a8a8a8;max-width:38ch;min-height:3.2em}
.pb-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:18px}
.pb-steps i{height:3px;background:#2e2e2e;transition:background .3s}
.pb-steps i.on{background:var(--red)}
.pb-hint{font:10px var(--sans);letter-spacing:.14em;color:#6f6f6f;margin-top:16px}
.pb-note{font-size:11px;line-height:1.55;color:#6f6f6f;margin-top:8px;max-width:46ch}
.payback-scene{min-width:0}
.payback-scene svg{display:block;width:100%;height:auto;max-height:calc(100svh - 150px);overflow:visible}
.pb-zero{stroke:#4a4a4a;stroke-width:1.5;transition:stroke .4s}
.payback.is-paid .pb-zero{stroke:#fff}
.pb-pit rect.pit{fill:url(#pb-hatch);stroke:var(--red);stroke-width:1.5;stroke-dasharray:6 5}
.pb-pit text{fill:var(--red);font:30px var(--display);letter-spacing:.02em}
.pb-pit .pit-sub{font:11px var(--sans);letter-spacing:.14em;opacity:.7}
.pb-order{cursor:pointer;outline:none;transform-box:view-box}
.pb-order rect{transition:stroke .25s;stroke:transparent;stroke-width:2}
.pb-order.back rect{fill:#ecebe7}.pb-order.back text.in{fill:#141414}
.pb-order.ltv rect{fill:var(--red)}.pb-order.ltv text.in{fill:#fff}
.pb-order text.in{font:12px var(--sans);font-weight:600;letter-spacing:.14em}
.pb-order text.tag{font:13px var(--sans);fill:#9a9a9a;transition:fill .25s}
.pb-order:hover rect,.pb-order:focus-visible rect,.pb-order.hot rect{stroke:#fff}
.pb-order:hover text.tag,.pb-order:focus-visible text.tag,.pb-order.hot text.tag{fill:#fff}
.pb-paid text{font:12px var(--sans);font-weight:600;letter-spacing:.14em;fill:#fff}
.pb-bracket path{fill:none;stroke:#6f6f6f;stroke-width:1.2}
.pb-bracket text{font:11px var(--sans);letter-spacing:.14em;fill:#8a8a8a}
.pb-bracket.ltv path{stroke:var(--red)}.pb-bracket.ltv text{fill:var(--red)}
.pb-axis{font:11px var(--sans);letter-spacing:.14em;fill:#6f6f6f}
/* Motion-enabled layout */
.payback.pb-on{padding-bottom:30px}
.payback.pb-on .payback-stage{position:sticky;top:var(--pb-top,88px)}
.payback.pb-on .pb-text{transition:opacity .25s}
body.payback-in-view>.wa{visibility:hidden;pointer-events:none}
@media(max-width:900px){
 .value-bridge.payback{padding:80px 0 45px}
 .payback-stage{grid-template-columns:1fr;gap:10px;align-content:start}
 .payback-left h2{font-size:34px;margin-bottom:16px}
 .payback-left .label{margin-bottom:10px}
 .payback-panel{padding-top:12px}
 .pb-title{font-size:26px;margin:8px 0 4px}
 .pb-text{font-size:15px;min-height:3.2em;max-width:none}
 .pb-steps{margin-top:12px}
 .payback.pb-on .payback-scene svg{max-height:calc(100svh - 400px);margin:0 auto}
 .payback.pb-on .pb-hint{display:none}
 .pb-order text.tag,.pb-bracket text.sub{display:none}
 .pb-order text.in{font-size:20px}.pb-bracket text,.pb-axis,.pb-paid text{font-size:17px}.pb-pit text{font-size:40px}.pb-pit .pit-sub{font-size:17px}
}
@media(prefers-reduced-motion:reduce){.payback .payback-runway{height:auto!important}.payback .payback-stage{position:static!important;height:auto!important}}
/* Results sit on white; the dark chapter starts at the brand strip and runs into CAC to LTV. */
.proof{background:#fff!important;color:#101010!important;border-top:1px solid #e6e6e6;border-bottom:0;padding:44px 0 64px;position:relative;z-index:2}
#home.hero-scroll+.proof{margin-top:-6svh}
.proof .stat{border-color:#e2e2e2}
.proof .stat .n{color:#101010}
.proof .stat p{color:#6b6b6b}
.brands{background:#101010!important;border:0;padding:72px 0 30px;text-align:center}
.brands .label{color:#9a9a9a;text-align:center;margin-bottom:34px;letter-spacing:.12em}
.brands .mq-mask{-webkit-mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent)}
.brands .marquee{animation-duration:55s}
.brands .marquee li{color:#f2f2f2;font-size:clamp(22px,2.2vw,30px);font-weight:600;letter-spacing:-.02em}
.brands .marquee li:after{content:none}
.brands .marquee li{margin:0 clamp(28px,3.6vw,56px)}
.value-bridge.payback{border-top:0}
@media(max-width:900px){.proof{padding:36px 0 48px}#home.hero-scroll+.proof{margin-top:-12svh}.brands{padding:52px 0 20px}.brands .label{margin-bottom:24px}.brands .mq-mask{-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}}