/* Home Track Record: premium light editorial redesign. */

#root:has([data-loc="src/web/pages/Home.tsx:188"])
  [data-loc="src/web/components/StatsBanner.tsx:13"].av-track-record-light-shell {
  position: relative !important;
  isolation: isolate !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 clamp(18px, 3vw, 42px) clamp(86px, 8vw, 118px) !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 88% 8%, rgba(139, 231, 221, 0.15), transparent 25%),
    radial-gradient(circle at 8% 92%, rgba(226, 211, 171, 0.22), transparent 30%),
    linear-gradient(180deg, #f4f1e9 0%, #faf9f5 52%, #ffffff 100%) !important;
  color: #122321 !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"])
  [data-loc="src/web/components/StatsBanner.tsx:13"].av-track-record-light-shell::before {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  right: -170px !important;
  top: -230px !important;
  width: 520px !important;
  height: 520px !important;
  border: 1px solid rgba(13, 111, 104, 0.09) !important;
  border-radius: 50% !important;
  box-shadow:
    0 0 0 58px rgba(13, 111, 104, 0.025),
    0 0 0 116px rgba(139, 122, 74, 0.025) !important;
  pointer-events: none !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"])
  [data-loc="src/web/components/StatsBanner.tsx:14"].av-track-record-light {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  max-width: 1320px !important;
  margin: 0 auto !important;
  padding: clamp(78px, 7.5vw, 108px) 0 0 !important;
  display: grid !important;
  grid-template-columns: minmax(280px, 380px) minmax(0, 1fr) !important;
  gap: 30px clamp(42px, 5vw, 72px) !important;
  align-items: start !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #122321 !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"])
  [data-loc="src/web/components/StatsBanner.tsx:14"].av-track-record-light::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: clamp(36px, 3.5vw, 48px) !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(139, 122, 74, 0.28) 18%, rgba(13, 111, 104, 0.24) 52%, transparent) !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"]) .av-track-record-light .av-track-record-kicker {
  grid-column: 1 !important;
  margin: 0 0 12px !important;
  color: #876d32 !important;
  -webkit-text-fill-color: #876d32 !important;
  font-family: var(--font-system), sans-serif !important;
  font-size: 10px !important;
  font-weight: 760 !important;
  letter-spacing: 0.18em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"])
  .av-track-record-light [data-loc="src/web/components/StatsBanner.tsx:19"] {
  grid-column: 1 !important;
  max-width: 9ch !important;
  margin: 0 !important;
  color: #132725 !important;
  -webkit-text-fill-color: #132725 !important;
  font-family: var(--font-system), sans-serif !important;
  font-size: clamp(46px, 4.4vw, 64px) !important;
  font-weight: 560 !important;
  letter-spacing: -0.035em !important;
  line-height: 0.98 !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"]) .av-track-record-light .av-track-record-copy {
  grid-column: 1 !important;
  max-width: 34ch !important;
  margin: 0 !important;
  color: rgba(19, 39, 37, 0.62) !important;
  -webkit-text-fill-color: rgba(19, 39, 37, 0.62) !important;
  font-family: var(--font-system), sans-serif !important;
  font-size: 14px !important;
  font-weight: 420 !important;
  line-height: 1.65 !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"])
  .av-track-record-light [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: 12px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"])
  .av-track-record-light [data-loc="src/web/components/StatsBanner.tsx:24"].av-track-stat-card {
  position: relative !important;
  min-height: 174px !important;
  padding: 24px 22px 22px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  border: 1px solid rgba(18, 63, 59, 0.11) !important;
  border-radius: 16px !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(250, 249, 244, 0.78)) !important;
  box-shadow:
    0 14px 34px rgba(37, 51, 47, 0.055),
    inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
  color: #132725 !important;
  cursor: default !important;
  overflow: hidden !important;
  transition: transform 260ms ease, border-color 260ms ease, box-shadow 260ms ease !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"])
  .av-track-record-light [data-loc="src/web/components/StatsBanner.tsx:24"].av-track-stat-card:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(13, 111, 104, 0.22) !important;
  box-shadow: 0 20px 42px rgba(37, 51, 47, 0.085) !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"])
  .av-track-record-light [data-loc="src/web/components/StatsBanner.tsx:24"].av-track-stat-card::before {
  content: "" !important;
  position: absolute !important;
  right: -30px !important;
  top: -30px !important;
  width: 90px !important;
  height: 90px !important;
  border: 1px solid rgba(13, 111, 104, 0.08) !important;
  border-radius: 50% !important;
  background: transparent !important;
  box-shadow: 0 0 0 18px rgba(13, 111, 104, 0.018) !important;
  opacity: 1 !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"])
  .av-track-record-light [data-loc="src/web/components/StatsBanner.tsx:24"].av-track-stat-card::after {
  content: none !important;
  display: none !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"])
  .av-track-record-light :is(.av-track-stat-icon, .av-track-stat-context) {
  display: none !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"]) .av-track-record-light .av-track-stat-index {
  position: static !important;
  display: block !important;
  order: 1 !important;
  margin: 0 0 auto !important;
  color: rgba(135, 109, 50, 0.72) !important;
  -webkit-text-fill-color: rgba(135, 109, 50, 0.72) !important;
  font-family: var(--font-system), sans-serif !important;
  font-size: 9px !important;
  font-weight: 760 !important;
  letter-spacing: 0.16em !important;
  line-height: 1 !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"])
  .av-track-record-light [data-loc="src/web/components/StatsBanner.tsx:25"] {
  order: 2 !important;
  margin: 34px 0 10px !important;
  color: #14332f !important;
  -webkit-text-fill-color: #14332f !important;
  font-family: var(--font-system), sans-serif !important;
  font-size: clamp(34px, 3vw, 46px) !important;
  font-weight: 590 !important;
  letter-spacing: -0.025em !important;
  line-height: 0.92 !important;
}

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

#root:has([data-loc="src/web/pages/Home.tsx:188"])
  .av-track-record-light [data-loc="src/web/components/StatsBanner.tsx:26"] {
  order: 3 !important;
  margin: 0 !important;
  color: rgba(19, 39, 37, 0.54) !important;
  -webkit-text-fill-color: rgba(19, 39, 37, 0.54) !important;
  font-family: var(--font-system), sans-serif !important;
  font-size: 9px !important;
  font-weight: 720 !important;
  letter-spacing: 0.12em !important;
  line-height: 1.35 !important;
  text-transform: uppercase !important;
}

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

#root:has([data-loc="src/web/pages/Home.tsx:188"])
  .av-track-record-light :is(.av-track-record-proof, .av-track-record-pipeline) {
  position: relative !important;
  min-height: 260px !important;
  border: 1px solid rgba(18, 63, 59, 0.11) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow:
    0 18px 46px rgba(37, 51, 47, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"]) .av-track-record-light .av-track-record-proof {
  display: block !important;
  background:
    linear-gradient(115deg, rgba(255, 255, 255, 0.98), rgba(242, 248, 245, 0.84)),
    #ffffff !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"]) .av-track-record-light .av-track-record-proof::before {
  content: "" !important;
  position: absolute !important;
  right: -96px !important;
  top: -154px !important;
  width: 410px !important;
  height: 410px !important;
  border: 1px solid rgba(13, 111, 104, 0.13) !important;
  border-radius: 50% !important;
  box-shadow:
    0 0 0 44px rgba(13, 111, 104, 0.032),
    0 0 0 88px rgba(135, 109, 50, 0.025) !important;
  pointer-events: none !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"]) .av-track-record-light .av-track-record-proof::after {
  content: "" !important;
  position: absolute !important;
  right: 42px !important;
  bottom: 38px !important;
  width: min(34%, 260px) !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(13, 111, 104, 0.42)) !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"]) .av-track-record-light .av-track-record-proof-head {
  position: relative !important;
  z-index: 1 !important;
  min-height: 260px !important;
  padding: 36px 40px !important;
  display: grid !important;
  align-content: end !important;
  justify-content: start !important;
  border: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"])
  .av-track-record-light .av-track-record-proof-head::before,
#root:has([data-loc="src/web/pages/Home.tsx:188"])
  .av-track-record-light .av-track-record-proof-head::after {
  content: none !important;
  display: none !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"])
  .av-track-record-light :is(.av-track-record-signal-visual, .av-wave-clip--proof, .av-track-record-proof-rows) {
  display: none !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"])
  .av-track-record-light .av-track-record-proof-head > span,
#root:has([data-loc="src/web/pages/Home.tsx:188"])
  .av-track-record-light .av-track-record-pipeline-label {
  margin: 0 !important;
  color: #876d32 !important;
  -webkit-text-fill-color: #876d32 !important;
  font-family: var(--font-system), sans-serif !important;
  font-size: 9px !important;
  font-weight: 780 !important;
  letter-spacing: 0.16em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"])
  .av-track-record-light .av-track-record-proof-head strong {
  margin: 16px 0 12px !important;
  color: #14332f !important;
  -webkit-text-fill-color: #14332f !important;
  font-family: var(--font-system), sans-serif !important;
  font-size: clamp(52px, 5vw, 72px) !important;
  font-weight: 540 !important;
  letter-spacing: -0.04em !important;
  line-height: 0.9 !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"])
  .av-track-record-light .av-track-record-proof-head p,
#root:has([data-loc="src/web/pages/Home.tsx:188"])
  .av-track-record-light .av-track-record-pipeline p {
  max-width: 40ch !important;
  margin: 0 !important;
  color: rgba(19, 39, 37, 0.58) !important;
  -webkit-text-fill-color: rgba(19, 39, 37, 0.58) !important;
  font-family: var(--font-system), sans-serif !important;
  font-size: 13px !important;
  font-weight: 420 !important;
  line-height: 1.55 !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"]) .av-track-record-light .av-track-record-proof-meta {
  margin-top: 24px !important;
  display: flex !important;
  align-items: center !important;
  gap: 24px !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"]) .av-track-record-light .av-track-record-proof-meta span {
  position: relative !important;
  color: rgba(19, 39, 37, 0.48) !important;
  -webkit-text-fill-color: rgba(19, 39, 37, 0.48) !important;
  font-family: var(--font-system), sans-serif !important;
  font-size: 9px !important;
  font-weight: 720 !important;
  letter-spacing: 0.12em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"])
  .av-track-record-light .av-track-record-proof-meta span + span::before {
  content: "" !important;
  position: absolute !important;
  left: -14px !important;
  top: 50% !important;
  width: 4px !important;
  height: 4px !important;
  border-radius: 50% !important;
  background: #4d9f96 !important;
  transform: translateY(-50%) !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"]) .av-track-record-light .av-track-record-pipeline {
  padding: 36px 38px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 16px !important;
  background:
    linear-gradient(145deg, rgba(237, 244, 239, 0.98), rgba(250, 247, 238, 0.92)),
    #f5f3ec !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"]) .av-track-record-light .av-track-record-pipeline::after {
  content: "" !important;
  position: absolute !important;
  right: -46px !important;
  bottom: -48px !important;
  width: 170px !important;
  height: 170px !important;
  border: 1px solid rgba(135, 109, 50, 0.11) !important;
  border-radius: 50% !important;
  box-shadow: 0 0 0 28px rgba(135, 109, 50, 0.024) !important;
  pointer-events: none !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"])
  .av-track-record-light .av-track-record-pipeline strong {
  margin-top: 6px !important;
  color: #14332f !important;
  -webkit-text-fill-color: #14332f !important;
  font-family: var(--font-system), sans-serif !important;
  font-size: clamp(25px, 2.4vw, 34px) !important;
  font-weight: 580 !important;
  letter-spacing: -0.025em !important;
  line-height: 1 !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"]) .av-track-record-light .av-track-record-pipeline-cta {
  position: relative !important;
  z-index: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  width: max-content !important;
  min-height: 42px !important;
  margin-top: auto !important;
  padding: 0 17px !important;
  border: 1px solid rgba(20, 51, 47, 0.2) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.66) !important;
  color: #14332f !important;
  -webkit-text-fill-color: #14332f !important;
  font-family: var(--font-system), sans-serif !important;
  font-size: 10px !important;
  font-weight: 760 !important;
  letter-spacing: 0.13em !important;
  line-height: 1 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 8px 20px rgba(20, 51, 47, 0.08) !important;
  cursor: pointer !important;
  transition:
    transform 220ms cubic-bezier(0.16, 1, 0.3, 1),
    color 220ms ease,
    background-color 220ms ease,
    border-color 220ms ease,
    box-shadow 220ms ease !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"])
  .av-track-record-light .av-track-record-pipeline-cta:hover,
#root:has([data-loc="src/web/pages/Home.tsx:188"])
  .av-track-record-light .av-track-record-pipeline-cta:focus-visible {
  transform: translateY(-2px) !important;
  border-color: #14332f !important;
  background: #14332f !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 13px 26px rgba(20, 51, 47, 0.2) !important;
  outline: none !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"]) .av-track-record-light .av-track-record-pipeline-cta::after {
  content: "\2197" !important;
  color: #0d6f68 !important;
  -webkit-text-fill-color: #0d6f68 !important;
  font-size: 12px !important;
  transition: transform 180ms ease !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"])
  .av-track-record-light .av-track-record-pipeline-cta:hover::after,
#root:has([data-loc="src/web/pages/Home.tsx:188"])
  .av-track-record-light .av-track-record-pipeline-cta:focus-visible::after {
  color: #f0d98f !important;
  -webkit-text-fill-color: #f0d98f !important;
  transform: translate3d(3px, -3px, 0) !important;
}

#root:has([data-loc="src/web/pages/Home.tsx:188"]) .av-track-record-light .av-track-record-pipeline ol {
  display: none !important;
}

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

  #root:has([data-loc="src/web/pages/Home.tsx:188"])
    .av-track-record-light [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-light .av-track-record-copy {
    max-width: 58ch !important;
  }
}

@media (max-width: 760px) {
  #root:has([data-loc="src/web/pages/Home.tsx:188"])
    [data-loc="src/web/components/StatsBanner.tsx:13"].av-track-record-light-shell {
    padding-inline: 14px !important;
    padding-bottom: 78px !important;
  }

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

  #root:has([data-loc="src/web/pages/Home.tsx:188"])
    .av-track-record-light [data-loc="src/web/components/StatsBanner.tsx:19"] {
    max-width: 11ch !important;
    font-size: clamp(40px, 12vw, 52px) !important;
  }

  #root:has([data-loc="src/web/pages/Home.tsx:188"])
    .av-track-record-light [data-loc="src/web/components/StatsBanner.tsx:22"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  #root:has([data-loc="src/web/pages/Home.tsx:188"])
    .av-track-record-light [data-loc="src/web/components/StatsBanner.tsx:24"].av-track-stat-card {
    min-height: 146px !important;
    padding: 19px 18px !important;
  }

  #root:has([data-loc="src/web/pages/Home.tsx:188"])
    .av-track-record-light [data-loc="src/web/components/StatsBanner.tsx:25"] {
    margin-top: 25px !important;
    font-size: clamp(32px, 10vw, 40px) !important;
  }

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

  #root:has([data-loc="src/web/pages/Home.tsx:188"])
    .av-track-record-light :is(.av-track-record-proof, .av-track-record-pipeline) {
    min-height: 240px !important;
  }

  #root:has([data-loc="src/web/pages/Home.tsx:188"]) .av-track-record-light .av-track-record-proof-head,
  #root:has([data-loc="src/web/pages/Home.tsx:188"]) .av-track-record-light .av-track-record-pipeline {
    min-height: 240px !important;
    padding: 28px !important;
  }

  #root:has([data-loc="src/web/pages/Home.tsx:188"])
    .av-track-record-light .av-track-record-proof-head strong {
    font-size: clamp(46px, 14vw, 60px) !important;
  }
}