/* ============================================================
   JET ATLAS — ht-stats (« En bref » dark band, count-up)
   Ported 1:1 from home-two.css (incl. responsive stat grid).
   ============================================================ */
.ht-stats { position: relative; background: var(--ht-ink); color: var(--ht-white); padding: clamp(80px,12vw,150px) 0; overflow: hidden; isolation: isolate; }
.ht-stats__bg { position: absolute; inset: 0; z-index: -2; }
.ht-stats__bg img { width: 100%; height: 100%; object-fit: cover; opacity: var(--ht-stats-img-op, 0.3); }
.ht-stats::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(10,10,10,0.68) 0%, rgba(10,10,10,0.92) 100%), radial-gradient(46% 50% at 82% 8%, var(--ht-stats-glow, rgba(220,255,0,0.16)), transparent 60%); }
.ht-stats__head { display: flex; flex-direction: column; gap: 16px; align-items: flex-start; margin-bottom: clamp(40px,5vw,66px); max-width: 760px; }
.ht-stats__head .ht-h2 { color: var(--ht-white); }
.ht-stats__lead { font-size: clamp(15px,1.4vw,18px); line-height: 1.7; color: rgba(255,255,255,0.74); max-width: 56ch; }
.ht-stats__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(18px,2.2vw,36px); }
.ht-statc { display: flex; flex-direction: column; gap: 10px; padding-top: 20px; border-top: 2px solid var(--ht-lime); }
.ht-statc__cap { font-family: var(--ht-ui); font-size: 11px; font-weight: 600; letter-spacing: 1.8px; text-transform: uppercase; color: var(--ht-lime); }
.ht-statc__num { font-family: var(--ht-data); font-weight: 700; font-size: clamp(46px,6vw,88px); line-height: 0.84; color: var(--ht-lime); display: inline-flex; align-items: baseline; }
.ht-statc__num i { font-style: normal; font-size: 0.38em; margin-left: 4px; color: var(--ht-lime); letter-spacing: 0.5px; }
.ht-statc__lab { font-family: var(--ht-ui); font-size: 13px; line-height: 1.45; color: rgba(255,255,255,0.72); max-width: 20ch; }

@media (max-width: 1024px) {
  .ht-stats__grid { display: flex; flex-wrap: wrap; justify-content: center; gap: clamp(24px,5vw,38px) 16px; }
  .ht-statc { flex: 0 0 calc(33.333% - 14px); align-items: center; text-align: center; }
  .ht-stats__head { align-items: center; text-align: center; }
  .ht-stats__lead { margin-inline: auto; }
}
@media (max-width: 700px) {
  .ht-statc { flex-basis: calc(50% - 10px); }
}