:root{--bg:#0f1623;--panel:#162033;--ink:#eef2f9;--muted:#9fb0c8;--accent:#16d3a0;--accent2:#0bb389}
*{box-sizing:border-box;margin:0}
body{font-family:-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink);line-height:1.55}
a{color:inherit;text-decoration:none}
.btn{display:inline-block;background:var(--accent);color:#04231b;font-weight:700;padding:.6rem 1.1rem;border-radius:8px}
.btn:hover{background:var(--accent2)}
.btn-lg{padding:.9rem 1.6rem;font-size:1.1rem}
.hero{background:linear-gradient(160deg,#13203a,#0f1623);padding:0 1.25rem 4rem}
nav{display:flex;justify-content:space-between;align-items:center;max-width:1000px;margin:0 auto;padding:1.1rem 0}
.logo{font-weight:800}
.hero-inner{max-width:760px;margin:3rem auto 0;text-align:center}
.hero h1{font-size:2.6rem;line-height:1.1}
.tagline{color:var(--muted);font-size:1.25rem;margin:1rem 0 1.75rem}
.hero-sub{color:var(--muted);margin-top:1rem;font-size:.95rem}
main{max-width:1000px;margin:0 auto;padding:0 1.25rem}
section{padding:3.5rem 0;border-bottom:1px solid #22304a}
h2{font-size:1.7rem;margin-bottom:1.5rem}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.service{background:var(--panel);border:1px solid #22304a;border-radius:12px;padding:1.25rem}
.service h3{color:var(--accent);margin-bottom:.4rem}
.service p{color:var(--muted)}
.about p{color:var(--muted);max-width:680px}
.hours{margin-top:1rem}
.cta-band{text-align:center}
footer{color:var(--muted);font-size:.9rem}
@media(max-width:600px){.hero h1{font-size:2rem}}