/* Operations-page additions (operations.html + operations/features.html).

   The shared site base — palette, nav, hero, sections, feature grid, FAQ,
   footer — is assets/css/base.css, linked FIRST by every page on the site. It
   is deliberately NOT copied here: its own header records that a byte copy is
   "how a fix lands in one page and silently misses the other." (It was called
   deliver.css until 2026-08-23; renamed under tobren.io#4.)

   Only rules with no counterpart in the base belong here. Tour-page chrome is
   assets/css/tour.css. */

/* ── module band — the three switchable modules ───────────────────────── */
.modules{background:var(--surface);border-top:1px solid var(--hairline)}
.mod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.mod{background:var(--glacial);border:1px solid var(--hairline);border-radius:16px;padding:28px 26px;position:relative}
.mod h3{font-size:18px;color:var(--night);margin-bottom:8px}
.mod p{color:var(--steel);font-size:14.5px}
.mod .toggle{position:absolute;top:26px;right:24px;width:36px;height:20px;border-radius:99px;
 background:var(--orange);flex:none}
.mod .toggle::after{content:"";position:absolute;top:3px;right:3px;width:14px;height:14px;border-radius:50%;background:#fff}
.mod .dep{display:inline-block;margin-top:14px;font-size:11.5px;font-weight:700;letter-spacing:.06em;
 text-transform:uppercase;color:var(--steel)}
@media(max-width:940px){.mod-grid{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.mod-grid{grid-template-columns:1fr}}

/* ── proof band — a tested scenario stands in for social proof ────────── */
.proof{background:var(--night);color:#fff;padding:76px 0}
.proof .inner{max-width:860px;margin:0 auto;text-align:center}
.proof h2{font-size:clamp(26px,3.6vw,38px);color:#fff}
.proof h2 em{font-style:normal;color:var(--orange)}
.proof p{color:rgba(244,247,251,.78);font-size:17px;margin-top:18px}
.proof-figs{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:38px}
.proof-fig{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:22px 16px}
.proof-fig .n{font-family:"Spectral",serif;font-size:34px;font-weight:600;color:var(--orange);line-height:1}
.proof-fig .l{font-size:12.5px;color:rgba(244,247,251,.72);margin-top:8px;letter-spacing:.02em}
.proof-note{margin-top:26px;font-size:13.5px;color:rgba(244,247,251,.55)}
@media(max-width:820px){.proof-figs{grid-template-columns:1fr 1fr}}

/* ── capability matrix (features.html) ────────────────────────────────── */
.matrix{width:100%;border-collapse:collapse;font-size:14.5px}
.matrix caption{text-align:left;color:var(--steel);font-size:13.5px;padding-bottom:12px}
.matrix th,.matrix td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--hairline);vertical-align:top}
.matrix thead th{font-family:"Montserrat",sans-serif;font-size:11px;letter-spacing:.12em;text-transform:uppercase;
 color:var(--steel);font-weight:700;border-bottom:2px solid var(--hairline)}
.matrix tbody th{font-weight:600;color:var(--night);width:30%}
.matrix td{color:var(--steel)}
.matrix .grp td{background:var(--glacial);font-family:"Spectral",serif;font-size:16px;color:var(--night);font-weight:600}
.matrix-scroll{overflow-x:auto}
@media(max-width:700px){.matrix{min-width:560px}}

/* ── not-yet band — the honest list ───────────────────────────────────── */
.notyet{background:var(--glacial);border-top:1px solid var(--hairline)}
.notyet ul{list-style:none;max-width:760px;margin:0 auto;padding:0}
.notyet li{border-bottom:1px solid var(--hairline);padding:18px 0;color:var(--steel);font-size:15px}
.notyet li b{color:var(--night);font-weight:600;display:block;margin-bottom:4px;font-size:15.5px}