:root{
  --blue:#0b3f78;
  --blue2:#0d4b8f;
  --accent:#f4a51c;
  --bg:#f2f4f8;
  --text:#1b2430;
  --muted:#5c6777;
  --line:#d9e0ea;
  --card:#ffffff;
  --shadow:0 12px 25px rgba(16,24,40,.12);
  --radius:16px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:"Cairo",system-ui,-apple-system,Segoe UI,Roboto,Arial;background:var(--bg);color:var(--text);line-height:1.7}
a{color:inherit}
.container{width:min(1150px,92%);margin:0 auto}

.top{background:linear-gradient(90deg,var(--blue),var(--blue2));color:#fff}
.top__inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.4px}
.brand__mark{width:30px;height:30px;border-radius:10px;background:rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center}
.brand__name span{font-weight:600;opacity:.9}
.top__right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pill{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);color:#fff;padding:7px 10px;border-radius:999px;text-decoration:none;font-weight:800}
.pill--ghost{background:transparent}

.nav{background:#113f73;color:#fff;border-bottom:3px solid rgba(255,255,255,.06)}
.nav__inner{display:flex;align-items:center;justify-content:space-between;padding:8px 0;gap:10px}
.menu{list-style:none;margin:0;padding:0;display:flex;gap:14px;align-items:center}
.menu a{text-decoration:none;color:#fff;font-weight:800;opacity:.95}
.menu a:hover{opacity:1}
.burger{display:none;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:12px;padding:8px;cursor:pointer}
.burger span{display:block;width:20px;height:2px;background:#fff;margin:4px 0;border-radius:2px}
.mnav{display:none;background:#113f73}
.menu--mobile{flex-direction:column;align-items:flex-start;padding:12px}
.mnav.open{display:block}

.hero{background:linear-gradient(180deg,#0e4a8f 0%, #0b3f78 55%, #0b3f78 100%);color:#fff}
.hero__inner{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;padding:26px 0}
.hero__text h1{margin:0 0 8px;font-size:2.05rem;line-height:1.25;font-weight:900}
.hero__text p{margin:0 0 14px;opacity:.95;font-weight:700}
.hero__buttons{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 10px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:12px;text-decoration:none;font-weight:900;border:1px solid transparent;box-shadow:0 10px 18px rgba(0,0,0,.12)}
.btn--wa{background:var(--accent);color:#1b2430}
.btn--call{background:#ffffff;color:var(--blue);border-color:rgba(255,255,255,.35)}
.btn--blue{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.26)}
.hero__meta{display:flex;gap:12px;flex-wrap:wrap;font-weight:800;opacity:.95}
.hero__imgbox{height:260px;border-radius:18px;background:
  linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.06)),
  radial-gradient(800px 200px at 40% 30%, rgba(244,165,28,.35), transparent 60%),
  radial-gradient(700px 260px at 70% 50%, rgba(255,255,255,.18), transparent 60%);
border:1px solid rgba(255,255,255,.22);
box-shadow:0 16px 30px rgba(0,0,0,.18);
position:relative;
overflow:hidden;
}
.imgbadge{position:absolute;bottom:14px;right:14px;background:rgba(0,0,0,.35);backdrop-filter:blur(6px);padding:8px 10px;border-radius:999px;font-weight:900}

.block{padding:24px 0}
.block--white{background:transparent}
.block--light{background:#ffffff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.center{text-align:center;margin:0 0 14px;font-weight:900}

.brandrow{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.brandlogo{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px;min-width:92px;text-align:center;font-weight:900;box-shadow:var(--shadow)}
.services{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.service{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 10px;text-align:center;box-shadow:var(--shadow)}
.service__icon{font-size:1.4rem}
.service__title{font-weight:900;font-size:.95rem;margin-top:4px}

.why{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.whycard{background:linear-gradient(180deg,#0e4a8f,#0b3f78);color:#fff;border-radius:14px;padding:14px;text-align:center;box-shadow:var(--shadow)}
.whycard__icon{font-size:1.4rem}
.whycard__title{font-weight:900;margin-top:6px}

.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ph{background:#fff;border:1px solid var(--line);border-radius:14px;padding:38px 14px;text-align:center;color:var(--muted);font-weight:900;box-shadow:var(--shadow)}

.block__head h2{margin:0 0 6px;font-weight:900}
.block__head p{margin:0;color:var(--muted);font-weight:700}

.form{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:var(--shadow)}
.form__row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
.form__field label{display:block;font-weight:900;margin-bottom:6px}
.form__field input,.form__field textarea{width:100%;padding:11px 12px;border-radius:12px;border:1px solid var(--line);background:#f8fafc;outline:none}
.form__field input:focus,.form__field textarea:focus{border-color:#0d4b8f}
.form__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}

.mapgrid{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;align-items:stretch}
.mapbox,.contactbox{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:var(--shadow)}
.mapph{height:220px;border-radius:12px;border:1px dashed var(--line);display:flex;align-items:center;justify-content:center;color:var(--muted);font-weight:900;background:#f7f9fc}
.contactbox h3{margin:0 0 8px;font-weight:900}
.contactbox p{margin:6px 0;color:var(--muted);font-weight:800}

.footer{background:#0b3f78;color:#fff;margin-top:10px}
.footer__inner{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:12px;padding:18px 0}
.footer__inner p{margin:6px 0;opacity:.95}
.footer__menu{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.footer__menu a{text-decoration:none;color:#fff;font-weight:800;opacity:.95}
.footer__list{list-style:none;margin:0;padding:0;display:grid;gap:6px;opacity:.95}
.footer__bottom{padding:10px 0;border-top:1px solid rgba(255,255,255,.18);opacity:.9}

.float{position:fixed;right:14px;border-radius:999px;padding:10px 12px;text-decoration:none;font-weight:900;box-shadow:var(--shadow);z-index:50}
.float--wa{bottom:14px;background:var(--accent);color:#1b2430}
.float--call{bottom:64px;background:#fff;color:var(--blue);border:1px solid var(--line)}

.muted{color:var(--muted)}
[dir="ltr"] body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial}

@media (max-width: 1000px){
  .hero__inner{grid-template-columns:1fr}
  .services{grid-template-columns:repeat(3,1fr)}
  .why{grid-template-columns:repeat(2,1fr)}
  .grid3{grid-template-columns:1fr}
  .mapgrid{grid-template-columns:1fr}
  .footer__inner{grid-template-columns:1fr}
}
@media (max-width: 560px){
  .menu{display:none}
  .burger{display:inline-block}
  .services{grid-template-columns:repeat(2,1fr)}
  .form__row{grid-template-columns:1fr}
  .hero__text h1{font-size:1.6rem}
}