/* Signature refinement: bright turquoise, readable editorial scale, more room for people. */
:root{--drive-lane:clamp(106px,10.2vw,154px);--paper:#fafcf8;--teal:#46e4cb;--ink:#0c3432;--pad:clamp(24px,4.3vw,76px)}
.header{padding-top:23px;padding-bottom:23px;background:#f1faf6;color:#0c3432;border-bottom-color:#d0e4dd}
.header .brand{width:140px}
.header .talk-button{border-radius:40px;padding:13px 22px}
.header .desktop-nav{font-size:12px}
.hero-v2{color:#0c3432;background:radial-gradient(ellipse at 85% 42%,#b2f1df 0%,#e2f7ed 40%,#f1faf6 75%)}
.hero-v2 .hero-grid{grid-template-columns:.92fr 1.25fr;gap:24px;margin-top:30px}
.hero-v2 h1{font-weight:600;font-size:clamp(64px,7.3vw,116px);line-height:1.02;letter-spacing:-.065em}
.hero-v2 .flow-word{color:#078b78}
.hero-lead{font-size:18px;line-height:1.65;max-width:440px;font-weight:550}
.hero-explainer{font-size:14px;line-height:1.75;max-width:410px;color:#456c63}
.hero-copy .button{border-radius:40px;font-size:12px;letter-spacing:0;text-transform:none;padding:17px 24px}
.hero-meta{font-size:9px;color:#3c766a;letter-spacing:.08em}
.hero-meta>span{font-size:8px;color:#4a766a}
.hero-principles{list-style:none;display:flex;gap:8px 18px;flex-wrap:wrap;padding:0;margin:22px 0 0;font-size:10px;color:#47796c}
.hero-principles li{display:flex;align-items:center;gap:7px}
.hero-principles li:before{content:"";width:4px;height:4px;border-radius:50%;background:#49dfc4}
.hero-v2 .flight-stage{aspect-ratio:1.42}
.hero-v2 .flight-stage .roadster-float{inset:13% 0 auto}
.flight-caption{padding-left:4%}
.flight-caption .scene-caption strong{font-size:20px;color:#124b41}
.flight-caption .scene-caption>span{color:#497b6c;font-size:10px}
.flight-trigger,.wall-trigger{border-radius:30px;font-size:10px;padding:12px 15px;min-height:42px;letter-spacing:.03em;border-color:#527f71}
.flight-trigger:hover,.wall-trigger:hover{background:#46e4cb;color:#092d28;border-color:#46e4cb}
.flight-status{font-size:10px;line-height:1.6;padding-left:4%;color:#497b6c}
.hero-rail{grid-template-columns:.9fr 1.15fr auto;border-color:#a9d2c3;padding-top:25px;padding-bottom:25px}
.hero-rail>p{font-size:12px}
.hero-film-picture{width:124px;height:78px;border-radius:5px}
.hero-film-copy strong{font-size:14px}
.hero-film-copy>span{font-size:10px}
.hero-film .play-disc{background:#64efd5}
.hero-v2 .scroll-link{font-size:8px;border-color:#a9d2c3;color:#4a786c}
.drive-rail{background:#e2f4ed;border-left:1px solid #beded1}
.rail-caption{color:#346c60}
.rail-track{opacity:1}
.rail-track-edge{stroke:#b9d5c96b;stroke-width:98}
.rail-track-line{stroke:#578f7d;stroke-width:1.4;stroke-dasharray:7 12}
.rail-state{font-size:7px;color:#346c60;letter-spacing:.03em}
#rail-flip{border-radius:30px;min-height:44px}
.rail-car{transition:opacity .2s}
.manifesto{background:#fafcf8}
.statement{font-weight:550}
.value-notes{gap:36px}
.value-notes h3,.human-roles h3{font-size:25px;font-weight:600}
.value-notes p,.human-roles p,.situation-list p,.journey-steps p{font-size:15px;line-height:1.8}
.value-notes article>span,.role-tag{font-size:10px}
.approach{background:#63e9cf}
.approach-top p{font-size:16px;line-height:1.75}
.chapter p{font-size:15px;max-width:440px}
.chapter .chapter-result{font-size:13px}
.adaptive-reel{transform:rotate(1.5deg);box-shadow:10px 10px 0 #173b33}
.scope-note{font-size:13px}
.journey{background:#edf6f0;color:#153f35}
.journey-intro>p{font-size:15px}
.journey-steps h3{font-size:25px}
.step-result{font-size:12px}
.journey-cta{font-size:12px;border-radius:30px}
.human-cinema{height:720px}
.cinema-content h2{font-weight:550}
.cinema-bottom p{font-size:16px;max-width:420px}
.play-intro p{font-size:15px}
.tech-reel{aspect-ratio:1.08}
.reel-headline{font-weight:600}
.reel-bottom{font-size:10px;min-height:58px}
.situations-heading p{font-size:14px;max-width:380px}
.situation-list strong{font-size:13px}
.faq-list summary{font-size:16px}
.faq-list p{font-size:14px;line-height:1.8}
.closing{background:radial-gradient(ellipse at 70% 95%,#75ead2,#b8f3df 65%);color:#153f35}
.closing-copy{font-size:16px;max-width:590px}
.closing-link>span:first-child{font-weight:550}
.contact-mail{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:24px 0 6px;padding:20px;border:1px solid #bed4c9;background:#e6f4ec;border-radius:4px;font-size:18px;font-weight:650}
.contact-mail:hover{background:#c9f2df}
.contact-mail-note{font-size:11px!important;color:#4e7060;line-height:1.7}
#contact-dialog .button{border-radius:30px}
/* Daylight palette, with turquoise shared by both visitor journeys. */
.header .brand img{filter:none}.header .motion-button{color:#16483e;border-color:#99c6b7}.header .talk-button{background:#113e35;color:#fff}.header .menu-toggle span{background:#16483e}
.header .desktop-nav a:after{background:#0b8c76}.hero-lead{color:#193e37}
.hero-v2 .status-dot{background:#10a98c}.hero-rail>p,.hero-film-copy>span{color:#476f63}.hero-rail>p strong,.hero-film-copy strong,.hero-film-arrow,.hero-v2 .film-link{color:#153f35}
.hero-v2 .film-link .play-disc{color:#153f35;border-color:#78aa97}
.flight-trigger,.wall-trigger{color:#164d40;background:#f3fff570;border-color:#82b8a5}.flight-stage .scene-label{color:#497b6c}
.flight-stage .stage-glow{background:radial-gradient(ellipse,#54dab955,transparent 67%)}.flight-field{opacity:.8}.flight-shadow{background:radial-gradient(ellipse,#1e5f4140,transparent 68%)}
.flight-wall{background:#087e69;box-shadow:-40px 0 80px 25px #307b6b18}.flight-wall:before{background:repeating-linear-gradient(0deg,transparent 0 43px,#3a8d762c 44px 45px),linear-gradient(90deg,transparent,#1f755f35)}.wall-mark{color:#135642}
.rail-percent{color:#3b7e6b}#rail-flip{color:#285e51;border-color:#8db9a8;background:#f8fffa}.rail-track-progress{stroke:#08a78e}
.ticker{background:#143e35;border-top-color:#143e35;color:#edfaf3}.ticker i{color:#65efce}
.audience-choices{display:flex;flex-direction:column;gap:10px;align-items:flex-start;margin-top:24px}
.hero-copy .audience-choices .button{justify-content:space-between;min-width:305px;padding:16px 22px;font-size:12px;line-height:1.5}
.hero-copy .audience-choices .audience-primary{background:#123f36;color:#fff}.hero-copy .audience-choices .audience-primary:hover{background:#0b6755}
.hero-copy .audience-choices .audience-secondary{border:1px solid #72ac97;color:#16483b;background:transparent}.hero-copy .audience-choices .audience-secondary:hover{background:#b7efdb}
.journey>.section-label{color:#4a7766}.journey-intro h2 em{color:#148b70}.journey-intro>p,.journey-steps p{color:#4c6c5c}.journey-steps li{border-color:#b5cdbd}.journey-steps li:last-child{border-color:#b5cdbd}.step-no{color:#49866d}.step-result{color:#087b60}.journey-cta{color:#194a36;border-color:#6c9c83}.journey-cta:hover{background:#d1eadb}
.stock-reel video,.cinema-video{filter:none}.reel-shade{background:linear-gradient(0deg,#072b25d9,transparent 65%)}.human-cinema{height:660px}.cinema-shade{background:linear-gradient(90deg,#062c26e8 0%,#063c31a6 40%,#09211c0d 100%)}
.closing .section-label{color:#286a55}.closing-copy{color:#285d49}.closing-link em{color:#08705c}.closing-action{border-color:#64b99c}
.candidate-section{background:#fffdf7;padding-top:110px;padding-bottom:100px}
.candidate-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin-top:58px}
.candidate-picture{position:relative;aspect-ratio:.93;border-radius:130px 8px 8px 8px;overflow:hidden;isolation:isolate;background:#b0e4d1}
.candidate-picture:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#092c26cc);z-index:1;pointer-events:none}
.candidate-picture video{height:100%;width:100%;object-fit:cover;object-position:48% 50%}
.candidate-picture-note{position:absolute;bottom:31px;left:28px;max-width:63%;font-size:18px;line-height:1.4;color:#fff;z-index:2;letter-spacing:-.02em}
.candidate-play{position:absolute;bottom:30px;right:25px;width:50px;height:50px;border-radius:50%;background:#55e4c6;z-index:2;font-size:14px;color:#113f33}
.candidate-copy h2{font-size:clamp(40px,5vw,78px);font-weight:550;line-height:1.08}.candidate-copy h2 em{color:#078875}
.candidate-copy p{font-size:15px;line-height:1.85;color:#4a6b5d;margin-top:24px}.candidate-copy .candidate-lead{font-size:19px;color:#214b3c;line-height:1.65}
.candidate-copy .button{margin-top:30px;font-size:12px;white-space:normal;gap:20px;line-height:1.5}
.candidate-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:60px}.candidate-steps article{border-top:1px solid #b7d6c8;padding-top:22px}.candidate-steps article>span{font-size:9px;letter-spacing:.06em;color:#397962}.candidate-steps h3{font-size:24px;font-weight:600;letter-spacing:-.035em;margin:19px 0 13px}.candidate-steps p{font-size:14px;line-height:1.8;color:#4a6b5d}
.candidate-note{display:grid;grid-template-columns:1fr 1.3fr;gap:50px;margin-top:50px;padding:25px 0 0;border-top:1px solid #b7d6c8}.candidate-note>span{font-size:18px;line-height:1.6;font-weight:600}.candidate-note p{font-size:12px;color:#577367;line-height:1.8}
.contact-audiences{display:flex;gap:8px;padding:5px;background:#e0efe5;border-radius:28px;margin-bottom:25px}.contact-audiences button{flex:1;border-radius:23px;padding:12px 6px;font-size:11px}.contact-audiences button[aria-pressed="true"]{color:white;background:#154b3b}.contact-mail{overflow-wrap:anywhere}
@media(max-width:1100px){.candidate-grid{gap:38px}.candidate-copy .candidate-lead{font-size:17px}.candidate-copy p{font-size:14px}.candidate-copy .button{font-size:11px}.hero-copy .audience-choices .button{min-width:0;width:100%;max-width:320px;font-size:11px;padding:14px 18px}.candidate-steps{gap:26px}.candidate-steps h3{font-size:22px}}
@media(max-width:720px){
 .candidate-section{padding-top:65px;padding-bottom:65px}.candidate-grid{display:flex;flex-direction:column-reverse;gap:35px;margin-top:32px}.candidate-copy h2{font-size:clamp(33px,8vw,52px)}.candidate-copy .candidate-lead{font-size:17px}.candidate-copy p{font-size:14px}.candidate-copy .button{width:100%;font-size:11px;padding:16px 18px}.candidate-picture{width:100%;aspect-ratio:1.15;border-top-left-radius:80px}.candidate-picture-note{font-size:15px;left:19px;bottom:23px}.candidate-play{width:42px;height:42px;right:18px;bottom:20px}.candidate-steps{grid-template-columns:1fr;gap:28px;margin-top:35px}.candidate-steps h3{font-size:22px}.candidate-steps p{font-size:14px}.candidate-note{display:block;margin-top:35px}.candidate-note p{margin-top:12px}.candidate-note>span{font-size:16px}
 .with-roadster .hero-copy .audience-choices .button{font-size:11px;padding:14px 17px;width:100%;min-width:0;max-width:340px;gap:12px;white-space:normal}.audience-choices{align-items:stretch;margin-top:22px}.audience-choices .button span{font-size:22px;flex-shrink:0}
 .cinema-shade{background:linear-gradient(0deg,#09211cf0 0%,#09211c80 60%,#09211c20 100%)}
}
@media(min-width:1300px){.flight-caption{display:flex}.flight-buttons{margin-top:0}.hero-copy{padding-bottom:25px}.hero-rail{margin-top:0}}
@media(max-width:1100px){.hero-v2 h1{font-size:7.2vw}.hero-v2 .hero-grid{grid-template-columns:.95fr 1.1fr;gap:18px}.hero-lead{font-size:16px}.hero-explainer{font-size:13px}.flight-caption{display:block}.flight-buttons{margin-top:18px;justify-content:flex-start}.header .desktop-nav{font-size:11px}.hero-rail{grid-template-columns:1fr 1.3fr}.hero-rail .film-link{grid-column:2}.value-notes p,.human-roles p,.situation-list p,.journey-steps p{font-size:14px}}
@media(max-width:850px){.header .desktop-nav{display:none}.menu-toggle{display:block}.header .talk-button{font-size:11px}.hero-principles{font-size:9px}.hero-meta>span{display:none}.hero-lead{font-size:15px}.hero-v2 h1{font-size:7vw}}
@media(max-width:720px){
 :root{--drive-lane:58px;--pad:22px}
 .with-roadster .header{padding-top:22px;padding-bottom:17px}
 .with-roadster .header .brand{width:106px!important}
 .with-roadster .motion-button{width:34px;height:34px;font-size:13px}
 .hero-v2 .hero-grid{display:flex;flex-direction:column;gap:0;margin-top:21px}
 .with-roadster .hero-v2 h1{font-size:clamp(40px,11.5vw,72px);line-height:1.02;font-weight:600;margin-bottom:25px}
 .hero-v2 h1>span{display:block}
 .hero-v2 h1>span:nth-child(2):after{content:none}
 .with-roadster .hero-meta p{font-size:7px;letter-spacing:.025em}
 .hero-lead{font-size:15px;line-height:1.7;margin-bottom:14px}
 .with-roadster .hero-explainer{font-size:13px;line-height:1.75}
 .with-roadster .hero-copy .button{font-size:11px;padding:16px 20px}
 .hero-principles{font-size:9px;gap:9px 16px;margin-top:20px}
 .flight-scene{margin-top:23px}
 .hero-v2 .flight-stage{aspect-ratio:1.42}
 .flight-caption .scene-caption strong{font-size:19px}
 .flight-caption .scene-caption>span{font-size:9px}
 .with-roadster .flight-trigger,.with-roadster .wall-trigger{font-size:9px;padding:11px 13px;min-height:42px}
 .with-roadster .flight-status{font-size:9px;padding-top:13px;min-height:36px}
 .hero-rail{display:block;margin-top:23px;padding:21px 0}
 .hero-rail>p{display:none}
 .with-roadster .hero-film-picture{width:99px;height:67px}
 .with-roadster .hero-film-copy strong{font-size:12px}
 .with-roadster .hero-film-copy>span{font-size:9px}
 .hero-rail .film-link{margin-top:20px;font-size:11px}
 .with-roadster .hero-v2 .scroll-link{font-size:7px;letter-spacing:.03em}
 .rail-caption{font-size:6px}.rail-caption small{display:none}
 .rail-state{display:none}#rail-flip{padding:5px;gap:0;min-width:38px;min-height:38px}
 #rail-flip small{display:none}#rail-flip>span{font-size:22px}
 .section{padding-top:65px;padding-bottom:65px}
 .with-roadster .statement{font-size:clamp(32px,8vw,49px)}
 .value-notes{gap:30px}.value-notes p,.with-roadster .human-roles p,.with-roadster .situation-list p,.with-roadster .journey-steps p{font-size:14px;line-height:1.8}
 .with-roadster .manifesto-copy{font-size:14px}
 .with-roadster .approach-top h2{font-size:clamp(30px,7.6vw,48px)}
 .approach-top p{font-size:14px}
 .with-roadster .chapter h3{font-size:20px}
 .with-roadster .chapter p{font-size:14px}
 .chapter .chapter-result{font-size:12px}
 .with-roadster .journey-cta{font-size:11px}
 .with-roadster .journey-steps h3{font-size:21px}
 .with-roadster .human-cinema{height:620px;min-height:620px}
 .cinema-video{object-position:57% 50%}
 .with-roadster .cinema-content h2{font-size:clamp(30px,8vw,48px)}
 .with-roadster .cinema-bottom p{font-size:14px}
 .with-roadster .round-play{width:52px;height:52px}
 .with-roadster .human-roles h3{font-size:22px}
 .with-roadster .situation-list strong{font-size:12px}
 .with-roadster .faq-list summary{font-size:14px}
 .with-roadster .faq-list p{font-size:13px}
 .closing-copy{font-size:14px}
 .with-roadster .closing-link>span:first-child{font-size:10.5vw}
 .contact-mail{font-size:17px;padding:16px}
}
@media(max-width:380px){:root{--drive-lane:50px;--pad:18px}.with-roadster .hero-v2 h1{font-size:10.6vw}.with-roadster .hero-meta p{font-size:6px}.with-roadster .hero-copy .button{font-size:10px;padding:15px 17px}.with-roadster .hero-film-picture{width:80px;height:58px}.with-roadster .hero-film-copy strong{font-size:11px}.with-roadster .hero-film-copy>span{font-size:8px}.flight-caption .scene-caption strong{font-size:18px}.contact-mail{font-size:15px}}
@media(prefers-reduced-motion:reduce){:root{--drive-lane:0px}.drive-rail{display:none!important}.hero-v2{background:#edf9f4}}
