.hero{background-image:linear-gradient(120deg,#0c1629c7 0%,#17243db8 45%,#121e34cc 100%),url(https://unsplash.com/photos/pl3_I8_Y16I/download?force=true&w=2400);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;min-height:90vh;padding:.6rem 0;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:linear-gradient(45deg,#0000 30%,#ffffff05 50%,#0000 70%),linear-gradient(-45deg,#0000 30%,#ffffff03 50%,#0000 70%);position:absolute;inset:0}.hero-wrapper{z-index:2;width:100%;max-width:1200px;margin:0 auto;padding:1rem;position:relative}.hero-content{text-align:center;color:#fff;flex-direction:column;align-items:center;gap:1.5rem;max-width:100%;margin:0 auto;display:flex}.hero-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50px;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.75rem;font-weight:500;transition:all .3s;display:inline-flex}.hero-badge:hover{background:#ffffff26;transform:translateY(-2px)}.badge-icon{color:#10b981;width:14px;height:14px}.hero-text{flex-direction:column;gap:.85rem;padding:0 .75rem;display:flex}.hero h1{background:linear-gradient(135deg,#fff 0%,#e2e8f0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.55rem,6.8vw,2.2rem);font-weight:700;line-height:1.1}.hero p{color:#fffc;max-width:100%;margin:0;font-size:clamp(.95rem,3.8vw,1.05rem);line-height:1.45}.hero-actions{flex-direction:column;align-items:center;gap:.75rem;width:100%;max-width:300px;display:flex}.hero .hero-primary-btn{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border:1px solid #0000;border-radius:50px;justify-content:center;align-items:center;gap:.5rem;min-width:100%;padding:.65rem 1.2rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 20px #3b82f64d}.hero .hero-primary-btn:hover{background:linear-gradient(135deg,#2563eb 0%,#1e40af 100%);border:1px solid #fff3;transform:translateY(-2px);box-shadow:0 8px 30px #3b82f666}.btn-icon{width:18px;height:18px}.btn-arrow{width:14px;height:14px;transition:transform .3s}.hero .hero-primary-btn:hover .btn-arrow{transform:translate(2px)}.hero .hero-secondary-btn{color:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff4d;border-radius:50px;justify-content:center;align-items:center;min-width:100%;padding:.65rem 1.2rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.hero .hero-secondary-btn:hover{color:#fff;background:#ffffff26;border-color:#fff9;transform:translateY(-1px);box-shadow:0 4px 20px #ffffff1a}.hero-stats{flex-wrap:wrap;justify-content:center;gap:1.5rem;width:100%;padding:0 1rem;display:flex}.stat-item{text-align:center;flex-direction:column;gap:.4rem;min-width:80px;display:flex}.stat-number{color:#3b82f6;font-size:clamp(1.25rem,5vw,1.5rem);font-weight:700;line-height:1}.hero-stat-label{color:#ffffffe6;text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem;font-size:.75rem;font-weight:500}@media (min-width:320px){.hero{min-height:84vh}.hero-wrapper{padding:1.1rem}.hero-content{gap:2rem}.hero-badge{padding:.5rem 1rem;font-size:.8rem}.badge-icon{width:16px;height:16px}.hero h1{font-size:clamp(1.7rem,6.4vw,2.25rem)}.hero p{font-size:clamp(.95rem,3.6vw,1.02rem)}.hero .hero-primary-btn,.hero .hero-secondary-btn{padding:.66rem 1.2rem;font-size:.92rem}.btn-icon{width:20px;height:20px}.btn-arrow{width:16px;height:16px}.hero-stats{gap:1.5rem}.stat-number{font-size:clamp(1.3rem,4.4vw,1.55rem)}.hero-stat-label{font-size:.74rem}}@media (min-width:480px){.hero{min-height:80vh}.hero-wrapper{padding:1.4rem}.hero-content{gap:2.25rem;max-width:500px}.hero h1{font-size:clamp(1.9rem,5.4vw,2.4rem)}.hero p{max-width:450px;font-size:clamp(.98rem,2.9vw,1.08rem)}.hero-actions{gap:1rem;max-width:320px}.hero .hero-primary-btn,.hero .hero-secondary-btn{min-width:170px;padding:.7rem 1.3rem;font-size:.95rem}.hero-stats{gap:1.8rem}.stat-item{min-width:80px}.stat-number{font-size:clamp(1.45rem,3.4vw,1.75rem)}.hero-stat-label{font-size:.8rem}}@media (min-width:768px){.hero{min-height:80vh}.hero-wrapper{padding:2rem}.hero-content{gap:3.5rem;max-width:700px}.hero-text{gap:1.5rem}.hero h1{font-size:clamp(2.5rem,5vw,3.5rem)}.hero p{max-width:600px;font-size:clamp(1.1rem,2.5vw,1.25rem)}.hero-actions{flex-direction:row;gap:1.5rem;width:auto;max-width:none}.hero .hero-primary-btn,.hero .hero-secondary-btn{width:auto;min-width:180px}.hero-stats{gap:3rem}.stat-item{min-width:100px}.stat-number{font-size:clamp(2rem,3vw,2.25rem)}.hero-stat-label{font-size:.9rem}}@media (min-width:1024px){.hero{min-height:75vh}.hero-wrapper{padding:2rem}.hero-content{gap:4rem;max-width:900px}.hero h1{font-size:clamp(2.75rem,4.5vw,4rem)}.hero p{max-width:700px;font-size:clamp(1.2rem,2vw,1.35rem)}.hero .hero-primary-btn,.hero .hero-secondary-btn{min-width:190px;padding:.8rem 1.5rem;font-size:1rem}.btn-icon{width:22px;height:22px}.btn-arrow{width:18px;height:18px}.hero-stats{gap:4rem}.stat-item{min-width:120px}.stat-number{font-size:clamp(2.25rem,2.5vw,2.5rem)}.hero-stat-label{font-size:.95rem}}@media (min-width:1200px){.hero{min-height:70vh}.hero-wrapper{padding:2rem}.hero-content{gap:4.5rem;max-width:1000px}.hero h1{font-size:clamp(3rem,4vw,4.5rem)}.hero p{max-width:800px;font-size:clamp(1.25rem,1.8vw,1.4rem)}.hero .hero-primary-btn,.hero .hero-secondary-btn{min-width:200px;padding:.85rem 1.6rem;font-size:1.05rem}.hero-stats{gap:5rem}.stat-item{min-width:140px}.stat-number{font-size:clamp(2.5rem,2.2vw,2.75rem)}.hero-stat-label{font-size:1rem}}@media (min-width:1440px){.hero{min-height:65vh}.hero-wrapper{max-width:1400px;padding:2rem}.hero-content{gap:5rem;max-width:1100px}.hero h1{font-size:clamp(3.5rem,3.5vw,5rem)}.hero p{max-width:900px;font-size:clamp(1.3rem,1.6vw,1.5rem)}.hero-stats{gap:6rem}.stat-item{min-width:160px}.stat-number{font-size:clamp(2.75rem,2vw,3rem)}}.hero-content>*{opacity:0;animation:.8s ease-out forwards fadeInUp}.hero-content>:first-child{animation-delay:.1s}.hero-content>:nth-child(2){animation-delay:.2s}.hero-content>:nth-child(3){animation-delay:.3s}.hero-content>:nth-child(4){animation-delay:.4s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero.hero-small{background:linear-gradient(135deg,#1a1f36 0%,#2d3748 100%);min-height:40vh}.hero.hero-small .hero-content{gap:1.5rem}.hero.hero-small h1{font-size:clamp(1.5rem,4vw,2.5rem)}.hero.hero-small p{font-size:clamp(.9rem,2vw,1.1rem)}.hero.hero-small .hero-stats{display:none}.hero.hero-small .hero-actions{gap:1rem}@media (max-width:768px){.hero.hero-small{min-height:30vh}}
.stats-section{background:#fff;padding:3.25rem 0;position:relative;overflow:hidden}.brands-section{padding:.75rem 0;overflow:hidden}.brands-slider-container{width:100%;max-width:calc(640px + 16rem);margin:0 auto;position:relative;overflow:hidden}.brands-slider{gap:2rem;width:calc(1280px + 32rem);padding:10px;animation:25s linear infinite scrollBrands;display:flex}.brand-logo{opacity:1;background:#f9fafb;border-radius:12px;flex:0 0 80px;justify-content:center;align-items:center;min-height:80px;padding:1rem;transition:all .3s;display:flex}.brand-logo:hover{background:#fff;transform:translateY(-4px)}.brand-logo img{filter:brightness(.8);width:68px;height:68px;transition:filter .3s}.brand-logo:hover img{filter:brightness()}.brands-slider-container:hover .brands-slider{animation-play-state:paused}@keyframes scrollBrands{0%{transform:translate(0)}to{transform:translate(calc(-960px - 24rem))}}@media (max-width:768px){.brands-slider-container{max-width:calc(480px + 12rem)}.brands-slider{width:calc(960px + 24rem);animation:20s linear infinite scrollBrandsMobile}.brand-logo{background:#ffffffe6;flex:0 0 60px;min-height:60px;padding:.75rem;box-shadow:0 6px 20px #0000001a}.brand-logo img{filter:brightness(.8);width:36px;height:36px}}@keyframes scrollBrandsMobile{0%{transform:translate(0)}to{transform:translate(calc(-720px - 18rem))}}.stats-section:before,.stats-section:after{display:none}.stats-header{text-align:center;margin-bottom:2.2rem}.stats-header h2{font-size:clamp(1.6rem,4.5vw,2.3rem);font-weight:var(--fw-bold);color:var(--text-heading);margin-bottom:.75rem;position:relative}.stats-header h2:after{content:"";background:#e5e7eb;border-radius:2px;width:48px;height:3px;position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%)}.stats-header p{color:var(--text-heading);max-width:600px;margin:0 auto;font-size:1rem;line-height:1.5}.stats-modern-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:1000px;margin:0 auto;display:grid}.stat-modern-card{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:1.5rem;transition:all .3s;position:relative;overflow:hidden}.stat-modern-card:before{content:"";background:#e5e7eb;height:4px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.stat-modern-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a}.stat-modern-card:hover:before{transform:scaleX(1)}.stat-icon{color:#6b7280;background:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1.5rem;font-size:1.5rem;display:flex;box-shadow:0 8px 24px #0000001a}.stat-content{z-index:1;position:relative}.stat-number{font-family:var(--font-heading);font-size:2.1rem;font-weight:var(--fw-extrabold);color:var(--accent);margin-bottom:.5rem;line-height:1;display:inline-block;position:relative}.stat-number:after{content:"";background:var(--accent);border-radius:1px;width:40px;height:2px;position:absolute;bottom:-.25rem;left:50%;transform:translate(-50%)}.stat-label{font-size:1.05rem;font-weight:var(--fw-semibold);color:var(--text-heading);letter-spacing:.5px;margin-bottom:.75rem}.stat-desc{color:var(--primary);margin:0;font-size:.95rem;line-height:1.5}@media (max-width:768px){.stats-section{padding:2.4rem 0}.stats-header{margin-bottom:1.6rem}.stats-header h2{font-size:1.6rem}.stats-header p{font-size:.95rem}.stats-modern-grid{grid-template-columns:1fr;gap:1.5rem}.stat-modern-card{padding:1.2rem}.stat-icon{border-radius:50%;width:56px;height:56px;font-size:1.25rem}.stat-number{font-size:1.9rem}.stat-label{font-size:1rem}}@media (max-width:880px){.stats-grid{flex-direction:column;gap:1rem}.stat-number{font-size:2rem}.stats-section{background-color:var(--surface-section);background-image:radial-gradient(circle at 12% 18%,#ff374208 0%,#ff374200 22%),repeating-linear-gradient(135deg,#06b6d405 0 1px,transparent 1px 22px),linear-gradient(180deg,var(--surface-section)0%,#fff 100%);background-blend-mode:normal,overlay,normal;background-size:auto,14px 14px,cover;padding:2.4rem 0;overflow:hidden}}.stat-item+.stat-item:before{content:"";background:var(--border);opacity:.9;border-radius:1px;width:1px;position:absolute;top:14%;bottom:14%;left:-.6rem}@media (max-width:880px){.stat-item+.stat-item:before{display:none}}
.featured-cars-section{background:linear-gradient(135deg,var(--surface-page)0%,var(--surface-section)100%);padding:4rem 0;position:relative;overflow:hidden}.featured-cars-section:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 20% 80%,#4169e114 0%,#0000 50%),radial-gradient(circle at 80% 20%,#4169e10f 0%,#0000 50%),radial-gradient(circle at 40% 40%,#4169e10a 0%,#0000 50%);position:absolute;inset:0}.featured-cars-section:after{content:"";pointer-events:none;background-image:repeating-linear-gradient(45deg,#0000,#0000 2px,#0f172a05 2px 4px);position:absolute;inset:0}.section-header{text-align:center;z-index:1;margin-bottom:2.25rem;position:relative}.section-header h2{font-family:var(--font-heading);font-size:clamp(1.6rem,4vw,2.25rem);font-weight:var(--fw-bold);color:var(--text-heading);letter-spacing:.02em;margin-bottom:1rem;position:relative}.section-header h2:after{content:"";background:linear-gradient(90deg,var(--primary),var(--primary-hover));border-radius:2px;width:80px;height:3px;position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%)}.section-header p{color:var(--text-body);max-width:600px;margin:1rem auto 0;font-size:1rem;line-height:1.6}.featured-empty{background:var(--surface-card);border:1px solid var(--border);max-width:640px;color:var(--text-heading);text-align:center;box-shadow:var(--shadow-sm);border-radius:14px;margin:2rem auto;padding:1.2rem 1.5rem;font-size:1rem}.featured-empty p{opacity:.95;margin:0;line-height:1.5}.featured-cars-grid{z-index:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;max-width:1400px;margin:0 auto;display:grid;position:relative}@media (max-width:1200px){.featured-cars-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.featured-car-card{background:var(--surface-card);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.featured-car-card:hover{box-shadow:var(--shadow-lg);border-color:#4169e159;transform:translateY(-8px)}.car-image-container{background:linear-gradient(135deg,#eef2f7,#f8fafc);width:100%;height:220px;position:relative;overflow:hidden}.car-image{object-fit:cover;width:100%;transition:transform .5s cubic-bezier(.4,0,.2,1);height:inherit!important}.featured-car-card:hover .car-image{transform:scale(1.05)}.favorite-button{border:1px solid var(--border);color:var(--text-heading);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2;background:#fffffff0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;position:absolute;top:1rem;right:1rem}.favorite-button:hover{background:var(--primary);border-color:var(--primary);color:var(--white);transform:scale(1.1)}.heart-icon{width:18px;height:18px;transition:transform .3s}.favorite-button:hover .heart-icon{transform:scale(1.2)}.heart-icon.filled{fill:currentColor}.favorite-button.favorited{color:var(--white);background:#e74c3c;border-color:#e74c3c}.favorite-button.favorited .heart-icon{transform:none}.car-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;z-index:3;background:#ffffffc7;border-radius:16px;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.featured-car-card:hover .car-overlay{opacity:1}.view-details-btn{background:var(--primary);color:var(--white);font-size:var(--fs-sm);font-weight:var(--fw-semibold);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s;display:inline-flex}.view-details-btn:hover{background:var(--primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-icon{width:16px;height:16px}.car-info{padding:1.5rem}.car-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.car-title{font-family:var(--font-heading);font-size:var(--fs-xl);font-weight:var(--fw-semibold);color:var(--text-heading);margin:0;line-height:1.3}.car-year{color:var(--primary);font-size:var(--fs-sm);font-weight:var(--fw-semibold);background:#4169e133;border:1px solid #4169e14d;border-radius:20px;padding:.25rem .75rem}.car-specs{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.featured-car-card .car-specs .spec-chip{color:var(--text-heading)!important;background:#4169e114!important;border:1px solid #4169e129!important;border-radius:16px!important;align-items:center!important;gap:.375rem!important;padding:.375rem .75rem!important;font-size:.875rem!important;font-weight:500!important;transition:all .2s!important;display:inline-flex!important}.featured-car-card .car-specs .spec-chip:hover{background:#4169e11f!important;border-color:#4169e140!important;transform:translateY(-1px)!important}.featured-car-card .car-specs .spec-chip .spec-icon{width:16px!important;height:16px!important;color:var(--primary)!important;flex-shrink:0!important}.featured-car-card .car-specs .spec-chip .spec-value{color:var(--text-heading)!important;font-size:.875rem!important;font-weight:500!important;line-height:1!important}.car-footer{border-top:1px solid var(--border);justify-content:center;align-items:center;padding-top:1rem;display:flex}.car-price{font-family:var(--font-heading);font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--primary);letter-spacing:.01em}.enquire-btn{background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:var(--white);font-size:var(--fs-sm);font-weight:var(--fw-semibold);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;text-decoration:none;transition:all .3s;display:inline-flex}.enquire-btn:hover{background:linear-gradient(135deg,var(--primary-hover),var(--primary-active));box-shadow:var(--shadow-md);transform:translateY(-2px)}.featured-cars-cta{text-align:center;z-index:1;margin-top:2rem;position:relative}.cta-button.secondary{color:var(--text-heading);border:2px solid var(--border);font-size:var(--fs-base);font-weight:var(--fw-semibold);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:0 0;border-radius:8px;align-items:center;gap:.75rem;padding:1rem 2rem;text-decoration:none;transition:all .3s;display:inline-flex}.cta-button.secondary:hover{border-color:var(--primary);color:var(--primary);box-shadow:var(--shadow-sm);background:#4169e11a;transform:translateY(-2px)}.cta-icon{width:20px;height:20px}.loading-spinner{text-align:center;color:var(--text-body);font-size:var(--fs-lg);z-index:1;padding:2rem;position:relative}@media (max-width:768px){.featured-cars-section{padding:2.25rem 0}.section-header h2{font-size:1.6rem}.section-header p{font-size:1rem}.featured-cars-grid{grid-template-columns:1fr;gap:1.5rem}.car-image-container{height:180px}.car-info{padding:1.25rem}.car-title{font-size:1.125rem}.car-specs{gap:.375rem}.spec-chip{padding:.25rem .5rem}.spec-icon{width:12px;height:12px}.spec-item{justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex}.spec-label{margin-bottom:0}.car-footer{flex-direction:column;align-items:stretch;gap:1rem}.enquire-btn{justify-content:center}.cta-button.secondary{padding:.875rem 1.5rem;font-size:.9rem}}@media (max-width:480px){.featured-cars-section{padding:1.75rem 0}.section-header{margin-bottom:1.25rem}.featured-cars-grid{gap:1rem}.car-image-container{height:160px}.car-info{padding:1rem}.favorite-button{width:36px;height:36px;top:.75rem;right:.75rem}.heart-icon{width:16px;height:16px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.featured-car-card{animation:.6s ease-out forwards fadeInUp}.featured-car-card:first-child{animation-delay:.1s}.featured-car-card:nth-child(2){animation-delay:.2s}.featured-car-card:nth-child(3){animation-delay:.3s}