/* ===== air_stat_band — decomposed (container x surface x divider x columns x
   align x value_size x title_appearance x gap) =====
   Tokens: --sb-vs/vw/vl (value type), --sb-cols, --sb-gap. Precedence:
   base -> container -> surface (auto resolves by dark context) -> option
   classes -> dark colors. Dark contexts = ctr-band, dark ctr-panel, .air--dark. */

.air-statband{--sb-vs:56px;--sb-vw:700;--sb-vl:1;--sb-gap:20px;}

/* containers */
.air-statband--ctr-none{padding:0;}
.air-statband--ctr-band{background:var(--air-gradient-dark,linear-gradient(0deg,#141756 0%,#1C207E 50.48%,#2E329F 100%));color:#fff;padding:90px 32px;}
.air-statband--ctr-panel{background:#fff;border-radius:40px;padding:80px;box-shadow:0 12px 34px rgba(21,23,86,.08);max-width:var(--inner-container-width,1024px);margin-inline:auto;}
.air--dark .air-statband--ctr-panel{background:var(--air-gradient-panel,linear-gradient(186deg,#1C207E 4.74%,#151858 95.23%));color:#fff;box-shadow:none;}
@media(max-width:768px){.air-statband--ctr-panel{padding:32px;border-radius:24px;}}

/* head + grid */
.air-statband__wrap{max-width:var(--inner-container-width,1024px);margin:0 auto;display:flex;flex-direction:column;gap:40px;align-items:center;}
.air-statband--align-left .air-statband__wrap{align-items:flex-start;}
.air-statband__eyebrow{margin:0;text-align:center;}
.air-statband__heading{margin:0;text-align:center;color:inherit;}
.air-statband--align-left .air-statband__eyebrow,
.air-statband--align-left .air-statband__heading{text-align:left;}
.air-statband__grid{display:grid;grid-template-columns:repeat(var(--sb-cols,3),1fr);gap:var(--sb-gap,20px);width:100%;}
.air-statband--gap-sm{--sb-gap:12px;}
.air-statband--gap-lg{--sb-gap:44px;}

/* stat tiles — surface composition (card-grid vocabulary) */
.air-statband__stat{border-radius:24px;padding:36px 28px;text-align:center;display:flex;flex-direction:column;gap:14px;}
.air-statband--align-left .air-statband__stat{text-align:left;}
/* auto: elevated on light... */
.air-statband--surface-auto .air-statband__stat{background:#fff;border:none;box-shadow:0 12px 34px rgba(21,23,86,.08);}
/* ...translucent in dark contexts */
.air--dark .air-statband--surface-auto .air-statband__stat,
.air-statband--ctr-band.air-statband--surface-auto .air-statband__stat{background:var(--air-gradient-panel,linear-gradient(186deg,#1C207E 4.74%,#151858 95.23%));border:1px solid rgba(255,255,255,.14);box-shadow:none;}
/* explicit surfaces */
.air-statband--surface-elevated .air-statband__stat{background:#fff;border:none;box-shadow:0 12px 34px rgba(21,23,86,.08);}
.air-statband--surface-translucent .air-statband__stat{background:var(--air-gradient-panel,linear-gradient(186deg,#1C207E 4.74%,#151858 95.23%));border:1px solid rgba(255,255,255,.14);box-shadow:none;}
.air-statband--surface-flat .air-statband__stat{background:transparent;border:none;box-shadow:none;border-radius:0;padding:8px 4px;}
.air-statband--surface-outline .air-statband__stat{background:transparent;border:1px solid var(--air-blue-light,#92B3FF);box-shadow:none;}

/* divider: 1px rules between stats (pairs naturally with flat) */
.air-statband--divider .air-statband__stat + .air-statband__stat{border-left:1px solid rgba(21,23,86,.18);border-radius:0;}
.air--dark .air-statband--divider .air-statband__stat + .air-statband__stat,
.air-statband--ctr-band.air-statband--divider .air-statband__stat + .air-statband__stat{border-left-color:rgba(255,255,255,.28);}

/* value / label / cite typography (token consumption; one rule each) */
.air-statband__value{font-size:var(--sb-vs);font-weight:var(--sb-vw);line-height:var(--sb-vl);letter-spacing:-.02em;}
.air-statband--vs-xl{--sb-vs:72px;}
.air-statband--vs-md{--sb-vs:44px;}
.air-statband__label{font-size:16px;font-weight:300;line-height:1.55;}
.air-statband__cite{font-size:12.5px;}
.air-statband__cite a{color:var(--air-blue,#396CE3);}

/* colors by context (per element; dark contexts share values) */
.air-statband__label{color:var(--air-navy-soft,#3C3F7E);}
.air-statband--ctr-band .air-statband__label,
.air--dark .air-statband .air-statband__label{color:#C9D3EF;}
.air-statband--ctr-band .air-statband__eyebrow{color:var(--air-pear,#D6DD21);}
.air-statband--ctr-band .air-statband__heading,
.air-statband--ctr-band .air-statband__value{color:#fff;}
.air--dark .air-statband__heading,.air--dark .air-statband__value{color:#fff;}
.air--dark .air-statband--ctr-panel .air-statband__label{color:#C9D3EF;}

/* mobile: stack; divider rotates to a top rule */
@media(max-width:900px){
  .air-statband__grid{grid-template-columns:1fr;}
  .air-statband--divider .air-statband__stat + .air-statband__stat{border-left:none;border-top:1px solid rgba(21,23,86,.18);padding-top:calc(var(--sb-gap,20px));}
  .air--dark .air-statband--divider .air-statband__stat + .air-statband__stat,
  .air-statband--ctr-band.air-statband--divider .air-statband__stat + .air-statband__stat{border-top-color:rgba(255,255,255,.28);}
}