/* TRACK RECORD SECTION
   Clean edit layer for the Home page stats banner. */

/* ============================================================
   TRACK RECORD — black section with white heading
   ============================================================ */
[data-loc="src/web/components/StatsBanner.tsx:13"] {
  background: #000000 !important;
}

[data-loc="src/web/components/StatsBanner.tsx:14"] {
  background: #000000 !important;
}

[data-loc="src/web/components/StatsBanner.tsx:19"] {
  color: #ffffff !important;
}

[data-loc="src/web/components/StatsBanner.tsx:25"] {
  color: #ffffff !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"]) [data-loc="src/web/components/StatsBanner.tsx:25"][data-av-count-state="pending"],
#root:has([data-loc="src/web/pages/Home.tsx:188"]) [data-loc="src/web/components/StatsBanner.tsx:25"][data-av-count-state="counting"] {
  color: #0d9488 !important;
  -webkit-text-fill-color: #0d9488 !important;
  transition: color 220ms ease, -webkit-text-fill-color 220ms ease !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"]) [data-loc="src/web/components/StatsBanner.tsx:25"][data-av-count-state="complete"] {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  transition: color 220ms ease, -webkit-text-fill-color 220ms ease !important;
}

[data-loc="src/web/components/StatsBanner.tsx:26"] {
  color: rgba(255, 255, 255, 0.58) !important;
}

/* ABOUT PAGE — white Track Record block with dark stats */
body:has([data-loc="src/web/pages/About.tsx:8"]) [data-loc="src/web/components/StatsBanner.tsx:13"] {
  max-width: none !important;
  background: #ffffff !important;
}

body:has([data-loc="src/web/pages/About.tsx:8"]) [data-loc="src/web/components/StatsBanner.tsx:14"] {
  max-width: 1320px !important;
  margin: 0 auto !important;
  background: #ffffff !important;
}

body:has([data-loc="src/web/pages/About.tsx:8"]) [data-loc="src/web/components/StatsBanner.tsx:19"],
body:has([data-loc="src/web/pages/About.tsx:8"]) [data-loc="src/web/components/StatsBanner.tsx:25"] {
  color: #1d1d1f !important;
  -webkit-text-fill-color: #1d1d1f !important;
}

body:has([data-loc="src/web/pages/About.tsx:8"]) [data-loc="src/web/components/StatsBanner.tsx:25"][data-av-count-state="pending"],
body:has([data-loc="src/web/pages/About.tsx:8"]) [data-loc="src/web/components/StatsBanner.tsx:25"][data-av-count-state="counting"] {
  color: #c9a84c !important;
  -webkit-text-fill-color: #c9a84c !important;
  transition: color 220ms ease, -webkit-text-fill-color 220ms ease !important;
}

body:has([data-loc="src/web/pages/About.tsx:8"]) [data-loc="src/web/components/StatsBanner.tsx:25"][data-av-count-state="complete"] {
  color: #1d1d1f !important;
  -webkit-text-fill-color: #1d1d1f !important;
  transition: color 220ms ease, -webkit-text-fill-color 220ms ease !important;
}

body:has([data-loc="src/web/pages/About.tsx:8"]) [data-loc="src/web/components/StatsBanner.tsx:26"] {
  color: #6e6e73 !important;
  -webkit-text-fill-color: #6e6e73 !important;
}

/* Home Track Record: proof-led, detailed, and visually aligned with the new journal rail. */
#root:has([data-loc="src/web/pages/Home.tsx:188"]) [data-loc="src/web/components/StatsBanner.tsx:13"] {
  max-width: none !important;
  margin: 0 !important;
  padding: 0 24px 98px !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #0b0d0e 0.1%, #0b0d0e 100%) !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"]) [data-loc="src/web/components/StatsBanner.tsx:14"] {
  max-width: 1320px !important;
  margin: 0 auto !important;
  padding: 76px 0 0 !important;
  display: grid !important;
  grid-template-columns: minmax(280px, 370px) minmax(0, 1fr) !important;
  gap: 28px 56px !important;
  align-items: start !important;
  border-top: 1px solid rgba(234, 217, 165, 0.18) !important;
  border-radius: 0 !important;
  background:
    linear-gradient(180deg, rgba(247, 243, 232, 0.035), transparent 42%),
    #0b0d0e !important;
  color: #f7f3e8 !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"]) .av-track-record-kicker {
  grid-column: 1 !important;
  margin: 0 0 12px !important;
  color: rgba(234, 217, 165, 0.66) !important;
  font-family: var(--font-system) !important;
  font-size: 11px !important;
  font-weight: 760 !important;
  letter-spacing: 0.16em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"]) [data-loc="src/web/components/StatsBanner.tsx:19"] {
  grid-column: 1 !important;
  margin: 0 !important;
  color: #f7f3e8 !important;
  -webkit-text-fill-color: #f7f3e8 !important;
  font-size: 42px !important;
  font-weight: 680 !important;
  letter-spacing: 0 !important;
  line-height: 1.04 !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"]) .av-track-record-copy {
  grid-column: 1 !important;
  max-width: 335px !important;
  margin: 0 !important;
  color: rgba(247, 243, 232, 0.58) !important;
  font-family: var(--font-system) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.68 !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"]) [data-loc="src/web/components/StatsBanner.tsx:22"] {
  grid-column: 2 !important;
  grid-row: 1 / span 3 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  border: 1px solid rgba(247, 243, 232, 0.11) !important;
  border-radius: 8px !important;
  background: rgba(247, 243, 232, 0.025) !important;
  overflow: hidden !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"]) [data-loc="src/web/components/StatsBanner.tsx:24"] {
  min-height: 172px !important;
  padding: 26px 24px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  border-right: 1px solid rgba(247, 243, 232, 0.10) !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"]) [data-loc="src/web/components/StatsBanner.tsx:24"]:last-child {
  border-right: 0 !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"]) [data-loc="src/web/components/StatsBanner.tsx:25"] {
  margin: 0 !important;
  color: #f7f3e8 !important;
  -webkit-text-fill-color: #f7f3e8 !important;
  font-size: 42px !important;
  font-weight: 640 !important;
  letter-spacing: 0 !important;
  line-height: 0.95 !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"]) [data-loc="src/web/components/StatsBanner.tsx:25"][data-av-count-state="pending"],
#root:has([data-loc="src/web/pages/Home.tsx:188"]) [data-loc="src/web/components/StatsBanner.tsx:25"][data-av-count-state="counting"] {
  color: #c9a84c !important;
  -webkit-text-fill-color: #c9a84c !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"]) [data-loc="src/web/components/StatsBanner.tsx:26"] {
  margin: 0 !important;
  color: rgba(247, 243, 232, 0.52) !important;
  -webkit-text-fill-color: rgba(247, 243, 232, 0.52) !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  letter-spacing: 0.08em !important;
  line-height: 1.3 !important;
  text-transform: uppercase !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"]) .av-track-record-detail-grid {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.18fr) minmax(280px, 0.82fr) !important;
  gap: 18px !important;
  margin-top: 14px !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"]) .av-track-record-proof,
#root:has([data-loc="src/web/pages/Home.tsx:188"]) .av-track-record-pipeline {
  border: 1px solid rgba(247, 243, 232, 0.11) !important;
  border-radius: 8px !important;
  background: rgba(247, 243, 232, 0.028) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"]) .av-track-record-proof {
  display: grid !important;
  grid-template-columns: minmax(240px, 0.36fr) minmax(0, 0.64fr) !important;
  min-height: 280px !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"]) .av-track-record-proof-head {
  padding: 28px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  border-right: 1px solid rgba(247, 243, 232, 0.10) !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"]) .av-track-record-proof-head span,
#root:has([data-loc="src/web/pages/Home.tsx:188"]) .av-track-record-pipeline-label {
  color: rgba(234, 217, 165, 0.68) !important;
  font-family: var(--font-system) !important;
  font-size: 10px !important;
  font-weight: 760 !important;
  letter-spacing: 0.14em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"]) .av-track-record-proof-head strong {
  margin: 22px 0 12px !important;
  color: #f7f3e8 !important;
  font-family: var(--font-system) !important;
  font-size: 48px !important;
  font-weight: 620 !important;
  letter-spacing: 0 !important;
  line-height: 0.94 !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"]) .av-track-record-proof-head p,
#root:has([data-loc="src/web/pages/Home.tsx:188"]) .av-track-record-pipeline p {
  max-width: 260px !important;
  margin: 0 !important;
  color: rgba(247, 243, 232, 0.54) !important;
  font-family: var(--font-system) !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"]) .av-track-record-proof-rows {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"]) .av-track-record-proof-rows article {
  padding: 28px 22px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  border-right: 1px solid rgba(247, 243, 232, 0.10) !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"]) .av-track-record-proof-rows article:last-child {
  border-right: 0 !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"]) .av-track-record-proof-rows article > span,
#root:has([data-loc="src/web/pages/Home.tsx:188"]) .av-track-record-pipeline li span {
  color: rgba(139, 231, 221, 0.58) !important;
  font-family: var(--font-system) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"]) .av-track-record-proof-rows strong,
#root:has([data-loc="src/web/pages/Home.tsx:188"]) .av-track-record-pipeline strong {
  color: #f7f3e8 !important;
  font-family: var(--font-system) !important;
  font-size: 18px !important;
  font-weight: 680 !important;
  letter-spacing: 0 !important;
  line-height: 1.12 !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"]) .av-track-record-proof-rows p {
  margin: 0 !important;
  color: rgba(247, 243, 232, 0.50) !important;
  font-family: var(--font-system) !important;
  font-size: 13px !important;
  line-height: 1.52 !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"]) .av-track-record-pipeline {
  padding: 28px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"]) .av-track-record-pipeline ol {
  margin: auto 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: grid !important;
  gap: 0 !important;
  border-top: 1px solid rgba(247, 243, 232, 0.10) !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"]) .av-track-record-pipeline li {
  min-height: 46px !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  border-bottom: 1px solid rgba(247, 243, 232, 0.10) !important;
  color: rgba(247, 243, 232, 0.72) !important;
  font-family: var(--font-system) !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
}

@media (max-width: 1040px) {
  #root:has([data-loc="src/web/pages/Home.tsx:188"]) [data-loc="src/web/components/StatsBanner.tsx:14"] {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  #root:has([data-loc="src/web/pages/Home.tsx:188"]) [data-loc="src/web/components/StatsBanner.tsx:22"] {
    grid-column: 1 !important;
    grid-row: auto !important;
  }

  #root:has([data-loc="src/web/pages/Home.tsx:188"]) .av-track-record-copy {
    max-width: 620px !important;
  }

  #root:has([data-loc="src/web/pages/Home.tsx:188"]) .av-track-record-detail-grid,
  #root:has([data-loc="src/web/pages/Home.tsx:188"]) .av-track-record-proof {
    grid-template-columns: 1fr !important;
  }

  #root:has([data-loc="src/web/pages/Home.tsx:188"]) .av-track-record-proof-head {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(247, 243, 232, 0.10) !important;
  }
}

@media (max-width: 720px) {
  #root:has([data-loc="src/web/pages/Home.tsx:188"]) [data-loc="src/web/components/StatsBanner.tsx:13"] {
    padding: 0 14px 78px !important;
  }

  #root:has([data-loc="src/web/pages/Home.tsx:188"]) [data-loc="src/web/components/StatsBanner.tsx:14"] {
    padding-top: 58px !important;
  }

  #root:has([data-loc="src/web/pages/Home.tsx:188"]) [data-loc="src/web/components/StatsBanner.tsx:19"] {
    font-size: 34px !important;
  }

  #root:has([data-loc="src/web/pages/Home.tsx:188"]) [data-loc="src/web/components/StatsBanner.tsx:22"],
  #root:has([data-loc="src/web/pages/Home.tsx:188"]) .av-track-record-proof-rows {
    grid-template-columns: 1fr 1fr !important;
  }

  #root:has([data-loc="src/web/pages/Home.tsx:188"]) [data-loc="src/web/components/StatsBanner.tsx:24"] {
    min-height: 138px !important;
    padding: 22px 18px !important;
  }

  #root:has([data-loc="src/web/pages/Home.tsx:188"]) [data-loc="src/web/components/StatsBanner.tsx:25"],
  #root:has([data-loc="src/web/pages/Home.tsx:188"]) .av-track-record-proof-head strong {
    font-size: 36px !important;
  }
}

@media (max-width: 520px) {
  #root:has([data-loc="src/web/pages/Home.tsx:188"]) [data-loc="src/web/components/StatsBanner.tsx:22"],
  #root:has([data-loc="src/web/pages/Home.tsx:188"]) .av-track-record-proof-rows {
    grid-template-columns: 1fr !important;
  }

  #root:has([data-loc="src/web/pages/Home.tsx:188"]) [data-loc="src/web/components/StatsBanner.tsx:24"],
  #root:has([data-loc="src/web/pages/Home.tsx:188"]) .av-track-record-proof-rows article {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(247, 243, 232, 0.10) !important;
  }
}