:root { --ink: #10191f; --muted: #77828a; --paper: #f2f4f3; --line: #d9dfde; --red: #e43b2f; --lime: #d8f35b; --yellow: #f4ca46; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: 'DM Sans', sans-serif; }
a { color: inherit; text-decoration: none; }
.announcement { height: 36px; display: flex; align-items: center; overflow: hidden; background: var(--lime); color: var(--ink); font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.announcement__mark { height: 100%; display: grid; place-items: center; padding: 0 28px; background: var(--ink); color: var(--lime); flex: 0 0 auto; }
.announcement__track { display: flex; min-width: max-content; gap: 80px; padding-left: 34px; animation: ticker 22s linear infinite; }
.announcement__track span { white-space: nowrap; }
.site-header { max-width: 1340px; margin: auto; min-height: 90px; padding: 20px 5vw; display: flex; align-items: center; gap: 34px; }
.brand { display: flex; align-items: center; gap: 12px; }
.brand__badge { width: 34px; height: 34px; display: grid; place-items: center; background: var(--red); color: white; font-family: 'Barlow Condensed'; font-size: 25px; font-weight: 700; transform: skew(-8deg); }
.brand strong, .brand small { display: block; line-height: 1.05; }.brand strong { font-size: 15px; }.brand small { margin-top: 5px; color: var(--muted); font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
.branch { display: flex; align-items: center; gap: 8px; margin-left: auto; color: var(--muted); font-size: 11px; }.branch__dot, .live i { width: 6px; height: 6px; display: inline-block; border-radius: 50%; background: var(--red); }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 13px; border: 1px solid transparent; font-size: 11px; font-weight: 700; letter-spacing: .04em; padding: 15px 20px; transition: transform .2s, background .2s; }.button:hover { transform: translateY(-2px); }.button span { font-size: 18px; line-height: 0; }.button--outline { border-color: var(--ink); }.button--primary { background: var(--red); color: #fff; }.button--dark { background: var(--ink); color: white; padding: 12px 15px; font-size: 10px; }
main { max-width: 1340px; margin: auto; padding: 50px 5vw 100px; }.intro { max-width: 650px; margin-bottom: 48px; }.eyebrow, .visual__topline, .unit-info__index, .price span, .tooltip__label { margin: 0 0 15px; color: var(--red); font-size: 10px; font-weight: 700; letter-spacing: .18em; }.intro h1 { margin: 0; font-family: 'Barlow Condensed', sans-serif; font-size: clamp(52px, 7vw, 94px); font-weight: 700; letter-spacing: -.02em; line-height: .86; text-transform: uppercase; }.intro h1 em { color: var(--red); font-style: normal; }.intro__copy { max-width: 390px; margin: 25px 0 0; color: var(--muted); font-size: 14px; line-height: 1.7; }
.spotlight { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(300px, .8fr); min-height: 520px; border-top: 1px solid var(--line); }.spotlight__visual { padding: 24px 24px 0 0; }.visual__topline { display: flex; justify-content: space-between; color: var(--muted); }.live { color: var(--ink); }.live i { margin-right: 7px; background: #54bc67; }.car-stage { position: relative; min-height: 435px; overflow: visible; background: #dfe7e4; }.car-stage__glow { position: absolute; inset: 12% 10%; background: radial-gradient(ellipse, rgba(255,255,255,.9), transparent 65%); }.car-stage img { position: absolute; z-index: 1; width: 100%; height: 100%; object-fit: cover; }.car-stage__fallback { position: absolute; z-index: 0; inset: 0; padding: 8% 7%; background: linear-gradient(135deg, #cbd6d2, #eff2ef 55%, #bac7c3); color: rgba(16,25,31,.55); font-family: 'Barlow Condensed'; }.car-stage__fallback span { font-size: 13px; letter-spacing: .2em; }.car-stage__fallback strong { display: block; margin-top: 28%; font-size: clamp(50px, 8vw, 110px); line-height: .75; }.car-stage__fallback.is-visible { z-index: 0; }.car-stage img:not([src='']) + .hotspots { z-index: 2; }
.hotspots { position: absolute; inset: 0; z-index: 3; }.hotspot { position: absolute; width: 28px; height: 28px; padding: 0; border: 1px solid white; border-radius: 50%; background: var(--red); color: white; cursor: pointer; transform: translate(-50%, -50%); box-shadow: 0 0 0 7px rgba(228,59,47,.18); animation: pulse 2.2s infinite; }.hotspot span { font-size: 9px; }.hotspot.is-active { background: var(--lime); color: var(--ink); box-shadow: 0 0 0 8px rgba(216,243,91,.35); }.tooltip { position: absolute; z-index: 5; top: min(calc(var(--spot-top) + 24px), 72%); left: clamp(12px, var(--spot-left), 68%); width: min(300px, calc(100% - 24px)); padding: 24px; background: white; box-shadow: 10px 14px 30px rgba(16,25,31,.15); animation: reveal .2s ease-out; }.tooltip__close { position: absolute; right: 12px; top: 8px; border: 0; background: transparent; font-size: 24px; cursor: pointer; }.tooltip__label { margin-bottom: 12px; }.tooltip h2 { max-width: 230px; margin: 0 0 10px; font-family: 'Barlow Condensed'; font-size: 27px; line-height: .95; text-transform: uppercase; }.tooltip p:not(.tooltip__label) { margin: 0 0 18px; color: var(--muted); font-size: 12px; line-height: 1.55; }.visual__hint { margin: 14px 0 0; color: var(--muted); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.unit-info { padding: 25px 0 0 52px; border-left: 1px solid var(--line); }.unit-info__top { display: flex; justify-content: space-between; align-items: center; }.unit-info__index { margin: 0; color: var(--muted); }.unit-info__tag { padding: 7px 10px; background: var(--yellow); font-size: 10px; font-weight: 700; }.unit-info h2 { max-width: 390px; margin: 40px 0 28px; font-family: 'Barlow Condensed'; font-size: clamp(39px, 4vw, 62px); line-height: .87; text-transform: uppercase; }.price { padding: 18px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.price span { display: block; margin: 0 0 7px; color: var(--muted); }.price strong { font-family: 'Barlow Condensed'; font-size: 37px; }.unit-info__copy { max-width: 355px; margin: 25px 0; color: var(--muted); font-size: 13px; line-height: 1.65; }.unit-info .button { width: 100%; max-width: 350px; }.unit-facts { display: flex; gap: 26px; margin-top: 40px; }.unit-facts div { display: grid; gap: 5px; }.unit-facts b { font-family: 'Barlow Condensed'; font-size: 25px; }.unit-facts span { color: var(--muted); font-size: 10px; }
.floating-wa { position: fixed; z-index: 10; right: 26px; bottom: 25px; display: flex; align-items: center; gap: 10px; padding: 13px 17px; background: var(--ink); color: white; box-shadow: 0 8px 24px rgba(16,25,31,.2); font-size: 11px; font-weight: 700; }.floating-wa span { display: grid; place-items: center; width: 25px; height: 25px; border: 2px solid var(--lime); border-radius: 50%; color: var(--lime); font-size: 18px; }
.pricelist-section { margin-top: 105px; padding-top: 34px; border-top: 1px solid var(--line); }.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 30px; }.section-heading h2 { margin: 0; font-family: 'Barlow Condensed'; font-size: clamp(45px, 6vw, 78px); line-height: .82; text-transform: uppercase; }.section-heading h2 em { color: var(--red); font-style: normal; }.section-heading__note { max-width: 250px; margin: 0 0 4px; color: var(--muted); font-size: 11px; text-align: right; }.model-tabs { display: flex; gap: 8px; overflow-x: auto; margin: 42px 0 18px; padding-bottom: 3px; scrollbar-width: thin; }.model-tab { flex: 0 0 auto; padding: 12px 16px; border: 1px solid var(--line); background: transparent; color: var(--muted); font: 600 11px 'DM Sans'; cursor: pointer; transition: .2s; }.model-tab:hover, .model-tab.is-active { border-color: var(--ink); background: var(--ink); color: white; }.price-table-wrap { overflow-x: auto; background: white; border: 1px solid var(--line); }.price-table { width: 100%; min-width: 760px; border-collapse: collapse; }.price-table th, .price-table td { padding: 20px 18px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: middle; }.price-table thead th { background: #e5ebe8; color: var(--muted); font-size: 9px; letter-spacing: .13em; white-space: nowrap; }.price-table tbody tr:last-child th, .price-table tbody tr:last-child td { border-bottom: 0; }.price-table tbody tr:hover { background: #fafcfb; }.price-table tbody th { width: 34%; font-weight: 400; }.price-table tbody th strong, .price-table td strong { display: block; color: var(--ink); font-size: 13px; }.variant-model, .price-label { display: block; margin-bottom: 6px; color: var(--muted); font-size: 9px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; }.price-table td strong { font-family: 'Barlow Condensed'; font-size: 22px; }.table-cta { text-align: right !important; }.table-cta a { display: inline-flex; align-items: center; gap: 7px; padding: 10px 12px; background: var(--lime); color: var(--ink); font-size: 10px; font-weight: 700; white-space: nowrap; }.table-cta span { font-size: 16px; }.table-empty { padding: 32px; color: var(--muted); font-size: 13px; }
@keyframes ticker { to { transform: translateX(-50%); } } @keyframes pulse { 50% { box-shadow: 0 0 0 12px rgba(228,59,47,0); } } @keyframes reveal { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 760px) { .site-header { min-height: 76px; padding: 16px 20px; gap: 14px; }.branch { display: none; }.header-cta { margin-left: auto; padding: 11px 12px; }.header-cta span { display: none; } main { padding: 42px 20px 100px; }.intro { margin-bottom: 38px; }.intro h1 { font-size: clamp(52px, 16vw, 76px); }.spotlight { display: block; }.spotlight__visual { padding: 0; }.car-stage { min-height: 300px; }.car-stage__fallback strong { margin-top: 28%; }.unit-info { padding: 38px 0 0; border: 0; }.unit-info h2 { margin: 25px 0; font-size: 51px; }.unit-facts { gap: 16px; margin-top: 30px; }.tooltip { left: 12px !important; top: auto; bottom: 14px; }.announcement__mark { padding: 0 16px; }.announcement__track { padding-left: 22px; }.pricelist-section { margin-top: 75px; }.section-heading { display: block; }.section-heading__note { margin-top: 18px; text-align: left; }.model-tabs { margin-top: 30px; }.price-table th, .price-table td { padding: 16px 13px; }.floating-wa { right: 16px; bottom: 16px; } }

/* Showroom presentation */
.spotlight { grid-template-columns: minmax(300px, .82fr) minmax(0, 1.6fr); min-height: 600px; }
.spotlight__visual { grid-column: 2; padding: 24px 0 0 34px; }
.unit-info { grid-column: 1; grid-row: 1; padding: 48px 42px 0 0; border-left: 0; }
.hero-badge { display: inline-block; margin-bottom: 28px; padding: 8px 10px; background: var(--ink); color: var(--lime); font-size: 9px; font-weight: 700; letter-spacing: .13em; }
.unit-info h1 { margin: 0 0 18px; font-family: 'Barlow Condensed'; font-size: clamp(56px, 6vw, 86px); line-height: .82; text-transform: uppercase; }
.unit-info h1 em { color: var(--red); font-style: normal; }
.sales-summary { margin: 0 0 44px; color: var(--muted); font-size: 13px; line-height: 1.65; }
.car-stage { box-shadow: 24px 24px 0 rgba(216,243,91,.45); }
.price-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.price-card { min-height: 245px; padding: 21px; border: 1px solid var(--line); background: white; transition: transform .2s, box-shadow .2s; }
.price-card:hover { transform: translateY(-4px); box-shadow: 10px 12px 0 var(--lime); }
.price-card__top { display: flex; justify-content: space-between; align-items: start; }
.card-number { color: var(--red); font-family: 'Barlow Condensed'; font-size: 20px; }
.price-card h3 { min-height: 54px; max-width: 260px; margin: 22px 0 18px; font-family: 'Barlow Condensed'; font-size: 25px; line-height: .95; text-transform: uppercase; }
.price-options { display: flex; gap: 18px; padding: 13px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.price-option { display: grid; gap: 4px; }.price-option small { color: var(--muted); font-size: 8px; text-transform: uppercase; }.price-option strong { font-family: 'Barlow Condensed'; font-size: 21px; }
.price-card__cta { display: flex; align-items: center; gap: 8px; margin-top: 17px; color: var(--ink); font-size: 10px; font-weight: 700; }.price-card__cta span { color: #2a9d55; font-size: 20px; }.price-card__cta b { margin-left: auto; font-size: 17px; }
.mobile-action-bar { display: none; }
@media (max-width: 760px) {
	body { padding-bottom: 74px; }.spotlight { display: block; }.spotlight__visual { padding: 0; }.car-stage { box-shadow: 12px 12px 0 rgba(216,243,91,.45); }.unit-info { padding: 38px 0 0; }.unit-info h1 { font-size: clamp(56px, 16vw, 76px); }.sales-summary { margin-bottom: 32px; }.price-grid { grid-template-columns: 1fr; }.price-card { min-height: auto; }.floating-wa { display: none; }
	.mobile-action-bar { position: fixed; z-index: 12; right: 0; bottom: 0; left: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 9px; background: rgba(16,25,31,.96); }.mobile-action-bar a { display: flex; align-items: center; justify-content: center; gap: 7px; min-height: 42px; color: white; font-size: 10px; font-weight: 700; text-align: center; }.mobile-action-bar a:first-child { background: var(--red); }.mobile-action-bar a:last-child { background: var(--lime); color: var(--ink); }.mobile-action-bar span { font-size: 17px; }
}
.location-link { transition: color .2s; }.location-link:hover { color: var(--red); }.branch__dot { display: inline-grid; place-items: center; width: 18px; height: 18px; background: var(--lime); color: var(--ink); border-radius: 50%; font-size: 13px; line-height: 1; }
.dealer-footer { padding: 78px 5vw 30px; background: var(--ink); color: white; }.dealer-footer__inner { max-width: 1340px; margin: auto; display: grid; grid-template-columns: .85fr 1.15fr; align-items: center; gap: 10vw; }.dealer-footer .eyebrow { color: var(--lime); }.dealer-footer h2 { margin: 0; font-family: 'Barlow Condensed'; font-size: clamp(48px, 6vw, 78px); line-height: .84; text-transform: uppercase; }.dealer-footer h2 em { color: var(--yellow); font-style: normal; }.dealer-card { display: flex; gap: 20px; padding: 30px; border: 1px solid rgba(255,255,255,.2); background: rgba(255,255,255,.06); }.dealer-card__icon { display: grid; place-items: center; flex: 0 0 auto; width: 44px; height: 44px; background: var(--lime); color: var(--ink); border-radius: 50%; font-size: 25px; }.dealer-card__body { min-width: 0; }.dealer-card__label { margin: 0 0 13px; color: var(--lime); font-size: 9px; font-weight: 700; letter-spacing: .16em; }.dealer-card h3 { margin: 0; font-family: 'Barlow Condensed'; font-size: 31px; line-height: .95; text-transform: uppercase; }.dealer-card p:not(.dealer-card__label):not(.dealer-card__address) { margin: 5px 0 0; color: rgba(255,255,255,.7); font-size: 12px; }.dealer-card__address { margin: 18px 0 22px; color: rgba(255,255,255,.55); font-size: 12px; line-height: 1.5; }.dealer-card .button { width: fit-content; }.dealer-footer__bottom { max-width: 1340px; margin: 60px auto 0; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.14); color: rgba(255,255,255,.45); font-size: 10px; }
@media (max-width: 760px) { .dealer-footer { padding: 64px 20px 24px; }.dealer-footer__inner { display: block; }.dealer-footer h2 { margin-bottom: 36px; font-size: 61px; }.dealer-card { padding: 22px; }.dealer-card__icon { width: 36px; height: 36px; font-size: 20px; }.dealer-card h3 { font-size: 27px; }.dealer-card .button { width: 100%; }.dealer-footer__bottom { margin-top: 42px; } }
.page-intro { display: flex; align-items: end; justify-content: space-between; gap: 40px; margin: 22px 0 54px; }.page-intro h1 { margin: 0; font-family: 'Barlow Condensed'; font-size: clamp(56px, 8vw, 104px); line-height: .78; text-transform: uppercase; }.page-intro h1 em { color: var(--red); font-style: normal; }.page-intro > p:last-child { max-width: 310px; margin: 0 4% 4px 0; color: var(--muted); font-size: 13px; line-height: 1.65; }.visual__hint { display: flex; align-items: center; gap: 10px; }.visual__hint > span:first-child { color: var(--red); font-weight: 700; }.visual__hint-line { width: 44px; height: 1px; background: var(--line); }
.carousel-arrow { position: absolute; z-index: 6; top: 50%; display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid rgba(255,255,255,.8); border-radius: 50%; background: rgba(16,25,31,.72); color: white; font-size: 21px; cursor: pointer; transform: translateY(-50%); transition: .2s; }.carousel-arrow:hover { background: var(--red); transform: translateY(-50%) scale(1.08); }.carousel-arrow--prev { left: 18px; }.carousel-arrow--next { right: 18px; }.visual-controls { display: flex; align-items: center; justify-content: space-between; gap: 20px; }.carousel-dots { display: flex; gap: 7px; }.carousel-dot { width: 22px; height: 4px; padding: 0; border: 0; background: var(--line); cursor: pointer; transition: .2s; }.carousel-dot.is-active { width: 42px; background: var(--red); }
@media (max-width: 760px) { .page-intro { display: block; margin-bottom: 38px; }.page-intro h1 { font-size: clamp(60px, 18vw, 82px); }.page-intro > p:last-child { margin: 22px 0 0; } }
@media (max-width: 760px) { .carousel-arrow { width: 34px; height: 34px; font-size: 17px; }.carousel-arrow--prev { left: 10px; }.carousel-arrow--next { right: 10px; }.visual-controls { display: block; }.carousel-dots { margin-top: 14px; }.carousel-dot { width: 18px; }.carousel-dot.is-active { width: 34px; } }

/* Premium showroom refresh */
:root { --gold: #c9953d; --gold-light: #f2d28b; --sage: #dfe9df; }
body { background: #eef2ef; background-image: linear-gradient(rgba(16,25,31,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(16,25,31,.025) 1px, transparent 1px); background-size: 34px 34px; }
.announcement { background: var(--ink); color: #fff; border-bottom: 2px solid var(--gold); }.announcement__mark { background: var(--red); color: #fff; }.announcement__track { color: var(--gold-light); }
.site-header { position: relative; z-index: 2; max-width: none; padding-right: max(5vw, calc((100vw - 1340px) / 2)); padding-left: max(5vw, calc((100vw - 1340px) / 2)); background: rgba(238,242,239,.9); border-bottom: 1px solid rgba(16,25,31,.08); }.brand__badge { background: var(--ink); border: 2px solid var(--gold); box-shadow: 4px 4px 0 var(--red); }.brand strong { letter-spacing: .01em; }.header-cta { border-color: var(--red); color: var(--red); }.header-cta:hover { background: var(--red); color: #fff; }
main { position: relative; overflow: hidden; padding-top: 58px; }.page-intro { position: relative; min-height: 190px; align-items: center; }.page-intro:after { content: 'TOYOTA'; position: absolute; z-index: -1; right: -4vw; bottom: -32px; color: rgba(16,25,31,.045); font: 700 clamp(110px, 19vw, 270px)/.7 'Barlow Condensed'; letter-spacing: .02em; }.page-intro .eyebrow { position: absolute; top: 0; left: 0; color: var(--gold); }.page-intro h1 { position: relative; margin-top: 24px; font-size: clamp(68px, 9vw, 128px); letter-spacing: -.025em; }.page-intro h1:before { content: ''; position: absolute; top: -18px; left: 2px; width: 52px; height: 4px; background: var(--red); }.page-intro h1 em { color: var(--red); text-shadow: 3px 3px 0 rgba(201,149,61,.25); }.page-intro > p:last-child { margin-right: 7%; padding-left: 20px; border-left: 2px solid var(--gold); }
.spotlight { position: relative; border-top: 0; }.spotlight:before { content: '01'; position: absolute; top: 8px; left: 0; color: var(--gold); font: 700 28px 'Barlow Condensed'; }.spotlight__visual { padding-top: 43px; }.visual__topline { color: var(--gold); }.car-stage { border: 1px solid rgba(16,25,31,.1); background: var(--sage); box-shadow: 22px 22px 0 var(--gold), 0 20px 45px rgba(16,25,31,.12); }.car-stage__fallback { background: linear-gradient(135deg, #c9d7d0, #f5f6ef 55%, #b8c8c2); }.hotspot { border: 2px solid #fff; background: var(--red); box-shadow: 0 0 0 7px rgba(228,59,47,.2), 0 5px 12px rgba(16,25,31,.25); }.hotspot.is-active { background: var(--gold-light); border-color: var(--ink); }.tooltip { border: 1px solid rgba(201,149,61,.45); background: rgba(255,255,255,.88); backdrop-filter: blur(16px); box-shadow: 12px 15px 0 rgba(201,149,61,.22), 0 20px 35px rgba(16,25,31,.16); }.tooltip__label, .eyebrow { color: var(--red); }.tooltip h2 { color: var(--ink); }.button--primary { background: var(--red); box-shadow: 4px 4px 0 var(--gold); }.button--primary:hover { background: var(--ink); }.unit-info { padding-top: 58px; }.hero-badge { background: var(--red); box-shadow: 4px 4px 0 var(--gold); }.unit-info h1 { font-size: clamp(62px, 7vw, 94px); }.unit-info h1 em { color: var(--red); }.unit-info__tag { background: var(--gold-light); }.price { border-color: rgba(201,149,61,.55); }.price strong { color: var(--red); }
.pricelist-section { position: relative; margin-top: 130px; padding-top: 42px; border-top: 2px solid var(--ink); }.pricelist-section:before { content: 'PRICE / 2026'; position: absolute; top: -11px; right: 0; padding: 4px 10px; background: var(--ink); color: var(--gold-light); font-size: 9px; font-weight: 700; letter-spacing: .16em; }.section-heading h2 { font-size: clamp(56px, 7vw, 92px); }.section-heading h2 em { color: var(--red); }.model-tabs { margin-top: 48px; }.model-tab { border-color: rgba(16,25,31,.2); background: rgba(255,255,255,.35); }.model-tab.is-active { border-color: var(--red); background: var(--red); box-shadow: 4px 4px 0 var(--gold); }.price-card { position: relative; overflow: hidden; border: 1px solid rgba(16,25,31,.13); background: rgba(255,255,255,.88); box-shadow: 0 8px 0 rgba(16,25,31,.04); }.price-card:before { content: ''; position: absolute; top: 0; left: 0; width: 5px; height: 54px; background: var(--red); }.price-card:hover { box-shadow: 8px 10px 0 var(--gold); }.price-card h3 { font-size: 28px; }.card-number { color: var(--gold); }.price-option strong { color: var(--red); }.price-card__cta { padding-top: 14px; border-top: 1px dashed rgba(16,25,31,.2); }.price-card__cta span { color: #2d9d61; }.dealer-footer { position: relative; overflow: hidden; border-top: 5px solid var(--gold); background: var(--ink); }.dealer-footer:before { content: 'TUNAS'; position: absolute; right: -2vw; bottom: -45px; color: rgba(255,255,255,.035); font: 700 190px/.7 'Barlow Condensed'; }.dealer-card { border-color: rgba(242,210,139,.35); box-shadow: 8px 8px 0 rgba(201,149,61,.3); }.dealer-card__icon { background: var(--gold-light); }.dealer-card .button--primary { box-shadow: 4px 4px 0 var(--gold); }
@media (max-width: 760px) { body { background-size: 24px 24px; }.site-header { padding-right: 20px; padding-left: 20px; }.page-intro { min-height: 220px; }.page-intro:after { right: -14vw; bottom: 0; font-size: 120px; }.page-intro .eyebrow { position: static; }.page-intro h1 { margin-top: 28px; }.page-intro > p:last-child { margin-top: 24px; }.spotlight:before { top: 0; }.spotlight__visual { padding-top: 34px; }.car-stage { box-shadow: 10px 10px 0 var(--gold), 0 14px 28px rgba(16,25,31,.12); }.unit-info { padding-top: 44px; }.pricelist-section { margin-top: 100px; }.pricelist-section:before { font-size: 8px; }.price-card:hover { transform: none; box-shadow: 0 8px 0 rgba(16,25,31,.04); }.dealer-card { box-shadow: 5px 5px 0 rgba(201,149,61,.3); } }

/* Text and image layers stay separate across every carousel slide. */
.page-intro, .spotlight, .pricelist-section { position: relative; z-index: 1; }
.unit-info, .spotlight__visual { position: relative; z-index: 2; min-width: 0; }
.car-stage { isolation: isolate; }
.car-stage img { z-index: 1; pointer-events: none; }
.car-stage__glow, .car-stage__fallback { z-index: 0; }
.hotspots { z-index: 3; }
.tooltip, .carousel-arrow, .car-stage__label { z-index: 6; }
.car-stage__label { position: absolute; right: 20px; bottom: 16px; max-width: 42%; color: rgba(16,25,31,.58); font: 700 12px 'Barlow Condensed'; letter-spacing: .12em; text-align: right; text-transform: uppercase; text-shadow: 0 1px rgba(255,255,255,.45); }
.car-stage:after { content: none; }
.page-intro h1, .unit-info h1, .unit-info h2, .price-card h3, .dealer-footer h2 { overflow-wrap: anywhere; }
.maintenance-note { display: flex; align-items: flex-start; gap: 14px; max-width: 760px; margin: 70px auto 0; padding: 18px 20px; border: 1px solid rgba(201,149,61,.42); background: rgba(255,255,255,.55); color: var(--muted); }.maintenance-note__icon { display: grid; place-items: center; flex: 0 0 auto; width: 24px; height: 24px; border: 1px solid var(--gold); border-radius: 50%; color: var(--gold); font: 700 13px Georgia; }.maintenance-note p { margin: 0; font-size: 11px; line-height: 1.6; }.maintenance-note strong { color: var(--ink); }
@media (max-width: 760px) { .car-stage__label { right: 12px; bottom: 12px; max-width: 58%; font-size: 10px; }.unit-info h1, .unit-info h2 { max-width: 100%; }.page-intro h1 { max-width: 100%; } }

/* Total showroom UI */
.nav-location { display: inline-flex; align-items: center; gap: 6px; margin-right: 18px; color: var(--sand); font-size: 10px; }.nav-location:hover { color: var(--acid); }
:root { --night: #111315; --panel: #1b1e20; --cream: #eeeae2; --orange: #f04b31; --acid: #d7ef58; --sand: #bca782; }
body { background: var(--night); color: var(--cream); font-family: 'DM Sans', sans-serif; }
a { color: inherit; }.ticker { display: flex; height: 34px; overflow: hidden; background: var(--orange); color: #fff; font-size: 9px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }.ticker__label { display: grid; place-items: center; padding: 0 24px; background: #0c0d0e; }.ticker__flow { display: flex; gap: 80px; min-width: max-content; padding: 10px 30px; animation: ticker 24s linear infinite; }.ticker__flow span { white-space: nowrap; }
.nav-shell { position: relative; z-index: 10; display: flex; align-items: center; max-width: 1440px; min-height: 84px; margin: auto; padding: 18px 5vw; border-bottom: 1px solid rgba(238,234,226,.12); }.wordmark { display: flex; align-items: center; gap: 11px; }.wordmark__symbol { display: grid; place-items: center; width: 36px; height: 36px; background: var(--orange); color: #fff; font: 700 26px 'Barlow Condensed'; transform: skew(-9deg); }.wordmark b, .wordmark small { display: block; line-height: 1; }.wordmark b { font-size: 14px; }.wordmark small { margin-top: 5px; color: var(--sand); font-size: 9px; letter-spacing: .13em; text-transform: uppercase; }.nav-links { display: flex; gap: 29px; margin-left: auto; margin-right: 38px; }.nav-links a { color: rgba(238,234,226,.62); font-size: 10px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }.nav-links a:hover { color: var(--acid); }.nav-wa { display: inline-flex; align-items: center; gap: 10px; padding: 12px 15px; background: var(--acid); color: var(--night); font-size: 10px; font-weight: 700; }.nav-wa span { font-size: 17px; }
main { max-width: 1440px; padding: 0 5vw 100px; overflow: visible; }.hero-intro { display: flex; justify-content: space-between; align-items: end; gap: 40px; padding: 88px 0 70px; }.kicker { margin: 0 0 17px; color: var(--orange); font-size: 9px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; }.hero-intro h1 { margin: 0; font: 700 clamp(70px, 10vw, 150px)/.78 'Barlow Condensed'; letter-spacing: -.035em; text-transform: uppercase; }.hero-intro h1 i, .catalog h2 i, .footer h2 i { color: var(--acid); font-style: normal; }.hero-intro__aside { display: flex; max-width: 275px; gap: 18px; margin-bottom: 7px; }.hero-intro__number { color: var(--sand); font: 700 21px 'Barlow Condensed'; }.hero-intro__aside p { margin: 0; color: rgba(238,234,226,.58); font-size: 12px; line-height: 1.6; }
.showcase { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(290px, .72fr); min-height: 590px; background: var(--panel); }.showcase__media { min-width: 0; padding: 25px 25px 22px; }.showcase__meta { display: flex; justify-content: space-between; margin-bottom: 15px; color: var(--sand); font-size: 9px; font-weight: 700; letter-spacing: .14em; }.status { color: var(--acid); }.status i { display: inline-block; width: 6px; height: 6px; margin-right: 6px; border-radius: 50%; background: var(--acid); }.stage { position: relative; min-height: 480px; overflow: hidden; background: #d3d7d4; isolation: isolate; }.stage__wash { position: absolute; inset: 0; z-index: 0; background: radial-gradient(circle at 50% 50%, rgba(255,255,255,.9), transparent 64%); }.stage img { position: absolute; z-index: 1; width: 100%; height: 100%; object-fit: cover; }.stage__fallback { position: absolute; inset: 0; z-index: 0; padding: 9%; background: linear-gradient(135deg,#c4cfca,#e8ebe8 55%,#a8b5af); color: #5d6965; font-family: 'Barlow Condensed'; }.stage__fallback small { letter-spacing: .2em; }.stage__fallback strong { display: block; margin-top: 25%; font-size: clamp(65px, 10vw, 150px); line-height: .72; }.stage__caption { position: absolute; z-index: 4; right: 20px; bottom: 18px; max-width: 40%; color: rgba(17,19,21,.7); font: 700 11px 'Barlow Condensed'; letter-spacing: .14em; text-align: right; text-transform: uppercase; }.hotspots { position: absolute; inset: 0; z-index: 5; }.hotspot { width: 27px; height: 27px; border: 2px solid #fff; background: var(--orange); box-shadow: 0 0 0 6px rgba(240,75,49,.25); }.hotspot.is-active { background: var(--acid); color: var(--night); }.stage__arrow { position: absolute; z-index: 7; top: 50%; display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid rgba(255,255,255,.5); border-radius: 50%; background: rgba(17,19,21,.7); color: #fff; cursor: pointer; transform: translateY(-50%); }.stage__arrow:hover { background: var(--orange); }.stage__arrow--prev { left: 18px; }.stage__arrow--next { right: 18px; }.feature-popover { position: absolute; z-index: 8; top: 18px; left: 18px; width: min(310px, calc(100% - 36px)); padding: 24px; border: 1px solid rgba(215,239,88,.4); background: rgba(17,19,21,.9); box-shadow: 8px 8px 0 var(--orange); backdrop-filter: blur(18px); animation: reveal .2s ease; }.feature-popover > button { position: absolute; top: 7px; right: 11px; border: 0; background: none; color: #fff; font-size: 22px; cursor: pointer; }.feature-popover small { color: var(--acid); font-size: 9px; letter-spacing: .17em; }.feature-popover h2 { margin: 15px 0 9px; font: 600 29px/.9 'Barlow Condensed'; text-transform: uppercase; }.feature-popover p { margin: 0 0 20px; color: rgba(255,255,255,.7); font-size: 11px; line-height: 1.6; }.feature-popover a { display: inline-flex; justify-content: space-between; width: 100%; padding: 12px; background: var(--acid); color: var(--night); font-size: 10px; font-weight: 700; }.showcase__controls { display: flex; justify-content: space-between; align-items: center; gap: 20px; }.showcase__controls p { margin: 15px 0 0; color: rgba(238,234,226,.46); font-size: 10px; text-transform: uppercase; letter-spacing: .07em; }.showcase__controls p b { color: var(--orange); }.carousel-dots { display: flex; gap: 5px; margin-top: 15px; }.carousel-dot { width: 17px; height: 3px; background: rgba(238,234,226,.2); }.carousel-dot.is-active { width: 35px; background: var(--acid); }
.showcase__info { display: flex; flex-direction: column; padding: 62px 42px 35px; border-left: 1px solid rgba(238,234,226,.1); }.unit-label { color: var(--sand); font-size: 9px; letter-spacing: .17em; }.unit-chip { align-self: flex-start; margin-top: 14px; padding: 7px 9px; background: var(--orange); color: white; font-size: 9px; font-weight: 700; }.showcase__info h2 { margin: 30px 0 15px; font: 700 clamp(43px, 5vw, 71px)/.84 'Barlow Condensed'; text-transform: uppercase; }.showcase__desc { margin: 0; color: rgba(238,234,226,.55); font-size: 12px; line-height: 1.65; }.otr-block { margin-top: auto; padding: 20px 0; border-top: 1px solid rgba(238,234,226,.18); border-bottom: 1px solid rgba(238,234,226,.18); }.otr-block small { display: block; margin-bottom: 8px; color: var(--sand); font-size: 9px; letter-spacing: .14em; }.otr-block strong { color: var(--acid); font: 600 clamp(31px, 3vw, 48px) 'Barlow Condensed'; }.facts { display: flex; gap: 25px; padding: 20px 0; }.facts div { display: grid; gap: 5px; }.facts b { color: #fff; font: 600 22px 'Barlow Condensed'; }.facts small { color: var(--sand); font-size: 9px; }.primary-action { display: flex; justify-content: space-between; align-items: center; padding: 16px 18px; background: var(--acid); color: var(--night); font-size: 11px; font-weight: 700; }.primary-action span { font-size: 18px; }.swipe-note { margin-top: auto; color: var(--sand); font-size: 10px; letter-spacing: .08em; }.swipe-note span { color: var(--orange); font-size: 18px; }
.catalog { padding: 120px 0 0; }.catalog__head { display: flex; justify-content: space-between; align-items: end; gap: 30px; }.catalog h2 { margin: 0; font: 700 clamp(58px, 8vw, 112px)/.78 'Barlow Condensed'; text-transform: uppercase; }.catalog__head > p { max-width: 230px; margin: 0 0 5px; color: var(--sand); font-size: 11px; text-align: right; }.model-tabs { margin: 45px 0 20px; }.model-tab { border-color: rgba(238,234,226,.22); background: transparent; color: rgba(238,234,226,.6); }.model-tab:hover, .model-tab.is-active { border-color: var(--acid); background: var(--acid); color: var(--night); box-shadow: none; }.price-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }.price-card { min-height: 250px; border: 1px solid rgba(238,234,226,.13); background: var(--panel); box-shadow: none; }.price-card:hover { transform: translateY(-5px); box-shadow: 0 10px 0 var(--orange); }.price-card:before { background: var(--acid); }.price-card h3 { color: var(--cream); }.price-option strong { color: var(--acid); }.price-card__cta { color: var(--cream); }.price-card__cta span { color: var(--acid); }.maintenance-note { border-color: rgba(215,239,88,.25); background: var(--panel); color: rgba(238,234,226,.58); }.maintenance-note strong { color: var(--cream); }
.footer { margin-top: 120px; padding: 75px 5vw 28px; background: #090a0b; border-top: 1px solid rgba(215,239,88,.35); }.footer__top { max-width: 1340px; margin: auto; display: grid; grid-template-columns: .85fr 1.15fr; align-items: center; gap: 10vw; }.footer h2 { margin: 0; font: 700 clamp(58px, 7vw, 100px)/.78 'Barlow Condensed'; text-transform: uppercase; }.location-card { display: flex; gap: 20px; padding: 28px; border: 1px solid rgba(238,234,226,.18); }.location-card__pin { display: grid; place-items: center; flex: 0 0 auto; width: 40px; height: 40px; border-radius: 50%; background: var(--orange); font-size: 22px; }.location-card small { color: var(--acid); font-size: 9px; letter-spacing: .14em; }.location-card h3 { margin: 13px 0 3px; font: 600 29px 'Barlow Condensed'; }.location-card p { margin: 3px 0; color: rgba(238,234,226,.55); font-size: 11px; }.location-card a { display: inline-block; margin-top: 20px; color: var(--acid); font-size: 10px; font-weight: 700; }.footer__bottom { max-width: 1340px; margin: 70px auto 0; padding-top: 18px; border-top: 1px solid rgba(238,234,226,.12); display: flex; justify-content: space-between; color: rgba(238,234,226,.4); font-size: 10px; }.footer__bottom a { color: var(--acid); }.mobile-bar { display: none; }
@media (max-width: 760px) { body { padding-bottom: 65px; }.nav-shell { min-height: 70px; padding: 15px 20px; }.nav-links { display: none; }.nav-wa { margin-left: auto; padding: 11px 12px; }.nav-wa span { display: none; }.hero-intro { display: block; padding: 58px 0 44px; }.hero-intro h1 { font-size: clamp(67px, 20vw, 100px); }.hero-intro__aside { margin-top: 30px; }.showcase { display: block; }.showcase__media { padding: 15px 15px 19px; }.stage { min-height: 305px; }.stage__arrow { width: 34px; height: 34px; }.stage__arrow--prev { left: 10px; }.stage__arrow--next { right: 10px; }.feature-popover { top: 12px; left: 12px; width: calc(100% - 24px); }.showcase__info { padding: 39px 22px 28px; border-left: 0; }.showcase__info h2 { font-size: 59px; }.otr-block { margin-top: 35px; }.catalog { padding-top: 80px; }.catalog__head { display: block; }.catalog__head > p { margin-top: 18px; text-align: left; }.price-grid { grid-template-columns: 1fr; }.price-card:hover { transform: none; box-shadow: none; }.footer { margin-top: 80px; padding: 60px 20px 24px; }.footer__top { display: block; }.footer h2 { margin-bottom: 38px; font-size: 65px; }.location-card { padding: 20px; }.footer__bottom { margin-top: 45px; }.mobile-bar { position: fixed; z-index: 20; right: 0; bottom: 0; left: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 6px; padding: 8px; background: rgba(9,10,11,.96); }.mobile-bar a { display: grid; place-items: center; min-height: 42px; background: var(--acid); color: var(--night); font-size: 10px; font-weight: 700; }.mobile-bar a:first-child { background: var(--orange); color: #fff; } }
@media (max-width: 760px) { .nav-location { display: none; } }

/* Bright showroom finish and focused, touch-friendly content scrolling. */
.ticker { background: #0c0d0e; }
.ticker__label { display: grid; width: 25%; flex: 0 0 25%; padding: 0 12px; background: var(--orange); color: #fff; text-align: center; }
.ticker__label { min-width: 0; overflow: hidden; white-space: nowrap; }
.ticker__flow { display: flex; width: 75%; flex: 0 0 75%; min-width: 0; overflow: hidden; background: var(--orange); color: #fff; }
.ticker__flow span { flex: 0 0 auto; }
.stage img { object-fit: contain; object-position: center; }
.wordmark__symbol { position: relative; background: var(--orange); border: 2px solid var(--acid); box-shadow: 4px 4px 0 #fff; }
.wordmark b { color: #fff; letter-spacing: .08em; }
.nav-shell { background: #151819; }
.showcase, .price-card, .maintenance-note { background: #202426; }
.catalog { scroll-margin-top: 30px; }
.model-tabs { flex-wrap: wrap; overflow-x: visible; overflow-y: visible; }
.price-grid { max-height: 640px; grid-template-columns: 1fr; overflow-x: hidden; overflow-y: auto; overscroll-behavior-y: contain; padding: 4px 10px 14px 2px; scrollbar-width: thin; scrollbar-color: var(--acid) rgba(238,234,226,.14); touch-action: pan-y; }
.price-card { width: 100%; cursor: pointer; border-color: rgba(215,239,88,.25); }
.price-card:focus-visible { outline: 2px solid var(--acid); outline-offset: 3px; }
.price-card__spec { display: block; margin-top: 13px; color: var(--acid); font-size: 10px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.price-card__spec b { float: right; font-size: 16px; }
.price-card__cta { position: relative; z-index: 1; }
.hotspots, .feature-popover { display: none !important; }

/* Light Tunas-inspired palette with responsive layout safeguards. */
:root { --night: #12304a; --panel: #ffffff; --cream: #17324a; --orange: #c92d35; --acid: #c99a35; --sand: #557087; --white: #ffffff; --blue-soft: #edf5fb; --line-light: #d5e1ea; }
body { background: var(--white); color: var(--cream); }
.ticker { height: 42px; justify-content: flex-start; overflow: hidden; padding: 0; background: var(--night); color: var(--white); letter-spacing: .045em; }
.ticker__message { display: block; width: max-content; max-width: none; padding-right: 16px; color: var(--white); font-size: 10px; font-weight: 700; line-height: 42px; text-align: left; white-space: nowrap; animation: ticker-message 26s linear infinite; will-change: transform; }
.nav-shell { max-width: 1440px; background: var(--white); border-bottom: 1px solid var(--line-light); }
.wordmark b { color: var(--night); }
.wordmark small, .nav-links a, .nav-location { color: var(--sand); }
.wordmark__symbol { background: var(--orange); border: 2px solid var(--acid); box-shadow: 4px 4px 0 var(--acid); }
.nav-links a:hover, .nav-location:hover { color: var(--orange); }
.nav-wa { background: var(--night); color: var(--white); }
.hero-intro h1, .catalog h2, .footer h2 { color: var(--night); }
.hero-intro h1 i, .catalog h2 i, .footer h2 i { color: var(--orange); }
.kicker { color: var(--orange); }
.hero-intro__aside p, .showcase__desc { color: #45637b; }
.showcase__controls p { color: #45637b; }
.showcase { background: var(--blue-soft); border: 1px solid var(--line-light); }
.showcase__info { border-left-color: var(--line-light); }
.showcase__meta, .unit-label, .otr-block small, .facts small, .swipe-note { color: var(--sand); }
.status { color: #2d8158; }
.stage { background: #e7f0f5; }
.stage__arrow { background: var(--night); }
.stage__arrow:hover { background: var(--orange); }
.unit-chip { background: var(--orange); }
.otr-block { border-color: var(--line-light); }
.otr-block strong, .price-option strong { color: var(--orange); }
.facts b { color: var(--night); }
.primary-action { background: var(--orange); color: var(--white); }
.catalog { border-color: var(--line-light); }
.model-tab { border-color: var(--line-light); color: var(--sand); background: var(--white); }
.model-tab:hover, .model-tab.is-active { border-color: var(--night); background: var(--night); color: var(--white); box-shadow: 3px 3px 0 var(--acid); }
.price-grid { scrollbar-color: var(--orange) var(--blue-soft); }
.price-card, .maintenance-note { background: var(--white); border-color: var(--line-light); box-shadow: 0 8px 24px rgba(18,48,74,.07); }
.price-card h3, .price-card__cta { color: var(--night); }
.price-card:hover { box-shadow: 6px 8px 0 var(--acid); }
.price-card__spec { color: var(--orange); }
.footer { background: var(--night); border-top-color: var(--acid); color: var(--white); }
.footer h2 { color: var(--white); }
.footer h2 i { color: #f0c75e; }
.footer .kicker { color: #f0c75e; }
.location-card { border-color: rgba(255,255,255,.25); }
.location-card small, .location-card a, .footer__bottom a { color: #f0c75e; }
.location-card h3, .location-card p, .footer__bottom { color: var(--white); }
.maintenance-note { color: #45637b; }
.catalog__head > p, .spec-status { color: #45637b; }
.footer__bottom { color: #dce8f0; }
@media (max-width: 1024px) {
	.nav-links { gap: 16px; margin-right: 16px; }
	.showcase { grid-template-columns: minmax(0, 1.35fr) minmax(260px, .8fr); }
	.showcase__info { padding: 42px 26px 28px; }
}
@media (max-width: 760px) {
	.ticker { height: 38px; }
	.ticker__message { padding-right: 12px; font-size: 9px; line-height: 38px; }
	.nav-shell { background: var(--white); }
	.showcase { border: 0; }
	.showcase__info { border-left: 0; }
	.hero-intro h1 { color: var(--night); }
	.footer { border-top-width: 3px; }
}
@keyframes ticker-message { from { transform: translateX(100vw); } to { transform: translateX(-100%); } }
@media (prefers-reduced-motion: reduce) { .ticker__message { animation: none; transform: none; } }
@media (max-width: 480px) {
	.wordmark b { font-size: 12px; }
	.wordmark small { font-size: 8px; }
	.nav-wa { max-width: 44px; overflow: hidden; white-space: nowrap; }
	.facts { gap: 14px; justify-content: space-between; }
	.facts b { font-size: 20px; }
	.price-card { padding: 17px; }
}
@media (max-width: 760px) { .price-grid { max-height: 72vh; padding-right: 6px; } }

/* Keep the complete asset visible and remove the retired hotspot layer. */
.stage img { object-fit: contain; object-position: center; }
.hotspots, .feature-popover { display: none !important; }