/* =========================================================
   Bird-eye Hospital Video Section
   Now placed BELOW the hero-scroll-stage, not inside the hero.
   ========================================================= */

.birdeye-video-section,
.birdeye-video-section * {
  box-sizing: border-box;
}

.birdeye-video-section {
  position: relative;
  min-height: 780px;
  display: flex;
  align-items: center;
  padding: 118px 24px;
  overflow: hidden;
  color: #ffffff;
  background: #062f3d;
  isolation: isolate;
}

.birdeye-video-bg {
  position: absolute;
  inset: 0;
  z-index: -5;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.04);
  filter: saturate(1.08) contrast(1.04) brightness(.82);
  pointer-events: none;
}

.birdeye-video-overlay {
  position: absolute;
  inset: 0;
  z-index: -4;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(4,39,52,.86) 0%, rgba(4,39,52,.62) 42%, rgba(4,39,52,.24) 100%),
    linear-gradient(180deg, rgba(4,39,52,.34) 0%, rgba(4,39,52,.14) 48%, rgba(4,39,52,.78) 100%);
}

.birdeye-video-section::before {
  content: "";
  position: absolute;
  inset: 28px;
  z-index: -3;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 58px;
  pointer-events: none;
}

.birdeye-video-section::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  z-index: -3;
  height: 170px;
  background: linear-gradient(180deg, transparent, rgba(4,39,52,.62));
  pointer-events: none;
}

.birdeye-glow {
  position: absolute;
  z-index: -2;
  border-radius: 999px;
  filter: blur(18px);
  pointer-events: none;
}

.birdeye-glow-a {
  width: 380px;
  height: 380px;
  left: 7%;
  bottom: 8%;
  background: rgba(19,183,165,.24);
  animation: birdeyeFloat 9s ease-in-out infinite alternate;
}

.birdeye-glow-b {
  width: 440px;
  height: 440px;
  right: -5%;
  top: 10%;
  background: rgba(8,120,164,.22);
  animation: birdeyeFloat 11s ease-in-out infinite alternate-reverse;
}

@keyframes birdeyeFloat {
  from {
    transform: translate3d(0, 0, 0) scale(1);
  }
  to {
    transform: translate3d(22px, -26px, 0) scale(1.08);
  }
}

.birdeye-video-content {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, .96fr) minmax(360px, .78fr);
  gap: 34px;
  align-items: center;
}

.eyebrow-light {
  color: #ffffff !important;
  border-color: rgba(255,255,255,.28) !important;
  background: rgba(255,255,255,.14) !important;
  backdrop-filter: blur(12px);
}

.birdeye-copy h2 {
  max-width: 820px;
  margin: 0 0 22px;
  color: #ffffff;
  font-size: clamp(42px, 5.8vw, 86px);
  line-height: .96;
  letter-spacing: -.07em;
  font-weight: 900;
}

.birdeye-copy p {
  max-width: 700px;
  margin: 0 0 28px;
  color: rgba(255,255,255,.78);
  font-size: 17px;
  line-height: 1.78;
}

.birdeye-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.birdeye-actions .btn-primary {
  color: #075b82;
  background: #ffffff;
  box-shadow: 0 18px 46px rgba(0,0,0,.18);
}

.btn-glass {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 0 22px;
  border: 1px solid rgba(255,255,255,.24);
  border-radius: 999px;
  color: #ffffff;
  background: rgba(255,255,255,.13);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18);
  backdrop-filter: blur(14px);
  font-weight: 900;
  text-decoration: none;
}

.birdeye-info-card {
  position: relative;
  overflow: hidden;
  padding: clamp(28px, 4vw, 44px);
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 42px;
  color: #ffffff;
  background: rgba(255,255,255,.14);
  box-shadow:
    0 34px 100px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.22);
  backdrop-filter: blur(18px);
}

.birdeye-info-card::before {
  content: "";
  position: absolute;
  right: -90px;
  top: -90px;
  width: 240px;
  height: 240px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,255,255,.22), transparent 68%);
  pointer-events: none;
}

.birdeye-card-label {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  margin-bottom: 18px;
  padding: 0 16px;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 999px;
  color: #ffffff;
  background: rgba(255,255,255,.14);
  font-size: 13px;
  font-weight: 900;
}

.birdeye-info-card h3 {
  margin: 0 0 24px;
  color: #ffffff;
  font-size: clamp(28px, 3.2vw, 44px);
  line-height: 1.04;
  letter-spacing: -.045em;
}

.birdeye-feature-grid {
  display: grid;
  gap: 14px;
}

.birdeye-feature-grid div {
  padding: 16px 18px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 22px;
  background: rgba(255,255,255,.12);
}

.birdeye-feature-grid strong {
  display: block;
  margin-bottom: 6px;
  color: #ffffff;
  font-size: 15px;
}

.birdeye-feature-grid span {
  display: block;
  color: rgba(255,255,255,.72);
  font-size: 14px;
  line-height: 1.55;
}

/* Smooth connection from hero to the video section */
.hero-scroll-stage + .birdeye-video-section {
  margin-top: 0;
}

/* Keep the marquee close after the video section */
.birdeye-video-section + .motion-marquee {
  margin-top: 0 !important;
}

@media (max-width: 980px) {
  .birdeye-video-section {
    min-height: auto;
    padding: 96px 24px;
  }

  .birdeye-video-content {
    grid-template-columns: 1fr;
  }

  .birdeye-info-card {
    max-width: 660px;
  }
}

@media (max-width: 760px) {
  .birdeye-video-section {
    padding: 86px 18px;
  }

  .birdeye-video-section::before {
    inset: 16px;
    border-radius: 34px;
  }

  .birdeye-video-bg {
    transform: scale(1.14);
    filter: saturate(1.04) contrast(1.03) brightness(.74);
  }

  .birdeye-video-overlay {
    background:
      linear-gradient(180deg, rgba(4,39,52,.78), rgba(4,39,52,.50), rgba(4,39,52,.86));
  }

  .birdeye-copy h2 {
    font-size: 42px;
  }

  .birdeye-actions .btn,
  .birdeye-actions .btn-glass {
    width: 100%;
  }

  .birdeye-info-card {
    border-radius: 32px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .birdeye-video-bg {
    display: none;
  }

  .birdeye-video-section {
    background:
      linear-gradient(135deg, rgba(8,120,164,.96), rgba(19,183,165,.88));
  }

  .birdeye-glow-a,
  .birdeye-glow-b {
    animation: none;
  }
}


/* =========================================================
   V29 Bird-eye Minimal Headline
   Removes long text/card and makes video more visible.
   ========================================================= */

.birdeye-video-section.birdeye-minimal {
  min-height: 720px !important;
  padding: 96px 24px !important;
  align-items: flex-end !important;
}

.birdeye-minimal .birdeye-video-bg {
  filter: saturate(1.14) contrast(1.04) brightness(.96) !important;
  transform: scale(1.02) !important;
}

.birdeye-minimal .birdeye-video-overlay {
  background:
    linear-gradient(180deg, rgba(4,39,52,.18) 0%, rgba(4,39,52,.08) 44%, rgba(4,39,52,.46) 100%),
    linear-gradient(90deg, rgba(4,39,52,.36) 0%, rgba(4,39,52,.10) 55%, rgba(4,39,52,.18) 100%) !important;
}

.birdeye-video-section.birdeye-minimal::before {
  inset: 24px !important;
  border-color: rgba(255,255,255,.20) !important;
}

.birdeye-video-section.birdeye-minimal::after {
  height: 220px !important;
  background: linear-gradient(180deg, transparent, rgba(4,39,52,.50)) !important;
}

.birdeye-minimal-content {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-start !important;
  width: min(1240px, calc(100% - 48px)) !important;
  margin: 0 auto !important;
}

.birdeye-minimal-content h2 {
  max-width: 900px !important;
  margin: 0 !important;
  padding: clamp(22px, 3vw, 34px) !important;
  border: 1px solid rgba(255,255,255,.20) !important;
  border-radius: 34px !important;
  color: #ffffff !important;
  background: rgba(4,39,52,.20) !important;
  box-shadow:
    0 28px 90px rgba(4,42,58,.22),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
  backdrop-filter: blur(10px) !important;
  font-size: clamp(36px, 5.2vw, 76px) !important;
  line-height: .98 !important;
  letter-spacing: -.066em !important;
  font-weight: 900 !important;
  text-shadow: 0 12px 36px rgba(4,42,58,.42) !important;
}

.birdeye-minimal .birdeye-glow-a {
  background: rgba(19,183,165,.12) !important;
}

.birdeye-minimal .birdeye-glow-b {
  background: rgba(8,120,164,.12) !important;
}

@media (max-width: 760px) {
  .birdeye-video-section.birdeye-minimal {
    min-height: 620px !important;
    padding: 76px 18px !important;
  }

  .birdeye-minimal .birdeye-video-bg {
    transform: scale(1.08) !important;
    filter: saturate(1.10) contrast(1.03) brightness(.92) !important;
  }

  .birdeye-minimal .birdeye-video-overlay {
    background:
      linear-gradient(180deg, rgba(4,39,52,.26), rgba(4,39,52,.10), rgba(4,39,52,.58)) !important;
  }

  .birdeye-minimal-content {
    width: 100% !important;
  }

  .birdeye-minimal-content h2 {
    font-size: 40px !important;
    border-radius: 26px !important;
  }
}


/* =========================================================
   V30 Bird-eye headline position adjustment
   Move headline to bottom-right and make it smaller.
   ========================================================= */

.birdeye-video-section.birdeye-minimal {
  align-items: flex-end !important;
}

.birdeye-minimal-content {
  justify-content: flex-end !important;
  align-items: flex-end !important;
  min-height: 100% !important;
}

.birdeye-minimal-content h2 {
  max-width: 560px !important;
  margin: 0 0 10px auto !important;
  padding: clamp(18px, 2.2vw, 28px) !important;
  border-radius: 28px !important;
  font-size: clamp(26px, 3.1vw, 48px) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.048em !important;
  text-align: right !important;
  background: rgba(4,39,52,.18) !important;
  backdrop-filter: blur(8px) !important;
}

.birdeye-minimal .birdeye-video-overlay {
  background:
    linear-gradient(180deg, rgba(4,39,52,.12) 0%, rgba(4,39,52,.05) 48%, rgba(4,39,52,.34) 100%),
    linear-gradient(90deg, rgba(4,39,52,.16) 0%, rgba(4,39,52,.05) 52%, rgba(4,39,52,.30) 100%) !important;
}

@media (max-width: 760px) {
  .birdeye-minimal-content {
    justify-content: flex-end !important;
    align-items: flex-end !important;
  }

  .birdeye-minimal-content h2 {
    max-width: 86% !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    font-size: 30px !important;
    text-align: right !important;
    border-radius: 22px !important;
  }
}


/* =========================================================
   V31 Bird-eye headline smaller
   Make the bottom-right headline more subtle and video-first.
   ========================================================= */

.birdeye-minimal-content h2 {
  max-width: 440px !important;
  padding: clamp(14px, 1.7vw, 22px) !important;
  border-radius: 22px !important;
  font-size: clamp(22px, 2.35vw, 34px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.04em !important;
  background: rgba(4,39,52,.16) !important;
  backdrop-filter: blur(7px) !important;
  box-shadow:
    0 20px 68px rgba(4,42,58,.18),
    inset 0 1px 0 rgba(255,255,255,.14) !important;
}

.birdeye-video-section.birdeye-minimal {
  min-height: 690px !important;
}

@media (max-width: 760px) {
  .birdeye-minimal-content h2 {
    max-width: 78% !important;
    padding: 14px 16px !important;
    font-size: 24px !important;
    line-height: 1.1 !important;
    border-radius: 18px !important;
  }

  .birdeye-video-section.birdeye-minimal {
    min-height: 580px !important;
  }
}