/* Page-level surfaces: exactly two tones, alternating in document order.
   Cards, media and controls retain their own internal interface styling. */
:root {
  --landing-bg-dark: #080d13;
  --landing-bg-alt: #0d1720; /* Existing 07 / Review background. */
}
body { background: var(--landing-bg-dark); }
.site-header { background: var(--landing-bg-dark); backdrop-filter: none; border-bottom: 0; }
main > section { width: 100%; max-width: none; margin-inline: 0; }
main > section.section,
main > section.landing-hero,
main > section.closing { border: 0; }
main > section:nth-of-type(odd) { background: var(--landing-bg-dark); }
main > section:nth-of-type(even) { background: var(--landing-bg-alt); }
main > section > .feature { border: 0; background: transparent; }
.closing-art { display: none; }
.site-footer { display: block; width: 100%; margin: 0; border: 0; background: var(--landing-bg-alt); }
main:has(> section:last-of-type:nth-of-type(even)) + .site-footer { background: var(--landing-bg-dark); }
.site-footer > .wrap { display: flex; align-items: center; justify-content: space-between; gap: 25px; }
.site-footer > .wrap > p { font-size: 11px; color: #91a5b3; }
@media (max-width: 760px) {
  .site-header nav { background: var(--landing-bg-alt); }
  .site-footer > .wrap { display: grid; grid-template-columns: 1fr auto; gap: 14px; }
  .site-footer > .wrap > p { font-size: 10px; justify-self: end; }
}