/* ==========================================================================
   WIDGET 01 — HERO  → aumtm_hero
   ========================================================================== */

.aumtm-hero { position: relative; overflow: hidden; background: var(--aumtm-blue-deep); }

.aumtm-hero__img.aumtm-hero__img {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
}
.aumtm-hero__scrim {
  position: absolute; inset: 0;
  background: linear-gradient(100deg,
              rgba(21, 64, 95, 0.88) 0%,
              rgba(21, 64, 95, 0.68) 45%,
              rgba(21, 64, 95, 0.30) 100%);
}

.aumtm-hero__inner {
  position: relative;
  min-height: clamp(520px, 76vh, 760px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-block: clamp(4rem, 8vw, 6rem);
  max-width: 48rem;
}

.aumtm-hero .aumtm-eyebrow { color: var(--aumtm-cyan-soft); }
.aumtm-hero .aumtm-eyebrow::before { background: var(--aumtm-cyan-soft); }

.aumtm-hero__title {
  font-size: var(--aumtm-fs-display);
  color: #fff;
}
.aumtm-hero__title em { color: var(--aumtm-cyan-soft); }

.aumtm-hero__sub {
  margin-top: 1.5rem;
  max-width: 34rem;
  font-size: var(--aumtm-fs-lead);
  line-height: 1.85;
  color: rgba(255, 255, 255, 0.88);
}

.aumtm-hero__btns { margin-top: 2.25rem; }
.aumtm-hero .aumtm-btn--primary { background: #fff; border-color: #fff; color: var(--aumtm-blue); }
.aumtm-hero .aumtm-btn--primary:hover { background: var(--aumtm-cyan); border-color: var(--aumtm-cyan); color: #fff; }

/* ---------- Reassurance strip ----------
   Three short statements along the foot of the hero. Editable as a repeater of
   icon and text pairs. */
.aumtm-hero__trust {
  position: relative;
  border-top: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(21, 64, 95, 0.55);
  backdrop-filter: blur(2px);
}
.aumtm-hero__trust ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem 2rem;
  padding-block: 1.25rem;
}
.aumtm-hero__trust li {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  color: rgba(255, 255, 255, 0.9);
  font-size: var(--aumtm-fs-sm);
  line-height: 1.4;
}
.aumtm-hero__trust svg {
  width: 20px; height: 20px; flex: none;
  stroke: var(--aumtm-cyan-soft); fill: none; stroke-width: 1.6;
}

@media (max-width: 760px) {
  .aumtm-hero__trust ul { grid-template-columns: 1fr; gap: 0.875rem; }
  .aumtm-hero__btns .aumtm-btn { flex: 1 1 100%; }
}