:root{
  --bg:#0f172a;            /* slate-900 */
  --card:#111827F0;        /* translucent near-black */
  --silver:#cbd5e1;        /* slate-300 */
  --silver-soft:#94a3b8;   /* slate-400 */
  --orange:#ff6a00;        /* bright orange */
  --accent:#38bdf8;        /* sky-400 */
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:linear-gradient(180deg,#0b1220,#0f172a 40%,#0b1220);color:var(--silver);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica,Arial,sans-serif}
a{color:inherit;text-decoration:none}
.container{max-width:1100px;margin:0 auto;padding:24px}
nav{position:sticky;top:0;backdrop-filter:saturate(140%) blur(8px);background:#0b1220d0;border-bottom:1px solid #1f2937}
nav .inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px}
.logo{display:flex;align-items:center;gap:12px}
.logo svg{width:36px;height:36px;filter:drop-shadow(0 6px 14px rgba(56,189,248,.35))}
.logo .word{font-weight:800;letter-spacing:.6px;font-size:1.1rem;text-transform:lowercase}
.tag{font-size:.8rem;color:var(--silver-soft)}

.btn{background:var(--orange);color:#0b0f1a;padding:12px 18px;border-radius:14px;border:0;font-weight:800;text-transform:lowercase;cursor:pointer;transition:transform .15s ease, box-shadow .2s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(255,106,0,.25)}
.btn.outline{background:transparent;border:1px solid var(--orange);color:var(--silver)}

.hero{
  position:relative;min-height:68vh;display:grid;place-items:center;text-align:center;overflow:hidden
}
.hero::before{
  content:"";position:absolute;inset:0;background:
    linear-gradient(180deg, rgba(2,6,23,.35), rgba(2,6,23,.85)),
    url('../images/blue-car-hero.jpg') center/cover no-repeat;
  transform:scale(1.05);
  filter:saturate(115%) contrast(105%);
}
.hero .content{position:relative;z-index:1;padding:24px}
h1{margin:0;font-size:clamp(34px,6vw,64px);line-height:1.05;text-transform:lowercase;font-weight:900;letter-spacing:.5px}
.subtitle{margin:10px auto 22px;color:var(--silver);opacity:.95;max-width:700px}
.cta{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}

.grid{display:grid;gap:18px}
.cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{background:linear-gradient(180deg,#0c1425,#0c1425fa);border:1px solid #1e293b;border-radius:18px;padding:18px}
.card h3{margin:8px 0 6px;text-transform:lowercase}
.footer{border-top:1px solid #1f2937;color:#94a3b8}
.footer .inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px 24px}

.gallery{columns:1;column-gap:16px}
@media(min-width:720px){.gallery{columns:2}}
@media(min-width:1024px){.gallery{columns:3}}
.gallery img{width:100%;margin:0 0 16px;border-radius:14px;border:1px solid #1e293b;cursor:pointer;transition:transform .2s ease}
.gallery img:hover{transform:scale(1.01)}

.lightbox{position:fixed;inset:0;background:rgba(3,7,18,.9);display:none;align-items:center;justify-content:center;padding:24px;z-index:50}
.lightbox.active{display:flex}
.lightbox img{max-width:92vw;max-height:86vh;border-radius:12px;border:1px solid #1e293b}
.lightbox .close{position:absolute;top:16px;right:20px;background:#00000066;border:1px solid #1f2937;color:#fff;padding:10px 14px;border-radius:12px;cursor:pointer}

section{padding:36px 0}
.lead{color:#cbd5e1;opacity:.9}
address{font-style:normal;line-height:1.6}
form{display:grid;gap:12px;max-width:560px}
input,textarea{background:#0b1220;border:1px solid #1f2937;border-radius:12px;padding:12px;color:#e5e7eb}
label{font-size:.9rem;color:#a7b3c7}