/* Tommy Auto Detailing & Car Wash — generated by the website-factory stamper from the flagship design system */
:root{
  --ink:#0d1520; --ink-2:#1d2530; --cream:#eef6fa; --paper:#fffdf8;
  --brass:#35b6e8; --brass-dark:#0b6fa4;
  --text:#1c2126; --muted:#5a636d; --line:#e3ddcd;
  --radius:14px; --max:1120px;
  --space:clamp(1rem,2.5vw,1.75rem);
  --font:"Avenir Next","Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
body{margin:0;font-family:var(--font);color:var(--text);background:var(--paper);line-height:1.6;font-size:1.0625rem}
img{max-width:100%;height:auto;display:block}
a{color:var(--brass-dark)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--brass);outline-offset:2px;border-radius:4px}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:var(--cream);padding:.6rem 1rem;z-index:20}
.skip:focus{left:.5rem;top:.5rem}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--space)}
.site-head{background:var(--ink);color:var(--cream);position:sticky;top:0;z-index:10}
.site-head .wrap{display:flex;align-items:center;gap:1rem;padding-top:.7rem;padding-bottom:.7rem;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:.65rem;color:var(--cream);text-decoration:none;font-weight:700;letter-spacing:.02em;font-size:1.15rem}
.brand img{width:40px;height:40px;border-radius:50%}
.brand small{display:block;font-weight:400;font-size:.72rem;color:var(--brass);letter-spacing:.14em;text-transform:uppercase}
nav.main{margin-left:auto}
nav.main ul{display:flex;gap:.25rem;list-style:none;margin:0;padding:0;flex-wrap:wrap}
nav.main a{color:var(--cream);text-decoration:none;padding:.45rem .7rem;border-radius:8px;font-size:.98rem}
nav.main a:hover{background:var(--ink-2)}
nav.main a[aria-current="page"]{background:var(--brass);color:var(--ink);font-weight:600}
.head-call{background:var(--brass);color:var(--ink)!important;font-weight:700}
.hero{background:var(--ink);color:var(--cream)}
.hero .wrap{display:grid;gap:2rem;padding-top:3rem;padding-bottom:3rem;align-items:center}
@media(min-width:860px){.hero .wrap{grid-template-columns:1.05fr .95fr}}
.hero h1{font-size:clamp(2.1rem,5vw,3.4rem);line-height:1.08;margin:.2rem 0 .8rem}
.hero p.lede{font-size:1.2rem;color:#d9d2c0;max-width:34rem}
.eyebrow{color:var(--brass);text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:700}
.hero img{border-radius:var(--radius);width:100%}
.rating-chip{display:inline-flex;gap:.5rem;align-items:center;background:var(--ink-2);border:1px solid #2b333c;border-radius:999px;padding:.35rem .9rem;font-size:.95rem}
.stars{color:var(--brass);letter-spacing:.1em}
.btn{display:inline-block;background:var(--brass);color:var(--ink);font-weight:700;text-decoration:none;padding:.8rem 1.5rem;border-radius:10px;border:0;cursor:pointer;font-size:1rem}
.btn:hover{filter:brightness(1.08)}
.btn.ghost{background:transparent;color:var(--cream);border:2px solid var(--cream)}
.btn.dark{background:var(--ink);color:var(--cream)}
.btn-row{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.4rem}
section{padding:3rem 0}
section.alt{background:var(--cream)}
h2{font-size:clamp(1.6rem,3.4vw,2.3rem);line-height:1.15;margin:.2rem 0 .6rem}
h3{font-size:1.2rem;margin:.2rem 0 .4rem}
.sub{color:var(--muted);max-width:42rem}
.grid{display:grid;gap:1.1rem;margin-top:1.6rem}
@media(min-width:680px){.grid.c2{grid-template-columns:1fr 1fr}.grid.c3{grid-template-columns:repeat(3,1fr)}}
@media(min-width:680px) and (max-width:980px){.grid.c3{grid-template-columns:1fr 1fr}}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem}
.card .price-note{color:var(--muted);font-size:.92rem}
figure.card{padding:0;overflow:hidden}
figure.card img{width:100%}
figure.card figcaption{padding:.9rem 1.1rem;font-size:.95rem;color:var(--muted)}
.ph{display:inline-block;background:#fff3cd;border:1.5px dashed var(--brass-dark);color:#6b5410;border-radius:8px;padding:.15rem .55rem;font-size:.88rem;font-weight:600}
.ph-block{display:block;text-align:center;padding:2.2rem 1rem;background:#fff8e1;border:1.5px dashed var(--brass-dark);border-radius:var(--radius);color:#6b5410;font-weight:600}
.score-big{font-size:3.4rem;font-weight:800;line-height:1}
.review-note{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem}
form{display:grid;gap:1rem;max-width:560px}
label{font-weight:600;display:grid;gap:.35rem;font-size:.98rem}
input,select,textarea{font:inherit;padding:.7rem .8rem;border:1.5px solid #c9c2ae;border-radius:10px;background:#fff;width:100%}
.demo-note{background:#fff3cd;border:1.5px dashed var(--brass-dark);border-radius:10px;padding:.8rem 1rem;font-size:.95rem;color:#6b5410}
details{border:1px solid var(--line);border-radius:10px;padding:.9rem 1.1rem;background:#fff}
details+details{margin-top:.7rem}
summary{font-weight:700;cursor:pointer}
footer{background:var(--ink);color:#cfc9b8;padding:2.4rem 0 2rem;margin-top:0}
footer .cols{display:grid;gap:1.6rem}
@media(min-width:760px){footer .cols{grid-template-columns:1.4fr 1fr 1fr}}
footer h3{color:var(--cream);font-size:1rem;letter-spacing:.06em;text-transform:uppercase}
footer a{color:#e8e2cf}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}
.fineprint{border-top:1px solid #2b333c;margin-top:1.8rem;padding-top:1rem;font-size:.88rem;color:#9aa3ab}
.card .svc-img{width:100%;border-radius:10px;margin-bottom:1rem}
.credits{margin-top:2rem;font-size:.88rem;color:var(--muted)}
.credits ul{margin:.5rem 0 0;padding-left:1.1rem;display:grid;gap:.3rem}