/* The Roadster travels beside the content. The reading area stays clear. */
:root{--drive-lane:clamp(70px,14vw,220px)}
.with-roadster main,.with-roadster footer{margin-right:var(--drive-lane)}
.with-roadster .header,.with-roadster .mobile-nav{width:calc(100% - var(--drive-lane))}
.drive-rail{display:none;position:fixed;z-index:8;right:0;top:0;bottom:0;width:var(--drive-lane);background:linear-gradient(180deg,#092d27,#061c19 55%,#0a2b25);border-left:1px solid #447d6540;overflow:clip;isolation:isolate}
.with-roadster .drive-rail{display:block}
.drive-rail:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% var(--car-y,35%),#46d9bd14,transparent 31%);z-index:0}
.rail-caption{position:absolute;z-index:3;left:0;right:0;top:32px;text-align:center;display:flex;flex-direction:column;gap:7px;color:#bddbcc;font-size:11px;letter-spacing:.16em}
.rail-caption small{font-size:7px;letter-spacing:.14em;color:#628d79}
.rail-track{position:absolute;inset:100px 0 120px;pointer-events:none;opacity:.6}
.rail-track svg{width:100%;height:100%;overflow:visible}
.rail-track-edge{stroke:#59b28e0e;stroke-width:38}
.rail-track-line{stroke:#71b6994a;stroke-width:1;stroke-dasharray:3 9}
.rail-track-progress{stroke:#80edc89c;stroke-width:1.3;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--rail-progress,0));filter:drop-shadow(0 0 4px #76cda7)}
.rail-car{position:absolute;left:0;top:0;width:300px;opacity:0;z-index:2;will-change:transform;pointer-events:none;transform-origin:50% 50%;transition:opacity .35s}
.rail-car-body{position:relative;width:100%}
.rail-car img{position:relative;z-index:2;width:100%;max-width:none;height:auto;filter:drop-shadow(0 0 15px #72ddc924)}
.rail-jet{position:absolute;z-index:1;left:28.5%;top:74.7%;width:10%;height:32%;transform:translateX(-50%) scaleY(var(--rail-thrust,.6));transform-origin:50% 0;clip-path:polygon(34% 0,66% 0,100% 100%,0 100%);background:linear-gradient(#e6fff4cc,#8ae4cb66 25%,#74c8b01a 65%,transparent);filter:blur(3px);opacity:.55}
.rail-jet-rear{left:74.1%;top:70.8%;height:27%}
.rail-footer{position:absolute;z-index:3;left:0;right:0;bottom:25px;display:flex;align-items:center;flex-direction:column;gap:18px}
.rail-state{color:#719f88;font-size:7px;letter-spacing:.13em}
#rail-flip{display:flex;align-items:center;justify-content:center;gap:9px;color:#d0eedc;border:1px solid #527c665e;min-height:38px;padding:7px 15px;border-radius:2px;transition:background .2s,border-color .2s,opacity .2s;opacity:0;visibility:hidden}
.drive-rail.is-driving #rail-flip{opacity:1;visibility:visible}
#rail-flip:hover{background:#153a2d;border-color:#8fe0b9}
#rail-flip>span{font-size:21px;line-height:1}
#rail-flip small{font-size:7px;letter-spacing:.08em}
#rail-flip:disabled{opacity:.4;cursor:default}
.rail-percent{font-size:8px;color:#608a72;font-variant-numeric:tabular-nums}
.dialog-open .rail-car{opacity:0!important}
.motion-off .rail-car{transition:none}
.reading-progress{background:#51d6bc}
@media(max-width:1100px){.with-roadster .desktop-nav a:last-child{display:none}.with-roadster .desktop-nav{gap:18px}.with-roadster .header{gap:18px}.rail-caption{font-size:9px}.rail-state{font-size:6px}}
@media(max-width:850px){.with-roadster .desktop-nav{gap:12px;font-size:9px}.with-roadster .header .brand{width:115px}.with-roadster .header{gap:12px}.with-roadster .talk-button{font-size:10px;padding:12px 15px;gap:14px}}
@media(max-width:720px){
 :root{--pad:20px;--drive-lane:70px}
 .with-roadster .header{padding:20px var(--pad);gap:10px}.with-roadster .header .brand{width:100px}.with-roadster .header-actions{gap:3px}.with-roadster .motion-button{width:28px;height:28px;font-size:11px}.with-roadster .talk-button{display:none}.with-roadster .menu-toggle{width:34px;height:34px;padding:7px}
 .with-roadster .hero-v2 h1{font-size:clamp(34px,10.3vw,66px)}.with-roadster .hero-meta p{font-size:6px;letter-spacing:.03em;gap:6px}
 .with-roadster .hero-copy .button{font-size:9px;gap:12px;padding:14px 15px}.with-roadster .hero-explainer{font-size:12px}
 .with-roadster .flight-caption{display:block}.with-roadster .flight-buttons{flex-direction:row;justify-content:flex-start;margin-top:18px}.with-roadster .flight-trigger,.with-roadster .wall-trigger{min-width:0;font-size:7px;padding:9px 10px;min-height:34px}.with-roadster .flight-status{font-size:7px;line-height:1.7}
 .with-roadster .hero-film-picture{width:88px;height:56px}.with-roadster .hero-film{gap:11px}.with-roadster .hero-film-copy strong{font-size:11px}.with-roadster .hero-film-copy>span{font-size:8px}.with-roadster .hero-film-arrow{font-size:17px}
 .with-roadster .hero-v2 .scroll-link{font-size:6px;letter-spacing:.04em}
 .with-roadster .manifesto-grid{grid-template-columns:1fr;gap:18px}.with-roadster .flow-mark{width:65px;margin:0}.with-roadster .manifesto-copy{font-size:12px}.with-roadster .statement{font-size:clamp(30px,7.5vw,47px)}
 .with-roadster .principles{gap:10px;font-size:7px}.with-roadster .approach-top h2{font-size:clamp(28px,7.3vw,48px)}.with-roadster .chapter h3{font-size:18px}.with-roadster .chapter summary{gap:10px}.with-roadster .chapter p{margin-left:0;font-size:12px}
 .with-roadster .journey-intro h2{font-size:clamp(29px,7.5vw,49px)}.with-roadster .journey-steps li{grid-template-columns:24px 1fr;gap:12px}.with-roadster .journey-steps h3{font-size:20px}.with-roadster .journey-steps p{font-size:12px}.with-roadster .journey-cta{font-size:9px;padding:13px 15px;gap:14px}
 .with-roadster .human-cinema{min-height:530px}.with-roadster .cinema-content h2{font-size:clamp(29px,7.4vw,46px)}.with-roadster .cinema-bottom{display:block}.with-roadster .cinema-bottom p{max-width:100%;font-size:12px}.with-roadster .round-play{margin-top:20px;width:44px;height:44px}.with-roadster .cinema-top span:last-child{max-width:70px;font-size:6px}
 .with-roadster .human-detail-intro h2{font-size:clamp(29px,7vw,44px)}.with-roadster .human-roles p{font-size:12px}.with-roadster .human-roles h3{font-size:20px}.with-roadster .play-intro h2{font-size:clamp(28px,7vw,46px)}.with-roadster .tech-reel{width:100%}.with-roadster .story-reel{width:100%}.with-roadster .story-caption{gap:12px}.with-roadster .story-caption p{font-size:11px}.with-roadster .drawn-arrow{font-size:54px}
 .with-roadster .situations-heading h2{font-size:clamp(31px,8vw,48px)}.with-roadster .situation-list article{grid-template-columns:20px 1fr;gap:10px}.with-roadster .situation-list h3{font-size:24px}.with-roadster .situation-list p{font-size:12px}.with-roadster .situation-list strong{font-size:10px}
 .with-roadster .faq-list summary{font-size:12px}.with-roadster .faq-list p{font-size:12px}.with-roadster .closing-link>span:first-child{font-size:9vw}.with-roadster .closing-arrow{font-size:12vw}.with-roadster footer{grid-template-columns:1fr;gap:22px}.with-roadster footer>a:last-child{text-align:left}
 .rail-caption{top:27px;font-size:7px;letter-spacing:.08em;gap:7px}.rail-caption small{font-size:5px;letter-spacing:.03em}.rail-track{inset:85px 0 130px}.rail-state{font-size:5px;letter-spacing:.03em}.rail-footer{gap:14px;bottom:20px}.rail-percent{font-size:7px}#rail-flip{gap:4px;padding:7px 8px;min-height:36px}#rail-flip>span{font-size:18px}#rail-flip small{font-size:6px}
}
@media(max-width:380px){:root{--pad:16px;--drive-lane:64px}.with-roadster .header .brand{width:90px!important}.with-roadster .hero-v2 h1{font-size:10vw}.with-roadster .hero-explainer{font-size:11px}.with-roadster .hero-copy .button{padding:13px 12px;font-size:8px}.with-roadster .section-label{font-size:7px}.with-roadster .hero-film-picture{width:70px;height:48px}.with-roadster .hero-film-copy strong{font-size:10px}.with-roadster .hero-film-copy>span{font-size:7px}.with-roadster .hero-film-arrow{display:none}.with-roadster .journey-cta{font-size:8px;padding:12px;gap:10px}.with-roadster .journey-steps h3{font-size:18px}.with-roadster .situation-list h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){.with-roadster main,.with-roadster footer{margin-right:0}.with-roadster .header,.with-roadster .mobile-nav{width:100%}.with-roadster .drive-rail{display:none}}