:root { --night:#111418; --night2:#1c2025; --lime:#c8102e; --muted:#697582; --paper:#f7f7f7; --line:#e1e3e5; }
.announcement { background:#c8102e; color:white; }
.pulse { background:white; box-shadow:0 0 0 4px #ffffff30; }
.site-header { height:94px; }
.brand-logo { width:232px; height:87px; display:block; flex:none; overflow:hidden; position:relative; }
.brand-image { position:absolute; left:0; top:0; width:232px; height:87px; background-image:url('second-city-keys-logo.png'); background-repeat:no-repeat; background-size:326px 322px; background-position:-47px -118px; }
.nav-cta { background:#171a1f; }
.nav-cta span { color:#ff5265; }
.site-header nav a:not(.nav-cta):hover { color:#c8102e; }
.hero { background:linear-gradient(125deg,#101216,#1a1d22 72%,#24272b); }
.hero-glow { background:radial-gradient(circle,#4c1d24 0%,#282025 31%,transparent 70%); opacity:.55; }
.hero h1 em,.dark-band h2 em,.contact-section h2 em { color:#ff4058; }
.eyebrow,.kicker.light { color:#ff4b60; }
.eyebrow-line { background:#e01a37; }
.btn-lime { background:#c8102e; color:#fff; }
.btn-lime:hover { background:#a70a24; }
.hero-proof .proof-icon { background:#4c2029; color:#ff5265; }
.ticker { color:white; background:#c8102e; }

/* Vehicle-make identity strip directly below the hero. */
.vehicle-marquee { background:#f7f7f5; padding:19px 0 23px; overflow:hidden; border-bottom:1px solid #e6e5e1; }
.vehicle-marquee-heading { display:flex; align-items:center; justify-content:center; gap:16px; color:#777; font:700 10px/1.5 Manrope,Arial,sans-serif; letter-spacing:2px; margin:0 auto 16px; padding:0 20px; text-align:center; }
.vehicle-marquee-rule { flex:1; max-width:78px; height:1px; background:#cbcbca; }
.vehicle-marquee-window { overflow:hidden; mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent); }
.vehicle-marquee-track { display:flex; width:max-content; animation:brand-scroll 40s linear infinite; }
.vehicle-marquee-set { display:flex; flex-shrink:0; align-items:center; gap:54px; padding:0 27px; white-space:nowrap; }
.vehicle-marquee-set > img { display:block; height:42px; width:75px; object-fit:contain; filter:grayscale(1); opacity:.76; }
.vehicle-marquee-set > img:hover { opacity:1; }
.vehicle-marquee:hover .vehicle-marquee-track { animation-play-state:paused; }
@keyframes brand-scroll { to { transform:translateX(-50%); } }
@media (prefers-reduced-motion:reduce) { .vehicle-marquee-track { animation:none; } }

@media(max-width:640px) { .vehicle-marquee-set { gap:28px; padding:0 14px; } .vehicle-marquee-set > img { width:57px; height:34px; } .vehicle-marquee-heading { font-size:9px; letter-spacing:1.2px; } }
.section h2 em,.faq-section h2 em { color:#c8102e; }
.kicker { color:#b40b29; }
.service-card { background:#f7f7f8; border-color:#e8e8eb; }
.service-card.featured { background:#c8102e; border-color:#c8102e; color:#fff; }
.service-card.featured .service-top,.featured p,.featured .service-symbol { color:#ffe1e6; }
.service-card.featured a { border-color:#ffffff65; }
.service-card.featured .service-arrow { border-color:#ffffff85; }
.dark-band { background:#17191d; }
.why-list span,.why-list b,.footer-grid .footer-action { color:#ff4b60!important; }
.location-chips span { border-color:#dcdde0; }
.text-link { border-color:#c8102e; }
.map-art { background:#f0f0f1; }
.map-grid { filter:grayscale(1); }
.map-ring { border-color:#cf7c88; background:#c8102e0c; }
.map-pin { background:#17191d; border-color:#c8102e; }
.faq-section { background:#f6f6f7; }
.faqs summary span { color:#c8102e; }
.contact-section { background:#17191d; }
.contact-note { border-color:#c8102e; }
.contact-note span { color:#ff5367; }
.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus { outline-color:#c8102e; }
.key-card-icon { background:#c8102e; color:#fff; }
.car-main { background:linear-gradient(160deg,#626367,#2b2e35 45%,#101216 79%); }
.car-roof { background:linear-gradient(150deg,#5c5d63,#25272d); }
.car-front { background:linear-gradient(120deg,#47494e,#202127); }
.car-window { background:linear-gradient(145deg,#232731,#0e1219); }
.footer-logo { width:240px; height:94px; background:white; border-radius:4px; }
.footer-logo .brand-image { left:4px; top:3px; }
@media(max-width:700px) {
  .site-header { height:82px; }
  .site-header nav { top:82px; }
  .brand-logo { transform:scale(.83); transform-origin:left center; margin-right:-35px; }
  .hero-glow { opacity:.35; }
}
.specialist-service{display:flex;align-items:center;gap:23px;margin-top:18px;padding:27px 30px;background:#1b1d22;border-radius:9px;color:white;transition:transform .2s,background .2s}
.specialist-service:hover{transform:translateY(-3px);background:#282b31}
.specialist-icon{display:grid;place-items:center;width:67px;height:67px;border:1px solid #6b3a45;border-radius:8px;color:#ff5268;font-size:34px;flex:none}
.specialist-body{display:flex;flex-direction:column;gap:7px;flex:1}
.specialist-body small{font:800 10px Manrope;letter-spacing:2px;color:#ff6375}
.specialist-body strong{font:800 21px Manrope;letter-spacing:-.7px}
.specialist-body>span{color:#b7bec8;font-size:12px;line-height:1.5}
.specialist-link{font:800 12px Manrope;color:#ff697b;white-space:nowrap}
.service-card{position:relative;cursor:pointer}
.service-card>a::after{content:"";position:absolute;inset:0;border-radius:9px}
.service-card:focus-within{outline:3px solid #c8102e;outline-offset:3px}
.nav-services{position:relative}
.services-trigger{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:#10202b;font:700 12px Manrope,sans-serif;padding:18px 0;cursor:pointer}
.services-trigger span{font-size:17px;transition:transform .2s}
.nav-services.expanded .services-trigger span{transform:rotate(180deg)}
.services-dropdown{display:none;position:absolute;top:100%;left:-22px;width:246px;background:#fff;padding:9px 0;border-radius:7px;box-shadow:0 14px 40px #10151b30;border-top:3px solid #c8102e;z-index:120}
.site-header nav .services-dropdown a{display:block;font:700 12px Manrope,sans-serif;padding:13px 20px;line-height:1.4;color:#20252c}
.site-header nav .services-dropdown a:hover,.site-header nav .services-dropdown a:focus-visible{background:#f8eef0;color:#af1029}
.nav-services:hover .services-dropdown,.nav-services:focus-within .services-dropdown,.nav-services.expanded .services-dropdown{display:block}
.whatsapp-float{position:fixed;z-index:160;right:22px;bottom:23px;display:flex;align-items:center;gap:10px;background:#25d366;color:#0b321d;border-radius:40px;padding:12px 19px 12px 11px;font:800 13px Manrope,sans-serif;box-shadow:0 9px 28px #0004;transition:transform .2s,box-shadow .2s}
.whatsapp-float:hover{transform:translateY(-3px);box-shadow:0 12px 35px #0005}
.whatsapp-float:focus-visible{outline:3px solid #fff;outline-offset:3px}
.whatsapp-icon{height:32px;width:32px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#168b40;font-size:23px;transform:rotate(-20deg)}
.real-map{display:block;background:#e9ecea;position:relative;isolation:isolate}
.real-map iframe{display:block;width:100%;height:100%;border:0;filter:grayscale(.25) saturate(.85)}
.map-overlay{position:absolute;top:16px;left:16px;display:flex;flex-direction:column;gap:5px;background:#111418f2;color:#fff;border-left:3px solid #c8102e;padding:12px 15px;box-shadow:0 8px 20px #0002;pointer-events:none}
.map-overlay strong{font:800 13px Manrope;letter-spacing:1px}
.map-overlay span{font:600 10px Manrope;color:#bdc7ce}
.map-open{position:absolute;right:12px;bottom:12px;background:white;color:#1a232a;border-radius:4px;padding:10px 13px;font:800 11px Manrope;box-shadow:0 5px 18px #0002}
.map-open:hover{background:#f8e9ec;color:#a00d27}
.honesty-section{padding:110px 0 105px;background:#f8f8f8}
#our-promise{scroll-margin-top:82px}
.site-header nav .promise-nav{color:#aa1029;font-weight:800}
.site-header nav .promise-nav:hover{color:#e32643}
.site-header nav .promise-nav,.site-header nav .promise-nav:hover,.site-header nav .promise-nav:focus-visible{display:inline-flex;align-items:center;justify-content:center;padding:13px 16px;border-radius:5px;background:#c8102e;color:#fff;font-weight:800;box-shadow:0 3px 9px #c8102e24;transition:background .2s,transform .2s}
.site-header nav .promise-nav:hover,.site-header nav .promise-nav:focus-visible{background:#a80b25;color:#fff;transform:translateY(-1px)}
.site-header nav a.promise-nav:hover,.site-header nav a.promise-nav:focus-visible{color:#fff}
.contact-options{background:#fff;border-radius:9px;padding:35px;color:#152430}
.contact-options h3{font:800 24px Manrope;letter-spacing:-1px;margin:12px 0 25px}
.contact-channel{display:flex;align-items:center;gap:17px;border:1px solid #e3e6e7;border-radius:7px;padding:17px;margin-bottom:13px;transition:border .2s,transform .2s}
.contact-channel:hover{border-color:#bc102e;transform:translateY(-2px)}
.channel-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;flex:none;font-size:23px}
.whatsapp-channel{background:#e2f8e9;color:#169842}
.email-channel{background:#fbe7eb;color:#be1735}
.contact-channel>span:nth-child(2){display:flex;flex-direction:column;gap:6px;flex:1}
.contact-channel strong{font:800 15px Manrope}
.contact-channel small{font-size:12px;color:#6b7780}
.contact-channel b{color:#be1735;font-size:18px}
.contact-disclaimer{font-size:11px;line-height:1.8;color:#6a7880;margin:20px 0 0}
.honesty-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:75px;align-items:end;margin-bottom:43px}
.honesty-intro h2{font:800 clamp(36px,4vw,56px)/1.16 Manrope;letter-spacing:-2.7px;margin:18px 0 0}
.honesty-intro h2 em{font-style:normal;color:#c8102e}
.honesty-intro p{font-size:15px;line-height:1.85;color:#63717a;margin-bottom:18px}
.honesty-intro strong{font:800 12px Manrope;color:#ac122c}
.honesty-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.honesty-grid article{padding:30px 27px 31px;background:#fff;border:1px solid #e7e8e8;border-radius:7px;border-top:3px solid #c8102e;min-height:265px}
.honesty-grid article>span{color:#b51a33;font:800 10px Manrope;letter-spacing:1.7px}
.honesty-grid h3{font:800 18px/1.4 Manrope;letter-spacing:-.6px;margin:24px 0 13px}
.honesty-grid p{font-size:13px;line-height:1.85;color:#65737c;margin:0}
.honesty-closing{display:flex;align-items:center;gap:20px;margin-top:25px;padding:27px 30px;background:#1b1d22;color:white;border-radius:6px}
.honesty-mark{font:800 58px Georgia,serif;color:#f14d65;line-height:.7}
.honesty-closing p{font:700 16px/1.55 Manrope;margin:0;flex:1}
.honesty-closing>span:last-child{font:800 10px Manrope;letter-spacing:1.7px;color:#ff6f83;text-align:right;max-width:180px}
@media(max-width:700px){
  .nav-services,.services-trigger{width:100%}
  .services-trigger{justify-content:space-between;padding:0}
  .services-dropdown{position:static;width:100%;box-shadow:none;border:0;border-left:3px solid #c8102e;border-radius:0;margin-top:12px;padding:0 0 0 7px;background:#fafafa}
  .nav-services:not(.expanded) .services-dropdown{display:none}
  .site-header nav .services-dropdown a{padding:11px 13px}
  .whatsapp-float{right:14px;bottom:15px;padding:9px 14px 9px 8px;font-size:12px}
  .whatsapp-icon{width:30px;height:30px}
  .honesty-section{padding:75px 0}
  .honesty-intro{grid-template-columns:1fr;gap:22px}
  .honesty-intro h2{font-size:38px;letter-spacing:-2px}
  .honesty-grid{grid-template-columns:1fr}
  .honesty-grid article{min-height:0;padding:24px}
  .honesty-grid h3{margin-top:18px}
  .honesty-closing{padding:22px;gap:12px;flex-wrap:wrap}
  .honesty-closing p{font-size:14px;flex-basis:calc(100% - 65px)}
  .honesty-closing>span:last-child{max-width:none;margin-left:45px;text-align:left}
}
@media(max-width:700px){.specialist-service{flex-wrap:wrap;padding:23px;gap:15px}.specialist-icon{width:48px;height:48px;font-size:27px}.specialist-body{flex-basis:calc(100% - 65px)}.specialist-link{margin-left:63px}}

/* Header stays in view and compacts slightly after scrolling. */
.site-header { position:sticky; top:0; z-index:100; transition:height .24s,box-shadow .24s; }
.site-header.scrolled { height:76px; box-shadow:0 8px 24px #0000001c; }
.site-header.scrolled .brand-logo { transform:scale(.84); transform-origin:left center; }
.site-header .brand-logo { transition:transform .24s; }
.site-header .brand-image { background-size:286px 283px; background-position:-42px -103px; }
.hero {
  background:#101216 url('e46-m3-hero.png') center 55% / cover no-repeat;
}
.hero::before {
  content:""; position:absolute; inset:0;
  background:linear-gradient(90deg,#0d0e11 0%,#0d0e11ed 24%,#0d0e11b8 42%,#0d0e1130 66%,transparent 100%);
  pointer-events:none;
}
.hero-visual,.hero-glow { display:none; }
.hero-grid { opacity:.015; }
.hero-content { z-index:3; }
@media(max-width:700px) {
  .site-header.scrolled { height:70px; }
  .site-header nav { top:100%; }
  .site-header .brand-logo { transform:scale(.82); transform-origin:left center; }
  .site-header.scrolled .brand-logo { transform:scale(.73); }
  .hero { background-position:64% center; }
  .hero::before { background:linear-gradient(90deg,#0d0e11fa 0%,#0d0e11e8 53%,#0d0e1170 100%); }
}