.overview-image img,
.overview-layout {
   width: 100%;
   border: 1px solid var(--gray-200)
}

.bench-label,
.ov-tag {
   font-family: 'IBM Plex Mono', monospace
}

.hero-stats {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 1px
}

@media (max-width:768px) {
   .hero-stats {
      grid-template-columns: repeat(2, 1fr)
   }
}

@media (max-width:480px) {
   .hero-stats {
      grid-template-columns: 1fr
   }
}


.overview-layout {
   display: grid;
   grid-template-columns: 1fr 1fr;
   margin-top: 40px;
   box-sizing: border-box
}

.overview-block {
   padding: 40px;
   border-right: 1px solid var(--gray-200)
}

.overview-block:last-child,
.topstat:last-child {
   border-right: none
}

.ov-highlight {
   font-weight: 800;
   letter-spacing: .02em;
   font-size: 1.05rem;
   margin-bottom: 18px;
   border-left: 4px solid var(--navy);
   padding-left: 14px
}

.overview-block p {
   margin-bottom: 18px;
   line-height: 1.7;
   font-size: 0.95rem;
   color: var(--text-secondary)
}

.ov-tags {
   margin-top: 18px;
   display: flex;
   flex-wrap: wrap;
   gap: 8px
}

.ov-tag {
   border: 1px solid var(--blue-300);
   padding: 6px 10px;
   font-size: .75rem;
   background-color: var(--navy);
   color: #fff;
   letter-spacing: .1em;
   white-space: nowrap
}

.overview-image img {
   box-shadow: 0 10px 30px rgba(0, 0, 0, .06);
   max-width: 380px;
   height: auto;
   display: block;
   border-radius: 4px
}

.overview-image {
   margin: 24px 0
}

@media (max-width:992px) {
   .overview-layout {
      grid-template-columns: 1fr
   }

   .overview-block {
      border-right: none;
      border-bottom: 1px solid var(--gray-200);
      padding: 32px
   }

   .overview-block:last-child {
      border-bottom: none
   }
}

@media (max-width:600px) {

   .ov-highlight,
   .ov-tag {
      font-size: .7rem
   }

   .overview-block {
      padding: 24px
   }

   .overview-block p {
      line-height: 1.6
   }

   .ov-tags {
      gap: 6px
   }

   .ov-tag {
      padding: 5px 8px
   }
}

.s-topstats {
   border-top: 1px solid var(--gray-200);
   border-bottom: 2px solid var(--gray-200);
   background: #f7f8f8
}

.topstats-grid {
   display: grid;
   grid-template-columns: repeat(6, 1fr)
}

.topstat {
   text-align: center;
   border-right: 1px solid var(--gray-200)
}

.topstat-n {
   font-size: 2rem;
   font-weight: 800;
   letter-spacing: -.02em
}

.topstat-n span {
   font-size: .8rem;
   margin-left: 3px;
   color: var(--navy)
}

.topstat-l {
   font-size: .7rem;
   letter-spacing: .18em;
   margin-top: 6px;
   color: var(--text-muted)
}

@media(max-width:900px) {
   .topstats-grid {
      grid-template-columns: repeat(3, 1fr)
   }
}

@media(max-width:500px) {
   .topstats-grid {
      grid-template-columns: repeat(2, 1fr)
   }

   .topstat-l {
      font-size: .5rem
   }

   .topstat-n {
      font-size: 1.5rem
   }
}

/* ================= PERFORMANCE SECTION ================= */

.s-performance {
  background: #f98c3c;
  color: #fff;
  padding: 80px 40px;
}

/* GRID */
.perf-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  margin-top: 40px;
}

/* LEFT LIST */
.perf-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 0;
  border-bottom: 1px solid rgba(255,255,255,0.15);
}

.perf-name {
  font-weight: 600;
  font-size: 0.95rem;
}

.perf-main {
  font-size: 1.4rem;
  font-weight: 800;
  margin-right: 5px;
}

.perf-unit {
  font-size: 0.75rem;
  opacity: 0.7;
}

/* RIGHT CARD */
.bench-card {
  background: #0d2461;
  padding: 30px;
  border-radius: 8px;
}

/* TEXT */
.bench-number {
  font-size: 2rem;
  font-weight: 800;
  text-align: center;
}

.bench-label {
  text-align: center;
  font-size: 0.75rem;
  letter-spacing: 0.2em;
  color: #2aa6a6;
  margin-bottom: 15px;
}

.bench-desc {
  text-align: center;
  font-size: 0.75rem;
  opacity: 0.6;
  margin-bottom: 20px;
}

/* BARS */
.bench-row {
  margin-bottom: 12px;
}

.bench-head {
  display: flex;
  justify-content: space-between;
  font-size: 0.7rem;
  margin-bottom: 4px;
}

.bench-track {
  height: 3px;
  background: #222;
}

.bench-fill {
  height: 100%;
  background: #2aa6a6;
}

/* ================= TABLET ================= */

@media (max-width: 992px) {
  .s-performance {
    padding: 60px 30px;
  }

  .perf-layout {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .bench-card {
    padding: 25px;
  }
}

/* ================= MOBILE ================= */

@media (max-width: 600px) {
  .s-performance {
    padding: 50px 20px;
  }

  .perf-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }

  .perf-main {
    font-size: 1.2rem;
  }

  .bench-card {
    padding: 20px;
  }

  .bench-number {
    font-size: 1.5rem;
  }

  .bench-label,
  .bench-desc {
    font-size: 0.65rem;
  }
}

/* ================= SMALL MOBILE ================= */

@media (max-width: 400px) {
  .perf-main {
    font-size: 1rem;
  }

  .perf-unit {
    font-size: 0.65rem;
  }
}
.term-body {
   color: hsla(22, 98%, 51%, .655)
}
/* 🔥 FORCE HIDE DESKTOP IMAGE IN MOBILE */
@media (max-width: 768px) {

  .hero-right {
    display: none !important;
  }

}