:root{--bg:#ffffff;--bg2:#f3f6f9;--card:#ffffff;--tx:#1f2a37;--mu:#55606e;--ac:#1f6fd1;--ac2:#1f6fd1;--btn:#1b3a5c;--navy:#14283f;--line:#dde3ea}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.6 Inter,system-ui,sans-serif;padding-bottom:64px}
a{color:var(--ac2)}img{max-width:100%;display:block}.wrap{width:min(1180px,92%);margin:auto}.narrow{width:min(760px,92%)}
h1,h2,h3{font-family:'Bebas Neue',Impact,sans-serif;letter-spacing:.02em;line-height:1;margin:.2em 0 .4em;font-weight:400}
h1{font-size:clamp(3rem,10vw,6.5rem)}h1 span{color:var(--ac)}h2{font-size:clamp(2.2rem,6vw,3.6rem)}h3{font-size:1.6rem}
.eyebrow{color:var(--ac);text-transform:uppercase;font-weight:800;letter-spacing:.15em;font-size:.8rem;margin:0}.muted{color:var(--mu);font-size:.9rem}.center{text-align:center;margin-top:2rem}
.btn{display:inline-block;background:var(--btn);color:#fff;text-decoration:none;font-weight:700;padding:.95rem 1.5rem;border-radius:8px;border:2px solid var(--btn);cursor:pointer;font-size:1rem;transition:.2s}.btn:hover{filter:brightness(1.1);transform:translateY(-2px)}
.btn.ghost{background:transparent;color:var(--tx);border-color:#3a4350}.btn.sm{padding:.55rem .9rem;font-size:.9rem}
.nav{position:sticky;top:0;z-index:20;background:rgba(11,13,16,.85);backdrop-filter:blur(10px);border-bottom:1px solid #222}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 0}.brand{display:flex;align-items:center;gap:.6rem;color:var(--tx);text-decoration:none;font-family:'Bebas Neue';font-size:1.5rem}.brand b{color:var(--ac);font-weight:400}
.brand img{height:40px;border-radius:50%;filter:invert(1) grayscale(1);mix-blend-mode:screen}.nav nav{display:none;gap:1.5rem}.nav nav a{color:var(--tx);text-decoration:none;font-weight:600}.nav nav a:hover{color:var(--ac)}
.hero{position:relative;padding:5rem 0 4rem;background:linear-gradient(90deg,rgba(10,12,15,.88) 0%,rgba(10,12,15,.72) 55%,rgba(10,12,15,.55) 100%),url(/assets/tempeautorepair.jpg) center/cover;overflow:hidden}

.lead{font-size:1.15rem;color:#c8d0da;max-width:600px}.ctas{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.8rem 0}
.badges{list-style:none;padding:0;margin:2rem 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;max-width:620px}.badges li{background:rgba(255,255,255,.05);border:1px solid #2a313b;border-radius:10px;padding:.8rem;font-size:.8rem;color:var(--mu)}.badges b{display:block;font-family:'Bebas Neue';font-size:2rem;color:var(--ac2);font-weight:400;line-height:1}
.sec{padding:4.5rem 0}.alt{background:var(--bg2)}
.grid{display:grid;gap:1rem;grid-template-columns:1fr;margin-top:1.5rem}
.grid article,blockquote{background:var(--card);border:1px solid #232a33;border-radius:12px;padding:1.5rem;margin:0;transition:.2s}.grid article:hover{border-color:var(--ac);transform:translateY(-4px)}
.grid i{font-style:normal;font-size:1.8rem;color:var(--ac)}.grid p{color:var(--mu);margin:0}
.maint{margin-top:2rem;padding:1.5rem;border-left:4px solid var(--ac);background:var(--card);border-radius:0 12px 12px 0}
.split{display:grid;gap:2.5rem;align-items:center}.checks{list-style:none;padding:0}.checks li{padding:.4rem 0 .4rem 2rem;position:relative}.checks li:before{content:"✔";position:absolute;left:0;color:var(--ac)}
.photos{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.photos img{border-radius:12px;width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}.photos img:first-child{grid-column:span 2;aspect-ratio:16/8}
.stars{color:var(--ac2);letter-spacing:.2em}cite{color:var(--mu);font-style:normal;font-size:.9rem}
address{font-style:normal;margin:1rem 0;font-size:1.1rem}.hours{border-collapse:collapse;margin-bottom:1.5rem;width:100%;max-width:380px}.hours td{padding:.5rem 0;border-bottom:1px solid #2a313b}.hours td:last-child{text-align:right;font-weight:600}
.map{width:100%;height:380px;border:0;border-radius:12px;filter:grayscale(.6) invert(.9) hue-rotate(180deg)}
.form label{display:block;margin-bottom:1rem;font-weight:600;font-size:.9rem}.form input,.form select,.form textarea{width:100%;margin-top:.35rem;padding:.85rem;background:var(--card);border:1px solid #2f3742;border-radius:8px;color:var(--tx);font:inherit}.form input:focus,.form textarea:focus,.form select:focus{outline:2px solid var(--ac);border-color:transparent}.row{display:grid;gap:0 1rem}
footer{border-top:1px solid #222;padding:2rem 0;text-align:center}
.stickycall{position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--btn);color:#fff;text-align:center;font-weight:800;padding:1rem;text-decoration:none;box-shadow:0 -4px 20px rgba(0,0,0,.5)}
@media(min-width:720px){.grid{grid-template-columns:repeat(2,1fr)}.row{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){body{padding-bottom:0}.stickycall{display:none}.nav nav{display:flex}.grid{grid-template-columns:repeat(4,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}.split{grid-template-columns:1fr 1fr}.hero{padding:8rem 0 6rem}}
.brand span{white-space:nowrap}.nav .btn.sm{white-space:nowrap}
@media(max-width:480px){.brand{font-size:1.25rem}.nav .btn.sm{display:none}}
h1 .sub{display:block;font-size:.45em;color:var(--ac);margin-top:.3em}
.hero.small{padding:3.5rem 0 2.5rem}.hero.small h1{font-size:clamp(2.4rem,7vw,4.5rem)}
.menu{background:none;border:1px solid #333;color:var(--tx);font-size:1.3rem;border-radius:8px;padding:.3rem .7rem;cursor:pointer}
.nav .wrap{flex-wrap:wrap}.nav.open nav,.nav .open nav{display:flex}
@media(max-width:999px){.nav nav{flex-basis:100%;flex-direction:column;gap:.2rem;padding:.5rem 0}.nav nav a{padding:.5rem 0;border-bottom:1px solid #222}}
.nav nav a[aria-current]{color:var(--ac)}
a.card{display:block;text-decoration:none;color:var(--tx);background:var(--card);border:1px solid #232a33;border-radius:12px;padding:1.5rem;transition:.2s}a.card:hover{border-color:var(--ac);transform:translateY(-4px)}a.card i{font-style:normal;font-size:1.8rem;color:var(--ac)}a.card p{color:var(--mu);margin:0 0 .8rem;font-size:.92rem}a.card span{color:var(--ac2);font-weight:700;font-size:.9rem}
.split.top{align-items:start}.side{background:var(--card);border:1px solid #232a33;border-radius:12px;padding:1.5rem}.plain{list-style:none;padding:0}.plain li{padding:.3rem 0}
.cols{columns:1}@media(min-width:720px){.cols{columns:2}}
details{background:var(--card);border:1px solid #232a33;border-radius:10px;margin-bottom:.8rem;padding:0 1.2rem}summary{cursor:pointer;list-style:none;padding:1rem 0}summary::-webkit-details-marker{display:none}
.q{display:inline;font-family:Inter,sans-serif;font-size:1.05rem;font-weight:700}summary:after{content:"+";float:right;color:var(--ac);font-weight:800}details[open] summary:after{content:"–"}details p{color:var(--mu);margin-top:0}
.h2{font-size:clamp(2.2rem,6vw,3.6rem)}.cta{background:linear-gradient(180deg,#151a20,#0e1115);border-top:1px solid #232a33;text-align:center}.cta .ctas{justify-content:center}
.fgrid{display:grid;gap:1.5rem;text-align:left}footer h5{font-size:.95rem;margin:0 0 .5rem;color:var(--ac)}footer p{color:var(--mu);font-size:.92rem}.ft{font-family:'Bebas Neue';font-size:1.6rem;font-weight:400}
@media(min-width:720px){.fgrid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1000px){.fgrid{grid-template-columns:1.2fr 1fr 1fr 1fr}.menu{display:none}}
.grid.two{grid-template-columns:1fr}@media(min-width:720px){.grid.two{grid-template-columns:1fr 1fr}}

/* ---- blue & gray light theme overrides ---- */
.nav{background:rgba(20,40,63,.97);border-bottom:1px solid #0e1d2e}.nav .brand,.nav nav a,.menu{color:#fff}.nav nav a:hover,.nav nav a[aria-current]{color:#9cc6ff}.brand b{color:#9cc6ff}
.brand img{filter:none;mix-blend-mode:normal;background:#fff}.menu{border-color:#3b5576}
@media(max-width:999px){.nav nav a{border-bottom-color:#22395a}}
.nav .btn.sm{background:#2f80e4;border-color:#2f80e4}
.hero{background:linear-gradient(90deg,rgba(16,34,56,.92) 0%,rgba(20,40,63,.82) 55%,rgba(20,40,63,.68) 100%),url(/assets/tempeautorepair.jpg) center/cover;color:#fff}
.hero .eyebrow,.hero h1 .sub{color:#9cc6ff}.hero h1 span{color:#9cc6ff}.lead{color:#dbe5f0}
.hero .btn{background:#2f80e4;border-color:#2f80e4}.hero .btn.ghost,.nav .btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.badges li{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#c9d6e4}.badges b{color:#fff}
.btn.ghost{color:var(--btn);border-color:#b8c4d2;background:#fff}.btn.ghost:hover{border-color:var(--btn)}
.grid article,blockquote,a.card,.side,details,.maint{background:#fff;border:1px solid var(--line);box-shadow:0 1px 3px rgba(20,40,63,.06)}
a.card{color:var(--tx)}a.card:hover,.grid article:hover{border-color:#2f80e4;box-shadow:0 8px 24px rgba(20,40,63,.10)}a.card span{color:var(--ac)}
.alt .grid article,.alt a.card,.alt blockquote,.alt details,.alt .side{background:#fff}
.maint{border-left:4px solid var(--ac)}.stars{color:#5b8fd6}cite{color:var(--mu)}
.hours td{border-bottom-color:var(--line)}.map{filter:none;border:1px solid var(--line)}
.form input,.form select,.form textarea{background:#fff;border-color:#c5cfdb;color:var(--tx)}
h1,h2,h3{color:var(--navy)}.hero h1{color:#fff}.eyebrow{color:var(--ac)}.checks li:before{color:var(--ac)}
.cta{background:linear-gradient(180deg,#1b3a5c,#14283f);border-top:none;color:#e6eef7}.cta h2{color:#fff}.cta .btn{background:#2f80e4;border-color:#2f80e4}.cta .btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
footer{background:var(--navy);color:#c9d6e4;border-top:none}footer h5{color:#9cc6ff}footer p,footer .muted{color:#b4c3d4}footer a{color:#cfe2ff}.ft{color:#fff}
.stickycall{background:#1b3a5c}
a.card i,.grid i{color:#b8433a}
a.card i svg,.grid i svg{display:block;width:1.8rem;height:1.8rem;margin:.2rem 0}
/* ---- rich dark navy theme (overrides light theme) ---- */
:root{--bg:#0a1220;--bg2:#0e1829;--card:#13203a;--tx:#eef3fa;--mu:#a7b4c6;--ac:#6ea8ff;--ac2:#6ea8ff;--btn:#2f80e4;--navy:#ffffff;--line:rgba(140,170,215,.16)}
body{background:radial-gradient(1200px 600px at 80% -10%,#15284a 0%,transparent 60%),linear-gradient(180deg,#0a1220,#08101c);color:var(--tx)}
.sec{padding:5.5rem 0}
.alt{background:linear-gradient(180deg,rgba(20,36,64,.55),rgba(12,22,40,.55));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
h1,h2,h3{color:#fff}.eyebrow{color:#7fb2ff}.checks li:before{color:#6ea8ff}
.nav{background:rgba(8,16,30,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.hero{background:linear-gradient(90deg,rgba(7,14,28,.93) 0%,rgba(10,20,40,.80) 55%,rgba(10,20,40,.6) 100%),url(/assets/tempeautorepair.jpg) center/cover;box-shadow:inset 0 -80px 120px -60px #0a1220}
.grid article,blockquote,a.card,.side,details,.maint,.alt .grid article,.alt a.card,.alt blockquote,.alt details,.alt .side{background:linear-gradient(180deg,#15233f,#101b31);border:1px solid var(--line);box-shadow:0 10px 30px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.04)}
a.card{color:var(--tx)}a.card p,.grid p{color:var(--mu)}a.card:hover{border-color:rgba(110,168,255,.55);box-shadow:0 16px 40px rgba(0,0,0,.45),0 0 0 1px rgba(110,168,255,.15)}
a.card i,.grid i{color:#b8433a}
.btn{box-shadow:0 6px 18px rgba(47,128,228,.25)}.btn.ghost{background:rgba(255,255,255,.03);color:#fff;border-color:rgba(255,255,255,.28);box-shadow:none}.btn.ghost:hover{border-color:#6ea8ff}
.stars{color:#8db8f5}cite,.muted{color:var(--mu)}.hours td{border-bottom-color:var(--line)}
.map{border:1px solid var(--line);box-shadow:0 10px 30px rgba(0,0,0,.35)}
.cta{background:radial-gradient(800px 300px at 50% 0%,#1a3260,transparent 70%),#0c1628;border-top:1px solid var(--line)}
footer{background:#070d18;border-top:1px solid var(--line)}
.stickycall{background:linear-gradient(180deg,#2f80e4,#2468bd)}
a{color:#8db8f5}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form input,.form select,.form textarea{background:#0f1a2e;border-color:rgba(140,170,215,.25);color:var(--tx)}
.formstatus{margin-top:1rem;font-weight:600;min-height:1.4em}.formstatus.ok{color:#7ee0a8}.formstatus.err{color:#ffb4a8}
.revline{text-align:center;padding:1rem 0}.stars.big{font-size:2rem;letter-spacing:.3em}.revtext{font-family:"Bebas Neue";font-size:2rem;color:#fff;margin:.3rem 0 0}