/* ==========================================================================
   ACTIVE THEORY ORIENTATION LAYER
   Dark, full-bleed, typographic; removes the Apple-official light language.
   ========================================================================== */

:root {
  --paper: #050607;
  --paper-2: #080b0a;
  --at-bg: #030506;
  --at-panel: rgba(10, 15, 13, .62);
  --at-line: rgba(255, 255, 255, .12);
  --at-mint: #b9ffcf;
  --at-dim: rgba(255, 255, 255, .44);
  --serif: var(--font);
}

html, body { background: #030506; }
body { background: #030506; }
main { background: #030506; }
::selection { background: rgba(185,255,207,.28); color: #fff; }

/* Every previously light chapter becomes part of the same dark world. */
.theme-light,
.about, .films, .apple-statement, .apple-features, .apple-compare, .apple-close,
.nc-asgard, .sky-coverage, .sky-ethics, .ai-matrix, .ai-ethics {
  --paper: #050607;
  --paper-2: #080b0a;
  --text: #f3f6f4;
  --text-2: rgba(243,246,244,.58);
  --text-3: rgba(243,246,244,.36);
  --ink: #f3f6f4;
  --line: rgba(255,255,255,.12);
  --line-soft: rgba(255,255,255,.07);
  --surface: rgba(255,255,255,.055);
  --surface-strong: rgba(255,255,255,.09);
  --glass-bg: linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.025));
  --glass-border: rgba(255,255,255,.12);
  --glass-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 30px 70px rgba(0,0,0,.35);
  background: #050607 !important;
  color: #f3f6f4;
  color-scheme: dark;
}

.theme-light :is(h1,h2,h3,h4,h5,strong,blockquote,.h2,.display) { color: #f3f6f4; }
.theme-light :is(p,li,dd,dt,.body,.body-lg,.lead) { color: rgba(243,246,244,.58); }
.theme-light .section-label { color: rgba(243,246,244,.36); }
.theme-light .section-label b { color: var(--at-mint); }
.theme-light a:not(.btn) { color: inherit; }
.theme-light .btn--primary { background: #f3f6f4; color: #050607; }
.theme-light .btn--ghost { color: #f3f6f4; border-color: rgba(255,255,255,.18); }
.theme-light .glass { background: var(--glass-bg); border-color: var(--glass-border); }

/* Home chapters */
.about { background: #050607; border-top: 1px solid var(--at-line); }
.about__headline, .films__head .h2, .tech__head .h2 { color: #f3f6f4; }
.about__headline em, .films__head .h2 em { color: var(--at-mint); }
.films { background: #050607; border-top: 1px solid var(--at-line); }
.film-card {
  background: #080b0a;
  border: 1px solid var(--at-line);
  border-radius: 2px;
  box-shadow: none;
}
.film-card:hover { border-color: rgba(185,255,207,.3); }
.film-card__body, .film-card__meta { background: transparent; color: #f3f6f4; }
.film-card__body p { color: rgba(243,246,244,.5); }
.film-card__index, .film-card__meta span { color: rgba(243,246,244,.4); }
.tech { background: #030506; border-top: 1px solid var(--at-line); }
.tech-card, .bento-card, .tech__card {
  background: rgba(9,14,12,.72);
  border-color: var(--at-line);
  border-radius: 2px;
}
.manifesto { background: #030506; border-top: 1px solid var(--at-line); }

/* Apple chapters */
.apple-statement, .apple-features, .apple-compare, .apple-close { background: #050607 !important; border-top: 1px solid var(--at-line); }
.apple-statement__quote, .apple-statement h2 { color: #f3f6f4; }
.apple-statement h2 { font-size: clamp(38px, 5vw, 72px); line-height: 1.02; }
.apple-statement h2 span { color: var(--at-mint) !important; }
.apple-statement__copy p { color: rgba(243,246,244,.52) !important; }
.apple-statement__copy .fine { border-top-color: rgba(255,255,255,.12) !important; color: rgba(255,255,255,.3) !important; }
.apple-pillar {
  background: rgba(255,255,255,.035) !important;
  border-color: rgba(255,255,255,.1) !important;
  border-radius: 2px !important;
}
.apple-pillar .mono { color: rgba(185,255,207,.5) !important; }
.apple-pillar h3 { color: #f3f6f4; }
.apple-pillar p { color: rgba(243,246,244,.44) !important; }
.apple-feature { background: transparent !important; border-color: rgba(255,255,255,.1) !important; border-radius: 0; }
.apple-feature h3, .apple-feature p { color: #f3f6f4; }
.apple-feature p { color: rgba(243,246,244,.44) !important; }
.apple-feature .mono { color: var(--at-mint) !important; }
.apple-compare h2 { font-size: clamp(38px, 5.2vw, 76px); line-height: 1.02; }
.apple-explorer h2, .apple-lab h2 { line-height: 1.01; }
.apple-close h2 { font-size: clamp(40px, 5.8vw, 88px); line-height: 1.04; }
.apple-close h2 span { color: var(--at-mint) !important; }
.compare-lead { color: rgba(243,246,244,.48) !important; }
.compare-tab { color: rgba(255,255,255,.4) !important; border-color: rgba(255,255,255,.12) !important; background: transparent !important; }
.compare-tab:hover { color: #fff !important; border-color: rgba(185,255,207,.4) !important; }
.compare-tab.is-active { background: var(--at-mint) !important; border-color: var(--at-mint) !important; color: #07120d !important; }
.compare-note { color: rgba(255,255,255,.3) !important; }
.compare-wrap { background: #080d0b !important; border-color: rgba(255,255,255,.12) !important; border-radius: 2px !important; }
.compare-table { background: transparent !important; }
.compare-table th, .compare-table td {
  background: transparent !important;
  border-color: rgba(255,255,255,.1) !important;
  color: rgba(243,246,244,.72) !important;
}
.compare-table thead th { background: #0a0f0d !important; color: rgba(243,246,244,.38) !important; }
.compare-table thead th:nth-child(2) { color: rgba(243,246,244,.5) !important; }
.compare-table thead th:nth-child(3) { background: rgba(185,255,207,.09) !important; color: var(--at-mint) !important; }
.compare-table tbody tr:hover td { background: rgba(255,255,255,.035) !important; }
.compare-table tbody tr:hover td:last-child { background: rgba(185,255,207,.08) !important; }
.compare-table td:first-child { color: #f3f6f4 !important; }
.compare-table td:first-child small { color: rgba(255,255,255,.3) !important; }
.compare-table td:nth-child(2) { color: rgba(243,246,244,.48) !important; }
.compare-table td:nth-child(3) { background: rgba(185,255,207,.045) !important; color: rgba(185,255,207,.8) !important; }
.compare-yes { color: var(--at-mint) !important; }
.compare-no { color: rgba(255,255,255,.28) !important; }
.apple-compare__head p, .apple-close p { color: rgba(243,246,244,.5); }
.apple-close__mark { color: var(--at-mint); }
.apple-lab { background: #030506; border-top: 1px solid var(--at-line); }

/* AI matrix / ethics */
.ai-matrix .model-diagram { border-radius: 2px; border-color: rgba(255,255,255,.12); }
.ai-matrix .model-list {
  background: #080d0b !important;
  border-color: rgba(255,255,255,.12) !important;
  border-radius: 2px !important;
}
.model-list__head { border-bottom-color: rgba(255,255,255,.12) !important; color: rgba(255,255,255,.34) !important; }
.model-row { border-bottom-color: rgba(255,255,255,.08) !important; color: rgba(243,246,244,.64) !important; }
.model-row b { color: #f3f6f4 !important; }
.model-row em { color: var(--at-mint) !important; }
.model-row:nth-child(7) em, .model-row:nth-child(8) em { color: rgba(255,255,255,.3) !important; }
.model-list__note { color: rgba(255,255,255,.3) !important; }
.model-diagram svg text[fill="#1d1d1f"] { fill: #c9ffe0; }
.mind-principle { border-top-color: rgba(255,255,255,.12); }
.mind-principle .mono { color: rgba(255,255,255,.3); }
.mind-principle h3 { color: #f3f6f4; }
.mind-principle p { color: rgba(243,246,244,.46); }
.ai-ethics { background: #050607 !important; color: #f3f6f4; }
.ai-ethics__grid > * { border-color: rgba(255,255,255,.12) !important; }
.ai-ethics .section-label { color: rgba(255,255,255,.34) !important; }
.ai-close { background: #030506; }

/* Footer */
.site-footer { background: #030506; border-top: 1px solid var(--at-line); }
.site-footer, .site-footer p, .site-footer a, .site-footer li { color: rgba(243,246,244,.5); }
.site-footer h4 { color: #f3f6f4; }
.footer-brand .brand-name { color: #f3f6f4; }

/* Header never flips to a white Apple bar. */
.site-header.is-light { color: #f3f6f4; }
.site-header.is-light.is-scrolled::before { background: rgba(4,7,6,.78); border-bottom-color: rgba(255,255,255,.08); }
.site-header.is-light .icon-btn:hover { background: rgba(255,255,255,.07); }
.site-header.is-light .sound-toggle:hover { background: rgba(255,255,255,.07); }
.site-header.is-light .menu-toggle span { background: currentColor; }

/* Softer, sharper surfaces */
.btn { border-radius: 2px; }
.section-label { letter-spacing: .15em; }

/* Big editorial section rules */
.section { border-top-color: rgba(255,255,255,.08); }
.section-label { padding-bottom: 18px; }

@media (max-width: 720px) {
  .about__headline { font-size: clamp(34px, 10vw, 52px); }
  .film-card { border-radius: 2px; }
  .apple-statement h2, .apple-compare h2 { font-size: clamp(34px, 9.5vw, 48px); }
  .apple-pillars { grid-template-columns: 1fr; }
}
@media (max-width: 360px) {
  .h2 { font-size: clamp(27px, 9vw, 36px) !important; line-height: 1.06; }
  .h2 span, .about__headline span, .films__head .h2 span { white-space: normal !important; }
}