.inner-header { position: absolute; background: #0b1d21; }
.page-hero { --ink-inverse: #f5fbfb; --muted-inverse: #b7c9cc; padding: 10rem 0 5.5rem; background: #0b1d21; color: #f5fbfb; }
.page-hero .eyebrow { margin-bottom: 1rem; }
.page-hero h1 { max-width: 850px; margin: 0; font-family: var(--display); font-size: clamp(2.65rem, 6vw, 5.4rem); line-height: 1; letter-spacing: -.05em; }
.page-hero > .shell > p:last-child { max-width: 760px; margin: 1.4rem 0 0; color: #b7c9cc; font-size: 1.15rem; }
.page-main { background: var(--surface); }
.content-section { padding: 5.5rem 0; }
.content-section.alt { background: var(--surface-alt); }
.content-heading { max-width: 780px; margin-bottom: 2.2rem; }
.content-heading h2 { margin: 0 0 .8rem; font-size: clamp(2rem, 4vw, 3.2rem); line-height: 1.08; letter-spacing: -.04em; }
.content-heading p { margin: 0; color: var(--ink-soft); }
.content-heading.top-gap-large { margin-top: 3rem; }
.feature-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.feature-list article { min-height: 210px; padding: 1.5rem; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface-strong); }
.feature-list h3 { margin: .25rem 0 .65rem; font-size: 1.05rem; }
.feature-list p, .feature-list li { color: var(--ink-soft); font-size: .9rem; }
.feature-list ul { padding-left: 1.1rem; }
.feature-list .number { color: var(--teal-dark); font-size: .72rem; font-weight: 900; letter-spacing: .12em; }
.module-stack { display: grid; gap: 1rem; }
.module-row { scroll-margin-top: 1rem; padding: 1.6rem; display: grid; grid-template-columns: 14rem 1fr; gap: 2rem; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface-strong); }
.module-row h2 { margin: 0; font-size: 1.3rem; }
.module-row ul { margin: 0; padding-left: 1.1rem; columns: 2; column-gap: 2rem; }
.module-row li { margin: 0 0 .45rem; break-inside: avoid; color: var(--ink-soft); }
.truth-note { padding: 1.1rem 1.25rem; border-left: 4px solid var(--teal-dark); border-radius: 0 var(--radius-sm) var(--radius-sm) 0; background: #e2f3f1; color: #16464a; }
.truth-note.warning { border-left-color: #b77715; background: #fff4df; color: #6b4714; }
.truth-note strong { display: block; margin-bottom: .25rem; }
.data-table-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface-strong); }
.data-table { width: 100%; min-width: 740px; border-collapse: collapse; }
.data-table th, .data-table td { padding: 1rem; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.data-table th { background: #e4efef; color: #28484d; font-size: .75rem; letter-spacing: .06em; text-transform: uppercase; }
.data-table tbody tr:last-child td { border-bottom: 0; }
.data-table small { display: block; color: var(--ink-soft); }
.status-label { display: inline-flex; padding: .25rem .55rem; border-radius: 999px; font-size: .7rem; font-weight: 850; }
.status-label.live { background: #d8f5e8; color: #14613f; }
.status-label.partial { background: #fff0d4; color: #7a4b06; }
.status-label.pending { background: #e8edf0; color: #506369; }
.timeline { margin: 2rem 0 0; padding: 0; list-style: none; counter-reset: phase; }
.timeline li { position: relative; padding: 0 0 2rem 4rem; counter-increment: phase; }
.timeline li::before { content: counter(phase, decimal-leading-zero); position: absolute; left: 0; top: -.15rem; width: 2.6rem; height: 2.6rem; display: grid; place-items: center; border-radius: 50%; background: #12343a; color: var(--teal); font-size: .7rem; font-weight: 900; }
.timeline li::after { content: ""; position: absolute; left: 1.28rem; top: 2.7rem; bottom: .1rem; width: 1px; background: var(--line); }
.timeline li:last-child::after { display: none; }
.timeline h3 { margin: 0 0 .35rem; }
.timeline p { margin: 0; color: var(--ink-soft); }
.legal-copy { max-width: 820px; }
.legal-copy h2 { margin-top: 2.2rem; font-size: 1.35rem; }
.legal-copy p, .legal-copy li { color: var(--ink-soft); }
.legal-banner { margin-bottom: 2rem; padding: 1rem 1.2rem; border: 1px solid #e5bd75; border-radius: var(--radius-sm); background: #fff6e5; color: #65440d; }
.contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.contact-card { padding: 1.6rem; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface-strong); }
.contact-card h2 { margin-top: 0; }
.contact-card p { color: var(--ink-soft); }

@media (max-width: 820px) {
  .page-hero { padding: 8.5rem 0 4rem; }
  .feature-list { grid-template-columns: 1fr 1fr; }
  .module-row { grid-template-columns: 1fr; gap: 1rem; }
  .module-row ul { columns: 1; }
  .contact-grid { grid-template-columns: 1fr; }
}
@media (max-width: 540px) {
  .feature-list { grid-template-columns: 1fr; }
}