:root{--bg:#0b0f1a;--panel:#0f172a;--muted:#94a3b8;--text:#e5e7eb;--accent:#38bdf8;--accent2:#22d3ee}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:var(--text);background:var(--bg);line-height:1.6}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
a{color:var(--accent)}a:focus{outline:3px dashed var(--accent);outline-offset:3px}
header{position:sticky;top:0;background:rgba(11,15,26,.85);backdrop-filter:blur(6px);border-bottom:1px solid rgba(255,255,255,.08);z-index:50}
.nav{display:flex;align-items:center;justify-content:space-between;padding:10px 0;gap:12px}
.brand{display:flex;gap:10px;align-items:center;color:var(--text);text-decoration:none}
.brand img{height:38px;width:auto;background:#fff;border-radius:6px}
.navlinks{display:flex;gap:12px;align-items:center}
.navlinks a{color:var(--text);text-decoration:none;opacity:.9}
.navlinks a:hover{opacity:1}
.cta{display:inline-block;background:linear-gradient(90deg,var(--accent),var(--accent2));color:#06121a;font-weight:700;padding:10px 14px;border-radius:10px;text-decoration:none}
.hero{background:url('images/hero-van.webp') center/cover no-repeat;padding:80px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.hero .overlay{background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,.45));padding:20px;border-radius:14px;display:inline-block}
.hero h1{margin:0 0 10px 0;font-size:36px}.lead{color:#dbe8ff}
.badges{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 24px 0}.badge{border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:6px 10px;background:rgba(0,0,0,.35)}
section{padding:52px 0}.section-title{font-size:26px;margin:0 0 12px 0}.section-sub{color:var(--muted);margin:0 0 20px 0}
.grid{display:grid;gap:16px;grid-template-columns:repeat(1,minmax(0,1fr))}@media(min-width:720px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.card{background:var(--panel);border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden}
.card h3{margin:0;padding:12px 16px}.card p{padding:0 16px 16px 16px;color:var(--muted);margin:0}
.card img{width:100%;height:180px;object-fit:cover;display:block;border-bottom:1px solid rgba(255,255,255,.08)}
.pills{display:flex;flex-wrap:wrap;gap:10px}.pill{border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:6px 10px;color:var(--muted)}
.gallery{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}@media(min-width:880px){.gallery{grid-template-columns:repeat(4,1fr)}}
.gallery figure{margin:0}.gallery img{width:100%;height:160px;object-fit:cover;border-radius:10px;border:1px solid rgba(255,255,255,.08)}
.gallery figcaption{font-size:12px;color:var(--muted);margin-top:4px}
.small{font-size:13px;color:var(--muted)}footer{border-top:1px solid rgba(255,255,255,.08);color:var(--muted);padding:22px 0 60px 0;font-size:14px}
.skip{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip:focus{position:static;width:auto;height:auto;background:#000;color:#fff;padding:6px 10px;border-radius:8px}
.input, textarea{width:100%;padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#0b1220;color:#e5e7eb}
label.small{display:block;margin:0 0 6px 2px;color:var(--muted)}
.btn{display:inline-block;background:linear-gradient(90deg,var(--accent),var(--accent2));color:#06121a;font-weight:700;padding:10px 14px;border-radius:10px;text-decoration:none;border:none;cursor:pointer}
.form-card{background:var(--panel);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:18px}