/* ENVIRO IMPACT V3.9: equal photo-free homepage hero in AR and EN. */
.hero.hero--v39 {
  min-height: 0;
  padding-top: 126px;
  background:
    radial-gradient(circle at 76% 34%, rgba(45, 171, 143, .14), transparent 37%),
    radial-gradient(circle at 12% 72%, rgba(45, 112, 127, .12), transparent 43%),
    linear-gradient(125deg, #05171d 0%, #09272b 53%, #04151b 100%);
}
.hero.hero--v39 .hero-media { display: none !important; background-image: none !important; }
.hero.hero--v39:before,
html[dir="rtl"] .hero.hero--v39:before {
  background: linear-gradient(180deg, rgba(4, 20, 25, .08), rgba(4, 20, 25, .23));
}
.hero.hero--v39:after {
  background:
    radial-gradient(circle at 73% 42%, rgba(54, 226, 168, .09), transparent 39%),
    repeating-linear-gradient(0deg, transparent, transparent 79px, rgba(104, 255, 220, .016) 80px);
}
.hero.hero--v39 .hero-lines:before,
.hero.hero--v39 .hero-lines:after { left: 52%; top: 7%; opacity: .24; }
.hero.hero--v39 .hero-lines:after { left: 48%; top: 1%; opacity: .15; }
.hero.hero--v39 .hero-inner {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-height: 510px;
  padding-top: 12px;
  padding-bottom: 58px;
}
.hero.hero--v39 .hero-copy { width: 100%; max-width: 790px; }
.hero.hero--v39 h1 {
  max-width: 780px;
  font-size: clamp(43px, 5vw, 70px);
  line-height: 1.27;
  margin: 23px 0 19px;
}
.hero.hero--v39 p { max-width: 650px; line-height: 1.95; margin-bottom: 29px; }
.hero.hero--v39 .hero-actions { align-items: center; }
.hero.hero--v39 .hero-micro {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px 13px;
  width: fit-content;
  max-width: 100%;
  margin-top: 32px;
  padding: 12px 16px;
  border: 1px solid rgba(141, 231, 201, .26);
  border-radius: 13px;
  color: #d5eae6;
  background: rgba(7, 37, 42, .68);
  box-shadow: 0 10px 36px rgba(0, 0, 0, .12);
  line-height: 1.75;
}
.hero.hero--v39 .hero-micro svg { display: block; width: 17px; height: 17px; flex: 0 0 17px; }
.hero.hero--v39 .hero-micro > span:not(.divider-mark) { min-width: 0; overflow-wrap: anywhere; }
.hero.hero--v39 .hero-micro .divider-mark { height: 17px; width: 1px; flex: 0 0 1px; background: rgba(183, 219, 211, .44); }
.hero.hero--v39 .hero-bottom {
  position: relative;
  inset: auto;
  background: rgba(7, 32, 37, .82);
  border-top: 1px solid rgba(140, 242, 204, .20);
}
.hero.hero--v39 .hero-bottom .container { min-height: 91px; }
@media (max-width: 930px) {
  .hero.hero--v39 { padding-top: 96px; }
  .hero.hero--v39 .hero-inner { min-height: 0; padding: 45px 0 54px; }
  .hero.hero--v39 .hero-copy { max-width: 100%; }
  .hero.hero--v39 .hero-micro {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    gap: 5px 11px;
    width: fit-content;
    max-width: 100%;
  }
  .hero.hero--v39 .hero-micro svg { grid-column: 1; grid-row: 1 / span 2; align-self: start; margin-top: 4px; }
  .hero.hero--v39 .hero-micro > span:not(.divider-mark) { grid-column: 2; }
  .hero.hero--v39 .hero-micro .divider-mark { display: none; }
}
@media (max-width: 650px) {
  .hero.hero--v39 { padding-top: 85px; }
  .hero.hero--v39 .hero-inner { min-height: 0; padding: 30px 0 42px; }
  .hero.hero--v39 h1 { font-size: clamp(36px, 9.3vw, 57px); line-height: 1.31; margin: 20px 0 17px; }
  .hero.hero--v39 p { font-size: 12px; line-height: 1.95; margin-bottom: 23px; }
  .hero.hero--v39 .hero-micro { margin-top: 24px; padding: 11px 12px; font-size: 10px; border-radius: 12px; }
  .hero.hero--v39 .hero-bottom .container { min-height: 88px; }
}
/* Prevent an existing off-canvas floating badge from shifting the home viewport on narrow RTL screens. */
@media (max-width: 650px) {
  html:has(.hero--v39), body:has(.hero--v39) { overflow-x: clip; }
}