/* CarLux Hub homepage — approved Option 2 visual direction. */
:root{--clx-bg:#07090c;--clx-panel:#10151b;--clx-panel2:#151b22;--clx-line:#2a333d;--clx-text:#f6f8fa;--clx-muted:#98a4af;--clx-orange:#ff5a1f;--clx-orange2:#ff7b45;--clx-green:#57d589}
*{box-sizing:border-box}body{margin:0;background:var(--clx-bg);color:var(--clx-text);font-family:"Hanken Grotesk",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.wrap{width:min(1420px,calc(100% - 64px));margin-inline:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:99;background:#fff;color:#000;padding:8px}
.option2-head{height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid #222a33;background:rgba(7,9,12,.97);position:relative;z-index:20}.option2-brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:#fff;min-width:max-content}.option2-brand img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 6px 18px rgba(0,0,0,.45))}.option2-wordmark{display:flex;flex-direction:column;font-weight:900;letter-spacing:.18em;font-size:1.04rem;line-height:1}.option2-wordmark b{font:inherit}.option2-wordmark b span{color:#d5a860}.option2-wordmark small{margin-top:8px;font-size:.58rem;letter-spacing:.23em;color:#d6dbe0;font-weight:700;text-transform:none}.option2-nav{display:flex;align-items:center;justify-content:flex-end;gap:23px;flex-wrap:wrap}.option2-nav a{color:#edf1f4;text-decoration:none;font-size:.91rem;font-weight:700;white-space:nowrap}.option2-nav a:hover{color:var(--clx-orange2)}.option2-nav .lang,.option2-nav .sign-in{border:1px solid #3b4550;border-radius:6px;padding:10px 14px}.option2-nav .sign-in{border-color:var(--clx-orange);color:#fff}
.option2-main{overflow:hidden}.option2-hero{position:relative;min-height:520px;border:0!important;background:#090c10;isolation:isolate}.option2-hero::before{content:"";position:absolute;inset:0;z-index:-3;background-image:linear-gradient(90deg,rgba(5,7,10,.98) 0%,rgba(5,7,10,.93) 29%,rgba(5,7,10,.45) 53%,rgba(5,7,10,.13) 76%,rgba(5,7,10,.45) 100%),url("https://images.unsplash.com/photo-1657107194535-abadd8da7550?auto=format&fit=crop&w=1800&q=82");background-size:cover;background-position:center 54%}.option2-hero::after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(0,0,0,.02) 55%,#07090c 100%)}.option2-hero-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(460px,.92fr);gap:36px;align-items:center;min-height:520px;padding:56px 0 80px}.option2-copy{max-width:650px}.option2-copy .kicker{display:block;margin-bottom:16px;color:var(--clx-orange);font-size:.78rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.option2-copy h1{margin:0;color:#fff;font-size:clamp(3.15rem,5.1vw,5.45rem);line-height:.94;letter-spacing:-.052em;font-weight:900;max-width:10.8ch}.option2-copy h1 span{color:#ffb04f}.option2-copy .sub{margin:16px 0 0;font-size:1.33rem;line-height:1.15;color:#fff;font-weight:800}.option2-copy .lead{max-width:650px;margin:16px 0 0;color:#c5cdd4;font-size:1.03rem;line-height:1.55}.option2-actions{display:flex;gap:13px;margin-top:28px}.option2-btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 24px;border-radius:6px;text-decoration:none;font-weight:900;font-size:.86rem;letter-spacing:.045em;text-transform:uppercase}.option2-btn.primary{background:linear-gradient(90deg,#ff9b31,var(--clx-orange));color:#fff;box-shadow:0 10px 28px rgba(255,90,31,.22)}.option2-btn.secondary{border:1px solid #6f7780;background:rgba(8,11,15,.55);color:#fff}.option2-stats{display:flex;gap:0;margin-top:30px;max-width:650px}.option2-stat{padding:0 20px;border-left:1px solid rgba(255,255,255,.19)}.option2-stat:first-child{padding-left:0;border-left:0}.option2-stat strong{display:block;color:#fff;font-size:1rem}.option2-stat span{display:block;margin-top:3px;color:#9aa5af;font-size:.72rem}.photo-credit{position:absolute;right:18px;bottom:10px;color:rgba(255,255,255,.45);font-size:.62rem}.photo-credit a{color:inherit}
.option2-live-card{justify-self:end;align-self:start;width:min(100%,330px);margin-top:30px;padding:18px 20px;border:1px solid rgba(255,255,255,.18);border-radius:9px;background:linear-gradient(180deg,rgba(19,25,32,.91),rgba(9,13,18,.88));backdrop-filter:blur(12px);box-shadow:0 18px 45px rgba(0,0,0,.28)}.live-label{display:block;color:#98a4af;font-size:.65rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.live-title{margin:7px 0 2px;font-size:1.07rem;color:#fff}.live-meta{margin:0;color:#afb8c0;font-size:.81rem}.live-price{display:block;margin-top:13px;color:#fff;font-size:1.65rem;line-height:1;font-weight:900}.live-divider{height:1px;background:#3b444d;margin:15px 0}.live-row{display:flex;justify-content:space-between;gap:20px;margin-top:7px;color:#b1bac2;font-size:.78rem}.live-row strong{color:#fff}.live-row.positive strong{color:var(--clx-green)}
.option2-console{position:relative;z-index:5;margin-top:-52px}.finder-box{padding:16px 18px 17px;border:1px solid var(--clx-line);border-radius:9px;background:linear-gradient(180deg,#121820,#0e1319);box-shadow:0 18px 42px rgba(0,0,0,.3)}.finder-top{display:flex;align-items:baseline;gap:18px;margin-bottom:13px}.finder-top .eyebrow{color:var(--clx-orange);font-size:.74rem;letter-spacing:.13em;font-weight:900}.finder-top strong{font-size:1.03rem}.option2-finder{display:grid;grid-template-columns:1.05fr 1.18fr .78fr .82fr;gap:10px}.option2-finder .finder-field{min-width:0}.option2-finder label{display:block;margin:0 0 6px;color:#8f9aa5;font-size:.61rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.option2-finder select{width:100%;height:48px;border:1px solid #35404b;border-radius:5px;background:#0a0f14;color:#f4f6f8;padding:0 12px;font-weight:700}.option2-finder .mileage{grid-column:1}.option2-finder .country{grid-column:2}.option2-finder .finder-action{grid-column:3/5;display:flex;align-items:end}.option2-finder button{width:100%;height:48px;border:0;border-radius:5px;background:linear-gradient(90deg,#ff9b31,var(--clx-orange));color:#fff;font-size:.83rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase;cursor:pointer}.finder-count{margin-left:auto;color:#9da7b0;font-size:.77rem}.finder-count b{color:var(--clx-orange)}
.option2-pro{display:grid;grid-template-columns:minmax(290px,.8fr) minmax(400px,1.2fr) auto;align-items:center;gap:22px;margin-top:10px;padding:13px 16px;border:1px solid #343d46;border-radius:8px;background:linear-gradient(100deg,#151a20,#0b0f13)}.option2-pro-title{display:flex;align-items:center;gap:11px}.option2-pro .pill{display:inline-flex;background:var(--clx-orange);padding:7px 9px;border-radius:4px;color:#fff;font-size:.72rem;font-weight:900;letter-spacing:.09em}.option2-pro-title strong{font-size:1rem}.option2-pro p{margin:0;color:#9fa9b2;font-size:.77rem;line-height:1.45}.option2-pro a{color:#fff;text-decoration:none;border:1px solid var(--clx-orange);border-radius:5px;padding:10px 15px;font-size:.76rem;font-weight:900;white-space:nowrap}
.option2-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:15px;border-bottom:1px solid #1f252c}.benefit{display:grid;grid-template-columns:42px 1fr;gap:11px;padding:15px 26px;border-right:1px solid #222a32}.benefit:last-child{border-right:0}.benefit-icon{font-size:1.6rem;line-height:1;color:var(--clx-orange)}.benefit strong{display:block;font-size:.85rem}.benefit span{display:block;margin-top:3px;color:#8f9aa4;font-size:.72rem;line-height:1.4}
.option2-latest{padding:26px 0 36px;border:0!important;background:#07090c!important}.latest-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:13px}.latest-head h2{margin:0!important;font-size:2rem!important;letter-spacing:-.035em!important}.latest-head a{color:var(--clx-orange)!important;text-decoration:none;font-size:.8rem;font-weight:900}.home-listings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.home-card{position:relative;min-height:220px;border:1px solid #29323b;border-radius:7px;overflow:hidden;background:#10151b}.home-card img{width:100%;height:145px;display:block;object-fit:cover;background:#1a2027}.home-card-body{padding:10px 12px 12px}.home-card-model{display:block;color:#fff;font-size:.86rem;font-weight:900;line-height:1.25}.home-card-meta{display:block;margin-top:4px;color:#9ca6af;font-size:.74rem}.home-card-price{display:block;margin-top:8px;color:#fff;font-size:1.03rem;font-weight:900}.home-card:hover{border-color:#4a5561}.listing-placeholder{grid-column:1/-1;padding:28px;border:1px solid #29323b;border-radius:7px;color:#98a4af;text-align:center;background:#10151b}
.option2-seo{border-top:1px solid #222a32!important;padding:52px 0;background:#0b0f13!important}.option2-seo h2{margin:0 0 12px!important;font-size:2rem!important}.option2-seo p{color:#9da8b2;line-height:1.65}.seo-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px}.seo-links{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.seo-links a{display:block;padding:11px 12px;border:1px solid #2b343d;border-radius:5px;color:#eef2f5;text-decoration:none;background:#10151b}.option2-contact{padding:42px 0;border-top:1px solid #222a32;background:#07090c}.option2-contact-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.option2-contact h2{margin:0;font-size:1.8rem}.option2-contact p{color:#9ca6af}.option2-footer{padding:24px 0 34px;border-top:1px solid #222a32;color:#7f8a94;font-size:.75rem}.option2-footer .wrap{display:flex;justify-content:space-between;gap:20px}.option2-footer a{color:#b7c0c8}
@media(max-width:1120px){.wrap{width:min(100% - 36px,1080px)}.option2-head{height:auto;min-height:72px;padding-block:8px}.option2-nav{gap:13px}.option2-nav a{font-size:.79rem}.option2-hero-inner{grid-template-columns:minmax(0,1.05fr) minmax(320px,.7fr);min-height:480px;padding-top:38px}.option2-copy h1{font-size:clamp(2.7rem,5.2vw,4.3rem)}.option2-live-card{width:290px}.option2-finder{grid-template-columns:repeat(3,1fr)}.option2-finder .mileage{grid-column:1}.option2-finder .country{grid-column:2}.option2-finder .finder-action{grid-column:3}.option2-pro{grid-template-columns:1fr}.option2-pro a{justify-self:start}.option2-benefits{grid-template-columns:repeat(2,1fr)}.benefit:nth-child(2){border-right:0}.home-listings{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.wrap{width:min(100% - 24px,720px)}.option2-head{align-items:flex-start;flex-wrap:wrap}.option2-brand img{width:48px;height:48px}.option2-wordmark{font-size:.88rem}.option2-nav{width:100%;justify-content:flex-start;padding-bottom:8px}.option2-nav a{font-size:.72rem}.option2-nav a:nth-child(4),.option2-nav a:nth-child(5){display:none}.option2-hero{min-height:0}.option2-hero::before{background-image:linear-gradient(180deg,rgba(5,7,10,.64),rgba(5,7,10,.96) 75%),url("https://images.unsplash.com/photo-1657107194535-abadd8da7550?auto=format&fit=crop&w=1200&q=80");background-position:center top}.option2-hero-inner{display:block;min-height:0;padding:48px 0 112px}.option2-copy{max-width:100%}.option2-copy h1{font-size:clamp(2.65rem,13vw,4.2rem);max-width:11ch}.option2-copy .sub{font-size:1.08rem}.option2-copy .lead{font-size:.9rem}.option2-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.option2-stat{padding:0;border:0}.option2-live-card{display:none}.option2-console{margin-top:-72px}.finder-top{display:block}.finder-top strong{display:block;margin-top:5px}.finder-count{display:block;margin:7px 0 0}.option2-finder{grid-template-columns:1fr 1fr}.option2-finder .mileage{grid-column:auto}.option2-finder .country{grid-column:auto}.option2-finder .finder-action{grid-column:1/-1}.option2-pro{gap:12px}.option2-benefits{grid-template-columns:1fr}.benefit{border-right:0;border-bottom:1px solid #222a32;padding-inline:12px}.home-listings{grid-template-columns:1fr 1fr}.home-card img{height:130px}.seo-grid{grid-template-columns:1fr}.option2-contact-inner{display:block}.option2-footer .wrap{display:block}.option2-footer .wrap>*{display:block;margin-top:7px}}
@media(max-width:480px){.option2-actions{display:grid}.option2-btn{width:100%}.option2-copy h1{font-size:2.6rem}.option2-finder{grid-template-columns:1fr}.option2-finder .finder-action{grid-column:1}.home-listings{grid-template-columns:1fr}.home-card{min-height:0}.home-card img{height:190px}.seo-links{grid-template-columns:1fr}}