.nav { height: 92px; }
.brand { gap: 14px; font-size: 1.6rem; font-weight: 800; letter-spacing: .065em; }
.brand-mark { width: 46px; height: 46px; border-radius: 11px; font: 800 1.35rem Manrope, sans-serif; }
.brand b { color: #e12531; font-weight: 800; }
.brand-mark { background: #123a70; color: #fff; }
.inverse .brand-mark { background: #e12531; color: #fff; }
.nav .brand { font-size: 2rem; }
.hero-brand { margin: 0 0 12px; color: #123a70; font: 800 clamp(2.4rem,5vw,4.4rem)/1 Manrope, sans-serif; letter-spacing: -.055em; }
.hero-brand strong { color: #e12531; font-weight: 800; }
.button.primary, .nav-cta { background: #123a70; }
.button.primary:hover { background: #e12531; }
.eyebrow { color: #c51f2d; }
.hero h1 em { color: #e12531; }
.nav-links > a:not(.nav-cta):hover { color: #e12531; }
.language-switch { display: inline-flex; align-items: center; overflow: hidden; border: 1px solid #c7d3df; border-radius: 6px; background: #fff; }
.language-switch a { padding: 7px 9px; color: #53657a; font: 800 .72rem Manrope, sans-serif; letter-spacing: .06em; }
.language-switch a + a { border-left: 1px solid #c7d3df; }
.language-switch a:hover, .language-switch a.active { background: #123a70; color: #fff; }
.inline-link { border-bottom-color: #e12531; }
.icon { color: #e12531; }
.stats-band, .language-wrap, .footer { background: #123a70; }
.stats strong { color: #fff; }
.stats > div { border-color: rgba(255,255,255,.28); }
.worldwide-badge, .world-map .core { background: #123a70; }
.hero-visual.world-map { background: linear-gradient(145deg, #e7f0fa, #b8d0ea); }
.map-pin i { background: #e12531; box-shadow: 0 0 0 5px rgba(225,37,49,.2); }
.contact-wrap { background: #e12531; color: #fff; }
.contact-wrap .eyebrow { color: #fff; }
.contact-card { color: #10294b; }
.contact-icons { display: inline-flex; align-items: center; gap: 8px; color: #10294b; }
.contact-icons svg { display: block; flex: 0 0 auto; }
.mobile-icon { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }
.whatsapp-icon { width: 28px; height: 28px; fill: #25d366; }
.contact-icon { display: inline-flex; align-items: center; color: #123a70; }
.contact-icon svg { display: block; width: 29px; height: 29px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.contact-card strong { overflow-wrap: anywhere; }
.about-wrap { background: #fff; border-bottom: 1px solid #d9e1e8; }
.about-cin { display: grid; grid-template-columns: 1fr .9fr; gap: 90px; padding-top: 100px; padding-bottom: 100px; }
.about-cin h2, .comparison-heading h2 { margin: 0; color: #123a70; font: 700 clamp(2.5rem,5vw,4.7rem)/1 Manrope, sans-serif; letter-spacing: -.05em; }
.about-copy { align-self: end; color: #53657a; font-size: 1.08rem; }
.about-copy strong { color: #123a70; }
.comparison-wrap { padding: 110px 0; background: #eef3f7; }
.comparison { display: grid; grid-template-columns: .7fr 1.3fr; gap: 70px; align-items: start; }
.comparison-visual { grid-column: 1 / -1; margin: 0; position: relative; overflow: hidden; border-radius: 24px; background: #123a70; box-shadow: 0 25px 60px rgba(18,58,112,.17); }
.comparison-visual img { display: block; width: 100%; height: auto; object-fit: contain; }
.comparison-heading h2 { font-size: clamp(2.35rem,4.2vw,4rem); }
.comparison-heading > p:last-child { color: #53657a; margin-top: 24px; }
.comparison-table { overflow: hidden; border: 1px solid #c9d5df; background: #fff; }
.comparison-row { display: grid; grid-template-columns: 1fr 1fr; }
.comparison-row span { min-height: 92px; padding: 22px; border-bottom: 1px solid #d9e1e8; color: #53657a; }
.comparison-row span + span { border-left: 1px solid #d9e1e8; }
.comparison-row:last-child span { border-bottom: 0; }
.comparison-row b { color: #123a70; }
.comparison-head span { min-height: auto; background: #123a70; color: #fff; font: 800 1rem Manrope, sans-serif; }
.comparison-head span + span { background: #e12531; border-left-color: rgba(255,255,255,.25); }
@media (max-width: 820px) {
  .nav { height: 78px; }
  .nav-links { top: 78px; }
  .language-switch { align-self: flex-start; }
  .brand { font-size: 1.3rem; }
  .nav .brand { font-size: 1.45rem; }
  .brand-mark { width: 40px; height: 40px; font-size: 1.15rem; }
  .about-cin, .comparison { grid-template-columns: 1fr; gap: 38px; }
  .about-cin { padding-top: 75px; padding-bottom: 75px; }
}

.hero-visual.world-map {
  aspect-ratio: 1.12;
  border-radius: 28px;
  background: linear-gradient(145deg, #dceff1, #b8d9de);
  overflow: hidden;
  box-shadow: 0 28px 80px rgba(20,57,85,.15);
}
.hero-visual.world-map::before { display: none; }
.world-map > img {
  position: absolute;
  inset: 13% 4% auto;
  width: 92%;
  height: auto;
  opacity: .30;
  filter: sepia(.15) saturate(.55) hue-rotate(145deg);
}
.world-map .core { inset: auto auto 5% 5%; width: 122px; height: 122px; z-index: 5; }
.world-map .core span { font-size: 2.25rem; }
.worldwide-badge {
  position: absolute;
  top: 5%; right: 5%; z-index: 4;
  padding: 9px 14px;
  background: #10294b; color: #fff;
  border-radius: 30px;
  font: 700 .72rem Manrope, sans-serif;
  text-transform: uppercase; letter-spacing: .1em;
}
.map-pin { position: absolute; z-index: 3; }
.map-pin i { display: block; width: 12px; height: 12px; border: 3px solid #fff; border-radius: 50%; background: #f4b936; box-shadow: 0 0 0 5px rgba(244,185,54,.25); }
.map-pin span { position: absolute; min-width: max-content; padding: 6px 9px; background: #fff; color: #10294b; border-radius: 6px; box-shadow: 0 5px 16px rgba(16,41,75,.16); font: 700 .68rem/1.15 Manrope, sans-serif; }
.map-pin small { display: block; margin-top: 2px; color: #647587; font-size: .56rem; font-weight: 600; }
.map-sk { left: 55%; top: 36%; }.map-sk span { left: 16px; top: -8px; }
.map-pa { left: 48.5%; top: 29%; }.map-pa span { right: 16px; bottom: 8px; }
.map-mo { left: 50.5%; top: 35%; }.map-mo span { right: 15px; top: 7px; }
.map-ma { left: 46%; top: 42%; }.map-ma span { right: 16px; top: 6px; }
.map-ba { left: 62%; top: 48%; }.map-ba span { left: 16px; top: -7px; }
.map-uae { left: 65%; top: 52%; }.map-uae span { left: 16px; top: 5px; }
.map-credit { position: absolute; right: 4%; bottom: 3%; color: rgba(16,41,75,.55); font-size: .55rem; }
.language-wrap { background: #10294b; color: #fff; }
.languages { display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; align-items: center; padding-top: 80px; padding-bottom: 80px; }
.languages h2 { margin: 0 0 22px; font: 700 clamp(2.3rem,4.5vw,4.2rem)/1.02 Manrope, sans-serif; letter-spacing: -.045em; }
.languages p:last-child { color: #b9c8d5; max-width: 430px; }
.language-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.language-list span { padding: 13px 16px; border: 1px solid rgba(255,255,255,.17); border-radius: 4px; background: rgba(255,255,255,.055); font-weight: 600; }
@media (max-width: 820px) {
  .languages { grid-template-columns: 1fr; gap: 35px; }
}
@media (max-width: 520px) {
  .contact-card a { grid-template-columns: 64px 1fr auto; gap: 8px; }
  .contact-card a > span:last-child { grid-row: auto; grid-column: auto; }
  .contact-icons { grid-column: auto; }
  .comparison-visual { border-radius: 15px; }
  .comparison-visual img { width: 100%; height: auto; object-fit: contain; }
  .comparison-row { grid-template-columns: 1fr; }
  .comparison-row span { min-height: auto; }
  .comparison-row span + span { border-left: 0; }
  .comparison-head span + span { border-top: 1px solid rgba(255,255,255,.25); }
  .hero-visual.world-map { aspect-ratio: 1; border-radius: 20px; }
  .map-pin span { font-size: .57rem; padding: 4px 6px; }
  .map-pin small { font-size: .49rem; }
  .map-pin i { width: 9px; height: 9px; border-width: 2px; }
  .world-map .core { width: 90px; height: 90px; }
  .world-map .core span { font-size: 1.65rem; }
  .worldwide-badge { font-size: .58rem; }
  .language-list { grid-template-columns: repeat(2, 1fr); }
}