/* ============================================================= */
/* Section: 06-expertise */
/* ============================================================= */
/* ===== 06 · Our Auto Injury Billing Expertise — Figma 12183:985 (Section 12183:986, 1440 x 1887) =====
   Zig-zag cards: photo (white 40% wash) + floating UI card on one side, icon / title / copy on
   the other. The heading and each card carry their own [data-bh-reveal], so the reveal
   selectors are scoped to .ai-expertise-head / .ai-expertise-row. */

.ai-expertise {
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, #f4f7fd 0%, #ffffff 100%);
}

/* ---------- Decorative art (12183:987–994) ---------- */
.ai-expertise-deco {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.ai-expertise-ring {
  position: absolute;
  border-radius: 50%;
}

.ai-expertise-ring--solid {
  left: -200px;
  top: -240.84px;
  width: 600px;
  height: 600px;
  border: 1px solid #dce3f2;
}

.ai-expertise-ring--dashed {
  left: -130px;
  top: -170.84px;
  width: 460px;
  height: 460px;
  border: 1px dashed #e1e7f4;
  animation: ai-expertise-spin 90s linear infinite;
}

.ai-expertise-glow {
  position: absolute;
  right: -160px;
  top: -140.84px;
  width: 560px;
  height: 560px;
  border-radius: 50%;
  background: radial-gradient(circle at center, #e3e9f8 0, rgba(227, 233, 248, 0) 277px);
}

.ai-expertise-plus {
  position: absolute;
  right: 146.37px;
  top: 91.54px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 63.249px;
  height: 63.249px;
  animation: ai-float 6s ease-in-out infinite;
}

.ai-expertise-plus img {
  display: block;
  width: 56px;
  height: 56px;
  rotate: -8deg;
}

.ai-expertise-dot {
  position: absolute;
  border-radius: 50%;
  animation: ai-expertise-pulse 3.2s ease-in-out infinite;
}

.ai-expertise-dot--orange {
  left: 96px;
  top: 69.16px;
  width: 12px;
  height: 12px;
  background: var(--ai-orange);
}

.ai-expertise-dot--blue {
  left: 220px;
  top: 189.16px;
  width: 8px;
  height: 8px;
  background: rgba(39, 55, 117, 0.5);
  animation-delay: 1.4s;
}

.ai-expertise-blip {
  position: absolute;
  right: 60px;
  bottom: 421.46px;
  width: 120px;
  height: 72px;
  background: radial-gradient(ellipse 12px 7.2px at center, #c3cde6 99%, rgba(195, 205, 230, 0) 100%);
}

/* ---------- Heading (12183:995) ---------- */
.ai-expertise-head {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  margin-bottom: 40px;
  text-align: center;
}

.ai-expertise-title {
  color: var(--ai-blue);
  font-size: 32px;
  font-weight: 700;
  line-height: 45px;
  letter-spacing: -0.8px;
}

.ai-expertise-accent {
  color: var(--ai-orange);
}

.ai-expertise-lead {
  max-width: 860px;
  padding: 0 48.28px 0.625px;
  color: var(--ai-text);
  font-size: 17px;
  line-height: 29.75px;
}

.ai-expertise-divider {
  display: flex;
  align-items: center;
  gap: 12px;
}

.ai-expertise-divider-line {
  display: block;
  width: 60px;
  height: 2px;
}

.ai-expertise-divider-line--left {
  background: linear-gradient(90deg, rgba(39, 55, 117, 0) 0%, var(--ai-blue) 100%);
  transform-origin: right;
}

.ai-expertise-divider-line--right {
  background: linear-gradient(90deg, var(--ai-blue) 0%, rgba(39, 55, 117, 0) 100%);
  transform-origin: left;
}

.ai-expertise-divider-icon {
  display: block;
  width: 34px;
  height: 20px;
}

/* ---------- Cards (12183:1004) ---------- */
.ai-expertise-rows {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.ai-expertise-row {
  display: flex;
  align-items: center;
  gap: 48px;
  padding: 20px;
  border: 1px solid #e6ebf5;
  border-radius: 26px;
  background: #ffffff;
  box-shadow: 0 4px 10px rgba(39, 55, 117, 0.08);
  transition: transform 0.3s var(--ai-ease), box-shadow 0.3s var(--ai-ease);
}

.ai-expertise-row--alt {
  border-color: #dde4f4;
  background: linear-gradient(131.47deg, #eef2fb 0%, #f8faff 100%);
}

.ai-expertise-row:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 36px rgba(39, 55, 117, 0.14);
}

/* Media column: photo under a 40% white wash, plus the floating UI card */
.ai-expertise-media {
  position: relative;
  flex: 0 0 560px;
  width: 560px;
  height: 380px;
  overflow: hidden;
  border-radius: 18px;
  background: #dce4f4;
  isolation: isolate;
}

.ai-expertise-media--rules { height: 474px; }
.ai-expertise-media--ar { height: 482px; }

.ai-expertise-media::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(255, 255, 255, 0.4);
  pointer-events: none;
}

.ai-expertise-photo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.8s var(--ai-ease);
}

.ai-expertise-row:hover .ai-expertise-photo {
  transform: scale(1.04);
}

/* Navy badges (12183:1033, 12183:1087) */
.ai-expertise-badge {
  position: absolute;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 10px;
  background: var(--ai-blue);
  box-shadow: 0 12px 14px rgba(39, 55, 117, 0.3);
  color: #ffffff;
}

.ai-expertise-badge--pill {
  left: 22px;
  top: 26px;
  padding: 10px 16px 10px 10px;
  border-radius: 999px;
}

.ai-expertise-badge--box {
  left: 373px;
  top: 22.8px;
  padding: 10px 12px;
  border-radius: 12px;
}

.ai-expertise-badge-icon {
  display: flex;
  flex: 0 0 30px;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--ai-orange);
}

.ai-expertise-badge-icon img {
  display: block;
}

.ai-expertise-badge-text {
  display: flex;
  flex-direction: column;
  white-space: nowrap;
}

.ai-expertise-badge-value {
  min-width: 116.06px;
  font-size: 15px;
  font-weight: 700;
  line-height: 16.5px;
  font-variant-numeric: tabular-nums;
}

.ai-expertise-badge-name {
  padding-bottom: 1px;
  font-size: 11px;
  font-weight: 600;
  line-height: normal;
}

.ai-expertise-badge-label {
  padding-bottom: 1px;
  color: #d7def1;
  font-size: 10px;
  font-weight: 400;
  line-height: normal;
}

/* Injury-to-Bill Review (12183:1008) */
.ai-expertise-mock {
  position: absolute;
  z-index: 2;
  left: 230px;
  top: 252.16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 315px;
  max-width: calc(100% - 24px);
  height: 112px;
  padding: 12px 8px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #ffffff;
}

.ai-expertise-mock-title {
  color: var(--ai-blue);
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  white-space: nowrap;
}

.ai-expertise-checks {
  display: grid;
  grid-template-columns: max-content max-content;
  column-gap: 10px;
  row-gap: 18px;
}

.ai-expertise-checks li {
  display: flex;
  align-items: center;
  gap: 7px;
  color: var(--ai-text);
  font-size: 10px;
  line-height: 16px;
  white-space: nowrap;
}

/* Grid flows row-wise; Figma pairs column 1 = matched/authorization, column 2 = CPT/report */
.ai-expertise-checks img {
  display: block;
  flex: 0 0 12px;
  width: 12px;
  height: 12px;
}

/* Accounts Receivable chart (12183:1118) */
.ai-expertise-chart {
  position: absolute;
  z-index: 2;
  left: 16px;
  top: 18.52px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 250px;
  padding: 14px 16px;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 16px 18px rgba(39, 55, 117, 0.18);
}

.ai-expertise-chart-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ai-expertise-chart-title {
  padding-bottom: 1px;
  color: var(--ai-blue);
  font-size: 13px;
  font-weight: 600;
  line-height: normal;
}

.ai-expertise-chart-meta {
  padding-bottom: 1px;
  color: var(--ai-text);
  font-size: 10px;
  line-height: normal;
}

.ai-expertise-bars {
  display: flex;
  align-items: flex-end;
  gap: 7px;
  height: 70px;
  padding-top: 6px;
}

.ai-expertise-bar {
  display: block;
  flex: 1 1 0;
  border-radius: 4px 4px 0 0;
  transform-origin: bottom;
}

.ai-expertise-bar--1 { height: 100%; background: var(--ai-blue); }
.ai-expertise-bar--2 { height: 39.67px; background: #4e62ae; }
.ai-expertise-bar--3 { height: 25.59px; background: #8c9bd0; }
.ai-expertise-bar--4 { height: 14.08px; background: var(--ai-orange); }

.ai-expertise-bar-labels {
  display: flex;
  gap: 7px;
  padding-bottom: 4px;
}

.ai-expertise-bar-labels span {
  flex: 1 1 0;
  color: var(--ai-text);
  font-size: 9px;
  line-height: normal;
  text-align: center;
}

.ai-expertise-chart-total {
  position: relative;
  height: 38px;
  border-top: 1px solid #eef2fb;
}

.ai-expertise-chart-total .ai-expertise-chart-meta {
  position: absolute;
  left: 0;
  top: 19px;
}

.ai-expertise-chart-amount {
  position: absolute;
  right: 0;
  top: 10px;
  padding: 1px 0;
  color: var(--ai-blue);
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
  font-variant-numeric: tabular-nums;
}

/* Text column */
.ai-expertise-body {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  gap: 18.985px;
  min-width: 0;
}

.ai-expertise-body-head {
  display: flex;
  align-items: center;
  gap: 16px;
}

.ai-expertise-icon {
  position: relative;
  display: flex;
  flex: 0 0 58px;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  transition: transform 0.3s var(--ai-ease);
}

.ai-expertise-icon img {
  display: block;
  width: 26px;
  height: 26px;
}

.ai-expertise-icon--ring {
  background: #eef2fb;
  box-shadow: inset 0 0 0 6px #f6f8fd;
}

.ai-expertise-icon--raised {
  background: #ffffff;
  box-shadow: 0 8px 10px rgba(39, 55, 117, 0.1);
}

.ai-expertise-row:hover .ai-expertise-icon {
  transform: rotate(-8deg) scale(1.06);
}

.ai-expertise-body-titles {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  gap: 6.895px;
  min-width: 0;
}

.ai-expertise-row-title {
  color: var(--ai-blue);
  font-size: 26px;
  font-weight: 700;
  line-height: 33.8px;
}

.ai-expertise-rule {
  display: block;
  width: 40px;
  height: 3px;
  border-radius: 3px;
  background: var(--ai-orange);
  transform-origin: left;
  transition: width 0.3s var(--ai-ease);
}

.ai-expertise-row:hover .ai-expertise-rule {
  width: 64px;
}

.ai-expertise-copy p {
  color: var(--ai-text);
  font-size: 16px;
  line-height: 28.8px;
}

.ai-expertise-copy p + p {
  margin-top: 28.8px;
}

/* ---------- Animation ---------- */
@keyframes ai-expertise-spin {
  to { rotate: 360deg; }
}

@keyframes ai-expertise-pulse {
  0%, 100% { scale: 1; opacity: 1; }
  50%      { scale: 1.35; opacity: 0.6; }
}

@keyframes ai-expertise-settle {
  from { scale: 1.08; }
}

@keyframes ai-expertise-draw-x {
  from { scale: 0 1; }
}

@keyframes ai-expertise-grow-y {
  from { scale: 1 0; }
}

@keyframes ai-expertise-drift {
  0%, 100% { translate: 0 0; }
  50%      { translate: 0 -6px; }
}

.ai-expertise-head.is-armed:not(.is-in) > *,
.ai-expertise-row.is-armed:not(.is-in) :is(
  .ai-expertise-media,
  .ai-expertise-body,
  .ai-expertise-badge,
  .ai-expertise-mock,
  .ai-expertise-chart,
  .ai-expertise-icon,
  .ai-expertise-row-title,
  .ai-expertise-copy p
) {
  opacity: 0;
}

/* Heading */
.ai-expertise-head.is-in > * { animation: ai-rise 0.7s var(--ai-ease) backwards; }
.ai-expertise-head.is-in > :nth-child(2) { animation-delay: 0.1s; }
.ai-expertise-head.is-in > :nth-child(3) { animation: ai-fade 0.4s var(--ai-ease) 0.2s backwards; }
.ai-expertise-head.is-in .ai-expertise-divider-line { animation: ai-expertise-draw-x 0.7s var(--ai-ease) 0.35s backwards; }
.ai-expertise-head.is-in .ai-expertise-divider-icon { animation: ai-pop 0.6s var(--ai-ease) 0.3s backwards; }

/* Cards: media and text slide in from opposite sides, alternating per card */
.ai-expertise-row.is-in .ai-expertise-media { animation: ai-slide-left 0.8s var(--ai-ease) backwards; }
.ai-expertise-row.is-in .ai-expertise-body { animation: ai-slide-right 0.8s var(--ai-ease) 0.1s backwards; }
.ai-expertise-row--alt.is-in .ai-expertise-media { animation-name: ai-slide-right; }
.ai-expertise-row--alt.is-in .ai-expertise-body { animation-name: ai-slide-left; animation-delay: 0s; }
.ai-expertise-row.is-in .ai-expertise-photo { animation: ai-expertise-settle 1.8s var(--ai-ease) backwards; }

.ai-expertise-row.is-in .ai-expertise-icon { animation: ai-pop 0.6s var(--ai-ease) 0.3s backwards; }
.ai-expertise-row.is-in .ai-expertise-row-title { animation: ai-rise 0.7s var(--ai-ease) 0.35s backwards; }
.ai-expertise-row.is-in .ai-expertise-rule { animation: ai-expertise-draw-x 0.6s var(--ai-ease) 0.6s backwards; }
.ai-expertise-row.is-in .ai-expertise-copy p { animation: ai-rise 0.7s var(--ai-ease) 0.45s backwards; }
.ai-expertise-row.is-in .ai-expertise-copy p + p { animation-delay: 0.55s; }

/* Floating UI: badges pop in after the photo, then drift gently */
.ai-expertise-row.is-in :is(.ai-expertise-badge, .ai-expertise-chart) {
  animation:
    ai-pop 0.7s var(--ai-ease) 0.45s backwards,
    ai-float 6s ease-in-out 1.4s infinite;
}

.ai-expertise-row.is-in .ai-expertise-mock {
  animation:
    ai-rise 0.7s var(--ai-ease) 0.6s backwards,
    ai-expertise-drift 7s ease-in-out 1.6s infinite;
}

.ai-expertise-row.is-in .ai-expertise-bar { animation: ai-expertise-grow-y 0.7s var(--ai-ease) 0.7s backwards; }
.ai-expertise-row.is-in .ai-expertise-bar--2 { animation-delay: 0.8s; }
.ai-expertise-row.is-in .ai-expertise-bar--3 { animation-delay: 0.9s; }
.ai-expertise-row.is-in .ai-expertise-bar--4 { animation-delay: 1s; }

.ai-expertise-row.is-in .ai-expertise-checks li { animation: ai-slide-left 0.5s var(--ai-ease) backwards; }
.ai-expertise-row.is-in .ai-expertise-checks li:nth-child(1) { animation-delay: 0.85s; }
.ai-expertise-row.is-in .ai-expertise-checks li:nth-child(2) { animation-delay: 0.95s; }
.ai-expertise-row.is-in .ai-expertise-checks li:nth-child(3) { animation-delay: 1.05s; }
.ai-expertise-row.is-in .ai-expertise-checks li:nth-child(4) { animation-delay: 1.15s; }
.ai-expertise-row.is-in .ai-expertise-checks img { animation: ai-pop 0.5s var(--ai-ease) 1.2s backwards; }

/* ---------- Responsive ---------- */
@media (max-width: 1199px) {
  .ai-expertise-row {
    gap: 32px;
  }

  .ai-expertise-media {
    flex-basis: 480px;
    width: 480px;
  }

  .ai-expertise-mock { left: auto; right: 15px; }
  .ai-expertise-badge--box { left: auto; right: 20px; }

  .ai-expertise-row-title {
    font-size: 23px;
    line-height: 30px;
  }

  .ai-expertise-copy p {
    font-size: 15px;
    line-height: 26px;
  }

  .ai-expertise-copy p + p { margin-top: 20px; }

  .ai-expertise-ring--solid,
  .ai-expertise-ring--dashed { left: -320px; }
}

@media (max-width: 991px) {
  .ai-expertise-title {
    font-size: 30px;
    line-height: 40px;
  }

  .ai-expertise-lead {
    padding: 0;
    font-size: 16px;
    line-height: 28px;
  }

  .ai-expertise-row {
    flex-direction: column;
    align-items: stretch;
    gap: 28px;
    padding: 20px 20px 32px;
  }

  /* Photo first on every stacked card */
  .ai-expertise-row--alt .ai-expertise-media { order: -1; }

  .ai-expertise-media,
  .ai-expertise-media--rules,
  .ai-expertise-media--ar {
    flex: 0 0 auto;
    width: 100%;
    height: 440px;
  }

  .ai-expertise-body { flex: 0 0 auto; padding: 0 12px; }

  .ai-expertise-mock { top: auto; bottom: 20px; }

  .ai-expertise-plus { right: 40px; top: 30px; }
  .ai-expertise-blip { display: none; }
}


/* Mobile-only pieces (Figma 12183:3201), hidden on larger screens. */
.ai-expertise-divider-m,
.ai-expertise-badge-tick {
  display: none;
}

/* ---------- Mobile — Figma node 12183:3201 "Small practice billing expertise • Mobile" (440 x 3141) ----------
   400px column. Heading 24/35, lead 14/25, 176 x 14 heartbeat divider; 28px to the cards and between them.
   Cards: 16px padding, 24px gap, photo box (366 x 300 / 366 / 380) then icon + 20/29 title + 14/25 copy
   (4px sides, 8px bottom). Photos show at full strength (no white wash). The floating cards are placed for
   Figma's 366px photo box and scale with it: --k = box width / 366 (1 at the 440 frame). */
@media (max-width: 767px) {
  /* Decor: the two rings only, clipped to the heading area as in Figma (12183:3203-3204). */
  .ai-expertise-deco {
    clip-path: inset(60px 20px 0 20px);
  }

  .ai-expertise-glow,
  .ai-expertise-plus,
  .ai-expertise-dot,
  .ai-expertise-blip {
    display: none;
  }

  .ai-expertise-ring--solid {
    left: -240px;
    top: -190px;
    width: 460px;
    height: 460px;
  }

  .ai-expertise-ring--dashed {
    left: -205px;
    top: -155px;
    width: 390px;
    height: 390px;
  }

  /* Heading (12183:3202) */
  .ai-expertise-head {
    gap: 20px;
    margin-bottom: 28px;
  }

  .ai-expertise-title {
    font-size: 24px;
    line-height: 35px;
    letter-spacing: -0.8px;
  }

  .ai-expertise-accent {
    white-space: nowrap;
  }

  .ai-expertise-lead {
    padding: 0;
    font-size: 14px;
    line-height: 25px;
  }

  .ai-expertise-divider-line,
  .ai-expertise-divider-icon {
    display: none;
  }

  .ai-expertise-divider-m {
    display: block;
    width: 176px;
    height: 14px;
  }

  /* Cards (12183:3211 / 3255 / 3292) */
  .ai-expertise-rows {
    gap: 28px;
  }

  .ai-expertise-row,
  .ai-expertise-row--alt {
    gap: 24px;
    padding: 16px;
    border-radius: 26px;
    box-shadow: 0 4px 20px rgba(39, 55, 117, 0.08);
  }

  .ai-expertise-row--alt {
    background: linear-gradient(90deg, #eef2fb 0%, #f8faff 100%);
  }

  .ai-expertise-row:hover {
    transform: none;
    box-shadow: 0 4px 20px rgba(39, 55, 117, 0.08);
  }

  /* Photo box */
  .ai-expertise-media,
  .ai-expertise-media--rules,
  .ai-expertise-media--ar {
    height: auto;
    aspect-ratio: 366 / 300;
    border-radius: 18px;
    container-type: inline-size;
  }

  .ai-expertise-media--rules { aspect-ratio: 366 / 366; }
  .ai-expertise-media--ar { aspect-ratio: 366 / 380; }

  .ai-expertise-media::after {
    display: none;
  }

  .ai-expertise-media > * {
    --k: 1;
  }

  @supports (width: calc(tan(atan2(1px, 1px)) * 1px)) {
    .ai-expertise-media > * {
      --k: tan(atan2(100cqw, 366px));
    }
  }

  .ai-expertise-badge,
  .ai-expertise-mock,
  .ai-expertise-chart {
    right: auto;
    bottom: auto;
    transform: scale(var(--k));
    transform-origin: 0 0;
  }

  /* 99.4% pill (12183:3213): the desktop pill at 0.62, with a tick in the emblem. */
  .ai-expertise-badge--pill {
    left: calc(14px * var(--k));
    top: calc(14px * var(--k));
    box-shadow: 0 12px 28px rgba(39, 55, 117, 0.18);
    transform: scale(calc(0.62 * var(--k)));
  }

  .ai-expertise-badge--pill .ai-expertise-badge-icon img {
    display: none;
  }

  .ai-expertise-badge-tick {
    display: block;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.45;
  }

  .ai-expertise-badge--pill .ai-expertise-badge-value {
    font-weight: 600;
    line-height: 1.45;
  }

  .ai-expertise-badge--pill .ai-expertise-badge-label {
    padding-bottom: 0;
    line-height: 1.45;
  }

  /* Injury-to-Bill Review (12183:3219) */
  .ai-expertise-mock {
    left: calc(104px * var(--k));
    top: calc(175px * var(--k));
    width: max-content;
    max-width: none;
    height: 112px;
  }

  .ai-expertise-checks {
    grid-template-columns: max-content max-content;
    row-gap: 18px;
  }

  .ai-expertise-checks li {
    font-size: 8px;
  }

  /* Claims Submission (12183:3272) */
  .ai-expertise-badge--box {
    left: calc(183px * var(--k));
    top: calc(22.5px * var(--k));
  }

  /* Accounts Receivable chart (12183:3294) */
  .ai-expertise-chart {
    left: calc(10px * var(--k));
    top: calc(12px * var(--k));
    gap: 6.482px;
    width: 162.06px;
    padding: 10.372px;
    border-radius: 9.075px;
    box-shadow: 0 7.779px 18.151px rgba(39, 55, 117, 0.18);
  }

  .ai-expertise-chart-title {
    padding-bottom: 0;
    font-size: 7.779px;
    line-height: 1.45;
  }

  .ai-expertise-chart-meta {
    padding-bottom: 0;
    font-size: 6.482px;
    line-height: 1.45;
  }

  .ai-expertise-bars {
    gap: 4.538px;
    height: 47.295px;
    padding-top: 0;
  }

  .ai-expertise-bar { border-radius: 2.593px 2.593px 0 0; }
  .ai-expertise-bar--1 { height: 41.487px; }
  .ai-expertise-bar--2 { height: 25.93px; }
  .ai-expertise-bar--3 { height: 16.854px; }
  .ai-expertise-bar--4 { height: 9.075px; }

  .ai-expertise-bar-labels {
    gap: 4.538px;
    margin-top: -2.593px; /* 3.889px under the bars */
    padding-bottom: 0;
  }

  .ai-expertise-bar-labels span {
    font-size: 5.834px;
    line-height: 1.45;
  }

  .ai-expertise-chart-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: auto;
    padding-top: 6.482px;
    border-top-width: 0.648px;
  }

  .ai-expertise-chart-total .ai-expertise-chart-meta,
  .ai-expertise-chart-amount {
    position: static;
  }

  .ai-expertise-chart-amount {
    padding: 0;
    font-size: 11.668px;
  }

  /* Text (12183:3244) */
  .ai-expertise-body {
    gap: 20px;
    padding: 0 4px 8px;
  }

  .ai-expertise-body-head {
    align-items: center;
    gap: 12px;
  }

  .ai-expertise-icon {
    flex-basis: 48px;
    width: 48px;
    height: 48px;
  }

  .ai-expertise-icon img {
    width: 26px;
    height: 26px;
  }

  .ai-expertise-icon--ring,
  .ai-expertise-icon--raised {
    box-shadow: none;
  }

  .ai-expertise-body-titles {
    gap: 8px;
  }

  .ai-expertise-row-title {
    font-size: 20px;
    line-height: 29px;
  }

  .ai-expertise-copy p {
    font-size: 14px;
    line-height: 25px;
  }

  .ai-expertise-copy p + p {
    margin-top: 25px;
  }
}