html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
  body { margin: 0; background: #EDF0E9; color: #16191A; font-family: 'Archivo', 'Helvetica Neue', sans-serif; font-size: 17px; line-height: 1.55; -webkit-font-smoothing: antialiased; overflow-x: clip; }
  a { color: #16191A; text-decoration: none; }
  a:hover { color: #B3251B; }
  h1, h2, h3, h4, p, dl, dd, dt, pre, figure { margin: 0; }
  *, *::before, *::after { box-sizing: border-box; }
  :focus-visible { outline: 2px solid #B3251B; outline-offset: 3px; }
  @keyframes tc-blink { 0%, 55% { opacity: 1; } 56%, 100% { opacity: .15; } }
  @keyframes tc-drop {
    0%   { opacity: 0; transform: translate3d(0,-480px,0) rotate(-15deg) scale(1.14); }
    52%  { opacity: 1; transform: translate3d(0,0,0) rotate(-2.4deg) scale(1); }
    64%  { transform: translate3d(0,-30px,0) rotate(-4deg) scale(.985); }
    78%  { transform: translate3d(0,0,0) rotate(-1.4deg) scaleY(.93) scaleX(1.05); }
    90%  { transform: translate3d(0,-8px,0) rotate(-2.4deg) scale(1); }
    100% { opacity: 1; transform: translate3d(0,0,0) rotate(-2deg); }
  }
  @keyframes tc-sway { 0%,100% { transform: translate3d(0,0,0) rotate(-2deg); } 50% { transform: translate3d(0,-5px,0) rotate(-.4deg); } }
  @keyframes tc-rise { from { opacity: 0; transform: translate3d(0,18px,0); } to { opacity: 1; transform: none; } }
  @keyframes tc-float { 0%,100% { transform: translate3d(0,0,0); } 50% { transform: translate3d(0,-9px,0); } }
  @keyframes tc-pop { 0% { opacity: 0; transform: scale(.86) translateY(12px); } 62% { opacity: 1; transform: scale(1.045) translateY(0); } 100% { opacity: 1; transform: scale(1) translateY(0); } }
  @keyframes tc-marquee { from { transform: translate3d(0,0,0); } to { transform: translate3d(-50%,0,0); } }
  @keyframes tc-pulse { 0%,100% { box-shadow: -3px 0 0 #B3251B; } 50% { box-shadow: -6px 0 0 #B3251B; } }
  [data-tint="anthropic"] { color: #A2432A; }
  [data-tint="openai"] { color: #0F6E56; }
  [data-tint="google"] { color: #2C5BB0; }
  [data-tint="meta"] { color: #1B5FA8; }
  [data-tint="mistral"] { color: #9C4413; }
  [data-tint="gateway"] { color: #8A5C0F; }
  [data-tint="ink"] { color: #16191A; }
  [data-chip] { display: inline-block; font-family: 'IBM Plex Mono', monospace; font-size: 10.5px; letter-spacing: .06em; padding: 3px 8px; }
  [data-chip="anthropic"] { color: #A2432A; background: #F7EAE4; }
  [data-chip="openai"] { color: #0F6E56; background: #E4EFEA; }
  [data-chip="google"] { color: #2C5BB0; background: #E6EAF6; }
  [data-chip="meta"] { color: #1B5FA8; background: #E5EBF5; }
  [data-chip="mistral"] { color: #9C4413; background: #F7ECE2; }
  [data-chip="gateway"] { color: #8A5C0F; background: #F4EFE4; }
  [data-chip="ink"] { color: #16191A; background: #E0E6DC; }
  [data-type="string"] { background: #EFEDE4 !important; }
  [data-reveal] { transition: opacity .62s cubic-bezier(.22,.61,.36,1), transform .62s cubic-bezier(.22,.61,.36,1); }
  [data-bar] { transition: width 1.1s cubic-bezier(.22,.61,.36,1); }
  @media (prefers-reduced-motion: reduce) {
    [data-anim] { animation: none !important; opacity: 1 !important; }
    [data-reveal] { opacity: 1 !important; transform: none !important; transition: none !important; }
    [data-bar] { transition: none !important; }
  }
  #feed-head > span, #feed-body > div > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  @media (max-width: 1180px) {
    #feed-head, #feed-body > div { grid-template-columns: 64px minmax(0,1fr) 64px 58px 74px !important; }
    #feed-head > span:nth-child(3), #feed-body > div > span:nth-child(3) { display: none !important; }
  }
  @media (max-width: 1020px) {
    #top > div { grid-template-columns: 1fr !important; }
    #top > div > div:first-child { padding: 64px 0 !important; }
    #top > div > div:nth-child(2) { border-left: 0 !important; min-height: 560px !important; }
    #top > div > div:nth-child(2) > div { inset: 30px 0 46px !important; }
    #feed-head, #feed-body > div { grid-template-columns: 70px minmax(0,1fr) minmax(0,1.05fr) 66px 62px 78px !important; }
    #feed-head > span:nth-child(3), #feed-body > div > span:nth-child(3) { display: revert !important; }
    #schema-grid, #cmp-grid { grid-template-columns: 1fr !important; }
    #tiers > div { grid-template-columns: 1fr !important; gap: 14px !important; }
    #owns { grid-template-columns: 1fr !important; }
    #schema-slip { position: static !important; }
  }
  @media (max-width: 900px) {
    #tiers > div { grid-template-columns: 1fr !important; gap: 14px !important; }
    #owns { grid-template-columns: 1fr !important; }
    #nav > a:not(:last-child) { display: none !important; }
  }
  @media (max-width: 700px) {
    #feed-head, #feed-body > div { grid-template-columns: 62px minmax(0,1fr) 62px 72px !important; }
    #feed-head > span:nth-child(3), #feed-body > div > span:nth-child(3) { display: none !important; }
    #feed-head > span:nth-child(4), #feed-body > div > span:nth-child(4) { display: none !important; }
  }
  @media (max-width: 640px) {
    #page { padding: 0 14px !important; }
    #spro-l, #spro-r { width: 14px !important; }
    #schema-fields > div { grid-template-columns: 1fr !important; gap: 3px !important; }
    #tally { grid-template-columns: 1fr 1fr !important; gap: 20px !important; }
  }
