/* Platform chips: small brand marks that show the surfaces we work on.
   Shared by cold-outbound.html and the generated pages. Icons are inline
   SVG from simple-icons (CC0), rendered monochrome so no single brand
   colour dominates the page. */

.plat { margin-top: 44px; }
.plat__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px 20px;
  margin-bottom: 16px;
}
.plat__head h3 { font-size: 17px; font-weight: 500; letter-spacing: -0.01em; }
.plat__head p { margin: 0; font-size: 13.5px; color: var(--text-3); }

.plat__grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.plat__chip {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 8px 13px 8px 10px;
  border-radius: 100px;
  border: 1px solid var(--line);
  background: rgba(var(--ov), 0.025);
  font-size: 13px;
  color: var(--text-2);
  white-space: nowrap;
  transition: border-color var(--fast), color var(--fast), background var(--fast);
}
.plat__chip:hover { border-color: rgba(226, 82, 15, 0.45); color: var(--text); background: rgba(226, 82, 15, 0.07); }
.plat__chip svg { width: 16px; height: 16px; flex: none; fill: currentColor; opacity: 0.9; }
.plat__chip svg.stroke { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.plat__badge {
  width: 18px; height: 18px;
  flex: none;
  display: grid;
  place-items: center;
  border-radius: 5px;
  background: rgba(var(--ov), 0.1);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0;
  color: var(--text);
}
.plat__chip--star { border-color: rgba(63, 110, 140, 0.35); }

/* compact icon-only row (hero strips) */
.plat--icons .plat__chip { padding: 9px; }
.plat--icons .plat__chip span:not(.plat__badge) { display: none; }