.as-page .as-hero { position: relative; padding: 85px 0 60px; color: #fff; background: linear-gradient(90deg,rgba(12,27,44,.65),rgba(12,27,44,.94)),url("../images/about-contact-showroom.9ed9e9518434.png") center/cover; }
.as-page .as-hero h1 { margin: 38px 0; font-size: clamp(48px,7vw,96px); line-height: 1.4; }
.as-page .as-hero h1 span { color: var(--ice); }
.as-page .as-hero-bottom { display: flex; justify-content: space-between; align-items: end; gap: 25px; }
.as-page .as-hero-bottom p { color: #d0dce6; font-size: 15px; }
.as-page .as-hero .button,.as-page .as-contact .button { background: #d1e8f5; color: #14354d; }
.as-page .as-image-note { display: block; margin-top: 45px; color: #aabac8; font-size: 10px; }
.as-page .as-section-heading { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: end; margin-bottom: 42px; }
.as-page .as-section-heading p { max-width: 440px; color: var(--muted); }
.as-page .as-actions { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.as-page .as-action { display: flex; flex-direction: column; align-items: start; padding: 38px; border: 1px solid var(--line); border-radius: 20px; background: var(--paper); transition: transform .2s; }
.as-page .as-action:hover,.as-page .as-resource:hover { transform: translateY(-4px); }
.as-page .as-card-number { color: var(--blue); font-size: 16px; margin-bottom: 28px; }
.as-page .as-action h3 { font-size: 22px; margin-bottom: 12px; }
.as-page .as-action p { color: var(--muted); margin-bottom: 25px; font-size: 13px; }
.as-page .as-card-link { display: block; margin-top: auto; padding-top: 18px; border-top: 1px solid var(--line); width: 100%; font-weight: 700; font-size: 13px; }
.as-page .as-card-icon { width: 30px; height: 30px; margin-bottom: 20px; fill: none; stroke: var(--blue); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.as-page .as-actions .as-action:nth-child(odd) .as-card-icon { stroke: #bed6e7; }
.as-page .as-action--dark { background: #15384f; color: #fff; }
.as-page .as-action--dark p,.as-page .as-action--dark .as-card-number { color: #bed6e7; }
.as-page .as-action--dark .as-card-link { border-color: #436176; }
.as-page .as-actions .as-action:nth-child(odd) { background: #15384f; color: #fff; }
.as-page .as-actions .as-action:nth-child(odd) p,
.as-page .as-actions .as-action:nth-child(odd) .as-card-number { color: #bed6e7; }
.as-page .as-actions .as-action:nth-child(odd) .as-card-link { border-color: #436176; }
.as-page .as-resources { position:relative; isolation:isolate; overflow:hidden; background: rgba(51, 181, 182,.05); }
.as-page .as-resources > .page-width { position:relative; z-index:1; }
.as-page .as-dealer-watermark { position:absolute; z-index:0; left:-5%; top:56%; width:min(43.5vw,570px); max-width:none; transform:translateY(-50%) rotate(-7deg); opacity:.30; filter:saturate(.72) contrast(.94); -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.92) 38%,rgba(0,0,0,.42) 73%,transparent 100%),linear-gradient(rgba(0,0,0,.15),#000 18%,#000 82%,rgba(0,0,0,.12)); mask-image:linear-gradient(90deg,rgba(0,0,0,.92) 38%,rgba(0,0,0,.42) 73%,transparent 100%),linear-gradient(rgba(0,0,0,.15),#000 18%,#000 82%,rgba(0,0,0,.12)); mask-composite:intersect; -webkit-mask-composite:source-in; pointer-events:none; }
.as-page .as-dealer-heading { align-items: center; }
.as-page .as-dealer-copy { display:flex; flex-direction:column; align-items:flex-start; }
.as-page .as-resource-grid,.as-page .as-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.as-page .as-resource { padding: 30px; border: 1px solid var(--line); border-radius: 16px; background: var(--paper); transition: transform .2s; }
.as-page .as-resource>span,.as-page .as-steps li>span { color: var(--blue); font-size: 13px; }
.as-page .as-resource h3 { margin: 20px 0 12px; font-size: 23px; }
.as-page .as-resource p,.as-page .as-steps p { color: var(--muted); font-size: 14px; }
.as-page .as-resource b { display: block; margin-top: 25px; color: var(--blue); font-size: 12px; }
.as-page .as-steps { list-style: none; padding: 0; margin: 0; }
.as-page .as-steps li { border-top: 2px solid var(--line); padding-top: 22px; }
.as-page .as-steps h3 { margin: 12px 0; font-size: 21px; }
.as-page .as-contact { padding: 65px 0; background: #122e44; color: white; }
.as-page .as-contact>.page-width { display: flex; justify-content: space-between; align-items: center; gap: 25px; }
.as-page .as-contact h2 { font-size: clamp(26px,3vw,40px); margin: 18px 0; }
.as-page .as-contact p { color: #b7cbdc; font-size: 14px; }
.as-page .as-document { padding-block: 65px 85px; min-height: 55vh; }
.as-page .as-back { display: inline-block; color: var(--blue); margin-bottom: 30px; font-size: 13px; }
.as-page .as-document h1 { font-size: clamp(32px,5vw,58px); margin-bottom: 20px; }
.as-page .as-document>p { color: var(--muted); margin-bottom: 35px; }
.as-page .as-document article,.as-page .as-document details { background: var(--paper); border: 1px solid var(--line); border-radius: 14px; padding: 25px; margin: 18px 0; }
.as-page .as-document article h2 { font-size: 23px; margin-bottom: 12px; }
.as-page .as-document article p,.as-page .as-document details p { color: var(--muted); }
.as-page .as-document summary { cursor: pointer; font-weight: 700; }
.as-page .as-document details p { padding-top: 18px; }
@media(max-width:760px) { .as-page .page-width { width: calc(100% - 36px); } .as-page .section { padding-block: 55px; } .as-page .as-hero { padding-top: 50px; } .as-page .as-section-heading,.as-page .as-resource-grid,.as-page .as-steps { grid-template-columns: 1fr; gap: 20px; } .as-page .as-actions { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; } .as-page .as-hero-bottom,.as-page .as-contact>.page-width { flex-direction: column; align-items: start; } .as-page .as-action { padding: 20px; } .as-page .as-action h3 { font-size: 18px; } .as-page .as-action p { font-size: 11px; } .as-page .as-card-icon { width: 24px; height: 24px; margin-bottom: 14px; } .as-page .as-dealer-watermark { left:-18%; top:69%; width:78vw; opacity:.18; transform:translateY(-50%) rotate(-7deg); } }
@media(prefers-reduced-motion:reduce) { .as-page .as-action,.as-page .as-resource { transition: none; } }
.dealer-finder { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(280px,1fr); gap:40px; align-items:start; }
.dealer-map-panel { padding:24px; border:1px solid var(--line); border-radius:24px; background:linear-gradient(145deg,#e6f0f7,#f8fbfd); }
.dealer-map-caption { min-height:30px; color:var(--deep); font-size:18px; font-weight:700; }
.dealer-map { display:block; width:100%; height:auto; margin-block:20px; overflow:visible; }
.dealer-map path { fill:#d2e0eb; stroke:#f8fbfd; stroke-width:1.5; stroke-linejoin:round; vector-effect:non-scaling-stroke; cursor:pointer; transition:fill .15s; }
.dealer-map path.has-dealers { fill:#80aec6; }
.dealer-map path:hover,.dealer-map path:focus { fill:#4b8bac; outline:none; }
.dealer-map path[aria-pressed='true'] { fill:#105e65; }
.dealer-map-key { display:flex; flex-wrap:wrap; gap:16px; color:#526f85; font-size:11px; }
.dealer-map-key span::before { content:''; display:inline-block; width:10px; height:10px; border-radius:3px; margin-left:6px; background:#80aec6; }
.dealer-map-key span+span::before { background:#105e65; }
.dealer-results>label { display:block; margin-bottom:8px; font-weight:700; }
.dealer-results select { width:100%; min-height:48px; padding:10px 15px; border:1px solid var(--line); border-radius:10px; background:var(--paper); color:var(--ink); font:inherit; }
.dealer-count { padding-block:16px; font-size:13px; color:var(--muted); }
.as-page .as-document .dealer-card { margin:0 0 14px; padding:22px; }
.dealer-code { font-size:11px; color:var(--blue); }
.as-page .as-document .dealer-card h2 { font-size:21px; margin-block:8px; }
.dealer-card p { font-size:13px; line-height:2; }
.dealer-card a { color:var(--blue); overflow-wrap:anywhere; }
.dealer-details { margin-top:14px; padding-top:12px; border-top:1px solid var(--line); }
.dealer-details strong { color:var(--ink); font-size:12px; }
.dealer-card[hidden],#dealer-empty[hidden] { display:none; }
#dealer-empty { padding:24px; border:1px dashed var(--line); border-radius:14px; color:var(--muted); font-size:14px; }
@media(max-width:760px) { .dealer-finder { grid-template-columns:1fr; gap:24px; } .dealer-map-panel { padding:18px; } }
@media(prefers-reduced-motion:reduce) { .dealer-map path { transition:none; } }
.as-page .dealer-page { padding-top:100px; }
.dealer-heading { padding-bottom:32px; margin-bottom:36px; border-bottom:1px solid var(--line); }
.as-page .dealer-heading h1 { font-size:clamp(32px,4vw,52px); margin-bottom:12px; }
.dealer-heading h1 span { color:var(--blue); }
.dealer-heading p { color:var(--muted); font-size:14px; }
.dealer-page .dealer-map-panel { border:0; border-radius:0; background:transparent; padding:0 16px; }
.dealer-page .dealer-map-caption { font-size:14px; font-weight:500; }
.dealer-page .dealer-map path { fill:#dce6ed; }
.dealer-page .dealer-map path.has-dealers { fill:#aecada; }
.dealer-page .dealer-map path:hover,.dealer-page .dealer-map path:focus { fill:#80adc5; }
.dealer-page .dealer-map path[aria-pressed='true'] { fill:#387b9c; }
.dealer-page .dealer-map-key span::before { background:#105e65; border-radius:50%; }
.as-page .dealer-page .dealer-card { border-radius:12px; box-shadow:none; padding:24px; }
.as-page .dealer-page .dealer-more { border:0; border-top:1px solid var(--line); border-radius:0; padding:14px 0 0; margin:16px 0 0; background:transparent; }
.as-page .dealer-page .dealer-more summary { color:var(--blue); font-size:12px; font-weight:600; }
.as-page .dealer-page .dealer-more p { padding-top:0; }
.dealer-more .dealer-details { border:0; padding:0; }
.dealer-pin { pointer-events:none; }
.dealer-pin-core { fill:#164761; stroke:#fff; stroke-width:2; }
.dealer-pin-ring { fill:none; stroke:#167879; stroke-width:2; transform-box:fill-box; transform-origin:center; animation:dealer-pulse 2.6s ease-out infinite; }
@keyframes dealer-pulse { 0% { transform:scale(1); opacity:.7; } 80%,100% { transform:scale(2.8); opacity:0; } }
@media(prefers-reduced-motion:reduce) { .dealer-pin-ring { animation:none; opacity:.3; } }
@media(max-width:760px) { .as-page .dealer-page { padding-top:64px; } }

/* Warranty download: vehicle-design-v2 catalog layout. */
.as-page .as-warranty { position:relative; isolation:isolate; background:linear-gradient(115deg,color-mix(in srgb,var(--soft) 75%,var(--paper)),var(--paper)); overflow:hidden; border-block:1px solid var(--line); --soft:#eef3f7; --teal:#167879; --blue:#167879; }
.as-warranty svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.as-warranty-kicker { display:block; font-size:11px; font-weight:500; color:var(--teal); }
.as-page .as-warranty-copy h2 { margin-top:15px; font-size:43px; line-height:1.5; letter-spacing:0; }
.as-page .as-warranty-copy h2>span { color:var(--teal); }
.as-page .as-warranty-button { display:inline-flex; align-items:center; justify-content:center; padding:16px 27px; min-height:52px; border:0; border-radius:7px; background:#167879; color:#fff; font-size:12px; font-weight:500; line-height:1.7; font-family:inherit; text-decoration:none; cursor:pointer; }
.as-page .as-warranty-button:hover { background:#393bb8; }
.as-page .as-warranty-button:focus-visible { outline:3px solid var(--teal); outline-offset:4px; }
.as-page .as-warranty-button:disabled { opacity:.55; cursor:not-allowed; }
.as-warranty-format,.as-warranty-art-label,.as-warranty-file>span { font-family:Manrope,Arial,sans-serif; }
.as-warranty:after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 16% 60%,rgba(100,164,196,.15),transparent 65%)}
.as-warranty-inner{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding-block:63px}
.as-warranty-copy h2{margin-top:15px;font-size:43px;line-height:1.5}
.as-page .as-warranty-copy>p{max-width:355px;font-size:12px;line-height:2.2;color:var(--muted);margin-top:19px}
.as-warranty-action{display:flex;gap:22px;align-items:center;margin-top:25px}
.as-warranty-button{gap:12px;cursor:default}
.as-warranty-button:hover{transform:none;background:var(--blue)}
.as-warranty-format{font-size:8px;color:var(--muted);letter-spacing:1.5px}
.as-warranty-copy>small{display:block;font-size:9px;color:var(--muted);margin-top:14px}
.as-warranty-art{height:330px;position:relative;perspective:1000px;display:flex;justify-content:center;align-items:center}
.as-warranty-orbit{position:absolute;width:350px;height:350px;border-radius:50%;border:1px solid color-mix(in srgb,var(--teal) 12%,transparent)}
.as-warranty-orbit:before{content:'';position:absolute;inset:32px;border:1px solid color-mix(in srgb,var(--teal) 10%,transparent);border-radius:50%}
.as-warranty-art-label{position:absolute;bottom:-13px;font-size:8px;letter-spacing:2px;color:var(--muted)}
.as-warranty-file{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:210px;height:245px;border:1px solid var(--line);border-radius:30px;background:var(--paper);color:var(--teal);box-shadow:0 25px 65px rgba(23,50,72,.12);transform:rotate(-6deg)}.as-warranty-file>svg{width:88px;height:88px;stroke-width:1}.as-warranty-file>span{margin-top:18px;font-size:23px;letter-spacing:5px}.as-warranty-file>i{position:absolute;right:-18px;bottom:20px;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--blue);color:#fff;box-shadow:0 8px 25px rgba(51, 181, 182,.2)}.as-warranty-file>i>svg{width:25px;height:25px}.as-warranty-art-label{bottom:0}
@media(max-width:960px) {
 .as-warranty-inner { gap:35px; }
 .as-page .as-warranty-copy h2 { font-size:37px; }
 .as-warranty-action { gap:17px; flex-wrap:wrap; }
 .as-warranty-orbit { width:290px; height:290px; }
}
@media(max-width:740px) {
 .as-warranty-inner { grid-template-columns:minmax(0,1fr); gap:32px; padding-block:51px; }
 .as-page .as-warranty-copy h2 { font-size:36px; line-height:1.6; }
 .as-warranty-copy>p { max-width:100%; }
 .as-warranty-action { gap:18px; margin-top:23px; }
 .as-warranty-art { height:325px; }
 .as-warranty-orbit { width: min(310px,100%); height:auto; aspect-ratio:1; }
}
@media(max-width:430px) {
 .as-page .as-warranty-copy h2 { font-size:33px; }
 .as-warranty-art { height:305px; }
 .as-warranty-orbit { width:min(275px,100%); }
 .as-warranty-action { gap:14px; }
}