/* ============================================================
   AI COMMERCE — page-specific components.
   Reuses the home/AIS/AIP design system: tokens, .sec/.lt,
   .eyebrow, .h2, .lead, .btn, .grad, .ais-*, .aip-* .
   Only NEW components here.
   ============================================================ */

/* ---- hero stats strip (light hero) ---- */
.aic-hstats{display:flex;flex-wrap:wrap;gap:13px;margin-top:38px}
.aic-hstat{display:flex;flex-direction:column;gap:5px;padding:16px 22px 14px;
  border:1px solid var(--lt-line);border-radius:14px;background:var(--lt-card);min-width:132px;
  transition:.3s var(--ease)}
.aic-hstat:hover{border-color:var(--lt-line2);transform:translateY(-3px)}
.aic-hstat .v{font-size:clamp(23px,2.6vw,29px);font-weight:800;letter-spacing:-.035em;
  color:var(--lt-ink);line-height:1}
.aic-hstat .v .u{color:var(--blue);font-size:.66em;font-weight:700}
.aic-hstat .l{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--lt-3)}

/* ---- S06 · SaaS vs Custom comparison (dark) ---- */
.aic-cmp{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--surface)}
.aic-crow{display:grid;grid-template-columns:1.35fr 1fr 1fr;align-items:center;
  padding:16px 26px;border-top:1px solid var(--line)}
.aic-crow:first-child{border-top:0}
.aic-crow.head{background:var(--surface-2)}
.aic-crow .cc{font-size:14px;color:var(--t1);font-weight:500;line-height:1.4;padding-right:14px}
.aic-crow.head .cc{font-family:var(--mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;
  color:var(--t3);font-weight:500}
.aic-colh{font-size:14px;font-weight:700;color:var(--t1);text-align:center;line-height:1.25}
.aic-colh.eb{color:var(--blue-bright)}
.aic-colh small{display:block;font-family:var(--sans);font-size:11px;font-weight:500;color:var(--t3);
  margin-top:5px;text-transform:none;letter-spacing:0}
.aic-cv{font-size:13px;color:var(--t2);text-align:center;line-height:1.45;padding:0 10px}
.aic-cv.eb{color:var(--t1);font-weight:600;background:rgba(138,124,255,.07);
  align-self:stretch;display:flex;align-items:center;justify-content:center;
  margin:-16px 0;padding:16px 10px}
.aic-crow.head .aic-cv.eb{background:rgba(138,124,255,.10)}
.aic-cmp-note{margin-top:22px;text-align:center;font-size:15px;line-height:1.62;color:var(--t2);
  max-width:62ch;margin-left:auto;margin-right:auto}
.aic-cmp-note b{color:var(--t1);font-weight:600}

/* ---- S07 · resultados medibles (light table) ---- */
.aic-res{border:1px solid var(--lt-line);border-radius:16px;overflow:hidden;background:var(--lt-card)}
.aic-rrow{display:grid;grid-template-columns:1.25fr .8fr .8fr 1fr;align-items:center;
  padding:17px 26px;border-top:1px solid var(--lt-line)}
.aic-rrow:first-child{border-top:0}
.aic-rrow.head{background:var(--lt-surface)}
.aic-rrow .m{font-size:14px;font-weight:600;color:var(--lt-ink);line-height:1.4}
.aic-rrow.head span{font-family:var(--mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;
  color:var(--lt-3);font-weight:500}
.aic-rrow .before{font-size:13.5px;color:var(--lt-3);text-align:center}
.aic-rrow .after{font-size:15px;color:var(--lt-ink);font-weight:700;text-align:center;letter-spacing:-.01em}
.aic-rrow .impact{font-size:12.5px;color:var(--blue);font-weight:700;text-align:right;line-height:1.3}
.aic-rrow.head .before,.aic-rrow.head .after,.aic-rrow.head .impact{font-family:var(--mono);font-size:11px;
  letter-spacing:.05em;text-transform:uppercase;color:var(--lt-3);font-weight:500}

/* ---- responsive ---- */
@media(max-width:920px){
  .aic-cmp-note{max-width:none}
}
@media(max-width:620px){
  .aic-crow{grid-template-columns:1.3fr 1fr 1fr;padding:13px 15px;gap:6px}
  .aic-crow .cc{font-size:12.5px;padding-right:8px}
  .aic-cv{font-size:11.5px;padding:0 4px}
  .aic-cv.eb{margin:-13px 0;padding:13px 4px}
  .aic-rrow{grid-template-columns:1.1fr .7fr .7fr;padding:13px 15px;gap:6px}
  .aic-rrow .impact{grid-column:1 / -1;text-align:left;padding-top:4px}
  .aic-rrow.head .impact{display:none}
  .aic-hstat{min-width:calc(50% - 7px);flex:1}
}