.providers-hero { padding-bottom: 120px; }
    .hero-bridge {
      position: relative;
      z-index: 2;
      margin-top: -60px;
      aspect-ratio: 21 / 9;
      border-radius: 20px;
      overflow: hidden;
      box-shadow: 0 24px 60px rgba(0, 71, 107, 0.28);
      background: #f0f4f8;
    }
    .hero-bridge img { width: 100%; height: 100%; object-fit: cover; display: block; }
    @media (max-width: 1024px) {
      .providers-hero { padding-bottom: 90px; }
      .hero-bridge { margin-top: -50px; aspect-ratio: 16 / 9; }
    }
    @media (max-width: 768px) {
      .providers-hero { padding-bottom: 70px; }
      .hero-bridge { margin-top: -40px; aspect-ratio: 16 / 10; border-radius: 14px; }
    }

    /* Telehealth eyebrow */
    .th-eyebrow {
      display: inline-block;
      font-family: var(--font-label);
      font-size: 11px;
      letter-spacing: 2px;
      text-transform: uppercase;
      color: #477080;
      margin-bottom: 16px;
    }

    /* How it works section */
    .th-how {
      padding: 90px 0 70px;
    }
    .th-how-header {
      max-width: 760px;
      margin: 0 auto 64px;
      text-align: center;
    }
    .th-how-title {
      font-family: var(--font-heading);
      font-weight: 400;
      font-size: 44px;
      line-height: 1.05;
      letter-spacing: -0.025em;
      color: #00476b;
      margin-bottom: 18px;
    }
    .th-how-intro {
      font-size: 16.5px;
      line-height: 28px;
      color: #333333;
      opacity: 0.8;
    }

    .th-steps {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 28px;
      position: relative;
    }
    .th-steps::before {
      content: "";
      position: absolute;
      top: 64px;
      left: 16.66%;
      right: 16.66%;
      height: 2px;
      background-image: linear-gradient(to right, #c8d4dc 0, #c8d4dc 8px, transparent 8px, transparent 16px);
      background-size: 16px 2px;
      background-repeat: repeat-x;
      z-index: 0;
    }
    .th-step {
      position: relative;
      z-index: 1;
      background: #fff;
      border: 1px solid #e8e4e0;
      border-radius: 20px;
      padding: 36px 30px 32px;
      text-align: center;
      transition: box-shadow 0.3s, transform 0.2s, border-color 0.2s;
    }
    .th-step:hover {
      box-shadow: 0 16px 40px rgba(0, 71, 107, 0.08);
      transform: translateY(-3px);
      border-color: #d6dee4;
    }
    .th-step-icon {
      width: 88px;
      height: 88px;
      margin: 0 auto 22px;
      background: linear-gradient(135deg, #00476b 0%, #477080 100%);
      border-radius: 24px;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 12px 28px rgba(0, 71, 107, 0.22);
      position: relative;
    }
    .th-step-icon .material-symbols-rounded {
      font-size: 40px;
      color: #fff;
    }
    .th-step-num {
      position: absolute;
      top: -10px;
      right: -10px;
      width: 32px;
      height: 32px;
      background: #fff;
      border: 2px solid #477080;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: var(--font-label);
      font-size: 13px;
      font-weight: 700;
      color: #477080;
    }
    .th-step-label {
      font-family: var(--font-label);
      font-size: 11px;
      letter-spacing: 2px;
      text-transform: uppercase;
      color: #477080;
      opacity: 1;
      margin-bottom: 8px;
    }
    .th-step-title {
      font-family: var(--font-heading);
      font-weight: 500;
      font-size: 22px;
      letter-spacing: -0.019em;
      color: #00476b;
      margin-bottom: 12px;
    }
    .th-step-desc {
      font-size: 15px;
      line-height: 24px;
      color: #333333;
      opacity: 0.85;
    }

    /* FAQ band */
    .th-faq-section {
      padding: 60px 0 100px;
    }
    .th-faq-wrap {
      background: #f0f4f8;
      border-radius: 24px;
      padding: 56px 64px;
      border: 1px solid #e0e9ef;
      max-width: 980px;
      margin: 0 auto;
    }
    .th-faq-title {
      font-family: var(--font-heading);
      font-weight: 400;
      font-size: 34px;
      letter-spacing: -0.025em;
      color: #00476b;
      margin-bottom: 28px;
    }

    @media (max-width: 1024px) {
      .th-how { padding: 70px 0 50px; }
      .th-how-title { font-size: 36px; }
      .th-steps { gap: 22px; }
      .th-steps::before { display: none; }
      .th-step { padding: 32px 24px 28px; }
      .th-faq-wrap { padding: 44px 36px; }
    }
    @media (max-width: 768px) {
      .th-how { padding: 56px 0 30px; }
      .th-how-header { margin-bottom: 44px; }
      .th-how-title { font-size: 30px; letter-spacing: -1px; }
      .th-steps { grid-template-columns: 1fr; gap: 20px; }
      .th-step-icon { width: 72px; height: 72px; border-radius: 20px; margin-bottom: 18px; }
      .th-step-icon .material-symbols-rounded { font-size: 34px; }
      .th-step-title { font-size: 20px; }
      .th-faq-section { padding: 40px 0 80px; }
      .th-faq-wrap { padding: 36px 24px; border-radius: 18px; }
      .th-faq-title { font-size: 26px; margin-bottom: 20px; }
    }