/* Rounded tactile controls with the original obsidian and racing-red palette. */
.button,.card-details,.contact-direct .waze-link,.filter-toggle,.fuel-tabs button{border-radius:14px}
.circle-button{border-radius:14px}
.budget-button{border-radius:18px}
.car-card{border-radius:20px}
.hero-feature{border-radius:16px}
.contact-panel{border-radius:26px}
.filters{border-radius:16px}
.contact-form input,.contact-form textarea{border:1px solid #51515b;border-radius:12px;padding:12px 14px;background:#ffffff04}
.button:active,.card-details:active,.circle-button:active,.budget-button:active,.contact-direct .waze-link:active{transform:translateY(2px);box-shadow:inset 2px 3px 6px #0003}
@media(max-width:800px){.contact-panel{border-radius:22px}}
/* Soft raised faces, recessed selections and a visible pressed state. */
.button,.card-details,.circle-button,.contact-direct .waze-link,.filter-toggle,.fuel-tabs button,.budget-button,.brand-button{transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}
.secondary,.card-details,.circle-button,.hero-feature .circle-button,.contact-direct .waze-link,.filter-toggle{background:linear-gradient(145deg,#373a44,#202229);border:1px solid #565965;color:#f5f5fa;box-shadow:0 4px 0 #101116,5px 8px 16px #0006,-2px -2px 7px #ffffff07,inset 0 1px 1px #ffffff28}
.secondary:hover,.card-details:hover,.circle-button:hover,.hero-feature .circle-button:hover,.contact-direct .waze-link:hover,.filter-toggle:hover{background:linear-gradient(145deg,#414550,#292b34);border-color:#858896;box-shadow:0 4px 0 #101116,5px 9px 18px #0007,inset 0 1px 1px #ffffff30;transform:translateY(-1px)}
.primary{background:linear-gradient(145deg,#ff5268,#d21b39);border:1px solid #ff7a8a;box-shadow:0 5px 0 #790d23,0 10px 19px #0005,inset 0 2px 2px #ffffff40,inset 0 -2px 3px #8d0c2540}
.primary:hover{background:linear-gradient(145deg,#ff6578,#e02644);border-color:#ff9caa;box-shadow:0 5px 0 #790d23,0 12px 22px #0006,inset 0 2px 2px #ffffff50;transform:translateY(-1px)}
.budget-button,.budget-button:last-child{background:linear-gradient(145deg,#343640,#202127);border:1px solid #50535e;box-shadow:0 5px 0 #0c0d11,6px 9px 17px #0005,-2px -2px 8px #ffffff05,inset 0 1px 2px #ffffff24}
.budget-button:hover{background:linear-gradient(145deg,#41434e,#282932);border-color:#8b6770!important;box-shadow:0 5px 0 #0c0d11,6px 10px 19px #0006,inset 0 1px 2px #ffffff30;transform:translateY(-1px)}
.budget-button.selected{background:linear-gradient(145deg,#b31b35,#df2947);border-color:#ff7b8f!important;box-shadow:inset 3px 4px 9px #620b2555,inset -2px -2px 6px #ff8e9a30,0 1px 0 #ffffff18;transform:translateY(2px)}
.brands-grid{background:transparent;border:0;gap:0;overflow:visible}
.brand-button{border:1px solid #40434d!important;border-radius:16px;background:linear-gradient(145deg,#2d2f38,#1b1c23);box-shadow:inset 0 1px 1px #ffffff20,inset 0 -3px 4px #0006,0 4px 8px #0004}
.brand-button:hover{background:linear-gradient(145deg,#393b46,#24252e);box-shadow:inset 0 1px 1px #ffffff30,0 4px 10px #0006}
.brand-button.selected{background:linear-gradient(145deg,#351d28,#241820);border-color:#b7465b!important;box-shadow:inset 3px 3px 8px #0005,inset -1px -1px 3px #ff687b25}
.brand-button.selected:after{bottom:8px;box-shadow:none}.brand-logo-frame{box-shadow:0 2px 5px #0004}
.fuel-tabs{box-shadow:inset 2px 3px 6px #0007,inset -1px -1px 2px #ffffff12;padding:5px}
.fuel-tabs button.selected{background:linear-gradient(145deg,#ff5268,#d21b39);border-color:#ff7a8a;box-shadow:0 2px 0 #790d23,0 3px 7px #0005,inset 0 1px 1px #ffffff40}
.button:active,.card-details:active,.circle-button:active,.hero-feature .circle-button:active,.budget-button:active,.contact-direct .waze-link:active,.filter-toggle:active{transform:translateY(3px);box-shadow:inset 2px 3px 7px #0005,0 1px 0 #ffffff10}
button:focus-visible,a:focus-visible{outline:2px solid #ff899b;outline-offset:5px}
/* Crop the supplied phone artwork to its green centre, excluding its outer rim. */
.header-phone .phone-icon{display:block;position:relative;width:32px;height:32px;flex:0 0 32px;overflow:hidden;border:0;border-radius:50%;background:transparent;box-shadow:none}
.header-phone .phone-icon img{position:absolute;width:46px;height:46px;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:cover}
.hero:after{content:"";position:absolute;inset:-15%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 23% 38%,#fa234b30,transparent 42%),radial-gradient(ellipse at 72% 68%,#ed30401c,transparent 40%);animation:hero-atmosphere 18s ease-in-out infinite alternate;will-change:transform,opacity}
@keyframes hero-atmosphere{0%{transform:translate3d(-3%,1%,0) scale(1);opacity:.45}100%{transform:translate3d(5%,-3%,0) scale(1.08);opacity:1}}
@media(max-width:800px){.header-phone .phone-icon{width:28px;height:28px;flex-basis:28px}.header-phone .phone-icon img{width:40px;height:40px}}
@media(max-width:360px){.header-phone .phone-icon{display:block;width:24px;height:24px;flex-basis:24px}.header-phone .phone-icon img{width:35px;height:35px}.header-phone{gap:5px}}
@media(prefers-reduced-motion:reduce){.hero:after{animation:none;will-change:auto;opacity:.6}}
/* Stronger, readable typography while retaining the existing brand-button geometry. */
:root{--text:#fff;--muted:#d0d2dc}
body{font-weight:500}
h1,h2,h3{font-weight:800}
.nav nav{font-size:16px;font-weight:700}.header-phone{font-size:16px;font-weight:700}
.eyebrow{font-size:13px;font-weight:700;color:#dcdde5}
.hero-intro{font-size:20px;font-weight:500;color:#e1e2e9}.hero-note{font-size:13px;color:#d9d6e1}
.hero-feature h2{font-size:22px}.hero-feature p{font-size:13px;color:#e0dfe9}.hero-feature .tiny{font-size:11px;font-weight:700;color:#ff9bab}
.hero-bottom{font-size:13px;color:#d8d5e0}.hero-bottom>span:last-child{color:#beb6c7;font-size:11px}
.button{font-size:16px;font-weight:800}.text-button{font-size:14px;font-weight:600;color:#e0e1eb}
.section-head>p{font-size:15px;color:#d2d4df}.section-head h2,.reviews-section h2{color:#fff}
.budget-button .budget-label{font-size:21px;font-weight:800}.budget-label small{font-size:14px;font-weight:600}.budget-button .budget-count{font-size:13px;color:#d9dce6}.budget-button:before{font-size:12px;color:#ff98a7}
.brand-button .brand-count{font-size:12px;font-weight:600;line-height:1.35;color:#e0e2ed}.brand-button .wordmark{color:#f2f3f8}
.fuel-tabs button{font-size:14px;font-weight:700;color:#e1e3ec}
.filters label>span{font-size:12px;font-weight:600;color:#cfd1de}.filters input,.filters select{font-size:15px;color:#fff}.filters input::placeholder{color:#c6c9d6}.filters select option{color:#fff}.filter-toggle{font-size:14px;font-weight:600;color:#e4e5ed}
.advanced-filters p{font-size:13px}.results-bar p{font-size:14px;color:#d5d8e4}.results-bar strong{font-size:17px}.filter-chip{font-size:13px;font-weight:600;color:#ffd0d9}
.card-heading h3{font-size:23px;font-weight:800}.card-heading>span{font-size:13px;color:#e0e2eb}.card-specs{font-size:13px;color:#d5d9e7}.car-badge{font-size:12px;font-weight:600}.card-details{font-size:13px;font-weight:700;gap:10px}.car-price{font-weight:800;color:#ff899a}.phone-price{color:#eee8f0}.availability-note{font-size:12px;color:#c1c5d3}
.service-grid h3{font-size:23px}.service-grid p{font-size:15px;color:#d6d8e3}.service-grid a{font-size:14px;font-weight:700}.review-cards p{font-size:20px;color:#f1f1f6}.review-cards cite{font-size:12px;color:#cacbd7}.stars{font-size:15px}
.contact-copy>p:not(.eyebrow){font-size:16px;color:#d8d8e1}.contact-direct>span{font-size:13px;color:#cdd0dd}.contact-direct .business-address{font-size:17px;color:#f0f1f8}.contact-direct .waze-link{font-size:16px}.contact-form label{font-size:14px;font-weight:600;color:#e4e1eb}.contact-form input,.contact-form textarea{font-size:16px;color:#fff}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#bdbac9}.contact-form small{font-size:12px;color:#c6c4d1}
.footer-main>p{font-size:14px;color:#d0d2de}.footer-main nav{font-size:13px;font-weight:600}.footer-bottom{font-size:12px;color:#bfc2cf}.footer-bottom>span:last-child{font-size:10px}
.dialog-top{font-size:14px}.dialog-details dt{font-size:12px;color:#d0d1dc}.dialog-details dd{font-size:16px;font-weight:600}.dialog-description{font-size:15px;color:#d7d7e2}.dialog-actions .button{font-size:14px}
@media(max-width:1100px){.nav nav{gap:18px;font-size:14px}.header-phone{font-size:14px}.budget-button .budget-label{font-size:18px}.card-heading h3{font-size:21px}.card-specs{gap:7px;font-size:12px}.card-details{font-size:12px;gap:7px}.card-bottom{flex-wrap:wrap}}
@media(max-width:800px){.nav nav{font-size:17px}.header-phone{font-size:13px}.hero-intro{font-size:18px}.hero-note{font-size:12px}.hero-feature h2{font-size:18px}.hero-feature p{font-size:12px}.hero-feature .tiny{font-size:10px}.hero-bottom{font-size:12px}.brand-button{padding:12px 5px}.brand-button .brand-count{font-size:11px;line-height:1.3}.budget-button .budget-label{font-size:18px}.budget-button .budget-count{font-size:12px}.card-heading>span{font-size:12px}.footer-main>p{font-size:12px}.footer-main nav{font-size:12px}.contact-copy>p:not(.eyebrow){font-size:15px}}
@media(max-width:430px){.hero-feature h2{font-size:17px}.hero-feature p{font-size:11px}.card-heading h3{font-size:23px}.card-specs{font-size:13px}.card-details{font-size:13px}.footer-bottom{font-size:11px}.budget-button .budget-label{font-size:17px}.section-head>p{font-size:14px}}
@media(max-width:360px){.header-phone{font-size:11px}.budget-button .budget-label{font-size:15px}.budget-label small{font-size:12px}.hero-intro{font-size:17px}.hero-feature h2{font-size:16px}}
.brand-button{height:119px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:10px 5px}
.brand-button[hidden]{display:none!important}.brand-button .brand-logo-frame{margin:0;flex-shrink:0}.brand-button .brand-count{display:block}.brand-button .wordmark{margin:0}
@media(max-width:800px){.brand-button{height:100px;min-height:100px;padding:8px 4px;gap:6px}.brand-button .brand-count{line-height:1.3}}