/* Carry the automotive material language through the supporting sections. */
body.ca-cinematic .steps-box,
body.ca-cinematic .why-box {
  background:radial-gradient(ellipse at 100% 0,rgba(86,122,169,.15),transparent 56%),#081323;
  border:1px solid #bacbe530;
  box-shadow:inset 0 1px 0 #ffffff38,0 28px 60px -38px #061020a8;
  border-radius:28px;
}
body.ca-cinematic .steps-box { gap:64px;padding:clamp(30px,5vw,64px); }
body.ca-cinematic .steps-left .h2 {font-size:clamp(38px,4vw,58px);line-height:1.03;letter-spacing:-.015em;max-width:12ch;}
body.ca-cinematic .steps-left>p {color:#d2dce9;line-height:1.7;}
body.ca-cinematic .steps-left>.btn {min-height:58px;padding:16px 28px;font-size:23px;box-shadow:inset 0 1px 0 #fff8,0 10px 26px -18px #f9e900;}
body.ca-cinematic .steps-right {counter-reset:ca-step;gap:0;}
body.ca-cinematic .step {counter-increment:ca-step;position:relative;gap:22px;padding:26px 0;border-bottom:1px solid #c6d7ee29;}
body.ca-cinematic .step:first-child {padding-top:0;}
body.ca-cinematic .step:last-child {border-bottom:0;padding-bottom:0;}
body.ca-cinematic .step>img {display:none;}
body.ca-cinematic .step::before {content:"0" counter(ca-step);flex:0 0 54px;font:500 48px/1 var(--f-primary);letter-spacing:-.04em;color:#e8eef5;text-shadow:0 1px 0 #fff7,0 4px 10px #0009;}
body.ca-cinematic .step h3 {font-size:28px;line-height:1.15;color:#fff;}
body.ca-cinematic .step p {font-size:15px;line-height:1.7;color:#ced9e8;}
body.ca-cinematic .why-box {padding:clamp(28px,4vw,58px);gap:38px;}
body.ca-cinematic .why-box .eyebrow-light {font:600 12px/1.5 var(--f-text);letter-spacing:.12em;color:#f9e900;}
body.ca-cinematic .why-box .why {align-items:flex-start;text-align:start;border-inline-start:1px solid #9fbbdf36;padding-inline-start:20px;gap:10px;}
body.ca-cinematic .why p {color:#ced9e8;font-size:14px;line-height:1.8;}
body.ca-cinematic .why h3 {font-size:27px;line-height:1.18;}
body.ca-cinematic .sec-faq .sec__inner {max-width:1060px;padding:86px 24px 74px;gap:40px;}
body.ca-cinematic .faq {max-width:900px;}
body.ca-cinematic .faq details {background:linear-gradient(130deg,#ffffffdc,#eef3fba6);border:1px solid #bac9dd7a;border-radius:18px;box-shadow:inset 0 1px 0 white,0 8px 25px -20px #0c1d554d;margin-bottom:12px;}
body.ca-cinematic .faq summary {padding:22px 26px;font:600 16px/1.6 var(--f-text);}
body.ca-cinematic .faq summary:focus-visible {outline:3px solid #0072c7;outline-offset:4px;border-radius:14px;}
body.ca-cinematic .faq summary svg {width:15px;height:15px;flex-basis:15px;}
body.ca-cinematic .faq details[open] {border-color:#7a96bc;}
body.ca-cinematic .faq .answer {padding:0 26px 26px;font-size:15px;line-height:1.8;color:#263c58;}
body.ca-cinematic .final {padding:40px 28px;border-top:1px solid #bac9dd7a;}
body.ca-cinematic .final h3 {font-size:clamp(34px,4vw,48px);line-height:1.1;}
body.ca-cinematic .final .btn {min-height:60px;padding:16px 30px;font-size:25px;}
body.ca-cinematic .disclosure {font-size:13px;line-height:1.75;opacity:1;color:#3b4c65;}
[dir=rtl] body.ca-cinematic .steps-left .h2 {max-width:none;line-height:1.55;}
[dir=rtl] body.ca-cinematic .why-box .eyebrow-light {letter-spacing:0;}
[dir=rtl] body.ca-cinematic .step h3,[dir=rtl] body.ca-cinematic .why h3 {line-height:1.65;}
@media(max-width:1024px) {body.ca-cinematic .steps-box {gap:35px;}body.ca-cinematic .steps-left .h2 {max-width:none;} }
@media(max-width:600px) {
 body.ca-cinematic .steps-box {padding:30px 24px;border-radius:22px;}
 body.ca-cinematic .step {gap:15px;}
 body.ca-cinematic .step::before {flex-basis:38px;font-size:37px;}
 body.ca-cinematic .step h3 {font-size:25px;}
 body.ca-cinematic .sec-faq .sec__inner {padding:58px 10px 46px;}
 body.ca-cinematic .faq summary {padding:20px;font-size:15px;}
 body.ca-cinematic .faq .answer {padding:0 20px 22px;font-size:14px;}
 body.ca-cinematic .final {padding:32px 10px;}
 body.ca-cinematic .final .btn {font-size:22px;width:100%;}
}
@media(forced-colors:active) {
 body.ca-cinematic .steps-box,body.ca-cinematic .why-box,body.ca-cinematic .faq details {background:Canvas;border:1px solid CanvasText;box-shadow:none;color:CanvasText;}
 body.ca-cinematic .step::before {color:CanvasText;text-shadow:none;}
 body.ca-cinematic .steps-box :is(h2,h3,p),body.ca-cinematic .why-box :is(h2,h3,p),body.ca-cinematic .faq .answer {color:CanvasText;}
}