/* The visual language is retained. One persistent stage replaces stacked sections. */
header{position:fixed;padding:23px 3.3%;pointer-events:none}header a{pointer-events:auto}.header-link{font-size:11px}.chapter{left:3.3%;font-size:8px}.scene-nav{right:15px}.scene-nav a{height:18px}.scene-nav a:after{width:3px;height:3px}.story-controls{position:fixed;bottom:18px;right:28px;z-index:20;display:flex;gap:5px}.story-controls button{width:38px;height:38px;border:1px solid #44443d;background:#080808;color:#e8e6df;font-size:17px}.story-controls button:disabled{opacity:.2;cursor:default}.wordmark{font-size:12px}.mark{font-size:35px}.skip{z-index:60}
#story-stage{position:relative;width:100%;}#line-layer{display:none}#continuous-line{fill:none;stroke:var(--orange);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px #ff641f44)}.beat{min-height:100svh;position:relative;display:flex;align-items:center;justify-content:center;padding:100px 7% 85px;text-align:center}.beat-inner{position:relative;width:100%;max-width:1180px;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:0}.beat h1,.beat .big-copy{font-size:clamp(48px,6.8vw,104px);letter-spacing:-.065em;line-height:1.01;margin:0;max-width:1100px}.beat h1{font-size:clamp(56px,8.5vw,132px)}.beat .eyebrow{font-size:10px;margin-bottom:27px}.beat-sub{font-size:clamp(22px,3vw,42px);margin:25px 0 0;color:#d8d6cf;line-height:1.3;letter-spacing:-.7px}.scroll-prompt{margin:42px 0 0;font-size:10px;line-height:1.5;letter-spacing:1.5px}.scroll-prompt small{font-size:10px}.beat .visual-caption{font-size:clamp(19px,2.4vw,31px);font-weight:700;line-height:1.25;letter-spacing:-.65px;color:var(--white);margin:18px 0 0}.beat .visual{max-width:min(740px,calc(65svh * 600 / 520));margin:0 auto;}.beat .visual>svg{width:100%;height:auto;max-height:65svh}.visual svg .label{font-size:19px}.visual svg .micro{font-size:14px;letter-spacing:.1px}.visual svg .mechanism-label{font:bold 27px Arial,Helvetica,sans-serif;letter-spacing:-.4px}.visual svg .wire{stroke:#51514a}.beat .note{font-size:9px;line-height:1.4;max-width:500px;margin-top:15px}.beat .touch{opacity:.18;transition:opacity .12s}.beat .touch.lit{opacity:1}.beat .machine-title{font-size:clamp(78px,13.5vw,195px);line-height:.86;margin:0}.playbook-lines p{font-size:clamp(30px,4.8vw,74px);font-weight:900;letter-spacing:-.055em;line-height:1.2;color:#666660;margin:0 0 7px;transition:color .15s}.playbook-lines p.current{color:var(--white)}.playbook-lines p:last-child.current{color:var(--orange)}.outcomes p{font-size:clamp(28px,4.5vw,68px);font-weight:900;line-height:1.3;letter-spacing:-.055em;color:var(--white);margin:0 0 14px}
.immersive #story-stage{position:sticky;top:0;height:100svh;isolation:isolate;overflow:hidden}.immersive .beat{position:absolute;inset:0;min-height:0;height:100%;visibility:hidden;opacity:0;overflow:auto;overscroll-behavior:auto;z-index:2}.immersive #line-layer{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:visible}.immersive .line-source{opacity:0!important}.immersive .beat .trace{filter:none}.immersive .beat:before{display:none}.immersive .beat-inner{flex-shrink:0}.immersive #callout{visibility:visible;opacity:1}
.beat .ad-wall{width:100%;max-width:1000px;height:68svh;max-height:660px;overflow:hidden;mask-image:none}.beat #ad-grid{display:grid;grid-template-columns:repeat(10,100px);grid-template-rows:repeat(10,125px);gap:0;width:1000px;height:1250px;left:50%;top:50%;transform-origin:0 0;will-change:transform}.beat .ad{aspect-ratio:auto;border-radius:8px;display:flex;margin:4px;padding:10px 7px;min-height:0}.beat .ad strong{font-size:11px}.beat .ad small{font-size:5px}.beat .ad svg{height:42px;min-height:0}.beat .ad:nth-child(45){border-color:var(--orange);color:var(--orange)}.wall-beat .visual-caption{font-size:clamp(15px,2vw,24px)}
.dealer-compare{width:min(1080px,100%);gap:90px;margin:0;padding:45px 0}.dealer-compare:before{display:none}.compare-line{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.dealer-heading{font-size:21px;padding:12px 0 20px}.dealer-heading span{font-size:9px;display:block;margin-top:8px}.tiles{grid-template-columns:repeat(3,1fr);gap:10px}.tile{min-height:130px;padding:10px 5px}.tile svg{height:82px;width:100%;}.tile span{font-size:10px;letter-spacing:0}.dealer-b .tile{border-color:#97532b}.dealer-a .tile{color:#8b8b82}.compare-beat .eyebrow{margin-bottom:12px}
.solo-video{width:min(640px,100%);border:1px solid #854320;border-radius:20px;padding:32px 35px;background:#0c0b0a}.solo-video svg{width:200px;height:125px;color:var(--orange)}.solo-video p{font:bold 19px monospace;color:#c8c6bc;margin:20px 0}.solo-video strong{display:block;font-size:clamp(70px,10vw,140px);letter-spacing:-.07em;line-height:1;color:var(--orange)}.solo-video strong span{font-size:.45em;color:var(--white);letter-spacing:-.04em}.video-beat .visual-caption{margin-top:30px}
.machine-visual{width:min(960px,100%);max-width:none;position:relative;margin:0;height:min(54svh,470px)}.machine-wire{position:absolute;width:100%;height:100%!important;inset:0;pointer-events:none;overflow:visible}.machine-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr;column-gap:40px;row-gap:50px;position:relative;height:100%;padding:20px 0}.machine-node{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#080808;min-width:0}.machine-node .node-number{font:10px monospace;color:var(--orange);margin-bottom:7px}.machine-node svg{width:85px;height:48px;color:var(--orange)}.machine-node h3{font-size:clamp(17px,2.25vw,30px);letter-spacing:-1px;line-height:1.05;margin:8px 0}.machine-node p{font-size:12px;max-width:130px;line-height:1.3;margin:0;color:#b4b1a7}.machine-beat .visual-caption{margin-top:28px}.machine-node.touch{opacity:.35}.machine-node.touch.lit{opacity:1}.shift-chain{display:flex;flex-direction:column;align-items:center;font-size:clamp(33px,5.5vw,74px);font-weight:900;line-height:1.03;letter-spacing:-.05em}.shift-chain i{font-style:normal;font-weight:400;font-size:.42em;color:var(--orange);margin:12px 0}.shift-old{color:#88877e}.shift-old .shift-chain{text-decoration:line-through}.shift-new{color:var(--white)}.immersive #shift .beat-inner{height:100%;display:grid;place-items:center}.immersive .shift-old,.immersive .shift-new{position:absolute}.shift-new .shift-chain span:last-child{color:var(--orange)}.beat .pin{width:55px;height:88px;margin:0 0 20px}.closing-beat h2{font-size:clamp(42px,5.7vw,80px);line-height:1;margin:0 0 24px}.closing-copy{font-size:17px;line-height:1.5;color:#bbb8af;margin:0 0 25px}.closing-beat .cta{font-size:13px;padding:23px 32px;min-width:330px}.cta-support{font-size:13px;color:var(--white);margin:19px 0 8px}.closing-beat small{font:10px monospace;color:#aaa79d}.replay{font:9px monospace;color:#929084;margin-top:35px;letter-spacing:1px}
@media(max-width:760px){header{padding:19px 23px}.chapter{left:23px;bottom:20px;font-size:7px}.chapter-rule{width:13px}.scene-nav{right:4px;gap:1px}.scene-nav a{width:15px;height:20px}.story-controls{right:20px;bottom:12px}.story-controls button{width:34px;height:34px}.beat{padding:90px 27px 85px}.beat h1{font-size:clamp(45px,11.4vw,80px)}.beat .big-copy{font-size:clamp(33px,9.5vw,67px);line-height:1.06;letter-spacing:-.06em}.beat .eyebrow{font-size:8px;letter-spacing:1px;max-width:90%;margin-bottom:24px}.beat-sub{font-size:23px;margin-top:23px}.beat .visual{width:100%;max-width:560px}.beat .visual>svg{max-height:63svh}.art-beat{padding-left:21px;padding-right:21px}.beat .visual-caption{font-size:19px;margin-top:25px;max-width:95%}.beat .note{font-size:8px;max-width:310px;margin-top:18px}.playbook-lines p{font-size:8.3vw;line-height:1.35}.outcomes p{font-size:8vw;line-height:1.35;margin-bottom:28px}.beat .ad-wall{height:62svh;max-height:none;width:100%;max-width:none}.wall-beat .visual-caption{font-size:15px;max-width:300px}.dealer-compare{gap:24px;padding:38px 0;width:100%}.dealer-heading{font-size:16px;padding:6px 0 16px}.dealer-heading span{font-size:7px;line-height:1.4;letter-spacing:0}.tiles{grid-template-columns:repeat(2,1fr);gap:6px}.tile{min-height:86px;padding:8px 3px}.tile svg{height:50px}.tile span{font-size:8px;line-height:1.1}.compare-beat{padding-left:24px;padding-right:24px}.compare-beat .eyebrow{font-size:8px;line-height:1.6}.solo-video{padding:30px 15px;border-radius:16px}.solo-video svg{width:175px;height:110px}.solo-video p{font-size:16px}.solo-video strong{font-size:23vw}.beat .machine-title{font-size:22vw}.machine-grid{gap:35px 12px;padding:15px 0}.machine-visual{height:47svh;min-height:280px;max-height:420px}.machine-node svg{width:64px;height:44px}.machine-node h3{font-size:4.25vw;letter-spacing:-.6px;line-height:1.15}.machine-node p{font-size:10px;line-height:1.3;max-width:100px;padding:0 3px}.machine-node .node-number{font-size:9px}.machine-beat{padding-left:23px;padding-right:23px}.machine-beat .visual-caption{font-size:18px;max-width:270px}.shift-chain{font-size:11vw}.beat .pin{height:76px;width:48px;margin-bottom:22px}.closing-beat h2{font-size:11vw;margin-bottom:22px}.closing-copy{font-size:13px;line-height:1.5}.closing-beat .cta{font-size:12px;min-width:0;width:100%;padding:23px 20px;max-width:400px}.cta-support{font-size:11px;line-height:1.5;margin-top:20px}.closing-beat small{font-size:9px}.replay{margin-top:28px;font-size:8px}.scroll-prompt{font-size:9px;margin-top:34px}.scroll-prompt small{font-size:9px}.visual svg .micro{font-size:16px}.visual svg .label{font-size:20px}.visual svg .mechanism-label{font-size:31px}}
@media(max-height:700px){.beat{padding-top:78px;padding-bottom:65px}.beat .visual>svg{max-height:58svh}.beat .visual-caption{margin-top:12px}.beat .pin{height:46px;margin-bottom:12px}.closing-beat h2{margin-bottom:12px}.closing-copy{margin-bottom:15px}.closing-beat .cta{padding-top:17px;padding-bottom:17px}.cta-support{margin-top:12px}.replay{margin-top:18px}.solo-video{padding-top:18px;padding-bottom:18px}.solo-video svg{height:80px}.solo-video p{margin:10px 0}.tile{min-height:64px}.tile svg{height:34px}.machine-visual{min-height:230px;height:45svh}.machine-node svg{height:30px}.beat .eyebrow{margin-bottom:15px}.shift-chain i{margin:8px 0}}
@media(max-width:360px){.beat .big-copy{font-size:9.2vw}.beat h1{font-size:11vw}.chapter{gap:6px;font-size:6px}.closing-beat .cta{font-size:11px}.machine-node p{font-size:9px}.tile span{font-size:7px}}
@media(prefers-reduced-motion:reduce){header{position:absolute}.beat{min-height:100svh;height:auto;opacity:1!important;visibility:visible!important}.beat .touch{opacity:1!important}.beat .trace{stroke-dashoffset:0!important}.beat .line-source{opacity:1!important}.story-controls,.scene-nav,.chapter{display:none}#line-layer{display:none!important}.shift-old,.shift-new{position:static;margin:25px 0}.beat #ad-grid{transform:scale(.28) translate(-500px,-625px)!important}.machine-node{opacity:1!important}}

/* Protect the subject: the continuous line lives behind the scene artwork. */
.beat .big-copy,.beat h1,.beat .machine-title,.beat .beat-sub,.beat .eyebrow,.beat .visual-caption,.beat .note,.beat .closing-copy,.beat .cta-support,.beat .closing-beat small,.beat .replay,.beat .playbook-lines,.beat .outcomes,.beat .shift-chain,.closing-beat h2,.closing-beat small{background:var(--black);box-shadow:0 0 0 8px var(--black);position:relative;z-index:2}
.beat .visual-caption{padding:5px 9px;width:fit-content}.beat .note{padding:4px 8px}
.dealer-a,.dealer-b{background:var(--black);position:relative;z-index:2}
.immersive #drive .road-path{opacity:1!important}
#machine .beat-inner{padding:0 12px}.beat .machine-title{max-width:100%;box-shadow:0 0 0 12px var(--black)}
@media(max-width:760px){#machine .machine-title{font-size:17.5vw;line-height:.94;letter-spacing:-.06em}#machine{padding-left:30px;padding-right:30px}.dealer-compare{gap:30px}}
