/* OMID HERO FACE SAFE V7: revive the 5 original bilingual HTML cards. */
main > section.hero.omid-hero-clean .hero-visual .omid-hero-floating-badges {
  display: none !important;
}
main > section.hero.omid-hero-clean .hero-visual {
  position: relative !important;
  isolation: isolate;
}
main > section.hero.omid-hero-clean .hero-visual .portrait-frame {
  z-index: 1 !important;
}
main > section.hero.omid-hero-clean .hero-visual > .float-card {
  box-sizing: border-box !important;
  display: flex !important;
  position: absolute !important;
  z-index: 3 !important;
  width: 136px !important;
  min-width: 0 !important;
  max-width: 136px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 10px 11px !important;
  gap: 7px !important;
  border-radius: 13px !important;
  border: 1px solid rgba(162,190,245,.36) !important;
  background: linear-gradient(160deg,rgba(39,54,84,.96),rgba(20,35,65,.97)) !important;
  box-shadow: 0 8px 20px rgba(4,12,35,.20) !important;
  color: #f9fbff !important;
  transform: none !important;
  text-align: left !important;
  font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  backdrop-filter: blur(8px);
}
main > section.hero.omid-hero-clean .hero-visual > .float-card .dot {
  flex: 0 0 7px !important;
  width: 7px !important;
  height: 7px !important;
  min-width: 7px !important;
  margin: 5px 0 0 !important;
}
main > section.hero.omid-hero-clean .hero-visual > .float-card > div { min-width: 0; }
main > section.hero.omid-hero-clean .hero-visual > .float-card b {
  display: block !important;
  margin: 0 !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
}
main > section.hero.omid-hero-clean .hero-visual > .float-card small {
  display: block !important;
  margin: 4px 0 0 !important;
  color: #d9e4f5 !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
}
main > section.hero.omid-hero-clean .hero-copy .hero-lead {
  letter-spacing: 0 !important;
  line-height: 1.75 !important;
  color: #e0eafa !important;
  text-rendering: optimizeLegibility;
}
@media (min-width:761px) {
  main > section.hero.omid-hero-clean .hero-visual > .float-card.fc1 {
    top: 10% !important; left: 0 !important; right: auto !important; bottom: auto !important;
  }
  main > section.hero.omid-hero-clean .hero-visual > .float-card.fc2 {
    top: 12% !important; right: 0 !important; left: auto !important; bottom: auto !important;
  }
  main > section.hero.omid-hero-clean .hero-visual > .float-card.fc4 {
    top: 55% !important; left: 0 !important; right: auto !important; bottom: auto !important;
  }
  main > section.hero.omid-hero-clean .hero-visual > .float-card.fc3 {
    top: 66% !important; right: 0 !important; left: auto !important; bottom: auto !important;
  }
  main > section.hero.omid-hero-clean .hero-visual > .float-card.fc5 {
    top: auto !important; bottom: 1.5% !important; right: 4% !important; left: auto !important;
  }
}
@media (min-width:761px) and (max-width:1100px) {
  main > section.hero.omid-hero-clean .hero-visual { max-width: 560px; margin-inline: auto; }
}
@media (max-width:760px) {
  main > section.hero.omid-hero-clean .hero-visual {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    align-items: stretch !important;
    justify-items: stretch !important;
    gap: 10px !important;
    min-height: 0 !important;
  }
  main > section.hero.omid-hero-clean .hero-visual .portrait-frame {
    grid-column: 1 / -1 !important;
    justify-self: center !important;
    width: min(74%, 280px) !important;
    margin-bottom: 12px !important;
  }
  main > section.hero.omid-hero-clean .hero-visual > .float-card {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }
  main > section.hero.omid-hero-clean .hero-visual > .float-card.fc5 {
    grid-column: 1 / -1 !important;
    justify-self: center !important;
    width: min(100%, 260px) !important;
  }
}
@media (max-width:430px) {
  main > section.hero.omid-hero-clean .hero-visual { grid-template-columns: 1fr !important; }
  main > section.hero.omid-hero-clean .hero-visual .portrait-frame {
    grid-column: auto !important;
    width: min(75%,255px) !important;
  }
  main > section.hero.omid-hero-clean .hero-visual > .float-card,
  main > section.hero.omid-hero-clean .hero-visual > .float-card.fc5 {
    grid-column: auto !important;
    justify-self: center !important;
    width: min(100%, 310px) !important;
  }
}


/* OMID HERO V8 START */
/* Clean card layout. Original HTML cards only. */

@media (min-width: 761px) {

main > section.hero.omid-hero-clean
.hero-visual > .float-card {
    box-sizing: border-box !important;
    width: 146px !important;
    min-width: 0 !important;
    max-width: 146px !important;
    min-height: 0 !important;
    padding: 10px 11px !important;
    gap: 7px !important;
    margin: 0 !important;
    border-radius: 13px !important;
    transform: none !important;
    text-align: left !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    box-shadow: 0 9px 23px rgba(4,12,35,.22) !important;
}

main > section.hero.omid-hero-clean
.hero-visual > .float-card b {
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: 0 !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
}

main > section.hero.omid-hero-clean
.hero-visual > .float-card small {
    font-size: 10px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    word-break: normal !important;
}

/* Card 1 - Data Analysis */

main > section.hero.omid-hero-clean
.hero-visual > .float-card.fc1 {
    top: 8% !important;
    left: -6% !important;
    right: auto !important;
    bottom: auto !important;
}

/* Card 2 - Automation */

main > section.hero.omid-hero-clean
.hero-visual > .float-card.fc2 {
    top: 9% !important;
    right: -4% !important;
    left: auto !important;
    bottom: auto !important;
}

/* Card 3 - Machine Learning */
/* Move upward to prevent collision with Risk */

main > section.hero.omid-hero-clean
.hero-visual > .float-card.fc3 {
    top: 49% !important;
    right: -4% !important;
    left: auto !important;
    bottom: auto !important;
}

/* Card 4 - Medical Research */

main > section.hero.omid-hero-clean
.hero-visual > .float-card.fc4 {
    top: 49% !important;
    left: -8% !important;
    right: auto !important;
    bottom: auto !important;
    width: 158px !important;
    max-width: 158px !important;
}

/* Card 5 - Risk and Finance */
/* Keep below Machine Learning with a clear gap */

main > section.hero.omid-hero-clean
.hero-visual > .float-card.fc5 {
    top: auto !important;
    bottom: 1.5% !important;
    right: 1% !important;
    left: auto !important;
    width: 164px !important;
    max-width: 164px !important;
}

}

/* Tablet layout */

@media (min-width: 761px) and (max-width: 1100px) {

main > section.hero.omid-hero-clean
.hero-visual > .float-card.fc1,
main > section.hero.omid-hero-clean
.hero-visual > .float-card.fc4 {
    left: 0 !important;
}

main > section.hero.omid-hero-clean
.hero-visual > .float-card.fc2,
main > section.hero.omid-hero-clean
.hero-visual > .float-card.fc3 {
    right: 0 !important;
}

}

/* Mobile layout: cards below portrait */

@media (max-width: 760px) {

main > section.hero.omid-hero-clean
.hero-visual > .float-card {
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    transform: none !important;
}

}

/* OMID HERO V8 END */
/* OMID_RIGHT_CARDS_V9_START */

/* Move only the three right-side cards outward */

@media (min-width: 1101px) {

  main > section.hero.omid-hero-clean
  .hero-visual > .float-card.fc2,

  main > section.hero.omid-hero-clean
  .hero-visual > .float-card.fc3,

  main > section.hero.omid-hero-clean
  .hero-visual > .float-card.fc5 {

    transform: translateX(24px) !important;
  }
}

/* OMID_RIGHT_CARDS_V9_END */