
/* ===== Shared hero content block ===== */
.cc_xqaduz1e_B5fAvUw2gi .ali-hero__content, .cc_xqaduz1e_GCQa7ynYDL .ali-hero__content {
  display: flex;
  flex-direction: column;
  max-width: 620px;
  /* Content rises in once, premium and unhurried */
  animation: ali-rise 0.7s var(--ali-ease-out) both;
}
.cc_xqaduz1e_B5fAvUw2gi .ali-hero__content--left, .cc_xqaduz1e_GCQa7ynYDL .ali-hero__content--left { align-items: flex-start; text-align: left; }
.cc_xqaduz1e_B5fAvUw2gi .ali-hero__content--center, .cc_xqaduz1e_GCQa7ynYDL .ali-hero__content--center { align-items: center; text-align: center; margin-inline: auto; }
.cc_xqaduz1e_B5fAvUw2gi .ali-hero__content--right, .cc_xqaduz1e_GCQa7ynYDL .ali-hero__content--right { align-items: flex-end; text-align: right; margin-left: auto; }

.cc_xqaduz1e_B5fAvUw2gi .ali-hero__eyebrow, .cc_xqaduz1e_GCQa7ynYDL .ali-hero__eyebrow {
  font-weight: var(--ali-weight-strong);
  letter-spacing: 0.18em;
  margin-bottom: 16px;
  animation: cc_xqaduz1e_ali-rise 0.6s var(--ali-ease-out) both;
  animation-delay: 0.05s;
}

.cc_xqaduz1e_B5fAvUw2gi .ali-hero__title, .cc_xqaduz1e_GCQa7ynYDL .ali-hero__title {
  margin: 0;
  animation: cc_xqaduz1e_ali-rise 0.7s var(--ali-ease-out) both;
  animation-delay: 0.12s;
}

.cc_xqaduz1e_B5fAvUw2gi .ali-hero__subtitle, .cc_xqaduz1e_GCQa7ynYDL .ali-hero__subtitle {
  margin: 20px 0 0;
  opacity: 0.86;
  max-width: 48ch;
  animation: cc_xqaduz1e_ali-rise 0.7s var(--ali-ease-out) both;
  animation-delay: 0.2s;
}

.cc_xqaduz1e_B5fAvUw2gi .ali-hero__actions, .cc_xqaduz1e_GCQa7ynYDL .ali-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 32px;
  animation: cc_xqaduz1e_ali-rise 0.7s var(--ali-ease-out) both;
  animation-delay: 0.28s;
}
.cc_xqaduz1e_B5fAvUw2gi .ali-hero__content--center .ali-hero__actions, .cc_xqaduz1e_GCQa7ynYDL .ali-hero__content--center .ali-hero__actions { justify-content: center; }
.cc_xqaduz1e_B5fAvUw2gi .ali-hero__content--right .ali-hero__actions, .cc_xqaduz1e_GCQa7ynYDL .ali-hero__content--right .ali-hero__actions { justify-content: flex-end; }

/* Buttons inherit the global .ali-btn motion + the unified hover signature;
   hero only sets sizing + elevation here. Primary color/bg and secondary
   border/text come from inline style.
   Over a busy, scrim-darkened hero photo a flat button reads as a static label,
   so the CTAs get a real elevation cue: a soft shadow lifts them off the image
   and a hover rise + deeper shadow confirms they are interactive. */
.cc_xqaduz1e_B5fAvUw2gi .ali-hero__cta, .cc_xqaduz1e_GCQa7ynYDL .ali-hero__cta {
  height: 52px;
  padding: 0 28px;
  letter-spacing: 0.08em;
  box-shadow: 0 6px 20px color-mix(in srgb, var(--ali-overlay) 28%, transparent);
}
.cc_xqaduz1e_B5fAvUw2gi .ali-hero__cta:hover, .cc_xqaduz1e_GCQa7ynYDL .ali-hero__cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 30px color-mix(in srgb, var(--ali-overlay) 36%, transparent);
}
.cc_xqaduz1e_B5fAvUw2gi .ali-hero__cta:active, .cc_xqaduz1e_GCQa7ynYDL .ali-hero__cta:active {
  transform: translateY(0);
  box-shadow: 0 4px 14px color-mix(in srgb, var(--ali-overlay) 30%, transparent);
}
/* Frost the transparent secondary so it reads as a solid button over imagery
   rather than dissolving into the photo. */
.cc_xqaduz1e_B5fAvUw2gi .ali-hero__cta--secondary, .cc_xqaduz1e_GCQa7ynYDL .ali-hero__cta--secondary {
  background: color-mix(in srgb, var(--ali-neutral) 8%, transparent);
  border-width: 1px;
  border-style: solid;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  box-shadow: 0 4px 16px color-mix(in srgb, var(--ali-overlay) 22%, transparent);
}
.cc_xqaduz1e_B5fAvUw2gi .ali-hero__cta--secondary:hover, .cc_xqaduz1e_GCQa7ynYDL .ali-hero__cta--secondary:hover {
  background: color-mix(in srgb, var(--ali-neutral) 16%, transparent);
}

@media (max-width: 640px) {
  .cc_xqaduz1e_B5fAvUw2gi .ali-hero__cta, .cc_xqaduz1e_GCQa7ynYDL .ali-hero__cta {
    height: 48px;
    padding: 0 22px;
    flex: 1 1 auto;
  }
  .cc_xqaduz1e_B5fAvUw2gi .ali-hero__subtitle, .cc_xqaduz1e_GCQa7ynYDL .ali-hero__subtitle { margin-top: 16px; }
  .cc_xqaduz1e_B5fAvUw2gi .ali-hero__actions, .cc_xqaduz1e_GCQa7ynYDL .ali-hero__actions { margin-top: 26px; width: 100%; }
}
