/* HITUNE reference polish — premium automotive, vehicle-first, regression-safe overrides. */
:root{--hitune-ink:#07090c;--hitune-panel:#0d1116;--hitune-panel-2:#12171d;--hitune-line:rgba(196,211,221,.13);--hitune-text:#f4f6f8;--hitune-muted:#929da6;--hitune-accent:#a9d8ff;--hitune-accent-strong:#c9e8ff}

/* Public homepage — continuous dark automotive environment */
body.home{background:radial-gradient(circle at 72% 12%,rgba(65,102,128,.13),transparent 27%),linear-gradient(180deg,#070a0d 0,#090c10 48%,#07090c 100%)!important;color:var(--hitune-text)}
.home .promo-banner{background:#080b0e!important;border-bottom:1px solid rgba(255,255,255,.07)!important}
.home .hitune-site-header{position:relative;z-index:40;background:rgba(6,9,12,.78)!important;border-bottom:1px solid rgba(210,229,241,.09)!important;backdrop-filter:blur(18px) saturate(120%)!important;-webkit-backdrop-filter:blur(18px) saturate(120%)!important}
.home .hitune-site-header .nav{min-height:72px!important}
.home .hitune-site-header nav{gap:22px!important}
.home .hitune-site-header nav>a:not(.btn){color:#c7cdd2!important;font-size:.8rem!important}
.home .hitune-site-header nav>a:not(.btn):hover{color:#fff!important}
.home .hitune-site-header .btn-yellow{background:linear-gradient(180deg,#d8edff,#a9d8ff)!important;border:1px solid rgba(220,241,255,.9)!important;color:#071018!important;box-shadow:0 8px 28px rgba(100,174,229,.18)!important;border-radius:8px!important}
.home .brand{letter-spacing:.045em!important;font-weight:900!important}

.home .hero{position:relative;overflow:hidden;padding:48px 0 22px!important;background:radial-gradient(circle at 75% 38%,rgba(89,126,151,.14),transparent 26%),linear-gradient(180deg,#070a0d 0,#090d11 72%,#0a0d11 100%)!important;border-bottom:0!important}
.home .hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,6,8,.68) 0,rgba(4,6,8,.2) 45%,rgba(4,6,8,.05) 67%,rgba(4,6,8,.42) 100%);pointer-events:none}
.home .hero-orb{opacity:.28!important;filter:blur(80px)!important}
.home .hero-grid{position:relative;z-index:2;display:grid!important;grid-template-columns:minmax(300px,.78fr) minmax(0,1.42fr)!important;gap:14px!important;align-items:center!important;max-width:1260px!important}
.home .hero-copy{position:relative;z-index:4;max-width:475px;padding:32px 0 48px!important}
.home .hero-kicker{margin-bottom:14px!important;color:#aab5bd!important;font-size:.72rem!important;font-weight:750!important;letter-spacing:.16em!important;text-transform:uppercase!important}
.home .hero-kicker-dot{width:6px!important;height:6px!important;background:#b8def9!important;box-shadow:0 0 16px rgba(156,214,255,.52)!important}
.home .hero-service-heading{margin:0 0 18px!important;color:#f7f8fa!important;font-size:clamp(3rem,5.6vw,5.5rem)!important;font-weight:780!important;letter-spacing:-.055em!important;line-height:.94!important;text-transform:none!important;font-style:normal!important;text-shadow:0 8px 34px rgba(0,0,0,.42)!important}
.home .hero-service-heading span{color:#f7f8fa!important;text-shadow:none!important}
.home .hero-copy h2{max-width:34ch;margin:0 0 12px!important;color:#e7eaed!important;font-size:1.22rem!important;font-weight:500!important;line-height:1.48!important}
.home .hero-copy .lead{max-width:41ch!important;margin:0 0 24px!important;color:#a4afb7!important;font-size:.93rem!important;line-height:1.65!important}
.home .hero-actions{display:flex!important;align-items:center!important;gap:18px!important;flex-wrap:wrap!important}
.home .hero-actions .hero-primary{min-height:50px!important;padding:13px 20px!important;border-radius:8px!important;background:linear-gradient(180deg,#d8edff,#a9d8ff)!important;border:1px solid rgba(227,244,255,.9)!important;color:#071018!important;font-weight:800!important;box-shadow:0 10px 30px rgba(87,167,223,.2)!important}
.home .hero-actions .hero-roadside{min-height:auto!important;padding:7px 0!important;border:0!important;background:transparent!important;color:#d4dde3!important;text-decoration:underline!important;text-underline-offset:5px!important;box-shadow:none!important}
.home .hero-proof{display:none!important}
.home .hero-visual{position:relative!important;min-width:0!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important}
.home .hero-art-shell{position:relative!important;width:112%!important;max-width:none!important;margin-left:-7%!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.home .hero-car-art{display:block!important;width:100%!important;height:auto!important;max-height:610px!important;object-fit:contain!important;filter:saturate(.88) contrast(1.05) drop-shadow(0 24px 40px rgba(0,0,0,.5))!important;mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%)!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%)!important}
.home .hero-art-glass,.home .hero-float{display:none!important}
.home a.hero-install-app{position:absolute!important;z-index:5!important;top:8px!important;right:2%!important;width:auto!important;min-width:220px!important;min-height:48px!important;margin:0!important;padding:8px 11px!important;border:1px solid rgba(206,227,241,.15)!important;border-radius:10px!important;background:rgba(9,13,17,.72)!important;backdrop-filter:blur(14px)!important;box-shadow:0 14px 34px rgba(0,0,0,.25)!important}
.home a.hero-install-app img{width:34px!important;height:34px!important;flex-basis:34px!important;border-radius:8px!important}
.home a.hero-install-app small{font-size:.52rem!important;color:#8fa4b2!important}.home a.hero-install-app strong{font-size:.77rem!important}.home a.hero-install-app>b{font-size:1rem!important}
.home-customer-personalized .hero-copy{max-width:510px}
.home-customer-personalized .hero-kicker{color:#86949e!important}
.home-customer-personalized .hero-service-heading{font-size:clamp(3.25rem,6vw,5.8rem)!important}
.home-customer-personalized .hero-copy h2{display:block!important;max-width:29ch;margin-top:2px!important;color:#e8ebee!important;font-size:1.16rem!important}

/* Integrated four-column service strip */
.home .trust-ribbon{position:relative;z-index:5;padding:0 0 34px!important;margin-top:-2px!important;background:#0a0d11!important;border:0!important}
.home .trust-ribbon-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;overflow:hidden;border:1px solid rgba(209,225,236,.13)!important;border-radius:13px!important;background:linear-gradient(180deg,rgba(18,24,30,.92),rgba(10,14,18,.97))!important;box-shadow:0 16px 45px rgba(0,0,0,.22)!important}
.home .trust-ribbon-grid>div,.home .trust-ribbon-grid>.home-service-shortcut{position:relative;display:block!important;min-width:0;padding:18px 20px!important;border:0!important;border-right:1px solid rgba(209,225,236,.09)!important;background:transparent!important;color:#f2f4f6!important;text-align:left!important;text-decoration:none!important;cursor:pointer}
.home .trust-ribbon-grid>*:last-child{border-right:0!important}
.home .trust-ribbon-grid>*:hover{background:rgba(255,255,255,.025)!important}
.home .trust-icon{display:block!important;width:auto!important;height:auto!important;margin:0 0 7px!important;color:#a9d8ff!important;background:none!important;border:0!important;font-size:.68rem!important;font-weight:800!important;letter-spacing:.12em!important}
.home .trust-ribbon strong{display:block!important;color:#f3f5f7!important;font-size:.88rem!important;font-weight:730!important}
.home .trust-ribbon small{display:block!important;margin-top:4px!important;color:#7f8c95!important;font-size:.71rem!important;line-height:1.45!important}

/* Detailed service area stays dark and editorial instead of switching to a light website block. */
.home #services{padding:66px 0 72px!important;background:linear-gradient(180deg,#0a0d11,#0d1116)!important;border-top:1px solid rgba(255,255,255,.035)!important;border-bottom:1px solid rgba(255,255,255,.055)!important}
.home #services .section-heading{margin-bottom:28px!important}
.home #services .section-heading h2{color:#f3f5f7!important;font-size:clamp(2rem,3.2vw,3rem)!important;letter-spacing:-.035em!important}
.home #services .section-heading p{color:#8f9ba4!important}
.home #services .eyebrow{color:#83939f!important;letter-spacing:.16em!important}
.home #services .service-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;border:1px solid rgba(205,222,233,.11)!important;border-radius:14px!important;overflow:hidden!important;background:#0c1015!important}
.home #services .home-service-card{min-height:154px!important;padding:22px!important;border:0!important;border-right:1px solid rgba(205,222,233,.08)!important;border-bottom:1px solid rgba(205,222,233,.08)!important;border-radius:0!important;background:linear-gradient(180deg,rgba(18,24,30,.8),rgba(11,15,19,.94))!important;box-shadow:none!important;color:#eef2f5!important}
.home #services .home-service-card:nth-child(3n){border-right:0!important}.home #services .home-service-card:nth-last-child(-n+3){border-bottom:0!important}
.home #services .home-service-card:hover,.home #services .home-service-card:focus-visible{background:linear-gradient(180deg,rgba(24,32,39,.95),rgba(14,19,24,.98))!important}
.home #services .home-service-card .service-icon{color:#a9d8ff!important}
.home #services .home-service-card h3{color:#f1f4f6!important;font-size:1rem!important}.home #services .home-service-card p{color:#87939d!important;font-size:.83rem!important}
.home .service-area-banner{margin-top:24px!important;padding:20px!important;border:1px solid rgba(205,222,233,.1)!important;border-radius:12px!important;background:#0b0f13!important;box-shadow:none!important}
.home .service-area-banner strong{color:#eaf0f4!important}.home .service-area-banner span{color:#86949e!important}.home .service-area-banner .btn-dark{background:#131920!important;border:1px solid rgba(205,222,233,.14)!important;color:#e8edf1!important}
.home .home-seo-links a{color:#9fabb4!important}
.home .instagram-section{background:#090c10!important;border-top:0!important}
.home #book{background:#0b0f13!important;color:#eef2f5!important}

/* Garage — quieter, thinner, more vehicle-first. */
#vehicles .saved-vehicles-heading{margin-bottom:14px!important}
#vehicles .saved-vehicles-heading h2{font-size:1.55rem!important;letter-spacing:-.025em!important}
#vehicles .saved-vehicles-heading p{color:#6f7d87!important}
#vehicleList{gap:10px!important}
#vehicleList .garage-vehicle-card{grid-template-columns:minmax(190px,29%) minmax(0,1fr)!important;min-height:154px!important;border-color:rgba(205,222,233,.1)!important;border-radius:12px!important;background:linear-gradient(145deg,rgba(15,20,25,.98),rgba(8,11,15,.99))!important;box-shadow:0 12px 28px rgba(0,0,0,.18)!important}
#vehicleList .garage-vehicle-card:hover{transform:translateY(-1px)!important;border-color:rgba(173,215,247,.26)!important;box-shadow:0 18px 36px rgba(0,0,0,.24)!important}
.garage-vehicle-art{min-height:154px!important;background:linear-gradient(145deg,#11161b,#080b0f)!important}
.garage-vehicle-art:after{background:linear-gradient(90deg,transparent 68%,rgba(8,11,15,.7))!important}
.garage-vehicle-copy{padding:17px 18px!important}
.garage-vehicle-title strong{font-size:1.02rem!important;font-weight:760!important}.garage-vehicle-subtitle{color:#7f8c96!important;font-size:.73rem!important}
.garage-vehicle-specs{margin-top:11px!important;padding-top:10px!important;border-top:1px solid rgba(255,255,255,.05)!important}.garage-spec span{color:#596873!important}.garage-spec strong{color:#cbd4da!important}
.garage-vehicle-actions{margin-top:12px!important}.garage-vehicle-actions .btn,.garage-vehicle-actions .icon-action{background:transparent!important;border-color:rgba(205,222,233,.1)!important;box-shadow:none!important}.garage-vehicle-actions .garage-history-btn{color:#b7dfff!important}
#vehicles .garage-add-toggle{border-style:solid!important;border-color:rgba(205,222,233,.11)!important;background:#0b0f13!important;color:#c2ddef!important}
#vehicles .garage-add-vehicle-card{border-color:rgba(205,222,233,.1)!important;background:linear-gradient(145deg,#11161b,#090c10)!important;box-shadow:0 16px 34px rgba(0,0,0,.2)!important}

/* Installed customer app — restrained active-state glow, cleaner bottom navigation. */
.customer-app .portal-bottom-nav{background:rgba(7,10,13,.94)!important;border-top:1px solid rgba(205,222,233,.09)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important}
.customer-app .portal-bottom-nav a{color:#7f8b94!important}.customer-app .portal-bottom-nav a[aria-current="page"]{color:#b8dcff!important}.customer-app .portal-bottom-nav a[aria-current="page"] svg{filter:drop-shadow(0 0 8px rgba(122,191,244,.38))!important}
.customer-app .portal-main{background:linear-gradient(180deg,#080b0f,#0b0f13)!important}
.customer-app .page-header h1{letter-spacing:-.03em!important}

@media(max-width:900px){
 .home .hero{padding-top:30px!important}.home .hero-grid{grid-template-columns:1fr!important;gap:0!important}.home .hero-copy{max-width:620px!important;padding:28px 0 4px!important}.home .hero-service-heading{font-size:clamp(3rem,9vw,5rem)!important}.home .hero-visual{margin-top:-2px!important}.home .hero-art-shell{width:min(112%,760px)!important;margin-left:-6%!important}.home a.hero-install-app{top:0!important;right:1%!important}.home .trust-ribbon-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.home .trust-ribbon-grid>*:nth-child(2){border-right:0!important}.home .trust-ribbon-grid>*:nth-child(-n+2){border-bottom:1px solid rgba(209,225,236,.09)!important}.home #services .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.home #services .home-service-card:nth-child(3n){border-right:1px solid rgba(205,222,233,.08)!important}.home #services .home-service-card:nth-child(2n){border-right:0!important}.home #services .home-service-card:nth-last-child(-n+3){border-bottom:1px solid rgba(205,222,233,.08)!important}.home #services .home-service-card:nth-last-child(-n+2){border-bottom:0!important}
}
@media(max-width:640px){
 .home .hero{padding:18px 0 8px!important}.home .hero-copy{padding:24px 0 0!important}.home .hero-kicker{font-size:.64rem!important;margin-bottom:10px!important}.home .hero-service-heading{font-size:clamp(2.7rem,14vw,4.4rem)!important;line-height:.92!important;margin-bottom:15px!important}.home .hero-copy h2{font-size:1rem!important}.home .hero-copy .lead{font-size:.84rem!important;margin-bottom:18px!important}.home .hero-actions{gap:13px!important}.home .hero-actions .hero-primary{min-height:46px!important;width:auto!important}.home .hero-art-shell{width:116%!important;margin:8px 0 0 -8%!important}.home .hero-car-art{max-height:430px!important;mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)!important}.home a.hero-install-app{position:relative!important;top:auto!important;right:auto!important;width:100%!important;min-width:0!important;margin:6px 0 2px!important}.home .trust-ribbon{padding-bottom:24px!important}.home .trust-ribbon-grid{grid-template-columns:1fr 1fr!important;border-radius:11px!important}.home .trust-ribbon-grid>div,.home .trust-ribbon-grid>.home-service-shortcut{padding:14px!important}.home .trust-ribbon strong{font-size:.78rem!important}.home .trust-ribbon small{font-size:.66rem!important}.home #services{padding:44px 0 50px!important}.home #services .service-grid{grid-template-columns:1fr!important}.home #services .home-service-card{min-height:0!important;padding:18px!important;border-right:0!important;border-bottom:1px solid rgba(205,222,233,.08)!important}.home #services .home-service-card:nth-child(2n),.home #services .home-service-card:nth-child(3n){border-right:0!important}.home #services .home-service-card:last-child{border-bottom:0!important}
 #vehicleList .garage-vehicle-card{grid-template-columns:105px minmax(0,1fr)!important;min-height:98px!important;border-radius:10px!important}.garage-vehicle-art{min-height:98px!important}.garage-vehicle-copy{padding:11px 12px!important}.garage-vehicle-title strong{font-size:.84rem!important}.garage-vehicle-subtitle{font-size:.65rem!important}.garage-vehicle-specs{margin-top:7px!important;padding-top:7px!important}.garage-vehicle-actions{margin-top:7px!important}.garage-vehicle-actions .icon-action{background:transparent!important;border:0!important;color:#74818b!important}
}