/* =============================================================
   TK-PROOF — V38 Stage K trust-kit. Legitimacy proof: composable
   as one full band OR as individual chips a page sprinkles inline.
   Ported/simplified from homepage-37-opta.html .v12-legit-band /
   .v11-carrier-band / .v11-stamp (renamed tk-*).

   NOTE: carrier strip intentionally excludes UnitedHealth (uhc.svg)
   per the 2026-06-29 compliance scrub — see
   /front-end design/v39-exploration/direction-b-night-sky/TRUST-PLACEHOLDERS.md.
   ============================================================= */
.tk-proof-band {
  padding: 56px 24px 64px;
  background: var(--cream);
  text-align: center;
}
.tk-proof-band-inner { max-width: 1000px; margin: 0 auto; }
.tk-proof-band .tk-proof-h2 {
  font-family: 'Fraunces', serif; font-weight: 600;
  font-size: clamp(26px, 3.2vw, 38px); line-height: 1.1; letter-spacing: -.015em;
  color: var(--ink); margin: 0 0 10px;
}
.tk-proof-band .tk-proof-sub {
  font-size: 15px; color: var(--mute); margin: 0 0 32px;
}
/* Carrier badge bar.
   2026-07-31 — restored to the COLOUR treatment this band had before
   (`.v11-carrier-band`, archived at _archive/homepage-variants/homepage.html).
   It had drifted to `filter: grayscale(1) opacity(.55)`, which is the standard
   "logo wall" convention — deliberately recessive, so a row of brands reads as
   texture rather than as a claim. That is the wrong end of the dial here: this
   band's entire job is credibility, and washed-out marks read as decoration
   or, worse, as placeholders. Colour makes them read as real carriers.

   Only the faintest desaturation is kept so five different brand palettes sit
   together without one screaming; hover clears it entirely. */
.tk-proof-carriers {
  /* Flex-wrap, not a fixed column count. The carrier list is a compliance
     artifact that changes when authorizations change — it went 4 -> 5 the day
     this was written — and `repeat(4, 1fr)` silently orphans the fifth mark on
     its own row, left-aligned. Wrapping with centred justification lays out
     any number of logos correctly, and a wrapped final row centres instead of
     hanging. */
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: clamp(20px, 3vw, 40px) clamp(24px, 3.5vw, 52px);
  padding: clamp(22px, 3vw, 30px) clamp(24px, 4vw, 44px);
  margin: 0 auto 22px;
  max-width: 980px;
  /* Same card idiom as the homepage hero's .zipcard — warm cream, 2px ink
     border, offset shadow — so the bar reads as one deliberate object rather
     than logos floating on the page background. */
  background: #FFFDF6;
  border: 2px solid var(--ink, #0E2A3A);
  border-radius: 22px;
  box-shadow: 6px 6px 0 var(--ink, #0E2A3A);
}
.tk-proof-carriers img {
  margin: 0 auto;
  max-height: 34px; width: auto;
  object-fit: contain;
  display: block;
  filter: grayscale(.15);
  opacity: .95;
  transition: filter .2s ease, opacity .2s ease, transform .2s ease;
}
.tk-proof-carriers img:hover { filter: none; opacity: 1; transform: translateY(-1px); }
@media (prefers-reduced-motion: reduce) {
  .tk-proof-carriers img { transition: none; }
  .tk-proof-carriers img:hover { transform: none; }
}
@media (max-width: 600px) {
  /* Let them wrap two-up rather than squeezing five across — at 390px, five
     columns render each mark under 50px wide, well below legibility. The
     basis lets two sit per row and the odd one centre on the last row. */
  .tk-proof-carriers {
    gap: 22px 18px;
    padding: 22px 18px;
    border-radius: 18px;
    box-shadow: 5px 5px 0 var(--ink, #0E2A3A);
  }
  .tk-proof-carriers img { max-height: 26px; flex: 0 1 38%; }
}
/* Trademark / non-affiliation notice. Deliberately quiet but legible — a
   disclaimer set below the readable threshold does not discharge the
   obligation it exists to discharge, so it stays at 11px with real contrast
   rather than being hidden. */
.tk-proof-disclaimer {
  max-width: 660px;
  margin: 0 auto 14px;
  font-size: 11px;
  line-height: 1.5;
  color: var(--mute, #4A6678);
}
.tk-proof-cap {
  font-family: 'JetBrains Mono', monospace; font-size: 11.5px; font-weight: 600;
  letter-spacing: .06em; color: var(--mute); margin: 0 0 20px;
}
.tk-proof-stamp {
  display: inline-block;
  font-family: 'JetBrains Mono', monospace; font-size: 11px; font-weight: 700;
  letter-spacing: .1em; text-transform: uppercase;
  padding: 8px 16px; border-radius: 999px;
  background: var(--pink); color: var(--cream);
  border: 2px solid var(--ink);
  box-shadow: 3px 3px 0 var(--ink);
  transform: rotate(-2deg);
}

/* --- chip variant, for sprinkling one signal inline in a hero/body --- */
.tk-proof-chip {
  display: inline-flex; align-items: center; gap: 8px;
  font-family: 'JetBrains Mono', monospace; font-size: 11.5px; font-weight: 700;
  letter-spacing: .06em;
  padding: 7px 14px; border-radius: 999px;
  background: var(--blush-2); color: var(--pink-dark);
  border: 1.5px solid rgba(14,42,58,.12);
}
.tk-proof-chip svg { width: 13px; height: 13px; flex: none; }
.tk-proof-chip.tk-proof-chip--rating svg { fill: var(--lemon); stroke: none; }
.tk-proof-chip.tk-proof-chip--license,
.tk-proof-chip.tk-proof-chip--nosell { color: var(--ink); background: var(--cream); border-color: var(--ink); }