/* Secondary marketing pages (about, compliance, legal, partners, developers).
   Complements styles.css; reuses its tokens, breakpoints and reveal behaviour. */

/* Visually hidden text (captions, region labels) */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* Card and step grid variants */
.info-grid.two{grid-template-columns:repeat(2,1fr)}
.info-grid.five{grid-template-columns:repeat(5,1fr)}
.steps-grid.steps-five{grid-template-columns:repeat(5,1fr)}

/* Honest "what we are not" lists */
.check-list.negative .icon{color:#a8552e}

/* Truthful status labels */
.status-chip{display:inline-flex;align-items:center;gap:7px;border-radius:20px;padding:5px 10px;font-size:10px;font-weight:780;letter-spacing:.09em;text-transform:uppercase;line-height:1.45;white-space:nowrap}
.status-chip:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.72;flex:0 0 6px}
.status-chip.dev{background:#e7effd;color:#2456bf}
.status-chip.prep{background:#fdf0dd;color:#8f5c1d}
.status-chip.none{background:#eef1f5;color:#5d6c84}
.status-chip.disabled{background:#f8e9e2;color:#9a4a24}
.chip-prep{color:#1d55bb;background:#e9f1fe}
.chip-not-yet{color:#8a5b1d;background:#fff4e3}
.chip-sim{color:#56489c;background:#ecebfb}
.chip-gated{color:#3d516e;background:#e7eef7}
.chip-neutral{color:#67748b;background:#f0f2f6}
.info-card .status-chip{margin-top:14px}
.status-table .status-chip{margin-top:2px}

/* Roadmap / status timeline (about) */
.timeline{list-style:none;margin:0;padding:4px 0 0}
.timeline-item{position:relative;padding:0 0 36px 38px}
.timeline-item:before{content:"";position:absolute;left:6px;top:5px;width:13px;height:13px;border-radius:50%;background:#fff;border:3px solid #275cdf;box-shadow:0 0 0 5px #e9f0fe}
.timeline-item:after{content:"";position:absolute;left:12px;top:30px;bottom:2px;width:1px;background:#d9e3ef}
.timeline-item:last-child{padding-bottom:0}
.timeline-item:last-child:after{display:none}
.timeline-item.prep:before{border-color:#c08a3e;box-shadow:0 0 0 5px #faf0df}
.timeline-item.none:before{border-color:#93a1b6;box-shadow:0 0 0 5px #eef1f5}
.timeline-item.disabled:before{border-color:#a8552e;box-shadow:0 0 0 5px #f8e9e2}
.timeline-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:7px}
.timeline-head h3{font-size:19px;letter-spacing:-.036em;line-height:1.25;margin:0}
.timeline-item p{font-size:14px;color:#71809a;line-height:1.75;margin:0;max-width:520px}

/* Status registers */
.table-scroll{overflow-x:auto;border:1px solid #e2e9f2;border-radius:16px;background:#fff}
.table-scroll:focus-visible{outline:3px solid #438eff;outline-offset:4px}
.status-table{width:100%;min-width:680px;border-collapse:collapse;text-align:left}
.status-table thead th{background:#f7fafd;border-bottom:1px solid #e2e9f2;font-size:10.5px;font-weight:850;letter-spacing:.14em;text-transform:uppercase;color:#8294ac;padding:16px 24px 13px}
.status-table tbody th{font-size:14.5px;font-weight:760;letter-spacing:-.02em;color:var(--ink)}
.status-table tbody td{font-size:13.5px;color:#6d7f98;line-height:1.7}
.status-table tbody th,.status-table tbody td{padding:19px 24px;border-bottom:1px solid #eaf0f6;vertical-align:top}
.status-table tbody tr:last-child th,.status-table tbody tr:last-child td{border-bottom:0}

/* Callouts and banners */
.status-callout{background:#fff;border:1px solid var(--border);border-radius:17px;padding:34px 36px;box-shadow:var(--shadow)}
.status-callout h3{font-size:22px;letter-spacing:-.04em;margin:18px 0 10px}
.status-callout p{font-size:14px;color:#6d7f98;line-height:1.75;margin:0}
.status-band{background:#fdf3e0;border-bottom:1px solid #f3e2c4}
.status-banner{display:flex;align-items:center;gap:20px;padding:30px 0}
.status-banner>.icon{width:38px;height:38px;flex:0 0 38px;color:#9a6a1e;stroke-width:1.6}
.status-banner strong{display:block;font-size:17px;letter-spacing:-.02em;color:#5f4310;margin-bottom:3px}
.status-banner small{font-size:13px;color:#83642c;line-height:1.6}
.sub-callout-actions{display:flex;flex-direction:column;align-items:flex-start;gap:16px;flex:0 0 auto}

/* Responsive */
@media(max-width:1210px){.info-grid.five{grid-template-columns:repeat(3,1fr)}.steps-grid.steps-five{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1020px){.info-grid.five{grid-template-columns:repeat(2,1fr)}.steps-grid.steps-five{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){
 .info-grid.two{grid-template-columns:1fr}
 .timeline-item{padding-left:32px}
 .status-banner{align-items:flex-start;gap:14px;padding:24px 0}
 .status-banner>.icon{width:30px;height:30px;flex-basis:30px}
 .status-table{min-width:640px}
 .status-table thead th{padding:14px 18px 11px}
 .status-table tbody th,.status-table tbody td{padding:16px 18px}
 .status-callout{padding:26px 24px}
 /* Stacked register variant (compliance): labelled rows instead of horizontal scroll */
 .status-table--stack{min-width:0}
 .status-table--stack thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
 .status-table--stack,.status-table--stack tbody,.status-table--stack tr,.status-table--stack th,.status-table--stack td{display:block}
 .status-table--stack tbody tr{padding:19px 0 15px;border-bottom:1px solid #e9eff6}
 .status-table--stack tbody tr:last-child{border-bottom:0}
 .status-table--stack tbody th{padding:0 20px 9px;font-size:17px}
 .status-table--stack tbody td{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 18px;padding:7px 20px;border-bottom:0}
 .status-table--stack tbody td:before{content:attr(data-label);flex:0 0 auto;color:#7b8aa0;font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
}
@media(max-width:450px){.info-grid.five,.steps-grid.steps-five{grid-template-columns:1fr}.status-banner strong{font-size:15px}}