.syntide-hero {
  --syntide-hero-overlay: .72;
  position: relative;
  isolation: isolate;
  min-height: min(49rem, calc(100svh - var(--header-height)));
  overflow: hidden;
  border-bottom: 1px solid rgb(161 161 162 / 22%);
  background: radial-gradient(circle at 75% 28%, rgb(22 124 198 / 13%), transparent 34%), linear-gradient(180deg, #030609, #02050a 74%, #050709);
}

.syntide-hero__background { position: absolute; z-index: -2; inset: 0; display: block; width: 100%; height: 100%; }
.syntide-hero__background-image { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.syntide-hero[data-bg-position="left"] .syntide-hero__background-image { object-position: left center; }
.syntide-hero[data-bg-position="right"] .syntide-hero__background-image { object-position: right center; }
.syntide-hero::before { position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, rgb(1 3 6 / .98) 0%, rgb(1 3 6 / .88) 35%, rgb(1 3 6 / var(--syntide-hero-overlay)) 58%, rgb(1 3 6 / .12) 100%); content: ""; }

.syntide-hero__inner { display: flex; min-height: inherit; align-items: center; padding-block: var(--space-section-sm); }
.syntide-hero__content { width: min(42rem, 45%); min-width: 0; }
.syntide-hero__eyebrow { display: flex; align-items: center; gap: var(--space-content); margin: 0 0 var(--space-content); color: var(--color-cyan); font-family: var(--font-ui); font-size: var(--font-size-caption); font-weight: 700; letter-spacing: .24em; line-height: 1.2; text-transform: uppercase; }
.syntide-hero__eyebrow::after { width: clamp(3.5rem, 7vw, 7.5rem); height: 1px; background: linear-gradient(90deg, var(--color-electric-blue), transparent); content: ""; }
.syntide-hero__title { margin: 0; font-size: var(--font-size-display); letter-spacing: 0; line-height: var(--line-height-tight); }
.syntide-hero__title-line { display: block; width: max-content; max-width: 100%; padding-bottom: .06em; white-space: nowrap; }
.syntide-hero__support { max-width: 35rem; margin: var(--space-content) 0 0; color: var(--color-text-muted); font-size: var(--font-size-body-lg); line-height: 1.6; }
.syntide-hero__actions { display: flex; flex-wrap: wrap; gap: var(--space-card-gap); margin-top: var(--space-heading); }
.syntide-hero__actions .button { width: clamp(16rem, 15vw, 18rem); min-width: 0; gap: 1rem; }
.syntide-hero__actions .button span { font-family: var(--font-ui); font-size: 1.3rem; font-weight: 300; line-height: .6; }
.syntide-hero__compliance { margin: var(--space-content) 0 0; color: rgb(184 192 202 / 76%); font-size: var(--font-size-caption); line-height: 1.5; }

@media (max-width: 1280px) {
  .syntide-hero__content { width: min(38rem, 49%); }
  .syntide-hero__title { font-size: clamp(2.65rem, 3.65vw, 3.6rem); }
}

@media (max-width: 900px) {
  .syntide-hero { min-height: auto; }
  .syntide-hero::before { background: linear-gradient(180deg, rgb(1 3 6 / .12) 0%, rgb(1 3 6 / .32) 28%, rgb(1 3 6 / .96) 55%, #010306 100%); }
  .syntide-hero__inner { display: block; min-height: 0; padding-block: var(--space-section-sm); }
  .syntide-hero__content { width: 100%; max-width: 46rem; }
  .syntide-hero.is-visual-first-mobile.has-custom-background .syntide-hero__inner { padding-top: clamp(21rem, 72vw, 34rem); }
  .syntide-hero.is-visual-first-mobile .syntide-hero__background-image { object-position: center top; }
}

@media (max-width: 700px) {
  .syntide-hero__background { display: none; }
  .syntide-hero::before { background: linear-gradient(180deg, rgb(2 8 14 / .2), #010306); }
  .syntide-hero__inner,
  .syntide-hero.is-visual-first-mobile.has-custom-background .syntide-hero__inner { max-width: none; padding: 0; }
  .syntide-hero__content { padding: var(--space-8) var(--gutter) var(--space-section-sm); }
  .syntide-hero__eyebrow { letter-spacing: .22em; }
  .syntide-hero__title { font-size: clamp(2.15rem, 9.2vw, 2.5rem); line-height: 1.06; }
  .syntide-hero__title-line { white-space: normal; }
  .syntide-hero__actions { display: grid; margin-top: 1.65rem; }
  .syntide-hero__actions .button { width: 100%; min-width: 0; }
}