
/* Minimal landing-page fill: preserves the preferred WOW design and all navigation/content */
.page-hero, .inner-hero, .service-hero {
  position: relative;
  overflow: hidden;
}
.page-hero::after, .inner-hero::after, .service-hero::after {
  content: "";
  position: absolute;
  right: clamp(28px, 6vw, 110px);
  top: 50%;
  transform: translateY(-50%);
  width: clamp(230px, 25vw, 390px);
  aspect-ratio: 1;
  border-radius: 50%;
  opacity: .72;
  pointer-events: none;
  background:
    radial-gradient(circle at center, rgba(65,194,173,.14) 0 19%, transparent 20%),
    radial-gradient(circle at center, transparent 0 34%, rgba(117,218,204,.22) 34.5% 35%, transparent 35.5%),
    radial-gradient(circle at center, transparent 0 50%, rgba(65,194,173,.15) 50.5% 51%, transparent 51.5%),
    radial-gradient(circle at center, transparent 0 67%, rgba(117,218,204,.10) 67.5% 68%, transparent 68.5%);
}
.page-hero::before, .inner-hero::before, .service-hero::before {
  content: "AI   •   GOVERNANCE   •   RISK   •   TRUST";
  position: absolute;
  right: clamp(48px, 8vw, 150px);
  top: 50%;
  transform: translateY(-50%) rotate(-8deg);
  width: clamp(190px, 20vw, 315px);
  padding: 22px 20px;
  border: 1px solid rgba(117,218,204,.25);
  border-radius: 999px;
  text-align: center;
  color: rgba(196,245,237,.62);
  font-size: clamp(9px,.75vw,12px);
  letter-spacing: .18em;
  pointer-events: none;
}
@media (max-width: 980px) {
  .page-hero::after, .inner-hero::after, .service-hero::after,
  .page-hero::before, .inner-hero::before, .service-hero::before {
    opacity: .22;
    right: -120px;
  }
}
@media (max-width: 680px) {
  .page-hero::after, .inner-hero::after, .service-hero::after,
  .page-hero::before, .inner-hero::before, .service-hero::before {
    display:none;
  }
}
