:root{--dark:#1e293b;--accent:#ef6b21;--light:#fff4ec;--ink:#172033;--muted:#5b6575;--card:#ffffff;--line:#e5e7eb}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55}a{color:inherit;text-decoration:none}.wrap{width:min(1120px,92vw);margin:auto}header{z-index:50}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0}.brand{font-weight:950;letter-spacing:-.03em;font-size:clamp(1.02rem,2vw,1.4rem);color:var(--dark)}.navlinks{display:flex;align-items:center;gap:18px;font-weight:850;color:#263247}.dropdown{position:relative}.dropdown>span{cursor:default}.drop{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--line);box-shadow:0 18px 40px rgba(0,0,0,.13);border-radius:16px;min-width:250px;padding:10px}.dropdown:hover .drop{display:grid}.drop a{padding:10px 12px;border-radius:10px;color:#263247}.drop a:hover{background:var(--light)}.callbtn,.hero .callbtn,.cta .callbtn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--accent);color:#111827;font-weight:950;padding:13px 19px;box-shadow:0 10px 25px rgba(0,0,0,.18)}.menucheck,.menulabel{display:none}.hero,.page-hero{position:relative;isolation:isolate;color:white;background:linear-gradient(120deg,rgba(0,0,0,.70),rgba(0,0,0,.42)),var(--hero-image) center/cover no-repeat;display:grid;align-items:center}.hero{min-height:470px}.page-hero{min-height:390px}.hero h1,.page-hero h1{font-size:clamp(2.25rem,5.6vw,5rem);letter-spacing:-.06em;line-height:.95;margin:0 0 18px;max-width:1050px;text-shadow:0 4px 22px rgba(0,0,0,.65)}.lead{font-size:clamp(1.08rem,2vw,1.35rem);font-weight:750;max-width:850px;margin:0 0 28px;color:#fff;text-shadow:0 3px 16px rgba(0,0,0,.7)}.section{padding:74px 0}.section.alt{background:var(--light)}h2{font-size:clamp(1.75rem,3.8vw,3rem);line-height:1.05;letter-spacing:-.045em;margin:0 0 18px;color:var(--dark)}h3{font-size:1.18rem;margin:0 0 8px;color:var(--dark)}p{font-size:1.02rem;color:#384255}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}.card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 14px 34px rgba(15,23,42,.07)}.card strong{display:block;color:var(--dark);font-size:1.12rem;margin-bottom:6px}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center}.photo{min-height:340px;border-radius:30px;background:linear-gradient(135deg,rgba(0,0,0,.18),rgba(0,0,0,.05)),var(--photo) center/cover no-repeat;box-shadow:0 24px 60px rgba(15,23,42,.2)}.pillrow{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.pill{padding:9px 13px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:800;color:#2d3748}.cta{background:var(--dark);color:white;padding:54px 0;text-align:center}.cta h2,.cta p{color:white}.faq{display:grid;gap:14px;margin-top:24px}.faq details{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}summary{font-weight:900;color:var(--dark)}footer{background:#0f172a;color:white;padding:48px 0}footer p,footer a{color:#dbe4f0}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}.mini{font-size:.94rem;color:#5b6575}.band{padding:22px;border-left:6px solid var(--accent);background:#fff;border-radius:18px}.rail{display:grid;gap:16px}.steps{counter-reset:step}.steps .card{position:relative;padding-left:54px}.steps .card:before{counter-increment:step;content:counter(step);position:absolute;left:18px;top:22px;width:26px;height:26px;border-radius:50%;background:var(--accent);display:grid;place-items:center;font-weight:950}.strip{display:grid;gap:0;border:1px solid var(--line);border-radius:28px;overflow:hidden}.strip .card{border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none}.strip .card:last-child{border-bottom:0}@media(max-width:820px){.nav{align-items:flex-start}.menulabel{display:block;font-weight:900;background:var(--dark);color:#fff;border-radius:12px;padding:10px 12px}.navlinks{display:none;position:absolute;left:0;right:0;top:64px;background:#fff;padding:18px 4vw;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.menucheck:checked~.navlinks{display:flex}.dropdown:hover .drop,.drop{position:static;display:grid;box-shadow:none;border:0;padding:0;min-width:0}.grid,.cards,.split,.footgrid{grid-template-columns:1fr}.hero,.page-hero{min-height:430px}.headercall{display:none}}

header{position:sticky;top:0;background:rgba(255,255,255,.98)}.nav{border:1px solid var(--line);border-radius:999px;margin:12px auto;padding:12px 18px;background:white;box-shadow:0 18px 45px rgba(15,23,42,.10)}.hero,.page-hero{text-align:center;background:linear-gradient(135deg,rgba(20,28,43,.58),rgba(239,107,33,.18)),var(--hero-image) center/cover no-repeat}.hero h1{margin-left:auto;margin-right:auto}.lead{margin-left:auto;margin-right:auto}.section.alt{background:#fff4ec}.cards{grid-template-columns:repeat(4,1fr)}.cards .card:nth-child(1),.cards .card:nth-child(4){grid-column:span 2}.card{border-radius:28px;background:linear-gradient(180deg,#fff,#fff8f4)}.split{grid-template-columns:1fr 1fr}.cta{background:linear-gradient(90deg,#1e293b,#ef6b21)}
/* humanfix-20260530: preserve real automotive hero image and avoid flat gray AI slab */
.hero,.page-hero{background-image:linear-gradient(105deg,rgba(4,13,22,.55),rgba(4,13,22,.20)),url('/assets/anaheim-mobile-mechanic-hero.jpg')!important;background-size:cover!important;background-position:center 46%!important;box-shadow:inset 0 0 0 9999px rgba(0,0,0,.02)}
.hero h1,.page-hero h1,.hero .lead,.page-hero .lead{text-shadow:0 3px 18px rgba(0,0,0,.72)}
.hero{min-height:clamp(430px,58vh,560px)!important}
.page-hero{min-height:clamp(300px,42vh,420px)!important}


/* pass11 Alec SOP correction: readability, call links, balanced cards */
main p a[href^="tel:"], main li a[href^="tel:"], .section p a[href^="tel:"], .content a[href^="tel:"]{
  color:#0b5794 !important;
  font-weight:800;
  text-decoration:underline;
  text-underline-offset:.16em;
}
a.btn[href^="tel:"], a.hero-call[href^="tel:"], a.call-nav[href^="tel:"], .cta a[href^="tel:"], .footer a.btn[href^="tel:"]{
  color:inherit !important;
  text-decoration:none !important;
}
.card,.service-card,.location-card,.symptom-card,.trust-card,.step,.bubble,.feature-card,.problem-strip>div,.mini-card,.tile{
  color:#101820 !important;
}
.card p,.service-card p,.location-card p,.symptom-card p,.trust-card p,.step p,.bubble p,.feature-card p,.problem-strip>div p,.mini-card p,.tile p{
  color:#273744 !important;
}
.dark .card,.dark .service-card,.dark .location-card,.dark .symptom-card,.dark .trust-card,.dark .step,.dark .bubble,.dark .feature-card,.dark .problem-strip>div{
  background:#ffffff !important;
  color:#101820 !important;
}
.dark .card h3,.dark .service-card h3,.dark .location-card h3,.dark .symptom-card h3,.dark .trust-card h3,.dark .step h3,.dark .bubble h3,.dark .feature-card h3,.dark .problem-strip>div h3{color:#101820 !important;}
.dark .card p,.dark .service-card p,.dark .location-card p,.dark .symptom-card p,.dark .trust-card p,.dark .step p,.dark .bubble p,.dark .feature-card p,.dark .problem-strip>div p{color:#273744 !important;}
.problem-strip,.service-grid.services-4,.cards-4,.grid-4,.symptom-grid:has(> :nth-child(4):last-child),.service-grid:has(> :nth-child(4):last-child),.cards:has(> :nth-child(4):last-child){
  display:grid !important;
  grid-template-columns:repeat(2,minmax(260px,1fr)) !important;
  max-width:1120px;
  margin-left:auto;
  margin-right:auto;
}
.problem-strip:has(> :nth-child(3):last-child),.symptom-grid:has(> :nth-child(3):last-child),.service-grid:has(> :nth-child(3):last-child),.cards:has(> :nth-child(3):last-child),.visual-grid:has(> :nth-child(3):last-child){
  display:grid !important;
  grid-template-columns:repeat(3,minmax(240px,1fr)) !important;
}
.problem-strip:has(> :nth-child(6):last-child),.symptom-grid:has(> :nth-child(6):last-child),.service-grid:has(> :nth-child(6):last-child),.cards:has(> :nth-child(6):last-child){
  display:grid !important;
  grid-template-columns:repeat(3,minmax(240px,1fr)) !important;
}
.section{padding-top:clamp(44px,6vw,86px) !important; padding-bottom:clamp(44px,6vw,86px) !important;}
.visual-services,.split,.intro-grid,.feature-row,.media-row{align-items:start !important; gap:clamp(28px,4vw,64px) !important;}
.side-photo,.image-card img,.visual-services img{max-height:560px; object-fit:cover;}
.local-service-note .split-copy{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(320px,1.2fr);gap:clamp(24px,4vw,56px);align-items:start;}
@media (max-width:900px){
  .problem-strip,.service-grid.services-4,.cards-4,.grid-4,.symptom-grid,.service-grid,.cards,.visual-grid,.local-service-note .split-copy{grid-template-columns:1fr !important;}
  .section{padding-top:42px !important;padding-bottom:42px !important;}
}


/* pass11b readability follow-up: all CTA buttons readable */
a.btn[href^="tel:"], a.hero-call[href^="tel:"], a.call-nav[href^="tel:"], .cta a[href^="tel:"], .footer a.btn[href^="tel:"], .callout a[href^="tel:"], .band a.btn[href^="tel:"]{
  color:#101820 !important;
  text-decoration:none !important;
}
.dark a.btn[href^="tel:"], .cta.dark a[href^="tel:"], .band.dark a.btn[href^="tel:"], .callout.dark a[href^="tel:"]{
  color:#101820 !important;
}
a.btn.primary[href^="tel:"], a.call-nav[href^="tel:"], a.hero-call[href^="tel:"]{
  background:#f5b83d !important;
  color:#101820 !important;
  border-color:#f5b83d !important;
}

/* jarvis-led visual distinct pass 2026-06-02 */
.hero{background-position:67% 44%!important}.hero .call{border-radius:999px!important;background:#ff6b1a!important}.hero h1{max-width:720px!important;text-align:center!important}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,14,28,.10),rgba(6,14,28,.76));pointer-events:none}.hero{position:relative}.hero>*{position:relative;z-index:1}

body.jarvis-final{--jf-hero-img:url('/assets/anaheim-mobile-mechanic-hero.jpg') center/cover no-repeat}


/* Jarvis final approval polish — 2026-06-02.
   Purpose: reduce network-clone signal, improve mobile spacing, soften keyword/CTA feel,
   and add a local proof module without changing phones/tel values. */
body.jarvis-final .hero{min-height:560px!important;background-position:center!important}
body.jarvis-final .ticket{border-width:3px!important;max-width:720px!important}
body.jarvis-final .hero h1{text-transform:none!important;letter-spacing:-.045em!important}
body.jarvis-final .hero-note{display:block!important;color:inherit!important;opacity:.92!important}
body.jarvis-final .stamp{display:inline-block!important}
body.jarvis-final .jf-proof{padding:42px 0!important;background:#fff!important;border-bottom:1px solid var(--line)!important}
body.jarvis-final .proof-pills{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
body.jarvis-final .proof-pills span{display:block;padding:14px 16px;border:2px solid var(--ink);background:var(--paper);font-weight:850}
body.jarvis-final .jf-proof h2{font-size:clamp(1.65rem,3vw,3rem)!important;margin-bottom:12px!important}
body.jarvis-final .jf-proof p{max-width:900px;font-size:1.06rem}
body.jarvis-final .nav{gap:18px}.jarvis-final .navlinks{gap:14px}
body.jf-slab .hero{background:linear-gradient(105deg,rgba(18,28,38,.96) 0 52%,rgba(18,28,38,.45)),var(--jf-hero-img,none)!important}
body.jf-slab .ticket{box-shadow:12px 12px 0 var(--gold)!important;border-radius:0!important}
body.jf-editorial .hero{background:linear-gradient(100deg,#f7efe1 0 54%,rgba(247,239,225,.65) 54%,rgba(20,28,36,.3)),var(--jf-hero-img,none)!important;color:var(--ink)!important}
body.jf-editorial .ticket{background:rgba(255,255,255,.92)!important;box-shadow:-12px 12px 0 var(--red)!important}
body.jf-map .hero{background:linear-gradient(135deg,rgba(11,49,56,.95) 0 48%,rgba(11,49,56,.55)),var(--jf-hero-img,none)!important}
body.jf-map .ticket{border-radius:22px!important;box-shadow:0 18px 0 rgba(0,0,0,.22)!important}
body.jf-diagonal .hero{background:linear-gradient(128deg,rgba(40,24,17,.96) 0 38%,rgba(179,88,32,.78) 38% 48%,rgba(40,24,17,.5) 48%),var(--jf-hero-img,none)!important}
body.jf-diagonal .ticket{clip-path:polygon(0 0,96% 0,100% 100%,0 100%)!important;box-shadow:none!important}
body.jf-servicebar .hero{background:linear-gradient(90deg,rgba(5,20,36,.96),rgba(5,20,36,.62)),var(--jf-hero-img,none)!important}
body.jf-servicebar .ticket{border-left:14px solid var(--gold)!important;box-shadow:8px 8px 0 rgba(255,255,255,.28)!important}
body.jf-compact .hero{min-height:470px!important;background:linear-gradient(0deg,rgba(0,0,0,.76),rgba(0,0,0,.25)),var(--jf-hero-img,none)!important}
body.jf-compact .ticket{max-width:600px!important;padding:26px!important}
body.jf-plain .hero{background:linear-gradient(90deg,#101010 0 48%,rgba(16,16,16,.52)),var(--jf-hero-img,none)!important}
body.jf-plain .ticket{background:#fafafa!important;border-radius:6px!important;box-shadow:0 0 0 10px rgba(255,255,255,.16)!important}
body.jf-canyon .hero{background:linear-gradient(115deg,rgba(82,35,17,.95),rgba(82,35,17,.46)),var(--jf-hero-img,none)!important}
body.jf-canyon .ticket{box-shadow:14px 0 0 var(--gold)!important;border-radius:18px 0 18px 0!important}
body.jarvis-final .call{box-shadow:none!important;border-radius:8px!important}
body.jarvis-final .sticky-phone .call,body.jarvis-final .headercall{border-radius:999px!important}
@media(max-width:900px){body.jarvis-final .hero{min-height:520px!important;padding:28px 0!important}body.jarvis-final .ticket{padding:22px!important}body.jarvis-final .hero h1{font-size:clamp(2.05rem,12vw,3.4rem)!important}body.jarvis-final .proof-pills{grid-template-columns:1fr}body.jarvis-final .jf-proof{padding:34px 0!important}.topbar .brand{font-size:1.05rem!important}.headercall{padding:11px 14px!important}}


/* approval-pass-20260602 */
:root{--approval-primary:#17324d;--approval-accent:#f26b38;--approval-soft:#f2f7fb;}
body.theme-stadium-offset{background:linear-gradient(180deg,#f2f7fb 0%,#fff 36%);}
body.theme-stadium-offset .approval-hero{position:relative;overflow:hidden;background-color:#17324d!important;min-height:clamp(470px,62vh,720px);display:grid;align-items:center;}
body.theme-stadium-offset .approval-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,#17324d 0%,rgba(0,0,0,.70) 42%,rgba(0,0,0,.18) 100%),var(--hero-image,none);background-size:cover;background-position:center;filter:saturate(1.08) contrast(1.05);}
body.theme-stadium-offset .approval-hero>*{position:relative;z-index:1;}
body.theme-stadium-offset .approval-kicker{display:inline-block;margin:0 0 16px;padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.24);color:#fff;font-weight:800;letter-spacing:.02em;max-width:760px;}
body.theme-stadium-offset .approval-hero h1{max-width:880px;color:#fff!important;text-shadow:0 3px 18px rgba(0,0,0,.38);line-height:.98;}
body.theme-stadium-offset .approval-hero p{max-width:720px;color:rgba(255,255,255,.94)!important;font-size:clamp(1.08rem,2.1vw,1.35rem);line-height:1.55;text-shadow:0 2px 12px rgba(0,0,0,.38);}
body.theme-stadium-offset .approval-call,.approval-call{background:#f26b38!important;color:#111!important;border-color:transparent!important;box-shadow:0 14px 32px rgba(0,0,0,.24);font-weight:900;}
body.theme-stadium-offset .approval-proof-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:16px clamp(18px,4vw,48px);background:#17324d;color:#fff;}
body.theme-stadium-offset .approval-proof-row span{border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:13px 15px;background:rgba(255,255,255,.09);font-weight:750;}
body.theme-stadium-offset.hero-alpine-split .approval-hero,body.theme-alpine-split .approval-hero{text-align:left;}
body.theme-river-card .approval-hero .container,body.theme-historic-warm .approval-hero .container{background:rgba(0,0,0,.33);border:1px solid rgba(255,255,255,.18);border-radius:30px;padding:clamp(26px,5vw,58px);max-width:980px;}
body.theme-desert-band .approval-hero::before,body.theme-sun-rail .approval-hero::before{background:linear-gradient(90deg,#17324d 0%,rgba(84,38,15,.82) 48%,rgba(84,38,15,.08) 100%),var(--hero-image,none);background-size:cover;background-position:center;}
body.theme-night-grid .approval-hero,body.theme-metro-fast .approval-hero{clip-path:polygon(0 0,100% 0,100% 92%,0 100%);}
body.theme-coastal-clean .approval-hero h1,body.theme-lake-contrast .approval-hero h1{letter-spacing:-.055em;}
body.theme-plains-block .approval-hero .container,body.theme-panhandle-cards .approval-hero .container{max-width:760px;margin-left:clamp(18px,7vw,96px);}
body.theme-shipyard-clean .approval-hero::after,body.theme-stadium-offset .approval-hero::after{content:"";position:absolute;right:clamp(20px,8vw,110px);bottom:38px;width:220px;height:220px;border:20px solid rgba(255,255,255,.14);border-radius:50%;z-index:0;}
@media(max-width:760px){body.theme-stadium-offset .approval-hero{min-height:560px;text-align:left;}body.theme-stadium-offset .approval-hero h1{font-size:clamp(2.25rem,13vw,4rem);}body.theme-stadium-offset .approval-proof-row{grid-template-columns:1fr;padding:14px 18px;}body.theme-stadium-offset .approval-hero p{font-size:1.05rem;}}
/* /approval-pass-20260602 */


/* all23 hero/copy declutter 2026-06-02 */
.hero-followup{background:#fff;border-top:1px solid rgba(0,0,0,.08);padding:24px 0}.hero-followup aside,.hero-followup .utility-stack{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.hero-followup h2{grid-column:1/-1;margin:0 0 4px;font-size:1.35rem}.hero-followup p{margin:.35rem 0}.hero-note-text{margin:.45rem 0;line-height:1.45}.hero .problem-list .hero-note-text,.hero .story-box .hero-note-text,.hero .service-note .hero-note-text{font-size:.95rem;opacity:.92}@media(max-width:760px){.hero-followup aside,.hero-followup .utility-stack{display:block;padding:0 18px}.hero-followup .compact-card,.hero-followup .service-note{margin:10px 0}}


/* all23 hero card contrast correction 2026-06-02 */
.hero .utility-panel,.hero .hero-panel,.hero .hero-card,.hero .story-box,.hero .compact-card,.hero .service-note,.hero .problem-list>div,.hero .campus-card,.hero .quick-card,.hero .call-card,.hero .info-card{background:rgba(255,255,255,.93)!important;color:#17212b!important;text-shadow:none!important;box-shadow:0 12px 34px rgba(0,0,0,.20)}
.hero .utility-panel *,.hero .hero-panel *,.hero .hero-card *,.hero .story-box *,.hero .compact-card *,.hero .service-note *,.hero .problem-list>div *,.hero .campus-card *,.hero .quick-card *,.hero .call-card *,.hero .info-card *{color:#17212b!important;text-shadow:none!important;opacity:1!important}
.hero .service-grid-quick a,.hero a.service-chip{background:#eff5f7!important;color:#102231!important;text-shadow:none!important;border:1px solid rgba(0,0,0,.12)!important}
.hero h1{line-height:.96}.hero .lead,.hero .lede{max-width:720px}.hero .lead,.hero .lede,.hero .hero-note-text{font-weight:650}
@media(max-width:760px){.hero .utility-panel,.hero .hero-panel,.hero .hero-card,.hero .story-box,.hero .compact-card,.hero .service-note,.hero .problem-list>div,.hero .campus-card,.hero .quick-card,.hero .call-card,.hero .info-card{box-shadow:0 8px 22px rgba(0,0,0,.22)}}