#experts .exp-sbs { display: grid; grid-template-columns: 1.05fr 1fr; gap: clamp(32px, 5vw, 72px); align-items: center; }
  #experts .exp-sbs-copy { text-align: left; }
  #experts .exp-sbs-copy .display { text-align: left; margin: 0; }
  #experts .exp-sbs-copy .lead { text-align: left; margin: 18px 0 0; max-width: 42ch; }
  #experts .exp-standalone { margin: 0; }
  #experts .exp-card { aspect-ratio: 1 / 1; height: auto; width: 100%; max-width: 560px; }   /* fixed square — contains the demo (incl. the click-cursor) instead of shrinking to content */

  /* founder badges — stacked coins under the copy, glass card on hover */
  #experts .fteam { margin-top: 30px; }
  #experts .fteam .flbl { display: flex; align-items: center; gap: 8px; font-size: 12.5px; font-weight: 500; color: var(--slate-500); margin: 0 0 14px; }
  #experts .fteam .flbl b { font-weight: 600; color: var(--ink-900); }
  #experts .fcoins { display: flex; padding-top: 6px; }
  #experts .founder { position: relative; }
  #experts .founder + .founder { margin-left: -14px; }
  #experts .founder .coin { display: block; width: 58px; height: 58px; border-radius: 999px; object-fit: cover; background: #fff; box-shadow: 0 0 0 3px #fff, 0 7px 16px rgba(29,38,48,.20); cursor: pointer; transition: transform .28s cubic-bezier(.16,1,.3,1), box-shadow .28s ease; -webkit-tap-highlight-color: transparent; }
  #experts .founder:hover { z-index: 6; }
  #experts .founder:hover .coin, #experts .founder:focus-visible .coin { transform: translateY(-7px) scale(1.07); box-shadow: 0 0 0 3px #fff, 0 14px 26px rgba(29,38,48,.26); outline: none; }
  #experts .fcard { position: absolute; bottom: calc(100% + 14px); left: -8px; width: max-content; min-width: 172px; max-width: min(300px, 86vw); z-index: 30; text-align: left; background: rgba(255,255,255,0.72); -webkit-backdrop-filter: blur(16px) saturate(1.4); backdrop-filter: blur(16px) saturate(1.4); border: 1px solid rgba(255,255,255,0.7); border-radius: 16px; padding: 13px 15px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.6), 0 18px 44px rgba(29,38,48,0.16); opacity: 0; visibility: hidden; transform: translateY(8px) scale(.97); transform-origin: 28px bottom; transition: opacity .2s ease, transform .26s cubic-bezier(.16,1,.3,1), visibility .2s; pointer-events: none; }
  #experts .founder:hover .fcard, #experts .founder:focus-within .fcard { opacity: 1; visibility: visible; transform: translateY(0) scale(1); pointer-events: auto; }
  #experts .fcard .fnm { font-family: var(--font-serif); font-size: 16px; font-weight: 600; color: var(--ink-900); line-height: 1.15; padding-right: 26px; }
  #experts .fcard .frole { font-size: 12.5px; color: var(--slate-500); margin-top: 2px; }
  #experts .fcard .fpast { display: flex; align-items: center; gap: 14px; margin-top: 13px; }
  #experts .fcard .fpast .plogo { width: 30px; height: 30px; object-fit: contain; display: block; flex: none; }
  /* wordmark logos (e.g. McKinsey) keep the same height as the square icons, width auto */
  #experts .fcard .fpast .plogo-wide { width: auto; height: 30px; }
  /* LinkedIn pinned to the card's top-right, away from the employer logos */
  #experts .fcard .fli { position: absolute; top: 13px; right: 14px; display: inline-flex; align-items: center; color: #0A66C2; transition: transform .2s ease; }
  #experts .fcard .fli:hover { transform: scale(1.12); }
  #experts .fcard .fli svg { width: 19px; height: 19px; }

  @media (min-width: 901px) {
    /* the leftmost coin sits ~28px from the viewport (container padding); the
       card's default left:-8px overhang pushes its soft 44px drop shadow past
       the section's overflow:clip edge at narrow desktop widths. Open the
       first card slightly rightward so its left shadow clears the edge. */
    #experts .founder:first-child .fcard { left: 16px; transform-origin: 8px bottom; }
  }

  @media (max-width: 900px) {
    #experts .exp-sbs { grid-template-columns: 1fr; gap: 28px; }
    #experts .exp-sbs-copy, #experts .exp-sbs-copy .display, #experts .exp-sbs-copy .lead { text-align: center; margin-inline: auto; }
    #experts .exp-card { margin-inline: auto; }
    /* centre the coins; pop the card centred below the row so its soft drop
       shadow has symmetric room and isn't sliced on the left by the section's
       overflow:clip at the viewport edge (cards used to open flush at left:0) */
    #experts .fteam .flbl { justify-content: center; }
    #experts .fcoins { position: relative; justify-content: center; }
    #experts .founder { position: static; }
    #experts .fcard { top: calc(100% + 16px); bottom: auto; left: 50%; right: auto; transform-origin: 50% top; transform: translate(-50%, -8px) scale(.97); }
    #experts .founder:hover .fcard, #experts .founder:focus-within .fcard { transform: translate(-50%, 0) scale(1); }
  }

  @media (max-width: 600px) {
    /* WhatsApp "Connected" card: the narrow chat bubble can't fit
       icon + title + badge on one row, so it broke into 3 ragged rows
       (icon alone, title, badge floated bottom-right). Lay it out as a clean
       2-line card — icon + title on top, the Connected badge left-aligned
       under the title (min-width:0 stops the title forcing the icon to wrap). */
    #experts .wa-solved .b { min-width: 0; flex: 1 1 auto; }
    #experts .wa-solved .conn { flex: 0 0 100%; margin-left: 51px; }
  }