:root{
  --brand:#10a2db; --brand-dark:#0b56a6; --text:#0b1b2e; --muted:#5b667a;
  --chip:#eef6ff; --card:#ffffff; --bg:#ffffff; --shadow:0 8px 24px rgba(16,162,219,.15);
  --footer:#0b1b2e;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;line-height:1.5}
a{color:var(--brand-dark);text-decoration:none}
img{max-width:100%;height:auto;display:block}
.container{max-width:1080px;margin:0 auto;padding:0 16px}

/* Header */
.header{position:sticky;top:0;background:#fff;z-index:60;border-bottom:1px solid #eef2f7}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:10px 0}
.logo img{height:64px;width:auto}
@media(min-width:760px){.logo img{height:90px}}
.menu-btn{border:1px solid #e5e7eb;border-radius:12px;background:#fff;padding:10px 12px;cursor:pointer}
.nav{position:fixed;right:12px;top:76px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:var(--shadow);display:none;flex-direction:column;min-width:240px}
@media(min-width:760px){.nav{top:102px}}
.nav.open{display:flex}
.nav a{padding:14px 16px;border-bottom:1px solid #f3f5f9;color:#0b1b2e}

/* Hero */
.hero{padding:18px 0 6px}
.kicker{color:var(--brand-dark);font-weight:800;letter-spacing:.12em;text-transform:uppercase}
h1{font-size:clamp(30px,5vw,48px);line-height:1.12;margin:.28em 0 .44em}
.lead{color:var(--muted);font-size:18px;margin:0 0 12px}
.badges{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0 14px}
.badge{background:var(--chip);padding:10px 14px;border-radius:999px}
.hero-card{border-radius:18px;overflow:hidden;border:1px solid #e8edf5;box-shadow:var(--shadow);margin:0 0 12px}
.hero-media{position:relative;width:100%;aspect-ratio:16/9}
.hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* Sections */
.section{padding:24px 0}
.section h2{font-size:28px;margin:0 0 12px}
.cards{display:grid;grid-template-columns:1fr;gap:14px}
.card{background:#fff;border:1px solid #e8edf5;border-radius:16px;padding:16px}
.services .item{display:flex;gap:12px;align-items:flex-start}
.services .icon{font-size:20px}
.brands img{border-radius:16px;border:1px solid #e8edf5}
.cities{display:grid;grid-template-columns:1fr;gap:10px}
.city{display:flex;justify-content:space-between;align-items:center;border:1px solid #e8edf5;border-radius:12px;padding:12px 14px}
.gallery{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.gallery img{border-radius:16px;border:1px solid #e8edf5;object-fit:cover;height:240px}

/* Footer (blue navy) */
.site-footer{background:var(--footer);color:#fff;margin-top:44px}
.footer-inner{max-width:1080px;margin:0 auto;padding:28px 16px;display:grid;gap:20px;grid-template-columns:1.2fr 1fr 1fr;align-items:start}
.footer-brand img{display:block;margin-bottom:10px;max-height:80px;width:auto}
.footer-brand p{opacity:.9;margin:0}
.footer-nav h3,.footer-contact h3{font-size:1.05rem;margin:0 0 .5rem}
.footer-nav ul{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}
.footer-nav a,.footer-contact a{color:#fff;text-decoration:none;opacity:.9}
.footer-nav a:hover,.footer-contact a:hover{opacity:1;text-decoration:underline}
.phone{display:inline-block;background:#10a2db;color:#fff;padding:.5rem .8rem;border-radius:999px;font-weight:800}
.map-link{display:inline-block;margin-top:.35rem}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:12px 16px;text-align:center;opacity:.85}
@media(max-width:900px){.footer-inner{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.footer-inner{grid-template-columns:1fr}}

/* Floating call button */
.call-fab{position:fixed;right:16px;bottom:16px;background:#10a2db;color:#fff;border-radius:999px;padding:12px 16px;box-shadow:0 10px 24px rgba(16,162,219,.3);font-weight:800;z-index:70}