/* Last in cascade — hero copy must never be transparent or off-screen on cold load */

#hero.hero--royal.section-panel {
  justify-content: flex-start !important;
  min-height: auto !important;
  align-items: stretch !important;
}

/* opacity/transform intentionally NOT forced here: the staged entrance
   (hero-entrance.css) controls .hero__inner visibility on first load */
#hero .hero__inner {
  position: relative;
  z-index: 5;
  visibility: visible !important;
}

#hero .hero__eyebrow,
#hero .hero__subhead,
#hero .hero__ctas,
#hero .hero__trust,
#hero .hero__title-royal,
#hero .hero__title-royal .hero__accent,
#hero .hero__accent {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  animation: none !important;
}

#hero .hero__eyebrow {
  color: #22d3ee !important;
  -webkit-text-fill-color: #22d3ee !important;
}

#hero .hero__subhead,
#hero .hero__trust {
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
}

#hero .hero__title-royal {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

#hero .hero__title-royal .hero__accent,
#hero .hero__accent {
  color: #c4b5fd !important;
  -webkit-text-fill-color: #c4b5fd !important;
}

/* Hero copy stays solid — transparent gradient clip caused invisible text on cold load */