/* Motor Co retail identity: separate from the Motor Finance website. */
:root{--ink:#10172b;--blue:#2167ae;--light:#f3f6fa;--line:#dce3ed;--muted:#536177;--mint:#e8f1fb;--radius:5px}
body{background:#fff;font-family:Arial,Helvetica,sans-serif}
img{height:auto}
.wrap{max-width:1400px}
.preview{background:#edf2f8;color:#4e5f76}
.utility{background:#10172b;color:#f3f6fa}
.header{background:#fff}
.nav{min-height:90px}
.navlinks a{font-size:13px;letter-spacing:.01em}
.button{background:#2167ae;border-color:#2167ae;border-radius:4px;min-height:50px}
.button:hover{background:#174d83;border-color:#174d83}
.button.secondary{background:transparent;border-color:#aebed1;color:#10172b}
.button.secondary:hover{background:#eaf1f9;border-color:#2167ae}
.button.light{background:#fff;border-color:#fff;color:#10172b}
.button.dark{background:#10172b;border-color:#10172b}
.eyebrow{color:#2167ae;font-size:11px;letter-spacing:.18em}
.hero{background:#f3f6fa;padding:44px 0 72px;position:relative}
.hero-inner{grid-template-columns:.9fr 1.25fr;gap:54px;align-items:center}
.hero h1{font-size:clamp(40px,4.6vw,68px);font-weight:700;letter-spacing:-.055em;line-height:1.01;max-width:500px}
.hero h1 span{color:#2167ae}
.hero p.lead{font-size:17px;line-height:1.6;max-width:420px}
.hero-photo{border-left:1px solid #d4deeb;padding-left:28px}
.hero-photo img{aspect-ratio:3/2;height:auto;object-fit:cover;border-radius:3px}
.campaign-section{background:#f3f6fa}
.campaign-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.campaign-card{background:white;border-radius:5px;overflow:hidden;border:1px solid #dce3ed}
.campaign-card img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.campaign-card>div{padding:30px}
.campaign-card h3{font-size:32px}
.campaign-card p{max-width:490px}
@media(max-width:800px){.campaign-grid{grid-template-columns:1fr}.campaign-card>div{padding:25px}.campaign-card h3{font-size:29px}}
@media(max-width:360px){.nav{gap:8px}.logo{width:125px}.saved{padding:7px;font-size:11px}.menu-toggle{padding:8px;font-size:13px}.hero h1{font-size:40px}.utility{font-size:9px}.wrap{padding-left:16px;padding-right:16px}}
.hero-note{position:static;background:transparent;border-top:1px solid #ccd9e8;box-shadow:none;border-radius:0;padding:16px 0 0;margin-top:15px}
.hero-note small{font-size:10px;letter-spacing:.12em;margin-bottom:5px}
.hero-note strong{font-size:17px}
.hero-note a{font-size:12px;color:#174d83;text-underline-offset:5px}
.searchbox{border-radius:5px;border-top:3px solid #2167ae;box-shadow:0 12px 24px #10172b09;padding:24px 28px}
.search-title{font-size:21px;letter-spacing:-.03em}
input,select,textarea{border-color:#a9b9cc;border-radius:4px;accent-color:#2167ae}
.chip{background:#f6f8fc;border-color:#dce3ed;border-radius:4px}
.chip:hover{background:#e7f0fc}
.tick{background:#e8f1fb;color:#174d83;border-radius:4px}
.cards{gap:26px}
.car{border-radius:5px;border-color:#dce3ed;transition:box-shadow .15s}
.car:hover{box-shadow:0 12px 28px #10172b0b}
.car-picture{background:#eef2f8}
.car-picture img{height:100%;object-fit:cover}
.car-content{padding:23px}
.car-content h3{font-size:25px}
.car-badge{border-radius:3px;background:#fff;color:#10172b}
.specs span{background:#f0f4fa;border-radius:2px;color:#465973}
.price{font-size:30px;color:#10172b}
.card-actions{border-top:1px solid #dce3ed;padding-top:18px;margin-top:17px}
.heart{box-shadow:none;border:1px solid #d4deeb}
.band{background:#152642}
.band p{color:#d7e3f3}
.band .eyebrow{color:#b8d6fb!important}
.band .button.secondary{color:#10172b;background:#fff}
.step-no{border-color:#2167ae;color:#2167ae}
.service{border-radius:4px;background:#fff;border-color:#dce3ed}
.service-icon{color:#2167ae}
.make-links a{border-radius:4px}
.showroom{background:#f0f5fb}
.showroom-panel{border-radius:4px}
.footer{background:#10172b}
.footer a,.footer p,.legal{color:#ccd8ea}
.footer h3{color:#fff}
.filters{background:#f3f6fa;border-radius:4px}
.gallery-main,.vehicle-panel{border-radius:5px}
.gallery-main img{height:auto;aspect-ratio:4/3;object-fit:contain}
.thumbs img{height:auto;aspect-ratio:4/3;object-fit:cover}
.photo-tile img,.admin-table img{height:auto}
.admin-aside{background:#10172b}
.admin-aside button.active,.editor-tabs button.active{background:#2167ae}
.admin-shell{background:#f3f6fa}
.admin-card,.stat{border-radius:5px}
.notice,.note{background:#edf4fd;border-color:#adc7e5}
.compare-tray,.toast{background:#10172b}
.compare-table .different{background:#edf4fd}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #10172b;outline-offset:3px}
.footer :focus-visible,.admin-aside :focus-visible{outline-color:#9bc9ff}
.saved{border-radius:4px}
.dialog{border-radius:5px}
.service-page h1{letter-spacing:-.045em}
@media(max-width:1100px){.hero-inner{gap:30px;grid-template-columns:1fr 1.1fr}.hero h1{font-size:48px}.hero-photo{padding-left:20px}.navlinks{gap:16px}.navlinks a{font-size:12px}}
@media(max-width:800px){.hero h1{font-size:40px}.hero-inner{gap:24px}.hero-photo{padding-left:18px}.hero p.lead{font-size:15px}.hero-note{margin-top:10px;padding-top:10px}.hero-note strong{font-size:14px}.nav{min-height:75px}.navlinks a{font-size:16px}.vehicle-panel{top:auto}}
@media(max-width:560px){.hero-inner{grid-template-columns:1fr}.hero{padding:28px 0 58px}.hero h1{font-size:46px;max-width:360px;margin-bottom:20px}.hero h1 br:last-child{display:none}.hero p.lead{font-size:16px}.hero-photo{padding:0;border-left:0;margin-top:5px}.hero-photo img{aspect-ratio:4/3;height:auto}.hero-note a{display:block}.searchbox{padding:20px}.hero-note strong{font-size:16px}.car-content{padding:22px}.navlinks{top:75px}.services{grid-template-columns:1fr}.service{padding:25px}.service p{font-size:14px}}