/* ============================================================
   AI MODELS (home page, 25 Oct 2026; Dom: "create a new section that
   will also feature that fully and maybe improve a bit, but keep the AI
   models tab as well"). Since 25 Oct 2026 part 2 of the Lower costs
   section (#savings, css/savings.css), which sets its spacing and head.
     head     eyebrow and title
     stage    the AI models tab's run and cost cards (css/model-routing.css,
              played by js/model-routing.js), wider, with a column head
              over the tasks
     points   three cards: picked for each task, always on better-value
              models, nothing to manage
   ============================================================ */
.mx { padding: 112px 0; border-top: 1px solid var(--line); }
.mx .mr { margin-top: 52px; }
.mr--wide .mr-stage { max-width: 1040px; }
/* the column head over the tasks */
.mr-cols {
    display: flex; justify-content: space-between; margin: 0; padding: 10px 18px 0;
    font-size: .6875rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--muted);
}

@media (max-width: 767px) {
    .mx { padding: 80px 0; }
    .mx .mr { margin-top: 36px; }
}