
:root{
 --black:#050505;--black2:#0a0a0b;--panel:#111113;--panel2:#17171a;
 --gold:#d7a63e;--gold2:#f3d37c;--gold3:#84590f;--white:#f7f4ed;
 --muted:#aaa69d;--line:#39363d;--green:#183d27;--red:#4d1d1d;
 --shadow:0 24px 80px rgba(0,0,0,.48);--radius:22px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 82% 0,rgba(215,166,62,.09),transparent 24%),var(--black);color:var(--white);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Arial,sans-serif;line-height:1.55}
a{color:inherit}img{max-width:100%}.container{width:min(1160px,calc(100% - 34px));margin:auto}
.site-header{position:sticky;top:0;z-index:80;background:rgba(5,5,5,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(215,166,62,.2)}
.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand img{width:48px}.brand strong{display:block;font:700 19px Georgia,serif;letter-spacing:.8px}.brand span{display:block;color:var(--gold2);font-size:10px;letter-spacing:2.3px;font-weight:900}.nav-links{display:flex;align-items:center;gap:21px}.nav-links a{text-decoration:none;color:#d6d2cb;font-size:14px}.nav-links a:hover{color:var(--gold2)}.nav-cta,.button.primary{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#15100a!important}.nav-cta{padding:11px 16px;border-radius:999px;font-weight:950}.menu{display:none;border:1px solid var(--line);background:#111;color:#fff;padding:9px 11px;border-radius:10px}
.hero{position:relative;overflow:hidden;padding:88px 0 76px;min-height:82vh;display:grid;align-items:center}.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.92) 42%,rgba(5,5,5,.26) 73%,rgba(5,5,5,.12));z-index:0}.hero-image{position:absolute;inset:0 0 0 42%;background:url('/assets/images/hero-supercar.webp') center/cover no-repeat;filter:saturate(.9) contrast(1.08)}.hero-content{position:relative;z-index:1;max-width:670px}.eyebrow{font-size:12px;color:var(--gold2);text-transform:uppercase;letter-spacing:3px;font-weight:950}.hero h1,.page-hero h1{font:700 clamp(52px,8vw,90px)/.94 Georgia,serif;margin:12px 0 18px}.hero h1 span{display:block;color:var(--gold2);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:.42em;letter-spacing:4px;margin-top:12px}.hero .tagline{font-size:23px;font-style:italic}.hero p{color:#d0ccc4;font-size:19px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:14px 20px;text-decoration:none;font-weight:950;cursor:pointer}.button.secondary{background:#0b0b0d;color:var(--gold2);border:1px solid rgba(215,166,62,.52)}
.trust-strip{border-top:1px solid rgba(215,166,62,.25);border-bottom:1px solid rgba(215,166,62,.25);background:#09090a}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-item{padding:17px;text-align:center;color:#d4d0c8;border-right:1px solid #272329;font-size:13px}.trust-item:last-child{border-right:0}.trust-item b{color:var(--gold2)}
.section{padding:82px 0}.section-head{max-width:790px;margin-bottom:34px}.section-head h2{font:700 clamp(36px,5vw,56px)/1.05 Georgia,serif;margin:8px 0 14px}.section-head p{color:#bdb8ae;font-size:18px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.card{background:linear-gradient(145deg,#17171b,#0a0a0b);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow)}.card h3{font-size:22px}.card p,.card li{color:#bdb8af}.card.featured{border-color:var(--gold)}.price{font:700 45px Georgia,serif;color:var(--gold2)}.icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(215,166,62,.1);border:1px solid rgba(215,166,62,.32);color:var(--gold2);font-weight:950;margin-bottom:14px}.list{padding-left:19px}.list li{margin:6px 0}.gold-note{border:1px solid var(--gold);background:rgba(215,166,62,.08);color:var(--gold2);padding:14px 16px;border-radius:14px;font-weight:900}.band{padding:35px;border:1px solid rgba(215,166,62,.45);border-radius:var(--radius);display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(135deg,rgba(215,166,62,.11),#101012)}.band h2{font:700 34px Georgia,serif;margin:0}
.testimonial{position:relative}.stars{color:var(--gold2);letter-spacing:4px}.quote{font:italic 20px Georgia,serif;color:#ece7dc}.result{font-size:36px;font-weight:950;color:var(--gold2)}
.page-hero{text-align:center;padding:82px 0 42px}.page-hero h1{font-size:clamp(44px,7vw,72px)}.page-hero p{max-width:800px;margin:auto;color:#c2bdb4;font-size:19px}.prose{max-width:900px;margin:auto}.prose h2{font:700 32px Georgia,serif;margin-top:40px}.prose h3{color:var(--gold2)}.prose p,.prose li{color:#c4bfb6}.prose .callout{border-left:4px solid var(--gold);padding:16px 18px;background:#111;border-radius:0 12px 12px 0}
.footer{padding:48px 0 25px;border-top:1px solid rgba(215,166,62,.2)}.footer-grid{display:grid;grid-template-columns:1.35fr repeat(3,.7fr);gap:24px}.footer-links{display:grid;gap:8px}.footer-links a{text-decoration:none;color:#aaa69e}.footer-links a:hover{color:var(--gold2)}.copyright{margin-top:34px;padding-top:18px;border-top:1px solid #222;color:#777;font-size:12px}
input,select,textarea{width:100%;margin-top:7px;background:#19191c;color:#fff;border:1px solid #3c3940;border-radius:12px;padding:13px 14px;font:inherit;font-size:16px}textarea{min-height:120px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid rgba(215,166,62,.38);border-color:var(--gold)}label{font-size:13px;font-weight:800}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.full{grid-column:1/-1}.hidden{display:none!important}.notice{font-size:12px;color:#a8a39b}
.intake-shell{width:min(1180px,calc(100% - 26px));margin:28px auto 72px}.intake-hero{display:grid;grid-template-columns:1fr .8fr;gap:22px;align-items:center;margin-bottom:18px}.intake-hero-copy h1{font:700 clamp(42px,6vw,70px)/.95 Georgia,serif;margin:8px 0}.intake-hero-copy h1 span{display:block;color:var(--gold2);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:.43em;letter-spacing:3px;margin-top:12px}.intake-car{min-height:220px;border-radius:22px;background:url('/assets/images/hero-supercar.webp') center/cover no-repeat;border:1px solid #302b23}
.progress-card{padding:16px 18px;margin-bottom:18px}.progress-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.pstep{text-align:center;color:#777;font-size:12px}.pstep b{display:grid;place-items:center;width:34px;height:34px;margin:0 auto 6px;border-radius:50%;border:1px solid #4b464e}.pstep.active{color:var(--gold2)}.pstep.active b{background:var(--gold2);color:#111;border-color:var(--gold2)}.progress-track{height:7px;background:#28262b;border-radius:999px;overflow:hidden;margin-top:14px}.progress-bar{height:100%;width:25%;background:linear-gradient(90deg,var(--gold3),var(--gold2));transition:.25s}
.intake-layout{display:grid;grid-template-columns:1fr 370px;gap:18px}.step-panel{display:none}.step-panel.active{display:block}.step-card{padding:24px}.step-heading{display:flex;gap:11px;align-items:center;margin-bottom:18px}.step-number{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#111;font-weight:950}.choices{display:grid;gap:10px}.choices.two{grid-template-columns:repeat(2,1fr)}.choices.three{grid-template-columns:repeat(3,1fr)}.choices.four{grid-template-columns:repeat(4,1fr)}.choice{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #3b3840;border-radius:12px;padding:13px;background:#111113}.choice input{width:20px;height:20px;margin:0;accent-color:var(--gold)}.choice:has(input:checked){border-color:var(--gold);background:#211b10}.subsection{margin-top:22px;padding-top:19px;border-top:1px solid #2d2a30}.subsection h3{font-size:14px;color:var(--gold2);text-transform:uppercase;letter-spacing:.8px}.priority-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.priority{display:flex;justify-content:space-between;gap:10px;align-items:center;border:1px solid #3b3840;border-radius:12px;padding:13px;background:#111113;font-size:13px}.priority input{width:19px;height:19px;margin:0;accent-color:var(--gold)}.upload{border:1px dashed #625d66;border-radius:15px;padding:17px;background:#0c0c0e}.signature-wrap{background:#fff;border-radius:14px;overflow:hidden}#signature{display:block;width:100%;height:185px;touch-action:none}.service-card{display:grid;grid-template-columns:auto 1fr auto;gap:12px;border:1px solid #4b454d;border-radius:16px;padding:17px;margin-bottom:12px;background:#101012}.service-card.selected,.service-card:has(input:checked){border-color:var(--gold);background:linear-gradient(145deg,#211b10,#0e0e10)}.service-card input{width:22px;height:22px;margin:3px 0 0;accent-color:var(--gold)}.service-name{color:var(--gold2);font-size:18px;font-weight:950}.service-price{color:var(--gold2);font-weight:950;border:1px solid var(--gold);border-radius:8px;padding:7px 10px;align-self:start}.service-sidebar{position:sticky;top:98px;align-self:start}.service-sidebar ul{padding-left:18px}.service-sidebar li{color:#bbb6ad;font-size:13px;margin:5px 0}.review-list{display:grid;gap:8px}.review-row{display:flex;justify-content:space-between;gap:15px;padding:13px;border:1px solid #332f36;border-radius:11px;background:#101012}.review-row button{border:0;background:none;color:var(--gold2);cursor:pointer}.nav-buttons{display:flex;gap:10px;position:sticky;bottom:0;padding:14px 0 calc(14px + env(safe-area-inset-bottom));background:rgba(5,5,5,.92);backdrop-filter:blur(18px)}.nav-buttons button{flex:1;border:0;border-radius:12px;padding:15px;font-size:16px;font-weight:950}.back{background:#29282d;color:#fff}.next{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#111}.status{display:none;margin-top:12px;padding:12px;border-radius:10px}.status.show{display:block}.status.ok{background:var(--green)}.status.err{background:var(--red)}.payment-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:16px 0}.pay{background:#fff;color:#111;border-radius:7px;padding:7px 10px;font-size:11px;font-weight:950}
.confirm-hero{text-align:center;min-height:72vh;display:grid;place-items:center}.check{width:90px;height:90px;border:3px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold2);font-size:44px;margin:0 auto 20px}
@media(max-width:930px){.nav-links{display:none;position:absolute;top:78px;left:0;right:0;padding:18px;background:#09090a;flex-direction:column;border-bottom:1px solid #2c282e}.nav-links.open{display:flex}.menu{display:block}.hero-image{inset:0 0 0 25%;opacity:.5}.hero::after{background:linear-gradient(90deg,#050505,rgba(5,5,5,.83))}.grid-4,.grid-3,.grid-2,.footer-grid,.intake-layout,.intake-hero{grid-template-columns:1fr}.service-sidebar{position:static}.trust-grid{grid-template-columns:1fr 1fr}.trust-item:nth-child(2){border-right:0}.form-grid,.choices.four,.choices.three,.choices.two,.priority-grid{grid-template-columns:1fr}.band{align-items:flex-start;flex-direction:column}}

.premium-upload{text-align:center;padding:28px;transition:.2s}
.premium-upload.dragover{border-color:var(--gold);background:rgba(215,166,62,.08)}
.upload-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;background:rgba(215,166,62,.12);border:1px solid rgba(215,166,62,.4);color:var(--gold2);font-size:28px}
.upload-button{position:relative;overflow:hidden}
.file-list{display:grid;gap:8px;margin-top:12px}
.file-item{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:11px;border:1px solid #35313a;border-radius:11px;background:#101012}
.file-thumb{width:42px;height:42px;border-radius:8px;object-fit:cover;background:#242127;display:grid;place-items:center;color:var(--gold2);font-size:11px;font-weight:900}
.file-meta{min-width:0}.file-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.file-size{font-size:11px;color:#999}
.remove-file{border:0;background:none;color:#f0c66a;cursor:pointer;font-size:13px}

.signature-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.signature-actions .button{flex:1}
.signature-confirmation{margin-top:10px;padding:11px 13px;border-radius:10px;background:#173d26;color:#bff0cc;font-weight:900;border:1px solid #2a6840}
.signature-wrap.accepted{border:2px solid var(--gold);box-shadow:0 0 0 3px rgba(215,166,62,.12)}
.signature-wrap.accepted canvas{pointer-events:none;opacity:.9}
.optimize-choice{background:#121214}
@media(max-width:620px){.signature-actions{flex-direction:column}}

.early-lead-status{min-height:20px;margin-top:10px;color:#c8b47a}.next:disabled{opacity:.7;cursor:wait}

.step-save-status{
  min-height:22px;
  margin:10px 2px 0;
  color:#d7bd75;
  text-align:center;
}
.next:disabled{opacity:.72;cursor:wait}

.signature-wrap{position:relative;min-height:185px}
.signature-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#777;pointer-events:none;font:italic 17px Georgia,serif}
#acceptSignature:disabled{opacity:.42;cursor:not-allowed;filter:grayscale(.35)}
.signature-preview-card{margin-top:12px;display:grid;grid-template-columns:1fr 170px;gap:14px;align-items:center;padding:13px;border:1px solid rgba(215,166,62,.45);border-radius:12px;background:#101012}
.signature-preview-card img{width:170px;height:64px;object-fit:contain;background:#fff;border-radius:8px;border:1px solid #ddd}
.attachment-summary{display:flex;justify-content:space-between;gap:12px;margin-top:12px;padding:11px 13px;border-radius:11px;background:rgba(215,166,62,.09);border:1px solid rgba(215,166,62,.35);color:#e2c675;font-size:13px}
.file-list{display:grid;gap:10px;margin-top:10px}
.attachment-card{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px;border:1px solid #35313a;border-radius:12px;background:#101012}
.attachment-preview{width:58px;height:58px;padding:0;border:1px solid #4b4650;border-radius:10px;background:#222027;overflow:hidden;cursor:pointer}
.attachment-preview img{width:100%;height:100%;object-fit:cover;display:block}
.attachment-type{display:grid;place-items:center;width:100%;height:100%;color:var(--gold2);font-size:11px;font-weight:950}
.attachment-details{min-width:0}
.attachment-label{font-size:11px;color:var(--gold2);font-weight:900;text-transform:uppercase;letter-spacing:.7px}
.attachment-actions{display:flex;gap:5px;flex-direction:column}
.attachment-action{border:1px solid #5a535d;background:#17171a;color:#eee;border-radius:8px;padding:6px 9px;font-size:11px;cursor:pointer}
.attachment-action.remove{color:#efc06e}
@media(max-width:620px){
  .signature-preview-card{grid-template-columns:1fr}
  .signature-preview-card img{width:100%;height:76px}
  .attachment-card{grid-template-columns:52px minmax(0,1fr)}
  .attachment-preview{width:52px;height:52px}
  .attachment-actions{grid-column:1/-1;flex-direction:row}
  .attachment-action{flex:1}
  .attachment-summary{flex-direction:column;gap:2px}
}

/* Signature stability fix */
.signature-wrap{
  height:185px;
  min-height:185px;
  max-height:185px;
  overflow:hidden;
  contain:layout paint;
}
#signature{
  display:block;
  width:100%;
  height:185px;
}
.step-panel{
  overflow-anchor:none;
}
body{
  overflow-anchor:none;
}

/* High-resolution homepage hero and secure-document callout */
.hero-image{
  background-image:url('/assets/images/hero-supercar-hd.webp') !important;
  background-repeat:no-repeat;
  background-position:center right;
  background-size:cover;
  image-rendering:auto;
}
.hero-secure{
  display:flex;
  align-items:flex-start;
  gap:12px;
  max-width:560px;
  margin-top:22px;
  padding:14px 16px;
  border:1px solid rgba(215,166,62,.42);
  border-radius:12px;
  background:rgba(7,7,7,.76);
  backdrop-filter:blur(4px);
}
.hero-secure-icon{
  flex:0 0 40px;
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border:1px solid var(--gold);
  border-radius:9px;
  color:var(--gold2);
  font-size:22px;
}
.hero-secure strong{
  display:block;
  color:#f5f1e8;
  margin-bottom:4px;
}
.hero-secure span{
  display:block;
  color:#c9c3b8;
  font-size:14px;
  line-height:1.45;
}
@media(max-width:720px){
  .hero-image{
    background-position:68% center;
  }
  .hero-secure{
    max-width:100%;
  }
}

/* Cumulative lead-capture feedback */
.step-save-status{
  min-height:22px;
  margin:10px 2px 0;
  color:#d9bf78;
  text-align:center;
}
.next:disabled{
  opacity:.72;
  cursor:wait;
}

/* Intake header: high-resolution car-only artwork */
.intake-hero-art.intake-car-only{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(215,166,62,.32);
  border-radius:18px;
  background:#070707;
  min-height:220px;
  box-shadow:0 18px 50px rgba(0,0,0,.42);
}
.intake-hero-art.intake-car-only::before,
.intake-hero-art.intake-car-only::after{
  content:none !important;
  display:none !important;
}
.intake-hero-art.intake-car-only img{
  display:block;
  width:100%;
  height:100%;
  min-height:220px;
  object-fit:cover;
  object-position:center;
  filter:none;
  transform:none;
}
@media(max-width:900px){
  .intake-hero-art.intake-car-only{
    min-height:190px;
  }
  .intake-hero-art.intake-car-only img{
    min-height:190px;
    object-position:center 48%;
  }
}
@media(max-width:620px){
  .intake-hero-art.intake-car-only{
    min-height:160px;
    border-radius:14px;
  }
  .intake-hero-art.intake-car-only img{
    min-height:160px;
    object-position:center 48%;
  }
}

/* Final true car-only intake artwork */
.intake-car-only{
  position:relative !important;
  overflow:hidden !important;
  padding:0 !important;
  background:#050505 !important;
  border:1px solid rgba(215,166,62,.34) !important;
  border-radius:18px !important;
  min-height:220px !important;
}
.intake-car-only > *:not(img){
  display:none !important;
}
.intake-car-only::before,
.intake-car-only::after{
  content:none !important;
  display:none !important;
}
.intake-car-only img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-height:220px !important;
  object-fit:cover !important;
  object-position:center 45% !important;
  filter:none !important;
  opacity:1 !important;
  transform:none !important;
}
@media(max-width:900px){
  .intake-car-only{min-height:190px !important}
  .intake-car-only img{
    min-height:190px !important;
    object-position:center 48% !important;
  }
}
@media(max-width:620px){
  .intake-car-only{
    min-height:155px !important;
    border-radius:14px !important;
  }
  .intake-car-only img{
    min-height:155px !important;
    object-position:center 50% !important;
  }
}

/* =========================================================
   FINAL INTAKE HEADER — CLEAN CAR IMAGE, STEPS 1–4
   ========================================================= */
.intake-hero {
  grid-template-columns:minmax(0,1fr) minmax(420px,.88fr);
  gap:30px;
  align-items:center;
}

.intake-hero-copy {
  min-width:0;
}

.intake-car {
  position:relative !important;
  min-height:235px !important;
  height:235px !important;
  overflow:hidden !important;
  display:block !important;
  padding:0 !important;
  border:1px solid rgba(215,166,62,.38) !important;
  border-radius:20px !important;
  background:#050505 !important;
  box-shadow:0 18px 48px rgba(0,0,0,.42) !important;
}

.intake-car::before,
.intake-car::after {
  content:none !important;
  display:none !important;
}

.intake-car > *:not(img) {
  display:none !important;
}

.intake-car img {
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-height:235px !important;
  object-fit:cover !important;
  object-position:center center !important;
  opacity:1 !important;
  filter:none !important;
  transform:none !important;
}

@media (max-width:930px) {
  .intake-hero {
    grid-template-columns:1fr !important;
    gap:18px !important;
  }

  .intake-car {
    height:210px !important;
    min-height:210px !important;
  }

  .intake-car img {
    min-height:210px !important;
    object-position:center center !important;
  }
}

@media (max-width:620px) {
  .intake-car {
    height:165px !important;
    min-height:165px !important;
    border-radius:14px !important;
  }

  .intake-car img {
    min-height:165px !important;
    object-position:center center !important;
  }
}

/* =========================================================
   AUTOMOTIVE MANUFACTURER LOGO MARQUEE
   Desktop + tablet + mobile
   ========================================================= */
.manufacturer-marquee{
  position:relative;
  z-index:12;
  width:100%;
  overflow:hidden;
  background:#050505;
  border-top:1px solid rgba(215,166,62,.28);
  border-bottom:1px solid rgba(215,166,62,.38);
  height:102px;
  display:flex;
  align-items:center;
}

.manufacturer-track{
  display:flex;
  align-items:center;
  width:max-content;
  min-width:max-content;
  will-change:transform;
  animation:manufacturer-marquee-scroll 34s linear infinite;
}

.manufacturer-track img{
  display:block;
  flex:0 0 auto;
  width:1520px;
  height:110px;
  max-width:none;
  object-fit:contain;
}



.manufacturer-marquee-fade{
  position:absolute;
  top:0;
  bottom:0;
  width:80px;
  z-index:2;
  pointer-events:none;
}

.manufacturer-marquee-fade-left{
  left:0;
  background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.86) 42%,transparent 100%);
}

.manufacturer-marquee-fade-right{
  right:0;
  background:linear-gradient(270deg,#050505 0%,rgba(5,5,5,.86) 42%,transparent 100%);
}

@keyframes manufacturer-marquee-scroll{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-1520px,0,0)}
}

@media(max-width:930px){
  .manufacturer-marquee{
    height:88px;
  }

  .manufacturer-track{
    animation-duration:29s;
  }

  .manufacturer-track img{
    width:1216px;
    height:88px;
  }

  @keyframes manufacturer-marquee-scroll{
    from{transform:translate3d(0,0,0)}
    to{transform:translate3d(-1216px,0,0)}
  }
}

@media(max-width:620px){
  .manufacturer-marquee{
    height:74px;
  }

  .manufacturer-track{
    animation-duration:25s;
  }

  .manufacturer-track img{
    width:1018px;
    height:74px;
  }

  .manufacturer-marquee-fade{
    width:34px;
  }

  @keyframes manufacturer-marquee-scroll{
    from{transform:translate3d(0,0,0)}
    to{transform:translate3d(-1018px,0,0)}
  }
}

@media(prefers-reduced-motion:reduce){
  .manufacturer-track{
    animation:none;
    transform:none;
  }

  .manufacturer-marquee{
    overflow-x:auto;
    scrollbar-width:thin;
    scrollbar-color:var(--gold) #111;
  }
}

/* =========================================================
   PERSISTENT SERVICE SELECTOR — STEPS 1–4
   ========================================================= */
.service-selector{
  position:sticky;
  top:88px;
  z-index:14;
  margin:0 0 18px;
  padding:20px;
  background:rgba(11,11,13,.96);
  backdrop-filter:blur(18px);
  border-color:rgba(215,166,62,.46);
}

.service-selector-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  margin-bottom:14px;
}

.service-selector-heading h2{
  margin:4px 0 5px;
  font:700 clamp(25px,3vw,34px)/1.05 Georgia,serif;
}

.current-service-badge{
  flex:0 0 auto;
  padding:9px 12px;
  border:1px solid rgba(215,166,62,.48);
  border-radius:999px;
  color:var(--gold2);
  background:#17130b;
  font-size:12px;
  font-weight:950;
  white-space:nowrap;
}

.service-selector-grid,
.final-service-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.service-option{
  width:100%;
  display:block;
  appearance:none;
  -webkit-appearance:none;
  border:1px solid #454149;
  border-radius:15px;
  padding:15px;
  text-align:left;
  color:#f5f2eb;
  background:linear-gradient(145deg,#17171b,#0c0c0e);
  cursor:pointer;
  transition:
    transform .18s ease,
    border-color .18s ease,
    background .18s ease,
    box-shadow .18s ease;
}

.service-option:hover,
.service-option:focus-visible{
  transform:translateY(-2px);
  border-color:var(--gold);
  background:linear-gradient(145deg,#241d10,#101012);
  box-shadow:0 14px 28px rgba(0,0,0,.28);
  outline:none;
}

.service-option.selected{
  border-color:var(--gold2);
  background:linear-gradient(145deg,#2a2110,#111113);
  box-shadow:
    0 0 0 1px rgba(246,204,101,.28),
    0 15px 34px rgba(0,0,0,.30);
}

.service-option-header{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-start;
}

.service-option-title{
  display:block;
  color:var(--gold2);
  font-size:18px;
  font-weight:950;
}

.service-option-subtitle{
  display:block;
  margin-top:5px;
  color:#bbb6ad;
  font-size:12px;
  line-height:1.4;
}

.service-option-price{
  flex:0 0 auto;
  padding:6px 9px;
  color:var(--gold2);
  border:1px solid var(--gold);
  border-radius:8px;
  font-weight:950;
}

.service-option-details{
  display:grid;
  gap:5px;
  max-height:0;
  opacity:0;
  overflow:hidden;
  margin-top:0;
  color:#c7c2b9;
  font-size:12px;
  line-height:1.4;
  transition:max-height .26s ease, opacity .2s ease, margin-top .2s ease;
}

.service-option-details span::before{
  content:"✓";
  margin-right:7px;
  color:var(--gold2);
  font-weight:950;
}

.service-option:hover .service-option-details,
.service-option:focus-visible .service-option-details,
.service-option.selected .service-option-details{
  max-height:190px;
  opacity:1;
  margin-top:12px;
}

.service-option-action{
  display:block;
  margin-top:12px;
  color:var(--gold2);
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.5px;
}

.service-credit-note{
  margin:12px 0 0;
  color:var(--gold2);
  font-size:12px;
  font-weight:900;
}

.service-selection-message{
  min-height:18px;
  margin-top:7px;
  color:#d7bd75;
  font-size:12px;
}

.service-option-compact{
  min-height:126px;
}

.service-option-compact .service-option-title,
.service-option-compact .service-option-subtitle,
.service-option-compact .service-option-action{
  display:block;
}

.final-service-choice{
  scroll-margin-top:170px;
}

.service-sidebar-summary{
  transition:border-color .18s ease, box-shadow .18s ease, opacity .18s ease;
  opacity:.78;
}

.service-sidebar-summary.selected{
  opacity:1;
  border-color:var(--gold2);
  box-shadow:0 0 0 1px rgba(246,204,101,.2), var(--shadow);
}

@media(max-width:930px){
  .service-selector{
    position:relative;
    top:auto;
  }

  .service-selector-heading{
    flex-direction:column;
    gap:9px;
  }

  .current-service-badge{
    white-space:normal;
  }
}

@media(max-width:700px){
  .service-selector{
    padding:16px;
  }

  .service-selector-grid,
  .final-service-grid{
    grid-template-columns:1fr;
  }

  .service-option-details{
    max-height:190px;
    opacity:1;
    margin-top:10px;
  }

  .service-option:hover,
  .service-option:focus-visible{
    transform:none;
  }
}


/* =========================================================
   SERVICE HOVER FLOW FIX
   ========================================================= */
/* The intake selector now sits below the active step information. */
.intake-layout{
  grid-template-columns:minmax(0,1fr) !important;
}
.service-sidebar{
  display:none !important;
}
.service-selector-slot{
  margin-top:22px;
}
.service-selector{
  position:relative !important;
  top:auto !important;
  z-index:1 !important;
  margin:0 !important;
  width:100%;
}
.selected-service-summary{
  margin-bottom:0;
}

/* Homepage service cards use the same hover-to-reveal behavior. */
.homepage-service-grid{
  align-items:start;
}
.homepage-service-card{
  cursor:pointer;
  overflow:hidden;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.homepage-service-card:hover,
.homepage-service-card:focus-visible,
.homepage-service-card:focus-within{
  transform:translateY(-4px);
  border-color:var(--gold2);
  background:linear-gradient(145deg,#20190d,#101012);
  box-shadow:0 18px 40px rgba(0,0,0,.34),0 0 0 1px rgba(246,204,101,.18);
  outline:none;
}
.homepage-service-card-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
}
.homepage-service-card .price{
  flex:0 0 auto;
}
.homepage-service-summary{
  margin-bottom:0;
}
.homepage-service-details{
  max-height:0;
  opacity:0;
  overflow:hidden;
  margin-top:0;
  transition:max-height .32s ease,opacity .22s ease,margin-top .22s ease;
}
.homepage-service-card:hover .homepage-service-details,
.homepage-service-card:focus-visible .homepage-service-details,
.homepage-service-card:focus-within .homepage-service-details{
  max-height:520px;
  opacity:1;
  margin-top:14px;
}
.homepage-service-cta{
  margin-top:18px;
}

@media(max-width:930px){
  .service-selector-slot{margin-top:18px}
}

@media(max-width:700px){
  .homepage-service-card{transform:none !important}
  .homepage-service-details{
    max-height:520px;
    opacity:1;
    margin-top:14px;
  }
}

@media(prefers-reduced-motion:reduce){
  .homepage-service-card,
  .homepage-service-details{
    transition:none;
  }
}

/* =========================================================
   MOBILE SERVICE ACCORDION REFINEMENT
   ========================================================= */

/* Homepage: explicit mobile expand control and matching gold buttons */
.homepage-service-toggle{
  display:none;
  width:100%;
  margin-top:12px;
  padding:10px 12px;
  border:1px solid rgba(215,166,62,.38);
  border-radius:10px;
  background:#14110b;
  color:var(--gold2);
  align-items:center;
  justify-content:space-between;
  gap:12px;
  font:800 12px/1.2 inherit;
  cursor:pointer;
  touch-action:manipulation;
}

.homepage-service-chevron,
.service-option-chevron{
  display:inline-block;
  transition:transform .2s ease;
}

.homepage-service-card.mobile-expanded .homepage-service-chevron,
.service-option.mobile-expanded .service-option-chevron{
  transform:rotate(180deg);
}

.homepage-service-cta.button.primary{
  color:#111 !important;
  background:linear-gradient(135deg,#f8d778,#d9a430) !important;
  border-color:#e8bb4d !important;
}

/* Intake: card is informational; explicit buttons control expand/select */
.service-option{
  cursor:default;
}

.service-option-toggle{
  width:100%;
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  text-align:left;
  cursor:pointer;
  touch-action:manipulation;
}

.service-option-mobile-hint{
  display:none;
  margin-top:10px;
  color:var(--gold2);
  font-size:12px;
  font-weight:900;
  align-items:center;
  justify-content:space-between;
}

.service-option-select{
  width:100%;
  margin-top:13px;
  padding:11px 13px;
  border:1px solid #e8bb4d;
  border-radius:10px;
  background:linear-gradient(135deg,#f8d778,#d9a430);
  color:#111;
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.45px;
  cursor:pointer;
  touch-action:manipulation;
}

.service-option-select:hover,
.service-option-select:focus-visible{
  filter:brightness(1.06);
  outline:2px solid rgba(246,204,101,.28);
  outline-offset:2px;
}

@media(max-width:700px){
  /* Prevent emulated/sticky hover from triggering immediate expansion */
  .homepage-service-card:hover,
  .homepage-service-card:focus-within{
    transform:none !important;
    border-color:#343138;
    background:linear-gradient(145deg,#17171b,#0c0c0e);
    box-shadow:var(--shadow);
  }

  .homepage-service-card.mobile-expanded{
    border-color:var(--gold2) !important;
    background:linear-gradient(145deg,#20190d,#101012) !important;
    box-shadow:0 14px 34px rgba(0,0,0,.34),0 0 0 1px rgba(246,204,101,.16) !important;
  }

  .homepage-service-toggle{
    display:flex;
  }

  .homepage-service-details{
    max-height:0 !important;
    opacity:0 !important;
    margin-top:0 !important;
    pointer-events:none;
  }

  .homepage-service-card.mobile-expanded .homepage-service-details{
    max-height:560px !important;
    opacity:1 !important;
    margin-top:14px !important;
    pointer-events:auto;
  }

  .homepage-service-cta{
    display:block;
    width:100%;
    text-align:center;
  }

  /* Intake service cards expand only after deliberate tap */
  .service-option:hover,
  .service-option:focus-within{
    transform:none !important;
  }

  .service-option-mobile-hint{
    display:flex;
  }

  .service-option-details{
    max-height:0 !important;
    opacity:0 !important;
    margin-top:0 !important;
    pointer-events:none;
  }

  .service-option.mobile-expanded .service-option-details,
  .service-option.selected .service-option-details{
    max-height:230px !important;
    opacity:1 !important;
    margin-top:12px !important;
    pointer-events:auto;
  }

  .service-option.mobile-expanded,
  .service-option.selected{
    border-color:var(--gold2);
    background:linear-gradient(145deg,#2a2110,#111113);
  }

  .service-option-select{
    min-height:46px;
  }
}

@media(prefers-reduced-motion:reduce){
  .homepage-service-chevron,
  .service-option-chevron,
  .homepage-service-details,
  .service-option-details{
    transition:none !important;
  }
}

/* =========================================================
   FREE CONSULTATION OPTION
   ========================================================= */
.free-consultation-bar{
  margin-top:18px;
  border-color:rgba(215,166,62,.55);
  background:
    linear-gradient(135deg,rgba(38,29,12,.95),rgba(12,12,14,.98));
}

.free-consultation-bar .price{
  min-width:72px;
  text-align:center;
}

.service-selector-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.service-option-free{
  border-color:rgba(215,166,62,.58);
  background:
    linear-gradient(145deg,#241b0b,#101012);
}

.free-consultation-selected .payment-row{
  display:none !important;
}

@media(max-width:1000px){
  .service-selector-grid{
    grid-template-columns:1fr;
  }
}

/* Final marquee and service-step behavior */
.manufacturer-marquee:hover .manufacturer-track,
.manufacturer-marquee:focus-within .manufacturer-track,
.manufacturer-track:hover{
  animation-play-state:running !important;
}

.step-aware-service-selector.step-hidden,
#serviceSelector.step-hidden{
  display:none !important;
}

/* Conditional credit requirement */
#estimatedCreditField.cash-credit-optional{
  opacity:.8;
}

#estimatedCreditField.cash-credit-optional select{
  background-color:#121214;
}

#creditRequirementText{
  color:inherit;
  font-weight:inherit;
}

/* =========================================================
   NHTSA VIN DECODER
   ========================================================= */
.vin-decoder-controls{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:8px;
  flex-wrap:wrap;
}

.vin-decode-button{
  appearance:none;
  border:1px solid var(--gold);
  border-radius:9px;
  padding:9px 12px;
  background:linear-gradient(135deg,#f7d575,#d6a12e);
  color:#111;
  font-size:12px;
  font-weight:950;
  cursor:pointer;
  touch-action:manipulation;
}

.vin-decode-button:hover,
.vin-decode-button:focus-visible{
  filter:brightness(1.07);
  outline:2px solid rgba(246,204,101,.25);
  outline-offset:2px;
}

.vin-decode-button:disabled{
  opacity:.58;
  cursor:wait;
}

.vin-status{
  color:#c7bdab;
  font-size:12px;
  line-height:1.35;
}

.vin-result{
  grid-column:1/-1;
  margin:-4px 0 4px;
  padding:12px 14px;
  border:1px solid rgba(215,166,62,.36);
  border-radius:11px;
  background:#12100b;
  color:#d8d2c7;
  font-size:12px;
  line-height:1.55;
}

.vin-result strong{
  color:var(--gold2);
}

@media(max-width:620px){
  .vin-decoder-controls{
    align-items:stretch;
    flex-direction:column;
  }

  .vin-decode-button{
    width:100%;
    min-height:44px;
  }
}

/* VIN decoder clear controls */
.vin-clear-button{
  appearance:none;
  border:1px solid rgba(215,166,62,.58);
  border-radius:9px;
  padding:9px 12px;
  background:#17130b;
  color:var(--gold2);
  font-size:12px;
  font-weight:900;
  cursor:pointer;
  touch-action:manipulation;
}

.vin-clear-button:hover,
.vin-clear-button:focus-visible{
  border-color:var(--gold2);
  background:#211a0d;
  outline:2px solid rgba(246,204,101,.2);
  outline-offset:2px;
}

@media(max-width:620px){
  .vin-clear-button{
    width:100%;
    min-height:44px;
  }
}

.zip-lookup-status{min-height:18px;margin-top:7px;color:var(--gold2);font-size:12px;line-height:1.35;}
