/* 2026 Sites refresh overrides */
:root {
  --clinical-blue: #0b5cab;
  --clinical-cyan: #33c7d8;
  --clinical-mint: #50d39f;
  --clinical-ink: #10233a;
}

body::before {
  opacity: 0.55;
}

.nav {
  background: linear-gradient(180deg, rgba(6, 31, 57, 0.82), rgba(6, 31, 57, 0.34));
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.nav.is-scrolled {
  background: rgba(6, 31, 57, 0.9);
}

.nav-cta,
.btn-primary {
  border-color: transparent;
  color: #fff;
  background: linear-gradient(135deg, var(--clinical-blue), #0b83c5 58%, var(--clinical-cyan));
  box-shadow: 0 18px 46px rgba(11, 92, 171, 0.36);
}

.nav-cta:hover,
.btn-primary:hover {
  color: #fff;
  background: linear-gradient(135deg, #074a8e, #0b83c5 58%, var(--clinical-cyan));
  transform: translateY(-2px);
}

.hero {
  min-height: 88svh;
  padding: 138px 0 94px;
  align-items: center;
  background:
    linear-gradient(90deg, rgba(5, 26, 48, 0.96) 0%, rgba(7, 44, 77, 0.78) 38%, rgba(7, 44, 77, 0.18) 72%, rgba(7, 44, 77, 0.04) 100%),
    radial-gradient(circle at 22% 72%, rgba(51, 199, 216, 0.28), transparent 34%),
    url("assets/images/hero-dental-ai-workspace.png") center / cover no-repeat;
}

.hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 22%;
  background: linear-gradient(180deg, rgba(10, 10, 11, 0), var(--bg-0));
  pointer-events: none;
}

.hero-glow,
.hero-scroll {
  display: none;
}

.hero .container {
  max-width: 1180px;
}

.hero-content {
  max-width: 740px;
  text-align: left;
}

.hero-eyebrow {
  color: rgba(255, 255, 255, 0.86);
  border-color: rgba(51, 199, 216, 0.32);
  background: rgba(6, 31, 57, 0.42);
  backdrop-filter: blur(16px);
}

.hero-eyebrow-dot {
  background: var(--clinical-mint);
  box-shadow: 0 0 0 5px rgba(80, 211, 159, 0.14);
}

.hero-tag,
.gold,
.section-label {
  color: var(--clinical-cyan);
}

.hero h1 {
  max-width: 820px;
  font-size: clamp(44px, 7vw, 86px);
  letter-spacing: 0;
}

.hero-sub {
  max-width: 640px;
  color: rgba(255, 255, 255, 0.9);
  font-size: clamp(16px, 1.9vw, 21px);
}

.hero-meta {
  justify-content: flex-start;
}

.hero-meta-item {
  background: rgba(6, 31, 57, 0.48);
  border-color: rgba(255, 255, 255, 0.16);
  backdrop-filter: blur(18px);
}

.section {
  padding-top: clamp(86px, 10vw, 136px);
  padding-bottom: clamp(86px, 10vw, 136px);
}

.section-title {
  letter-spacing: 0;
}

.transition-card,
.target-card,
.price-block,
.instructor-block,
.faq-item,
.package-item,
.outcome-item {
  border-radius: 8px;
}

.transition-card.next,
.solution-block,
.day-block,
.price-block,
.final-cta {
  background:
    radial-gradient(circle at top right, rgba(51, 199, 216, 0.18), transparent 34%),
    linear-gradient(145deg, #061f39, #0a4f87 58%, #0f7991);
}

.safety-warn {
  border-color: rgba(80, 211, 159, 0.38);
  background: rgba(80, 211, 159, 0.08);
}

.safety-warn-label,
.outcome-check,
.target-card-icon,
.day-num {
  color: var(--clinical-mint);
}

.final-cta {
  background:
    linear-gradient(90deg, rgba(4, 24, 45, 0.94), rgba(4, 24, 45, 0.62)),
    url("assets/images/hero-dental-ai-workspace.png") center / cover no-repeat;
}

@media (max-width: 768px) {
  .hero {
    min-height: 86svh;
    padding: 112px 0 72px;
    background-position: center right 36%;
  }

  .hero-content {
    max-width: none;
  }

  .hero-meta {
    align-items: stretch;
  }

  .hero-meta-item {
    width: 100%;
  }
}