/* Approved Electrocoches design, shared by all 257 pages. */
.brand-filter { position: absolute; width: 0; height: 0; overflow: hidden; pointer-events: none; }
.design-trial {
  --navy: #071f38; --nav: #081b30; --cyan: #05b5f5;
  --ink: #102d45; --muted: #526778; --pale: #f3f7f9; --line: #dce6ed;
  --max: 1240px; --ease: cubic-bezier(.2,.65,.3,1);
  color: var(--ink); line-height: 1.75;
  -webkit-font-smoothing: antialiased;
}
.design-trial h1,.design-trial h2,.design-trial h3 { text-wrap: balance; }
.design-trial h1 { font-size: clamp(2.5rem,4.8vw,4.75rem); line-height: 1.07; letter-spacing: -.055em; }
.design-trial h2 { font-size: clamp(2rem,3.15vw,3.05rem); line-height: 1.15; letter-spacing: -.045em; }
.design-trial h3 { line-height: 1.3; letter-spacing: -.03em; }
.design-trial p { text-wrap: pretty; }
.design-trial .section { padding: 104px 0; }
.design-trial .section.light { background: var(--pale); }
.design-trial .lead { font-size: 1.08rem; line-height: 1.8; margin-top: 24px; }
.design-trial .eyebrow { font-size: .7rem; color: #087394; letter-spacing: .19em; margin-bottom: 20px; }
.design-trial .eyebrow:before { content: ''; display: inline-block; width: 22px; height: 2px; background: var(--cyan); vertical-align: middle; margin: 0 10px 3px 0; }
.design-trial .section-head { margin-bottom: 42px; gap: 44px; }
.design-trial .section-head>div { max-width: 790px; }
.design-trial .section-head .lead { max-width: 680px; }
.design-trial .text-link { color: #006e96; padding-bottom: 4px; border-color: #afcfdc; font-size: .88rem; transition: color .2s,border-color .2s; }
.design-trial .text-link:hover { color: var(--navy); border-color: var(--cyan); }
.design-trial .btn { min-height: 52px; padding: 15px 23px; border-radius: 9px; font-size: .85rem; transition: transform .22s var(--ease),background-color .22s,box-shadow .22s,border-color .22s; }
.design-trial .btn.primary { background: var(--cyan); color: #052138; box-shadow: 0 2px 0 #ffffff20 inset; }
.design-trial .btn.secondary { border-color: #bdceda; background: #fff; }
.design-trial :is(a,button,input,select,summary):focus-visible { outline: 3px solid #0081ad; outline-offset: 5px; }
.design-trial :is(.header,.hero,.footer,.tax-section,.page-intro,.cta-band) :is(a,button,summary):focus-visible { outline-color: #6cddff; }
.design-trial .header { background: #081b30f5; border-bottom: 1px solid #ffffff14; backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }
.design-trial .nav { height: 88px; }
.design-trial .brand,.design-trial .brand img { width: 245px; }
.design-trial .brand img { border-radius: 2px; mix-blend-mode: normal; }
.design-trial .nav-links { gap: 25px; }
.design-trial .nav-links>a:not(.btn) { position: relative; color: #d9e5ee; font-size: .79rem; padding: 12px 0; transition: color .2s; }
.design-trial .nav-links>a:not(.btn):after { content: ''; height: 2px; background: var(--cyan); position: absolute; bottom: 3px; left: 0; right: 0; transform: scaleX(0); transform-origin: left; transition: transform .22s var(--ease); }
.design-trial .nav-links>a[aria-current=page]:after,.design-trial .nav-links>a:not(.btn):hover:after { transform: scaleX(1); }
.design-trial .nav-links>a[aria-current=page] { color: #fff; }
.design-trial .nav-links .btn { border-radius: 7px; min-height: 42px; font-size: .79rem; padding: 10px 18px; }
.design-trial .language { gap: 9px; padding-left: 20px; }
.design-trial .menu-toggle { min-height: 44px; min-width: 44px; border-radius: 8px; }
/* The main photograph and typography do the work. */
.design-trial .hero { min-height: 650px; align-items: stretch; }
.design-trial .hero-photo { object-position: center 64%; }
.design-trial .hero:after { background: linear-gradient(90deg,#071f38fa 0%,#071f38ed 24%,#071f38b3 43%,#071f382e 66%,#071f3810 100%),linear-gradient(0deg,#071f3880,transparent 35%); }
.design-trial .hero-content { padding: 74px 0 66px; display: flex; align-items: center; }
.design-trial .hero-copy { max-width: 610px; }
.design-trial .hero .eyebrow { color: #b9e5f5; font-size: .72rem; }
.design-trial .hero h1 { font-size: clamp(3.5rem,5.9vw,5.6rem); line-height: 1.04; letter-spacing: -.06em; }
.design-trial .hero h1 .headline-main { display: block; color: #fff; }
.design-trial .hero h1 .headline-main em { font-style: normal; color: var(--cyan); }
.design-trial .hero h1 .headline-support { display: block; margin-top: 20px; font-size: clamp(1.45rem,2.2vw,2.05rem); line-height: 1.3; color: #fff; letter-spacing: -.03em; }
.design-trial .hero .lead { color: #d0dfec; max-width: 445px; font-size: 1rem; margin-top: 26px; }
.design-trial .hero .actions { margin-top: 30px; gap: 12px; }
.design-trial .hero .secondary { color: white; border-color: #ffffff55; background: #0b253b66; }
.design-trial .hero-note { color: #b3cbdc; font-size: .73rem; margin-top: 28px; letter-spacing: .02em; }
.design-trial .hero-caption { position: absolute; right: 50px; bottom: 28px; color: #e4edf5; z-index: 2; font-size: .65rem; letter-spacing: .14em; text-transform: uppercase; }
.design-trial .trust-bar { background: var(--navy); color: #fff; border-color: #ffffff16; }
.design-trial .trust-grid { padding: 30px 0; }
.design-trial .trust-item { border-color: #ffffff18; gap: 18px; }
.design-trial .trust-item strong { font-size: .88rem; font-weight: 600; }
.design-trial .trust-item p { color: #a7bed0; font-size: .73rem; }
.design-trial .trust-item .icon { color: var(--cyan); width: 26px; height: 26px; }
/* Photo cards: consistent proportions, calmer labels and an obvious destination. */
.design-trial .models-grid { gap: 28px; }
.design-trial .model-card { border-radius: 14px; border: 1px solid #e1e9ee; box-shadow: 0 2px 5px #102d4503,0 12px 28px #102d4504; transition: border-color .25s,box-shadow .25s,transform .25s var(--ease); }
.design-trial .model-card picture { background: #edf2f5; }
.design-trial .model-card img { aspect-ratio: 3/2; object-fit: contain; background: var(--pale); transition: transform .6s var(--ease); }
.design-trial .model-card-body,.design-trial .catalogue-grid .model-card-body { padding: 25px 26px 27px; }
.design-trial .model-card>a:not(.btn) { display: flex; flex-direction: column; }
.design-trial .model-card picture,.design-trial .model-wordmark { flex-shrink: 0; }
.design-trial .model-card-body { display: flex; flex-direction: column; flex: 1; }
.design-trial .model-card h3,.design-trial .catalogue-grid .model-card h3 { font-size: 1.25rem; }
.design-trial .model-card .tag,.design-trial .catalogue-grid .model-card .tag { font-size: .63rem; letter-spacing: .12em; color: #597587; margin-bottom: 11px; }
.design-trial .model-card p { color: #5b6e7d; font-size: .84rem; line-height: 1.7; margin-top: 11px; }
.design-trial .model-card .card-link { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 19px; border-top: 1px solid #e4ebef; font-size: .78rem; color: #006f98; }
.design-trial .model-card p { margin-bottom: 24px; }
.design-trial .model-card .card-link:after { content: '↗'; font-size: 1.15rem; font-weight: 600; }
.design-trial .model-card.featured { background: var(--navy); border-color: var(--navy); padding: 38px; box-shadow: none; position: relative; }
.design-trial .model-card.featured:before { content: ''; width: 50px; height: 3px; background: var(--cyan); margin-bottom: 35px; }
.design-trial .model-card.featured h3 { font-size: 2.1rem; }
.design-trial .model-card.featured p { color: #b8cede; }
.design-trial .model-card.featured .eyebrow { color: #8edcf5; }
.design-trial .under-grid { margin-top: 36px; padding-top: 30px; font-size: .85rem; }
.design-trial .steps { gap: 24px; margin-top: 38px; }
.design-trial .step { padding: 27px 24px 31px; background: #fff; border: 1px solid #dce6ed; border-radius: 12px; }
.design-trial .step-num { font-size: 2.6rem; font-weight: 400; color: #007b9f; margin-bottom: 30px; }
.design-trial .step h3 { font-size: 1.02rem; }
.design-trial .step p { font-size: .85rem; line-height: 1.8; margin-top: 14px; }
.design-trial .split { gap: 80px; }
.design-trial .inclusions { padding: 32px; background: var(--pale); border: 1px solid var(--line); border-radius: 14px; gap: 20px 25px; }
.design-trial .inclusions li { font-size: .82rem; line-height: 1.65; }
.design-trial .inclusions .icon { color: #007b9f; width: 20px; }
.design-trial .price-note { font-size: .85rem; padding: 8px 0 8px 20px; }
.design-trial .tax-section { background: var(--navy); position: relative; overflow: hidden; }
.design-trial .tax-section:before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 8% 40%,#0c3658,transparent 65%); pointer-events: none; }
.design-trial .tax-section .container { position: relative; }
.design-trial .tax-number { font-size: clamp(7rem,15vw,13rem); font-weight: 400; letter-spacing: -.08em; }
.design-trial .tax-number small { font-size: .85rem; text-transform: uppercase; letter-spacing: .24em; margin-top: 25px; color: #bdd2e2; }
.design-trial .tax-section .eyebrow { color: #9cdef5; }
.design-trial .tax-section .lead { color: #bdcfdc; font-size: 1rem; }
.design-trial .tax-section .small { color: #a5bdcf; }
.design-trial .faq-wrap { gap: 90px; }
.design-trial .faq { border-top: 0; }
.design-trial details { padding: 25px 0; }
.design-trial details:first-child { border-top: 1px solid var(--line); }
.design-trial summary { font-size: .94rem; font-weight: 600; line-height: 1.5; }
.design-trial summary:after { width: 28px; height: 28px; flex-shrink: 0; display: grid; place-items: center; border-radius: 50%; background: #eaf5fa; color: #087da2; font-size: 1.2rem; }
.design-trial details p { font-size: .9rem; line-height: 1.8; padding-right: 40px; }
.design-trial .cta-band { background: var(--navy); color: #fff; border: 0; }
.design-trial .cta-inner { padding: 70px 0; gap: 40px; }
.design-trial .cta-inner h2 { font-size: clamp(1.8rem,2.6vw,2.5rem); max-width: 580px; }
.design-trial .cta-inner p { color: #b7ccdc; font-size: .9rem; max-width: 510px; }
.design-trial .cta-inner .secondary { background: transparent; color: #fff; border-color: #ffffff45; }
.design-trial .footer { border-top: 1px solid #ffffff16; background: var(--nav); padding-top: 68px; }
.design-trial .footer-grid { gap: 80px; }
.design-trial .footer h3 { font-size: .74rem; letter-spacing: .1em; text-transform: uppercase; margin-bottom: 24px; }
.design-trial .footer p { font-size: .82rem; line-height: 1.85; }
.design-trial .footer-links { font-size: .82rem; gap: 12px; }
.design-trial .footer-bottom { margin-top: 52px; color: #9cb4c6; }
.design-trial .floating-contact { width: 52px; height: 52px; border: 4px solid #fff; box-shadow: 0 4px 18px #06233c24; transition: transform .2s var(--ease); }
/* Inner pages share an editorial masthead rather than identical white boxes. */
.design-trial .breadcrumbs { font-size: .71rem; padding: 23px 0; color: #647b8e; }
.design-trial .page-intro { background: var(--navy); color: #fff; padding: 68px 0 75px; position: relative; overflow: hidden; border-bottom: 0; }
.design-trial .page-intro:after { content: ''; position: absolute; right: -50px; top: -220px; width: 660px; height: 660px; border: 1px solid #ffffff08; border-radius: 50%; box-shadow: 0 0 0 110px #ffffff03,0 0 0 220px #ffffff02; pointer-events: none; }
.design-trial .page-intro .container { position: relative; z-index: 1; }
.design-trial .page-intro .eyebrow { color: #9edff7; }
.design-trial .page-intro h1 { max-width: 940px; font-size: clamp(2.5rem,4.4vw,4.25rem); }
.design-trial .page-intro .lead { color: #bfd0df; max-width: 750px; font-size: 1rem; }
.design-trial .catalogue-section { padding-top: 44px; }
.design-trial .catalog-controls { background: #fff; padding: 28px; border-radius: 14px; box-shadow: 0 6px 24px #102d4506; }
.design-trial .catalog-tabs { gap: 9px; margin-bottom: 24px; }
.design-trial .filter { border-radius: 8px; font-size: .8rem; min-height: 44px; padding: 10px 20px; border-color: #d6e1e9; transition: background-color .2s,border-color .2s,color .2s; }
.design-trial .filter[aria-pressed=true] { background: var(--navy); border-color: var(--navy); }
.design-trial .catalog-fields { gap: 22px; }
.design-trial .catalog-fields label { font-size: .74rem; color: #4a6579; font-weight: 600; }
.design-trial .catalog-fields select,.design-trial .catalog-fields input { border-radius: 8px; background: #f7f9fb; border-color: #d6e1e9; font-size: .88rem; min-height: 48px; }
.design-trial .catalog-summary { padding: 28px 0; }
.design-trial .catalog-summary #catalog-status { font-size: .8rem; }
.design-trial .catalog-summary .small { font-size: .75rem; }
.design-trial .catalogue-grid .model-card p { min-height: 2.8em; }
.design-trial .guide-card { display: flex; flex-direction: column; align-items: flex-start; padding: 35px; border-radius: 14px; border-color: var(--line); background: #fff; position: relative; transition: border-color .2s,transform .25s var(--ease),box-shadow .25s; }
.design-trial .guide-card .icon { width: 35px; height: 35px; padding: 10px; box-sizing: content-box; background: #eaf6fb; border-radius: 12px; margin-bottom: 35px; color: #007b9f; }
.design-trial .guide-card h3 { font-size: 1.4rem; }
.design-trial .guide-card p { font-size: .9rem; line-height: 1.8; }
.design-trial .guide-card .text-link { font-size: .8rem; margin-top: auto; padding-top: 28px; }
.design-trial .guide-number { position: absolute; top: 35px; right: 30px; color: #95aaba; font-size: .74rem; letter-spacing: .1em; }
.design-trial .editorial { max-width: 860px; }
.design-trial .editorial h2 { font-size: 1.9rem; margin-top: 48px; margin-bottom: 22px; }
.design-trial .editorial h2:first-child { margin-top: 0; }
.design-trial .editorial h3 { font-size: 1.23rem; margin-top: 35px; }
.design-trial .editorial p,.design-trial .editorial li { font-size: 1rem; line-height: 1.85; color: #435d71; }
.design-trial .editorial p+p { margin-top: 20px; }
.design-trial .editorial table { margin: 35px 0; border: 1px solid var(--line); border-radius: 12px; }
.design-trial .editorial th { background: #e6eff5; font-size: .8rem; }
.design-trial .editorial td { font-size: .85rem; }
.design-trial .editorial :is(th,td) { padding: 18px 20px; }
.design-trial .location-box { background: var(--pale); border: 1px solid var(--line); padding: 42px; border-radius: 14px; }
.design-trial .location-box h3 { font-size: 1.6rem; }
.design-trial .location-box p { font-size: .94rem; line-height: 1.8; color: var(--muted); }
.design-trial .location-box .text-link { font-size: .82rem; }
.design-trial .contact-option { padding: 37px; border-radius: 14px; background: #fff; border-color: var(--line); }
.design-trial .contact-option h3 { font-size: 1.35rem; }
.design-trial .contact-option p { font-size: .9rem; line-height: 1.8; }
.design-trial .contact-option .icon { margin-bottom: 28px; }
.design-trial .photo-credit { font-size: .88rem; }
/* Example car template. Existing documented specification and reviews retained. */
.design-trial .model-stage { background: var(--navy); color: #fff; }
.design-trial .model-hero { padding: 62px 0 68px; gap: 65px; grid-template-columns: .95fr 1.05fr; }
.design-trial .model-hero h1 { font-size: clamp(2.8rem,4.3vw,4.5rem); }
.design-trial .model-hero .eyebrow { color: #9bdef6; }
.design-trial .model-hero .lead { color: #bdcfdf; max-width: 440px; font-size: 1rem; }
.design-trial .model-hero .small { color: #a5bdcf; font-size: .72rem; max-width: 425px; }
.design-trial .model-hero img { aspect-ratio: var(--photo-ratio,3/2); object-fit: contain; background: transparent; border-radius: 15px; }
.design-trial .model-hero .chip { color: #d7e8f4; border-color: #ffffff25; background: #ffffff05; border-radius: 6px; font-size: .71rem; padding: 6px 12px; }
.design-trial .model-jump { width: min(var(--max),calc(100% - 96px)); max-width: none; margin: 0 auto; padding: 24px 0; gap: 18px 34px; border-top: 0; }
.design-trial .model-jump a { font-size: .78rem; padding: 3px 0; border-bottom: 2px solid transparent; transition: color .2s,border-color .2s; }
.design-trial .model-jump a:hover { text-decoration: none; border-color: var(--cyan); }
.design-trial .model-why .lead { font-size: clamp(1.2rem,2vw,1.65rem); line-height: 1.6; color: #375970; }
.design-trial .range-scroll { border-radius: 12px; border-color: #d6e2e9; }
.design-trial .range-table { font-size: .9rem; }
.design-trial .range-table th,.design-trial .range-table td { padding: 21px 25px; }
.design-trial .range-table thead th { background: #e8f0f5; font-size: .73rem; letter-spacing: .04em; }
.design-trial .range-table td:last-child { font-size: 1.12rem; color: #006d92; }
.design-trial .model-references { gap: 12px 24px; margin: 18px 0 24px; }
.design-trial .model-references a { font-size: .73rem; color: #21667f; }
.design-trial .range-context { padding: 27px 30px; background: #e6f0f6; border-radius: 0 10px 10px 0; }
.design-trial .range-context p { font-size: .88rem; line-height: 1.8; }
.design-trial .version { padding: 32px; border-radius: 12px; background: #fff; }
.design-trial .version h3 { font-size: 1.2rem; }
.design-trial .version p { font-size: .88rem; line-height: 1.8; margin-top: 18px; }
.design-trial .model-opinions article { border-radius: 14px; padding: 40px; border-color: #d4e2e9; position: relative; }
.design-trial .model-opinions article:before { content: '“'; position: absolute; right: 30px; top: 12px; font-size: 6rem; line-height: 1; color: #d9eaf3; font-family: Georgia,serif; }
.design-trial .model-opinions h3 { font-size: 1.45rem; max-width: 80%; }
.design-trial .model-opinions p { max-width: 900px; line-height: 1.9; font-size: 1rem; position: relative; }
.design-trial .opinion-label { font-size: .7rem; text-transform: uppercase; letter-spacing: .12em; }
.design-trial .model-choice { padding: 6px 0 6px 30px; }
/* Small reveals are progressive enhancement: nothing depends on animation. */
.design-trial .reveal-once { animation: ec-reveal .6s var(--ease) both; }
@keyframes ec-reveal { from { opacity: .25; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
  .design-trial .btn:hover { transform: translateY(-2px); }
  .design-trial .btn.primary:hover { background: #39c5f8; box-shadow: 0 7px 18px #028ab91c; }
  .design-trial .hero .secondary:hover,.design-trial .cta-inner .secondary:hover { background: #ffffff12; border-color: #ffffff90; }
  .design-trial .model-card:hover { transform: translateY(-5px); border-color: #bdceda; box-shadow: 0 5px 10px #102d4505,0 20px 35px #102d4510; }
  .design-trial .model-card:hover img { transform: scale(1.035); }
  .design-trial .guide-card:hover { transform: translateY(-4px); border-color: #adccdc; background: #fff; box-shadow: 0 16px 30px #102d4508; }
  .design-trial .floating-contact:hover { transform: translateY(-3px); }
}
@media(min-width:1600px) { .design-trial .hero { min-height: 730px; } }
@media(max-width:1150px) {
  .design-trial .nav-links { gap: 15px; }
  .design-trial .nav-links>a:not(.btn) { font-size: .72rem; }
  .design-trial .brand,.design-trial .brand img { width: 220px; }
  .design-trial .split,.design-trial .faq-wrap { gap: 45px; }
  .design-trial .model-jump { width: calc(100% - 64px); }
  .design-trial .hero-copy { max-width: 550px; }
  .design-trial .inclusions { padding: 25px; }
}
@media(max-width:980px) {
  .design-trial .nav { height: 76px; }
  .design-trial .nav-links { top: 76px; gap: 12px; padding: 20px 32px 30px; background: var(--nav); }
  .design-trial .nav-links>a:not(.btn) { font-size: .95rem; padding: 9px 0; }
  .design-trial .nav-links>a:not(.btn):after { right: auto; width: 30px; }
  .design-trial .nav-links .btn { font-size: .9rem; }
  .design-trial .language { padding-left: 0; padding-bottom: 8px; }
  .design-trial .hero { min-height: 630px; }
  .design-trial .hero h1 { font-size: 4.6rem; }
  .design-trial .hero:after { background: linear-gradient(90deg,#071f38fa 5%,#071f38e0 36%,#071f3859 80%); }
  .design-trial .models-grid { gap: 22px; }
  .design-trial .steps { grid-template-columns: repeat(2,1fr); }
  .design-trial .guide-grid { gap: 16px; }
  .design-trial .guide-card { padding: 25px; }
  .design-trial .guide-card h3 { font-size: 1.12rem; }
  .design-trial .guide-number { right: 22px; top: 28px; }
  .design-trial .footer-grid { gap: 40px; }
  .design-trial .model-hero { gap: 35px; }
  .design-trial .model-hero h1 { font-size: 3rem; }
  .design-trial .inclusions { grid-template-columns: 1fr; }
}
@media(max-width:700px) {
  .design-trial .section { padding: 64px 0; }
  .design-trial .container { width: calc(100% - 40px); }
  .design-trial h2 { font-size: 2rem; }
  .design-trial .lead { font-size: .98rem; line-height: 1.8; margin-top: 20px; }
  .design-trial .eyebrow { font-size: .65rem; letter-spacing: .13em; margin-bottom: 18px; }
  .design-trial .nav { height: 72px; }
  .design-trial .nav-links { top: 72px; padding: 18px 20px 26px; }
  .design-trial .brand,.design-trial .brand img { width: 214px; }
  .design-trial .btn { font-size: .8rem; min-height: 49px; padding: 13px 17px; }
  .design-trial .hero { min-height: 0; }
  .design-trial .hero-content { display: block; padding: 44px 0 320px; }
  .design-trial .hero h1 { font-size: clamp(3rem,13vw,4rem); line-height: 1.06; }
  .design-trial .hero h1 .headline-support { font-size: clamp(1.3rem,5.2vw,1.65rem); margin-top: 16px; }
  .design-trial .hero .lead { font-size: .93rem; margin-top: 23px; max-width: 420px; }
  .design-trial .hero .eyebrow { font-size: .62rem; letter-spacing: .12em; }
  .design-trial .hero-photo { height: 355px; width: 100%; bottom: 0; top: auto; object-position: 76% center; }
  .design-trial .hero:after { background: linear-gradient(0deg,#071f3800 0%,#071f3800 220px,#071f38bb 300px,#071f38 365px); }
  .design-trial .hero .actions { gap: 10px; margin-top: 26px; }
  .design-trial .hero .btn { font-size: .77rem; padding: 13px 16px; }
  .design-trial .hero-note { font-size: .66rem; margin-top: 22px; }
  .design-trial .hero-caption { right: 20px; bottom: 18px; font-size: .6rem; text-shadow: 0 1px 8px #000; }
  .design-trial .trust-grid { padding: 9px 0; }
  .design-trial .trust-item,.design-trial .trust-item:first-child { padding: 20px 0; border-color: #ffffff16; }
  .design-trial .trust-item strong { font-size: .85rem; }
  .design-trial .trust-item p { font-size: .72rem; }
  .design-trial .section-head { margin-bottom: 30px; }
  .design-trial .models-grid { grid-template-columns: 1fr; gap: 23px; }
  .design-trial .model-card-body,.design-trial .catalogue-grid .model-card-body { padding: 22px 23px 25px; }
  .design-trial .model-card img { aspect-ratio: 3/2; }
  .design-trial .model-card.featured { padding: 32px; min-height: 300px; }
  .design-trial .model-card .card-link { margin-top: 20px; padding-top: 16px; }
  .design-trial .steps { grid-template-columns: 1fr; gap: 16px; }
  .design-trial .step { padding: 25px; }
  .design-trial .step-num { font-size: 2.1rem; margin-bottom: 19px; }
  .design-trial .step h3 { font-size: 1.1rem; }
  .design-trial .step p { font-size: .87rem; }
  .design-trial .split,.design-trial .faq-wrap { gap: 35px; grid-template-columns: 1fr; }
  .design-trial .inclusions { grid-template-columns: 1fr; padding: 26px; gap: 18px; }
  .design-trial .inclusions li { font-size: .85rem; }
  .design-trial .tax-number { font-size: 7rem; }
  .design-trial .tax-number small { font-size: .75rem; margin-top: 16px; }
  .design-trial .tax-section .lead { font-size: .94rem; }
  .design-trial .faq-wrap { gap: 28px; }
  .design-trial summary { font-size: .89rem; }
  .design-trial details { padding: 23px 0; }
  .design-trial details p { padding-right: 0; font-size: .88rem; }
  .design-trial .cta-inner { padding: 52px 0; }
  .design-trial .cta-inner h2 { font-size: 2rem; }
  .design-trial .cta-inner .actions { margin-top: 27px; }
  .design-trial .cta-inner .actions .btn { flex: 1 1 160px; font-size: .78rem; padding: 13px 12px; }
  .design-trial .footer { padding-top: 48px; padding-bottom: 120px; }
  .design-trial .footer-grid { gap: 34px 24px; }
  .design-trial .footer-links { font-size: .78rem; gap: 12px; }
  .design-trial .footer h3 { font-size: .68rem; line-height: 1.5; letter-spacing: .08em; }
  .design-trial .footer-bottom { margin-top: 36px; }
  .design-trial .mobile-contact { background: #ffffffed; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); }
  .design-trial .mobile-contact .btn { min-height: 44px; font-size: .75rem; padding: 10px; }
  .design-trial .breadcrumbs { padding: 19px 0; font-size: .65rem; gap: 8px; }
  .design-trial .page-intro { padding: 45px 0 51px; }
  .design-trial .page-intro h1 { font-size: clamp(2.25rem,9vw,3rem); }
  .design-trial .page-intro .lead { font-size: .92rem; margin-top: 24px; }
  .design-trial .catalogue-section { padding-top: 27px; }
  .design-trial .catalog-controls { padding: 20px; }
  .design-trial .catalog-tabs { gap: 7px; margin-bottom: 22px; }
  .design-trial .catalog-tabs .filter { font-size: .7rem; padding: 10px 12px; }
  .design-trial .catalog-fields { gap: 15px; }
  .design-trial .catalog-fields label { font-size: .7rem; }
  .design-trial .catalog-fields select,.design-trial .catalog-fields input { font-size: 16px; min-height: 48px; padding: 10px; }
  .design-trial .catalog-summary { padding: 23px 0; }
  .design-trial .catalogue-grid .model-card p { min-height: 0; }
  .design-trial .guide-card { padding: 30px; }
  .design-trial .guide-card h3 { font-size: 1.35rem; }
  .design-trial .guide-card .icon { margin-bottom: 25px; }
  .design-trial .guide-number { right: 30px; top: 35px; }
  .design-trial .editorial h2 { font-size: 1.55rem; }
  .design-trial .editorial p,.design-trial .editorial li { font-size: .96rem; }
  .design-trial .editorial :is(th,td) { padding: 14px 9px; overflow-wrap: anywhere; }
  .design-trial .editorial table { font-size: .8rem; }
  .design-trial .location-box,.design-trial .contact-option { padding: 29px; }
  .design-trial .location-box h3 { font-size: 1.45rem; }
  .design-trial .location-box p { font-size: .9rem; }
  .design-trial .model-hero { padding: 39px 0 44px; grid-template-columns: 1fr; gap: 34px; }
  .design-trial .model-hero h1 { font-size: 2.8rem; }
  .design-trial .model-hero img { aspect-ratio: var(--photo-ratio,3/2); }
  .design-trial .model-hero .lead { font-size: .96rem; }
  .design-trial .model-hero .btn { font-size: .77rem; }
  .design-trial .model-jump { width: calc(100% - 40px); margin: 0 auto; gap: 14px 24px; padding: 21px 0; }
  .design-trial .model-jump a { font-size: .72rem; }
  .design-trial .model-why .lead { font-size: 1.25rem; }
  .design-trial .range-table { font-size: .8rem; }
  .design-trial .range-table th,.design-trial .range-table td { padding: 17px 12px; }
  .design-trial .range-table thead th { font-size: .65rem; }
  .design-trial .range-table td:last-child { font-size: .92rem; }
  .design-trial .range-context { padding: 23px; }
  .design-trial .version { padding: 28px; }
  .design-trial .model-opinions article { padding: 29px; }
  .design-trial .model-opinions h3 { font-size: 1.25rem; }
  .design-trial .model-opinions p { font-size: .93rem; }
  .design-trial .opinion-label { font-size: .65rem; }
}
@media(max-width:360px) {
  .design-trial .brand,.design-trial .brand img { width: 190px; }
  .design-trial .hero .actions { flex-direction: column; align-items: flex-start; }
  .design-trial .hero h1 .headline-support { max-width: 250px; }
  .design-trial .catalog-fields { grid-template-columns: 1fr; }
  .design-trial .catalog-fields .search-field { grid-column: auto; }
  .design-trial .footer-grid { grid-template-columns: 1fr; }
}
@media(prefers-reduced-motion:reduce) {
  .design-trial .reveal-once { animation: none; }
  .design-trial *, .design-trial *:before,.design-trial *:after { transition: none!important; animation: none!important; }
}

/* Featured models and EV/PHEV browsing */
[hidden]{display:none!important}
.design-trial .home-grid,.design-trial .spotlight-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.home-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0}
.home-tabs button{font:inherit;font-weight:700;border:1px solid #cbd7e1;border-radius:999px;padding:13px 23px;background:transparent;color:inherit;cursor:pointer;transition:background .2s,color .2s}
.home-tabs button[aria-selected="true"]{background:var(--navy);color:#fff;border-color:var(--navy)}
.home-tabs button:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}
.category-cta{display:inline-block;margin-top:25px}.phev-intro{max-width:760px;margin-bottom:28px}
.design-trial .catalog-fields{grid-template-columns:repeat(4,minmax(0,1fr))}
.nav-models{position:relative}.nav-model-options{display:none;position:absolute;top:100%;left:0;min-width:210px;padding:14px;background:#fff;border:1px solid #dce6ed;border-radius:14px;box-shadow:0 12px 30px #09253d18;z-index:30}
.nav-model-options a{display:block;padding:10px;color:var(--navy)!important;white-space:nowrap}
.nav-models:hover .nav-model-options,.nav-models:focus-within .nav-model-options{display:block}
.enquiry-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:900px}
.enquiry-form label{display:grid;gap:10px;font-weight:600}.enquiry-form input,.enquiry-form select{font:inherit;padding:16px;border:1px solid #cbd7e1;border-radius:10px;background:white;color:var(--navy);width:100%;min-width:0}
.enquiry-form .small{align-self:center;margin:0}.related-models{padding-top:45px;padding-bottom:65px}.related-models nav{display:flex;gap:24px;flex-wrap:wrap}
.photo-credit{padding:22px 0;border-bottom:1px solid #dce6ed;overflow-wrap:anywhere}
@media(max-width:1100px){.design-trial .home-grid,.design-trial .spotlight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.nav-model-options{position:static;display:block;background:transparent;box-shadow:none;border:none;padding:0 0 8px 16px}.design-trial .catalog-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.design-trial .home-grid,.design-trial .spotlight-grid,.enquiry-form,.design-trial .catalog-fields{grid-template-columns:1fr}.home-tabs button{padding:12px 17px}.related-models nav{gap:16px}}

.design-trial .nav-models>a{font-weight:600;font-size:.79rem;text-decoration:none;color:#d9e5ee;display:block;padding:12px 0;white-space:nowrap}.catalog-tabs a.filter{text-decoration:none;display:inline-flex;align-items:center}.catalog-tabs a[aria-current="page"]{background:var(--navy);color:white;border-color:var(--navy)}

/* Mobile model submenu: retain readable contrast on the dark navigation. */
@media (max-width:980px) {
  .design-trial .nav-model-options a {
    color:#d9e5ee !important;
    font-size:.95rem;
    line-height:1.5;
    min-height:44px;
    white-space:normal;
  }
  .design-trial .nav-model-options a:hover,
  .design-trial .nav-model-options a:focus-visible {
    color:#fff !important;
    background:rgba(255,255,255,.08);
    border-radius:6px;
  }
  .design-trial .nav-model-options a:focus-visible {
    outline:2px solid var(--cyan,#05b5f5);
    outline-offset:2px;
  }
}