:root{
  --bg:#0a0a0a; --panel:#121212; --muted:#c8c8c8; --brand:#16c172; --ink:#f5f5f5;
}
*{box-sizing:border-box}
html,body{margin:0}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.5}
a{color:var(--brand);text-decoration:none}
.container{width:min(1120px,92%);margin:0 auto}
.site-header{position:sticky;top:0;background:#000;border-bottom:1px solid #111;z-index:10}
.header-inner{display:flex;align-items:center;gap:20px;padding:10px 0}
.logo{width:56px;height:56px;object-fit:contain;border-radius:12px;background:#fff;padding:6px}
.nav{display:flex;gap:18px;margin-left:auto}
.nav a{opacity:.9}
.cta{margin-left:8px;background:var(--brand);color:#000;padding:10px 14px;border-radius:8px;font-weight:700}

.hero{
  position:relative;
  background: url('https://images.unsplash.com/photo-1544586043-05105a6783d3?q=80&w=2000&auto=format&fit=crop') center/cover no-repeat;
  min-height: 92vh; display:flex; align-items:center;
}
.hero .overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,.65))}
.hero-inner{position:relative;z-index:1;text-align:center}
.hero-logo{width:96px;height:96px;object-fit:contain;border-radius:16px;background:#fff;padding:8px;margin-bottom:10px}
.hero h1{font-size: clamp(32px, 6vw, 54px); margin:0 0 8px}
.hero p{color:var(--muted); margin:0 0 24px}

.section{padding:64px 0}
.section.container{padding:64px 0}
h2{font-size: clamp(26px, 4vw, 36px); margin:0 0 20px}

.card{background:#0e0e0e;border:1px solid #1a1a1a;border-radius:14px;overflow:hidden}
.grid.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.card img{display:block;width:100%;height:180px;object-fit:cover}
.card h3{margin:12px 14px 6px}
.card p{margin:0 14px 16px;color:#cfcfcf}

.booking-form{display:grid;gap:16px;max-width:980px;margin:0 auto;padding:18px}
.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
label{display:grid;gap:8px}
input,textarea{background:#0b0b0b;border:1px solid #222;color:#fff;padding:12px;border-radius:10px}
.vehicle-title{margin-top:6px}
.vehicle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:10px 0 6px}
.vehicle{background:#0b0b0b;border:1px solid #222;border-radius:12px;padding:10px;cursor:pointer;user-select:none;text-align:center}
.vehicle input{display:none}
.vehicle img{width:100%;height:120px;object-fit:cover;border-radius:8px;margin-bottom:6px}
.vehicle span{display:block}
.vehicle:has(input:checked){outline:2px solid var(--brand)}

.fees-row{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}

.estimate{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;padding:12px;text-align:center}
.estimate span{font-weight:700}

.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.btn{padding:12px 18px;border-radius:10px;font-weight:700;display:inline-block;background:#222;color:#fff;border:1px solid #333}
.btn-primary{background:var(--brand);color:#000;border:none}
.btn-ghost{background:transparent;border:1px solid #2a2a2a;color:#fff}

.form-note{color:#bdbdbd;font-size:.9rem}
.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}

.site-footer{border-top:1px solid #111;background:#000;padding:18px 0;color:#bfbfbf;text-align:center}