*{box-sizing:border-box}
:root{--red:#df1025;--navy:#10264b;--ink:#17233b;--muted:#647084;--line:#e5e9f0;--green:#159447;--shadow:0 5px 18px rgba(19,39,72,.09)}
body{margin:0;color:var(--ink);font:15px/1.5 "Poppins",Arial,sans-serif}
h1,h2,h3,h4,h5,h6{font-family:"Poppins",Arial,sans-serif}
a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 48px));margin:auto}
.site-header{height:76px;background:white;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.nav-wrap{height:100%;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;min-width:220px}
.brand-mark{width:42px;height:42px;display:grid;place-items:center;background:var(--red);color:white;font-size:27px;font-weight:900}
.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font:900 22px "Poppins";color:#17417c}.brand-copy strong span{color:var(--red)}.brand-copy small{font-size:11px;color:var(--muted)}
.main-nav{display:flex;gap:10px;flex:1}.nav-link{padding:10px 13px;border-radius:8px;color:var(--navy);font-size:13px;font-weight:700}.nav-link.active,.nav-link:hover{background:var(--red);color:white}
.nav-actions{display:flex;gap:9px}.btn{padding:11px 17px;border-radius:8px;font-size:13px;font-weight:700}.btn-primary{background:var(--red);color:white}.btn-outline{border:1px solid #aab5c4;color:var(--navy)}.menu-toggle{display:none}
.hero{min-height:360px;position:relative;background:#dce8f6 url("https://images.unsplash.com/photo-1492144534655-ae79c964c9d7?auto=format&fit=crop&w=1900&q=85") center/cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fffffffa 0%,#ffffffe8 38%,#ffffff22 80%)}.hero-content{position:relative;z-index:1;min-height:360px;display:flex;align-items:center}.hero-copy{max-width:520px}.eyebrow{font-size:10px;letter-spacing:1.5px;color:var(--red);font-weight:800}h1{font-size:clamp(34px,4vw,49px);line-height:1.08;color:var(--navy);margin:8px 0}h1 span{color:var(--red)}.hero-description{max-width:430px;color:#34445d}
.search-form{display:flex;max-width:470px;padding:5px;background:white;border:1px solid #ccd5e0;border-radius:9px}.search-form input{flex:1;min-width:0;border:0;padding:8px;outline:0}.search-form button{border:0;cursor:pointer}.hero-benefits{display:flex;flex-wrap:wrap;gap:15px;margin-top:18px;font-size:11px;font-weight:700}.hero-benefits b{color:var(--red)}
.model-strip{padding:18px 0;background:#f7f8fb}.model-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:9px}.model-chip{background:white;border:1px solid var(--line);border-radius:10px;padding:12px 5px;text-align:center;font-size:12px;display:grid;gap:5px}.mini-car{font-size:24px}
.section{padding-top:34px;padding-bottom:30px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.section-heading>div{display:flex;align-items:center;gap:10px}.section-heading h2{font-size:22px;color:var(--navy);margin:0}.section-icon{font-size:24px;color:var(--red)}.text-link{font-size:12px;font-weight:800;color:#17417c}
.car-grid,.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.car-card,.article-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);background:white}.car-photo{height:170px;background-size:cover;background-position:center}.photo-fronx{background-image:url("https://images.unsplash.com/photo-1519641471654-76ce0107ad1b?auto=format&fit=crop&w=900&q=80")}.photo-xl7{background-image:url("https://images.unsplash.com/photo-1533473359331-0135ef1b58bf?auto=format&fit=crop&w=900&q=80")}.photo-vitara{background-image:url("https://images.unsplash.com/photo-1503376780353-7e6692767b70?auto=format&fit=crop&w=900&q=80")}
.card-body{padding:13px}.tag{background:var(--red);color:white;border-radius:20px;padding:4px 9px;font-size:10px}.card-body h3{font-size:16px;color:var(--navy);margin:9px 0 3px}.price{color:var(--red);font-weight:800;margin:0}.location{color:var(--muted);font-size:12px}.seller-row{display:flex;align-items:center;gap:8px;font-size:11px}.seller-profile-link{flex:1;min-width:0;color:var(--navy);font-weight:700;text-decoration:none}.seller-profile-link:hover,.seller-profile-link:focus-visible{color:var(--red);text-decoration:underline;text-underline-offset:3px}.seller-profile-link:focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:2px}.avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#d9e8f8;color:#17417c}.avatar-pink{background:#f7e1e9;color:#9e3154}.detail-button{display:inline-flex;align-items:center;gap:5px;background:var(--red);color:white;border-radius:7px;padding:8px 10px;font-size:11px;font-weight:700;text-decoration:none;white-space:nowrap}.detail-button:hover{filter:brightness(.92)}
.top-marketing{background:#fff6f5;padding:25px 0}.trophy{color:#d99b00}.muted-label,.ranking-note{font-size:11px;color:var(--muted)}.marketing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.marketing-card{display:flex;align-items:center;gap:12px;padding:15px;background:white;border:1px solid #f0e4e4;border-radius:12px;box-shadow:0 3px 12px #45101008;min-width:0}
.rank,.profile{flex:none;display:grid;place-items:center;border-radius:50%;font-weight:900}.rank{width:29px;height:29px}.rank-gold{background:#fff0c2;color:#9b6800}.rank-silver{background:#edf0f4;color:#667181}.rank-bronze{background:#f8e4d4;color:#9a5425}.profile{width:54px;height:54px;background:#d7e8f7;color:#17417c}.profile-two{background:#f8e2ec;color:#963e63}.profile-three{background:#dbe9f9}
.marketing-info{min-width:0;flex:1}.marketing-info h3,.marketing-info .marketing-name{display:block;font:700 14px "Poppins";margin:0 0 3px;color:var(--navy)}.marketing-info p,.marketing-info>span,.marketing-info small{display:block;margin:0;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.marketing-info small{margin-top:4px}
.marketing-card-link{color:inherit;text-decoration:none;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s}.marketing-card-link:hover{transform:translateY(-3px);border-color:#e4a0a8;box-shadow:0 8px 22px #1327481f}.marketing-card-link:focus-visible{outline:3px solid #17417c;outline-offset:3px}.ranking-note{margin:12px 0 0}
.article-photo{height:150px;background-size:cover;background-position:center}.article-maintenance{background-image:url("https://images.unsplash.com/photo-1486262715619-67b85e0b08d3?auto=format&fit=crop&w=900&q=80")}.article-feature{background-image:url("https://images.unsplash.com/photo-1507136566006-cfc505b114fc?auto=format&fit=crop&w=900&q=80")}.article-finance{background-image:url("https://images.unsplash.com/photo-1554224155-6726b3ff858f?auto=format&fit=crop&w=900&q=80")}.article-body{padding:13px}.article-category{font-size:10px;color:var(--red);font-weight:800}.article-body h3{font-size:15px;color:var(--navy)}.article-body time{font-size:11px;color:var(--muted)}
.site-footer{background:var(--navy);color:white;padding:28px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.brand-footer .brand-copy strong{color:white}.brand-footer .brand-copy small,.footer-inner p,.footer-inner>small{color:#c5d0df;font-size:11px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:721px) and (max-width:1000px){.car-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1000px){.model-grid{grid-template-columns:repeat(5,1fr)}.marketing-grid{grid-template-columns:1fr}.marketing-card{max-width:600px}}
@media(max-width:720px){.container{width:calc(100% - 30px)}.nav-wrap{min-height:65px;height:auto;flex-wrap:wrap;padding:10px 0}.menu-toggle{display:block;margin-left:auto}.main-nav{display:none;order:3;flex-basis:100%;flex-direction:column}.main-nav.open{display:flex}.nav-actions{order:4;width:100%}.nav-actions .btn{flex:1;text-align:center}.hero,.hero-content{min-height:390px}.hero:after{background:#ffffffdf}.hero-copy{padding:25px 0}.model-grid{display:flex;overflow:auto}.model-chip{min-width:95px}.section-heading h2{font-size:18px}.car-grid,.article-grid{grid-template-columns:1fr}.car-photo{height:195px}.marketing-grid{grid-template-columns:1fr}.marketing-card{width:100%}.muted-label{display:none}.footer-inner{flex-direction:column;align-items:flex-start}}

/* v10: align all four hero benefit items in one right-aligned row on desktop */
@media (min-width: 1001px) {
  .hero-copy { max-width: 100%; width: 100%; }
  .hero-benefits {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    gap: 22px;
    white-space: nowrap;
  }
}
@media (min-width: 721px) and (max-width: 1000px) {
  .hero-copy { max-width: 100%; width: 100%; }
  .hero-benefits { justify-content: flex-end; }
}
@media (max-width: 720px) {
  .hero-benefits { justify-content: flex-start; flex-wrap: wrap; white-space: normal; }
}


/* v11: compact search field aligned horizontally with the four hero benefits */
@media (min-width: 1001px) {
  .hero-search-benefits {
    display: flex;
    align-items: center;
    gap: 22px;
    width: 100%;
    margin-top: 18px;
  }
  .hero-search-benefits .search-form {
    flex: 0 1 350px;
    width: 350px;
    max-width: 350px;
    min-width: 280px;
  }
  .hero-search-benefits .hero-benefits {
    flex: 1 1 auto;
    width: auto;
    margin-top: 0;
    justify-content: flex-end;
    gap: 18px;
  }
}
@media (min-width: 721px) and (max-width: 1000px) {
  .hero-search-benefits { display: flex; flex-direction: column; align-items: stretch; gap: 12px; }
  .hero-search-benefits .search-form { max-width: 420px; }
  .hero-search-benefits .hero-benefits { margin-top: 0; justify-content: flex-start; }
}
@media (max-width: 720px) {
  .hero-search-benefits { display: flex; flex-direction: column; align-items: stretch; gap: 12px; }
  .hero-search-benefits .search-form { width: 100%; max-width: 100%; }
  .hero-search-benefits .hero-benefits { margin-top: 0; }
}