/* Clean Geoland logo spirit pass: restrained turquoise + polished steel */
:root {
  --primary: #00aebd !important;
  --primary-dark: #087f8c !important;
  --secondary: #7d8b91 !important;
  --secondary-deep: #101b20 !important;
  --bg: #f6f8f9 !important;
  --bg-soft: #edf2f4 !important;
  --heading: #17252a !important;
  --text: #4c6067 !important;
  --muted: #718188 !important;
  --line: #d4dde0 !important;
  --shadow-card: 0 24px 58px rgba(14, 32, 38, .12) !important;
  --shadow-soft: 0 16px 40px rgba(14, 32, 38, .08) !important;
}

body {
  background: linear-gradient(180deg, #f7fafa 0%, #eef3f4 48%, #f8fafb 100%) !important;
}

body::before {
  opacity: .055 !important;
  background-image:
    linear-gradient(rgba(16, 27, 32, .18) 1px, transparent 1px),
    linear-gradient(90deg, rgba(16, 27, 32, .12) 1px, transparent 1px) !important;
  background-size: 56px 56px !important;
}

.hero-section {
  background:
    linear-gradient(105deg, rgba(7, 17, 21, .84), rgba(19, 34, 40, .76) 52%, rgba(7, 17, 21, .70)),
    radial-gradient(circle at 28% 24%, rgba(0, 174, 189, .22), transparent 22rem),
    url(https://images.unsplash.com/photo-1600585154526-990dced4db0d?auto=format&fit=crop&w=1800&q=80) center / cover !important;
}

.hero-section::before {
  background:
    linear-gradient(116deg, transparent 0 42%, rgba(0, 174, 189, .18) 42.2%, rgba(221, 229, 232, .18) 42.7%, transparent 43.2%),
    repeating-linear-gradient(90deg, rgba(235, 244, 246, .035) 0 1px, transparent 1px 88px) !important;
  opacity: .58 !important;
  mix-blend-mode: screen !important;
}

.hero-section::after {
  height: 30% !important;
  background: linear-gradient(to top, rgba(246, 248, 249, .98), rgba(246, 248, 249, .50), transparent) !important;
}

.hero-grid::before {
  content: none !important;
}

.hero-copy .eyebrow {
  color: #dffcff !important;
  background: rgba(0, 174, 189, .18) !important;
  border: 1px solid rgba(173, 231, 236, .36) !important;
  box-shadow: none !important;
}

.lang-en .hero-copy h1,
.lang-ar .hero-copy h1 {
  color: #f8fbfc !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  text-shadow: 0 18px 42px rgba(0, 0, 0, .38) !important;
  filter: none !important;
}

.hero-copy h1 strong,
.hero-copy h1 em {
  color: #e7f1f3 !important;
}

.hero-copy p {
  color: rgba(239, 247, 248, .88) !important;
  text-shadow: 0 10px 24px rgba(0, 0, 0, .28) !important;
}

.btn-primary {
  color: #081417 !important;
  background: linear-gradient(135deg, #05b8c6 0%, #e4ebed 54%, #9aa8ad 100%) !important;
  border: 1px solid rgba(235, 243, 245, .55) !important;
  box-shadow: 0 16px 34px rgba(0, 174, 189, .22), inset 0 1px rgba(255, 255, 255, .54) !important;
}

.btn-primary:hover {
  background: linear-gradient(135deg, #08c5d2 0%, #eef3f4 54%, #a8b4b9 100%) !important;
  box-shadow: 0 18px 40px rgba(0, 174, 189, .26), inset 0 1px rgba(255, 255, 255, .60) !important;
}

.btn-secondary,
.nav-cta {
  border-color: rgba(0, 174, 189, .32) !important;
  color: var(--heading) !important;
}

.stats-rings-grid {
  background: rgba(16, 27, 32, .82) !important;
  border: 1px solid rgba(218, 229, 232, .20) !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, .30), inset 0 1px rgba(255, 255, 255, .10) !important;
}

.stat-ring-card {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.stat-ring {
  filter: drop-shadow(0 0 12px rgba(0, 174, 189, .24)) !important;
}

.stat-ring-icon,
.stat-ring-icon svg {
  color: #38c9d2 !important;
  filter: none !important;
}

.stat-ring-value strong {
  color: #f4f8f9 !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
}

.stat-ring-value strong em,
.stat-ring-value span {
  color: rgba(217, 230, 233, .78) !important;
  -webkit-text-fill-color: currentColor !important;
}

.section-light,
#about {
  background: linear-gradient(180deg, #f6f8f9 0%, #eef3f4 100%) !important;
}

.section-dark,
.gallery-section,
.contact-banner {
  background:
    radial-gradient(circle at 18% 18%, rgba(0, 174, 189, .13), transparent 24rem),
    linear-gradient(135deg, #101b20 0%, #1d2e34 58%, #0d161a 100%) !important;
}

.service-card,
.process-card,
.testimonial-card,
.business-card,
.contact-panel,
.contact-card {
  background: rgba(255, 255, 255, .86) !important;
  border: 1px solid rgba(126, 145, 151, .22) !important;
  box-shadow: var(--shadow-card) !important;
}

.service-card::before,
.process-card::before,
.testimonial-card::before {
  opacity: .18 !important;
  background: linear-gradient(135deg, rgba(0, 174, 189, .28), transparent 34%) !important;
}

.service-icon,
.process-number,
.business-card-icon,
.contact-card > svg {
  color: #00aebd !important;
  background: rgba(0, 174, 189, .10) !important;
  border-color: rgba(0, 174, 189, .18) !important;
  box-shadow: none !important;
}

.service-icon svg,
.business-card-icon svg,
.contact-card > svg {
  color: #00aebd !important;
  stroke: currentColor !important;
  filter: none !important;
}

.process-card:hover .process-number {
  color: #ffffff !important;
  background: #00aebd !important;
  border-color: #00aebd !important;
}

.section-kicker,
.business-card-intro .section-kicker {
  color: #087f8c !important;
  background: rgba(0, 174, 189, .08) !important;
  border-color: rgba(0, 174, 189, .20) !important;
}

.main-nav a::after {
  background: #00aebd !important;
}

.site-header {
  background: rgba(249, 252, 252, .90) !important;
  border-bottom-color: rgba(0, 174, 189, .12) !important;
  box-shadow: 0 10px 30px rgba(14, 32, 38, .055) !important;
}

.whatsapp-float {
  background: #25d366 !important;
  box-shadow: 0 18px 40px rgba(37, 211, 102, .28) !important;
}

@media (width <= 760px) {
  .hero-section {
    min-height: 620px !important;
  }

  .hero-grid {
    min-height: 620px !important;
  }

  .hero-copy {
    width: 100% !important;
    max-width: calc(100vw - 32px) !important;
  }

  .hero-copy .eyebrow {
    max-width: calc(100vw - 44px) !important;
    padding: 8px 13px !important;
    font-size: 10px !important;
    letter-spacing: .10em !important;
    white-space: normal !important;
    text-align: center !important;
  }

  .hero-copy p {
    width: min(330px, calc(100vw - 40px)) !important;
    max-width: min(330px, calc(100vw - 40px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-wrap: balance !important;
  }

  .hero-section::before {
    background:
      linear-gradient(116deg, transparent 0 32%, rgba(0, 174, 189, .16) 32.2%, rgba(221, 229, 232, .16) 32.8%, transparent 33.4%),
      repeating-linear-gradient(90deg, rgba(235, 244, 246, .034) 0 1px, transparent 1px 64px) !important;
  }

  .stats-rings-grid {
    box-shadow: 0 18px 46px rgba(0, 0, 0, .26), inset 0 1px rgba(255, 255, 255, .10) !important;
  }
}