.skip-link {
    position: absolute; top: -48px; left: 12px; z-index: 9999;
    background: #0F1B2D; color: #F4D470;
    padding: 10px 18px; font-family: 'Inter', system-ui, sans-serif;
    font-size: 13px; font-weight: 600; letter-spacing: 0.04em;
    text-decoration: none; border: 1px solid rgba(244, 212, 112, 0.4);
    border-radius: 4px; transition: top 0.18s ease;
  }
  .skip-link:focus { top: 12px; outline: 2px solid #F4D470; outline-offset: 2px; }

  /* Page-level cinematic hero — slimmer than the landing hero */
  .hero-page {
    position: relative; min-height: 460px;
    padding: 100px 0 70px; overflow: hidden;
    background: linear-gradient(180deg, #050B14 0%, #0A1422 50%, #0F1B2D 100%);
  }
  .hero-page .wrap { position: relative; z-index: 5; }
  .hero-page .cine-eyebrow {
    display: inline-flex; align-items: center; gap: 10px;
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 11px; letter-spacing: 0.32em; text-transform: uppercase;
    color: #C8A84E; margin-bottom: 24px;
  }
  .hero-page .cine-eyebrow .cine-dot {
    width: 8px; height: 8px; border-radius: 50%;
    background: #C8A84E; box-shadow: 0 0 12px rgba(200,168,78,0.7);
  }
  .hero-page h1 {
    font-family: 'Source Serif Pro', Georgia, serif;
    font-size: clamp(38px, 5.6vw, 68px);
    font-weight: 700; line-height: 1.05;
    letter-spacing: -0.025em; color: #F4F0E0;
    margin-bottom: 20px; max-width: 920px;
  }
  .hero-page h1 em {
    font-style: italic;
    background: linear-gradient(135deg, #F4D470 0%, #C8A84E 50%, #A87818 100%);
    -webkit-background-clip: text; background-clip: text;
    -webkit-text-fill-color: transparent; color: transparent;
    /* italic overshoot fix: keep ascenders/descenders inside the rendered box */
    display: inline-block;
    padding-right: 0.18em;
    margin-right: -0.12em;
    line-height: 1.1;
  }
  .hero-page .lede {
    font-family: 'Source Serif Pro', Georgia, serif;
    font-size: clamp(16px, 1.9vw, 19px); line-height: 1.55;
    color: rgba(232, 224, 204, 0.78); max-width: 760px; margin-bottom: 28px;
  }
  .hero-page .page-toc {
    display: flex; flex-wrap: wrap; gap: 8px;
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 11px; letter-spacing: 0.12em;
  }
  .hero-page .page-toc a {
    color: rgba(232, 224, 204, 0.7);
    padding: 8px 14px;
    background: rgba(20, 31, 48, 0.5);
    border: 1px solid rgba(200, 168, 78, 0.18);
    border-radius: 3px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.18s ease;
  }
  .hero-page .page-toc a:hover {
    color: #F4D470;
    border-color: rgba(200, 168, 78, 0.5);
    background: rgba(200, 168, 78, 0.08);
  }
  @media (max-width: 640px) {
    .hero-page { min-height: 360px; padding: 70px 0 50px; }
    .hero-page .page-toc { gap: 5px; }
    .hero-page .page-toc a { font-size: 10px; padding: 6px 10px; }
  }

  /* ─── Okomfo Anokye orchestrator card · AAA+ throne treatment ───
     Forced dark for contrast under body-light. Now styled as a ceremonial
     throne: ceremonial rings, scan brackets, royal verdict pronouncement. */
  .body-light .god-card.anokye {
    background:
      radial-gradient(circle at 50% 0%, rgba(244,221,141,0.10) 0%, transparent 65%),
      linear-gradient(135deg, #15233A 0%, #0A1422 60%, #060D18 100%) !important;
    border: 1px solid rgba(244, 221, 141, 0.45) !important;
    color: #E8E0CC !important;
    padding: 36px !important;
    border-radius: 8px !important;
    box-shadow:
      0 0 0 1px rgba(244, 221, 141, 0.08),
      0 12px 40px rgba(244, 221, 141, 0.10),
      0 24px 64px rgba(0, 0, 0, 0.4) !important;
    position: relative !important;
    overflow: visible !important;
  }
  /* Ceremonial scan brackets at the four corners of the throne */
  .body-light .god-card.anokye::after {
    content: "";
    position: absolute;
    top: 14px; left: 14px;
    width: 22px; height: 22px;
    border-top: 1.4px solid rgba(244, 221, 141, 0.75);
    border-left: 1.4px solid rgba(244, 221, 141, 0.75);
    pointer-events: none;
  }
  .body-light .god-card.anokye .anokye-corners {
    position: absolute;
    inset: 0;
    pointer-events: none;
  }
  .body-light .god-card.anokye .anokye-corners > span {
    position: absolute;
    width: 22px; height: 22px;
    border-color: rgba(244, 221, 141, 0.75);
    border-style: solid;
    border-width: 0;
  }
  .body-light .god-card.anokye .anokye-corners > .tr {
    top: 14px; right: 14px; border-top-width: 1.4px; border-right-width: 1.4px;
  }
  .body-light .god-card.anokye .anokye-corners > .bl {
    bottom: 14px; left: 14px; border-bottom-width: 1.4px; border-left-width: 1.4px;
  }
  .body-light .god-card.anokye .anokye-corners > .br {
    bottom: 14px; right: 14px; border-bottom-width: 1.4px; border-right-width: 1.4px;
  }

  /* CRITICAL FIX 2026-05-10: previous .gname .g-name selector was overriding
     this with navy, making the title invisible. Add .gname for specificity. */
  .body-light .god-card.anokye .gname .g-name {
    color: #FFEFA8 !important;
    font-family: Georgia, 'Iowan Old Style', 'Source Serif Pro', serif !important;
    font-size: 26px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
  }
  .body-light .god-card.anokye .gname .g-role {
    color: rgba(244, 221, 141, 0.85) !important;
    font-family: 'JetBrains Mono', ui-monospace, monospace !important;
    font-size: 11px !important;
    letter-spacing: 0.32em !important;
    text-transform: uppercase !important;
    display: block !important;
    margin-top: 8px !important;
    margin-left: 0 !important;
    font-weight: 600 !important;
  }
  .body-light .god-card.anokye .god-role {
    color: rgba(232, 224, 204, 0.82) !important;
    font-family: 'Source Serif Pro', Georgia, serif;
    font-size: 14.5px; line-height: 1.55;
    margin-top: 14px;
  }
  .body-light .god-card.anokye .god-status {
    color: #4ADE80 !important;
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 10.5px; letter-spacing: 0.22em;
  }
  .body-light .god-card.anokye .god-status .d {
    background: #4ADE80 !important;
    box-shadow: 0 0 10px rgba(74, 222, 128, 0.6);
  }
  .body-light .god-card.anokye .god-verdict {
    background: rgba(200, 168, 78, 0.07) !important;
    border-left: 3px solid #C8A84E;
    padding: 14px 18px !important;
    margin-top: 18px;
    border-radius: 4px;
  }
  .body-light .god-card.anokye .god-verdict .label {
    color: #F4D470 !important;
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase;
    margin-bottom: 8px; display: block;
  }
  .body-light .god-card.anokye .god-verdict {
    color: rgba(232, 224, 204, 0.92) !important;
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 12.5px; line-height: 1.5;
  }

  /* ─── NANANOM Council · sigil-rich card system ─── */
  /* CRITICAL: cards must be LIGHT on body-light · base .god-card sets dark navy
     which would render navy text invisible. Force cream + navy text. */
  .body-light .god-card {
    position: relative;
    padding-top: 78px !important;       /* room for sigil */
    background: var(--bl-bg-card) !important;
    border: 1px solid var(--bl-rule) !important;
    box-shadow: var(--bl-shadow);
    transition: transform 0.22s cubic-bezier(.22,1,.36,1),
                box-shadow 0.22s,
                border-color 0.22s !important;
    overflow: hidden;
  }
  .body-light .god-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(15, 27, 45, 0.10), 0 2px 6px rgba(15, 27, 45, 0.06);
    border-color: rgba(184, 144, 44, 0.42) !important;
  }
  /* The sigil floats top-right · subtle gold glyph card-watermark */
  .god-sigil {
    position: absolute;
    top: 18px; right: 18px;
    width: 46px; height: 46px;
    display: grid; place-items: center;
    background: rgba(244, 196, 64, 0.08);
    border: 1px solid rgba(184, 144, 44, 0.32);
    border-radius: 10px;
    transition: background 0.22s, border-color 0.22s, transform 0.36s cubic-bezier(.22,1,.36,1);
  }
  .body-light .god-card:hover .god-sigil {
    background: rgba(244, 196, 64, 0.18);
    border-color: rgba(184, 144, 44, 0.65);
    transform: rotate(8deg) scale(1.04);
  }
  .god-sigil svg { width: 32px; height: 32px; display: block; }

  /* Anokye orchestrator sigil sits LEFT of the title, larger */
  .body-light .god-card.anokye {
    padding-top: 28px !important;
    padding-left: 110px !important;
    position: relative;
    overflow: visible;
  }
  .body-light .god-card.anokye .god-sigil {
    position: absolute;
    top: 28px; left: 28px; right: auto;
    width: 64px; height: 64px;
    background: radial-gradient(ellipse at center, rgba(244,196,64,0.18), rgba(244,196,64,0.04));
    border: 1px solid rgba(244, 196, 64, 0.55);
  }
  .body-light .god-card.anokye .god-sigil svg { width: 44px; height: 44px; }

  /* Domain-coded left rail · 3px accent on every god card */
  .body-light .god-card[data-domain]::before {
    content: '';
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 3px;
    background: var(--domain-color, rgba(184, 144, 44, 0.55));
  }
  .body-light .god-card[data-domain="orchestrator"] { --domain-color: #F4D470; }
  .body-light .god-card[data-domain="oracle"]       { --domain-color: #C8A84E; }
  .body-light .god-card[data-domain="strategy"]     { --domain-color: #B8902C; }
  .body-light .god-card[data-domain="signal"]       { --domain-color: #A87818; }
  .body-light .god-card[data-domain="market"]       { --domain-color: #4A7B9F; }
  .body-light .god-card[data-domain="flow"]         { --domain-color: #6B7C3A; }
  .body-light .god-card[data-domain="alert"]        { --domain-color: #8B5A2B; }
  .body-light .god-card[data-domain="system"]       { --domain-color: #4ADE80; }
  .body-light .god-card[data-domain="war"]          { --domain-color: #F59E0B; }
  .body-light .god-card[data-domain="maritime"]     { --domain-color: #5B7895; }
  .body-light .god-card[data-domain="news"]         { --domain-color: #9D7B3A; }

  .body-light .god-card[data-heightened="true"] {
    border-color: rgba(245, 158, 11, 0.45) !important;
    box-shadow: 0 6px 18px rgba(245, 158, 11, 0.10);
  }

  /* Tighter typography for council cards */
  .body-light .god-card .gname .g-name {
    font-family: 'Source Serif Pro', Georgia, serif;
    font-size: 19px; font-weight: 600;
    color: #0F1B2D !important;
    letter-spacing: -0.005em;
  }
  .body-light .god-card .gname .g-role {
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 9.5px; letter-spacing: 0.20em;
    color: var(--domain-color, #5A6275) !important;
    text-transform: uppercase;
    margin-top: 5px;
    font-weight: 600;
  }
  .body-light .god-card .god-role {
    font-family: 'Source Serif Pro', Georgia, serif;
    font-size: 14px; line-height: 1.55;
    color: var(--bl-ink-soft) !important;
    margin-top: 14px;
  }

  /* ════════════════════════════════════════════════════════════
     NANANOM CEREMONIAL HEADER · royal-mark above the council grid
     Replaces the prior "ELEVEN SPECIALISTS · ONE VERDICT" banner
     with a centered ceremonial mark in the AAA+ register.
     ═══════════════════════════════════════════════════════════ */
  .body-light .nananom-ceremony {
    text-align: center;
    margin: 16px auto 56px;
    max-width: 720px;
    position: relative;
  }
  .body-light .nananom-ceremony .seal {
    display: inline-block;
    width: 28px; height: 28px;
    margin-bottom: 14px;
    color: #9C7A2E;
    position: relative;
  }
  .body-light .nananom-ceremony .seal::before,
  .body-light .nananom-ceremony .seal::after,
  .body-light .nananom-ceremony .seal > span {
    content: ""; position: absolute; border-radius: 50%;
    top: 50%; left: 50%; transform: translate(-50%, -50%);
    border: 1.4px solid currentColor;
  }
  .body-light .nananom-ceremony .seal::before { width: 100%; height: 100%; }
  .body-light .nananom-ceremony .seal::after  { width: 60%;  height: 60%;  border-width: 1.1px; }
  .body-light .nananom-ceremony .seal > span  { width: 22%;  height: 22%;  background: currentColor; border: 0; }
  .body-light .nananom-ceremony .royal {
    display: block;
    font-family: Georgia, 'Iowan Old Style', serif;
    font-size: clamp(18px, 1.7vw, 26px);
    letter-spacing: 10px;
    color: #B8902C;
    font-weight: 500;
    margin-bottom: 6px;
  }
  .body-light .nananom-ceremony .rule {
    display: inline-block;
    width: 90px; height: 0.5px;
    background: linear-gradient(90deg, transparent, #B8902C, transparent);
    margin-top: 12px;
  }
  .body-light .nananom-ceremony .sub {
    display: block;
    font-family: 'Inter', system-ui, sans-serif;
    font-size: 11px;
    letter-spacing: 5px;
    color: var(--bl-ink-mute);
    text-transform: uppercase;
    margin-top: 14px;
    font-weight: 500;
  }
  .body-light .nananom-ceremony .essence {
    display: block;
    font-family: Georgia, 'Iowan Old Style', serif;
    font-size: 13px;
    font-style: italic;
    color: var(--bl-ink-mute);
    margin-top: 10px;
    letter-spacing: 0.3px;
  }

  /* ────────── NANANOM Twi proverb anchor at section close ────────── */
  .body-light .nananom-anchor {
    margin-top: 64px;
    text-align: center;
    position: relative;
    padding: 0 16px;
  }
  .body-light .nananom-anchor::before {
    content: "";
    display: block;
    width: 70%;
    max-width: 480px;
    height: 0.5px;
    margin: 0 auto 32px;
    background: linear-gradient(90deg,
      transparent 0%, rgba(184,144,44,0.5) 25%, rgba(184,144,44,1) 50%,
      rgba(184,144,44,0.5) 75%, transparent 100%);
  }
  .body-light .nananom-anchor .proverb {
    font-family: Georgia, 'Iowan Old Style', serif;
    font-style: italic;
    font-weight: 500;
    font-size: clamp(22px, 2.6vw, 32px);
    letter-spacing: 0.4px;
    line-height: 1.2;
    background: linear-gradient(180deg, #D6B355 0%, #B8902C 35%, #9C7A2E 70%, #735E2A 100%);
    -webkit-background-clip: text;
            background-clip: text;
    color: transparent;
    margin: 0 auto;
    max-width: 760px;
    padding-bottom: 14px;
    position: relative;
  }
  .body-light .nananom-anchor .proverb::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 40%;
    max-width: 280px;
    height: 1.2px;
    background: linear-gradient(90deg,
      transparent 0%, rgba(184,144,44,0.7) 25%, #B8902C 50%,
      rgba(184,144,44,0.7) 75%, transparent 100%);
    border-radius: 2px;
    opacity: 0.8;
  }
  .body-light .nananom-anchor .translation {
    margin-top: 20px;
    font-family: 'Inter', system-ui, sans-serif;
    font-size: 12.5px;
    letter-spacing: 5px;
    font-weight: 400;
    color: var(--bl-ink-mute);
    text-transform: uppercase;
  }
  .body-light .nananom-anchor .gloss {
    margin-top: 16px;
    font-family: Georgia, serif;
    font-size: 14px;
    font-style: italic;
    color: var(--bl-ink-mute);
    letter-spacing: 0.3px;
  }

  /* ════════════════════════════════════════════════════════════
     THE COUNCIL BREATHES · v3 upgrade · 2026-05-10
     "Summoned but not seated" → Seated. Alive. The work has begun.
     Ambient room-breath, throne ripples, heartbeat pulses on every
     status, staggered sigil breathing, ordained seat numbers.
     All motion respects prefers-reduced-motion.
     ═══════════════════════════════════════════════════════════ */

  /* 1 · The room breathes · ambient gold warmth pulses at section level */
  .body-light #nananom { position: relative; isolation: isolate; }
  .body-light #nananom::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(ellipse 1100px 700px at 50% 38%,
      rgba(184, 144, 44, 0.07) 0%,
      rgba(184, 144, 44, 0.02) 50%,
      transparent 80%);
    z-index: 0;
  }
  .body-light #nananom .wrap { position: relative; z-index: 1; }

  @media (prefers-reduced-motion: no-preference) {
    .body-light #nananom::before {
      animation: roomBreath 9s ease-in-out infinite;
    }
    @keyframes roomBreath {
      0%, 100% { opacity: 0.55; transform: scale(1); }
      50%      { opacity: 1.00; transform: scale(1.04); }
    }
  }

  /* 2 · Anokye's throne breathes · concentric ripples emanate from the sigil
        suggesting "all voices flow inward to the throne" */
  .body-light .god-card.anokye .god-sigil {
    position: absolute;
    overflow: visible !important;
  }
  .body-light .god-card.anokye .god-sigil .ripple {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 1px solid rgba(244, 221, 141, 0.5);
    pointer-events: none;
    opacity: 0;
  }
  @media (prefers-reduced-motion: no-preference) {
    .body-light .god-card.anokye .god-sigil .ripple {
      animation: throneRipple 4.6s ease-out infinite;
    }
    .body-light .god-card.anokye .god-sigil .ripple-2 { animation-delay: 1.5s; }
    .body-light .god-card.anokye .god-sigil .ripple-3 { animation-delay: 3.0s; }
    @keyframes throneRipple {
      0%   { transform: scale(1.0); opacity: 0.7; }
      80%  { opacity: 0.05; }
      100% { transform: scale(2.2); opacity: 0; }
    }
  }

  /* 3 · Heartbeat · every council status dot pulses softly · "the work is live" */
  .body-light .god-card .god-status {
    position: relative;
  }
  .body-light .god-card .god-status .d {
    position: relative;
    z-index: 1;
  }
  .body-light .god-card .god-status .d::after {
    content: "";
    position: absolute;
    inset: -2px;
    border-radius: 50%;
    background: rgba(74, 222, 128, 0.5);
    z-index: -1;
    opacity: 0;
  }
  @media (prefers-reduced-motion: no-preference) {
    .body-light .god-card .god-status .d::after {
      animation: heartbeat 2.4s ease-in-out infinite;
    }
    @keyframes heartbeat {
      0%, 100% { transform: scale(1.0); opacity: 0.55; }
      40%      { transform: scale(2.4); opacity: 0; }
    }
  }
  /* Heightened (warning · Tano in war state) pulses redder, faster */
  .body-light .god-card[data-heightened="true"] .god-status .d {
    background: #F59E0B !important;
  }
  .body-light .god-card[data-heightened="true"] .god-status .d::after {
    background: rgba(245, 158, 11, 0.55);
  }
  @media (prefers-reduced-motion: no-preference) {
    .body-light .god-card[data-heightened="true"] .god-status .d::after {
      animation-duration: 1.3s;
    }
  }

  /* 4 · The sigils breathe · staggered phases · "alive but not synchronised" */
  @media (prefers-reduced-motion: no-preference) {
    .body-light .god-card .god-sigil {
      animation: sigilBreathe 5.4s ease-in-out infinite;
    }
    .body-light .council-grid > .god-card:nth-child(2) .god-sigil { animation-delay: 0.2s; }
    .body-light .council-grid > .god-card:nth-child(3) .god-sigil { animation-delay: 0.5s; }
    .body-light .council-grid > .god-card:nth-child(4) .god-sigil { animation-delay: 0.8s; }
    .body-light .council-grid > .god-card:nth-child(5) .god-sigil { animation-delay: 1.1s; }
    .body-light .council-grid > .god-card:nth-child(6) .god-sigil { animation-delay: 1.4s; }
    .body-light .council-grid > .god-card:nth-child(7) .god-sigil { animation-delay: 1.7s; }
    .body-light .council-grid > .god-card:nth-child(8) .god-sigil { animation-delay: 2.0s; }
    .body-light .council-grid > .god-card:nth-child(9) .god-sigil { animation-delay: 2.3s; }
    .body-light .council-grid > .god-card:nth-child(10) .god-sigil { animation-delay: 2.6s; }
    .body-light .council-grid > .god-card:nth-child(11) .god-sigil { animation-delay: 2.9s; }
    .body-light .council-grid > .god-card:nth-child(12) .god-sigil { animation-delay: 3.2s; }
    @keyframes sigilBreathe {
      0%, 100% { opacity: 1.00; transform: scale(1.00); }
      50%      { opacity: 0.86; transform: scale(0.965); }
    }
    /* Anokye throne sigil breathes slightly slower and deeper */
    .body-light .god-card.anokye .god-sigil {
      animation: throneSigilBreathe 6.4s ease-in-out infinite;
    }
    @keyframes throneSigilBreathe {
      0%, 100% { opacity: 1.00; transform: scale(1.00); }
      50%      { opacity: 0.92; transform: scale(0.985); }
    }
  }

  /* 5 · Each council member is SEATED · ordained position (01..11) */
  .body-light .council-grid > .god-card[data-seat]::after {
    content: attr(data-seat);
    position: absolute;
    bottom: 14px;
    right: 14px;
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 9.5px;
    letter-spacing: 0.22em;
    color: rgba(184, 144, 44, 0.55);
    font-weight: 600;
    pointer-events: none;
  }
  /* Anokye is THE throne · she does not need a seat number */
  .body-light .god-card.anokye[data-seat]::after { display: none; }

  /* 6 · The verdict pulses · live signal · "the work is happening NOW" */
  .body-light .god-card.anokye .god-verdict .label::after {
    content: "";
    display: inline-block;
    width: 6px; height: 6px;
    border-radius: 50%;
    background: #4ADE80;
    margin-left: 10px;
    vertical-align: middle;
    box-shadow: 0 0 6px rgba(74,222,128,0.7);
    transform: translateY(-1px);
  }
  @media (prefers-reduced-motion: no-preference) {
    .body-light .god-card.anokye .god-verdict .label::after {
      animation: verdictLive 2s ease-in-out infinite;
    }
    @keyframes verdictLive {
      0%, 100% { opacity: 0.55; box-shadow: 0 0 4px rgba(74,222,128,0.4); }
      50%      { opacity: 1.00; box-shadow: 0 0 12px rgba(74,222,128,0.95); }
    }
  }

  /* Royal-verdict styling on the Anokye latest verdict box (overrides earlier rule) */
  .body-light .god-card.anokye .god-verdict {
    background:
      radial-gradient(ellipse at 50% 0%, rgba(244,221,141,0.07) 0%, transparent 70%),
      rgba(13, 24, 39, 0.7) !important;
    border-left: 3px solid #F4DD8D !important;
    border-top: 1px solid rgba(244,221,141,0.18) !important;
    border-right: 1px solid rgba(244,221,141,0.10) !important;
    border-bottom: 1px solid rgba(244,221,141,0.10) !important;
    padding: 18px 22px !important;
    margin-top: 22px !important;
    border-radius: 4px !important;
    color: rgba(232, 224, 204, 0.95) !important;
    font-family: 'JetBrains Mono', ui-monospace, monospace !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
    letter-spacing: 0.04em !important;
  }
  .body-light .god-card.anokye .god-verdict .label {
    color: #F4DD8D !important;
    font-family: 'Inter', system-ui, sans-serif !important;
    font-size: 10px !important;
    letter-spacing: 5px !important;
    text-transform: uppercase !important;
    margin-bottom: 10px !important;
    display: block !important;
    font-weight: 600 !important;
  }

  /* ─── GSU device illustration ─── */
  .gsu-stage {
    position: relative;
    margin: 56px auto 64px;
    max-width: 760px;
    padding: 0 16px;
  }
  .gsu-aura {
    position: absolute;
    inset: -32px;
    background:
      radial-gradient(ellipse 60% 50% at 50% 50%, rgba(244,196,64,0.14), transparent 70%),
      radial-gradient(ellipse 80% 70% at 50% 50%, rgba(31,224,127,0.04), transparent 65%);
    filter: blur(24px);
    pointer-events: none;
    z-index: 0;
  }
  .gsu-svg {
    position: relative;
    z-index: 1;
    width: 100%;
    height: auto;
    display: block;
    filter: drop-shadow(0 32px 56px rgba(15, 27, 45, 0.35));
  }

  /* PWR LED · steady · always on */
  .gsu-led-pwr { animation: gsuLedSteady 3s ease-in-out infinite; }
  @keyframes gsuLedSteady {
    0%, 100% { opacity: 1; }
    50%      { opacity: 0.85; }
  }
  /* NET LED · gentle network breath */
  .gsu-led-net { animation: gsuLedBreath 1.8s ease-in-out infinite; }
  /* XRF LED · staccato pulse · the scan in progress */
  .gsu-led-xrf {
    animation: gsuLedBreath 1.2s ease-in-out infinite;
    animation-delay: 0.3s;
  }
  @keyframes gsuLedBreath {
    0%, 100% { opacity: 1; }
    50%      { opacity: 0.42; }
  }

  /* OLED scan line · travels top-to-bottom inside the display rect */
  .gsu-scan-line {
    animation: gsuScanLine 3.6s cubic-bezier(.65,0,.35,1) infinite;
  }
  @keyframes gsuScanLine {
    0%   { transform: translateY(0);    opacity: 0; }
    8%   { opacity: 0.95; }
    50%  { transform: translateY(120px); opacity: 1; }
    92%  { opacity: 0.95; }
    100% { transform: translateY(0);    opacity: 0; }
  }

  /* Progress bar inside OLED · slow fill cycle */
  .gsu-progress {
    transform-origin: 80px 164px;
    animation: gsuProgress 4.2s ease-in-out infinite;
  }
  @keyframes gsuProgress {
    0%   { width: 60px; }
    50%  { width: 280px; }
    100% { width: 60px; }
  }

  /* Tamper seal · breathes like a heartbeat */
  .gsu-seal-mark {
    transform-origin: 495px 312px;
    animation: gsuSealBreath 4.8s ease-in-out infinite;
  }
  @keyframes gsuSealBreath {
    0%, 100% { transform: scale(1); }
    50%      { transform: scale(1.06); }
  }

  /* Connection-port pill row */
  .gsu-ports {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin-top: 24px;
  }
  .gsu-port {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 13px;
    background: rgba(244, 196, 64, 0.05);
    border: 1px solid rgba(244, 196, 64, 0.22);
    border-radius: 999px;
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 10px;
    letter-spacing: 0.10em;
    color: rgba(232, 224, 204, 0.85);
    text-transform: uppercase;
  }
  .body-light .gsu-port {
    background: rgba(184, 144, 44, 0.05);
    border-color: rgba(184, 144, 44, 0.30);
    color: var(--bl-ink-soft);
  }
  .gsu-port-icon {
    color: #F4D470;
    font-size: 12px;
    line-height: 1;
  }
  .body-light .gsu-port-icon { color: var(--bl-gold); }

  /* Caption beneath the device · concept-render disclaimer */
  .gsu-caption {
    position: relative;
    z-index: 1;
    margin: 24px auto 0;
    max-width: 600px;
    text-align: center;
    font-family: 'Source Serif Pro', Georgia, serif;
    font-size: 13px;
    line-height: 1.6;
    color: var(--bl-ink-mute);
    font-style: normal;
  }
  .gsu-caption em {
    color: var(--bl-gold);
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0.02em;
  }
  .body-light .gsu-caption {
    color: var(--bl-ink-mute);
  }

  @media (prefers-reduced-motion: reduce) {
    .gsu-led-pwr, .gsu-led-net, .gsu-led-xrf,
    .gsu-scan-line, .gsu-progress, .gsu-seal-mark {
      animation: none !important;
    }
  }
  @media (max-width: 640px) {
    .gsu-stage { margin: 36px auto 48px; padding: 0 8px; }
    .gsu-aura { inset: -16px; }
    .gsu-ports { gap: 6px; margin-top: 18px; }
    .gsu-port { padding: 6px 10px; font-size: 9px; letter-spacing: 0.08em; }
    .gsu-port-icon { font-size: 11px; }
    .gsu-caption { font-size: 12px; padding: 0 12px; }
  }

  /* Mobile · sigils centered above title */
  @media (max-width: 640px) {
    .body-light .god-card { padding-top: 22px !important; }
    .god-sigil { position: static !important; margin-bottom: 12px; }
    .body-light .god-card.anokye {
      padding-left: 28px !important;
      padding-top: 28px !important;
    }
    .body-light .god-card.anokye .god-sigil {
      position: static !important;
      width: 56px; height: 56px;
      margin-bottom: 16px;
    }
  }

  /* ─── THE PHYSICS GATE · VPAY Genesis IP #1 · flagship section ─── */
  .body-light .physics-gate-section {
    background:
      radial-gradient(ellipse 1100px 600px at 50% 18%, rgba(244,196,64,0.07), transparent 70%),
      linear-gradient(180deg, #0F1B2D 0%, #0A1422 100%);
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 96px 0;
  }
  /* Faint adinkrahene watermark behind the section */
  .body-light .physics-gate-section::before {
    content: '';
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 680px; height: 680px;
    background:
      radial-gradient(circle, rgba(244,196,64,0.07) 0%, transparent 55%),
      repeating-radial-gradient(circle at center, rgba(244,196,64,0.04) 0 1px, transparent 1px 50px);
    pointer-events: none;
  }
  .body-light .physics-gate-section .wrap { position: relative; z-index: 1; }
  .body-light .physics-gate-section .section-eyebrow.physics-eyebrow {
    color: #F4D470 !important;
    background: rgba(244,196,64,0.06);
    border: 1px solid rgba(244,196,64,0.32);
    padding: 8px 16px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
  }
  .physics-eyebrow .physics-mark {
    display: inline-grid; place-items: center;
    width: 16px; height: 16px;
    background: #F4D470;
    color: #0F1B2D;
    border-radius: 50%;
    font-size: 10px; font-weight: 700;
    letter-spacing: 0;
  }
  .body-light .physics-gate-section h2 {
    color: #F1F5F9 !important;
    font-size: clamp(36px, 5.2vw, 56px);
    line-height: 1.05;
    letter-spacing: -0.02em;
    margin: 18px 0 18px;
  }
  .body-light .physics-gate-section h2 em {
    color: #F4D470;
    font-style: italic;
    font-weight: 700;
  }
  .body-light .physics-gate-section .section-head p {
    color: rgba(232,224,204,0.85) !important;
    font-family: 'Source Serif Pro', Georgia, serif;
    font-size: 17px;
    line-height: 1.65;
    max-width: 760px;
  }
  .body-light .physics-gate-section .section-head p strong {
    color: #F4D470;
    font-weight: 600;
  }

  /* 8-gate matrix grid */
  .gate-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin-top: 56px;
  }
  .gate-card {
    position: relative;
    padding: 22px 20px 20px;
    background: rgba(13, 24, 39, 0.65);
    border: 1px solid rgba(244,196,64,0.20);
    border-radius: 8px;
    transition: transform 0.22s cubic-bezier(.22,1,.36,1),
                border-color 0.22s,
                box-shadow 0.22s,
                background 0.22s;
    overflow: hidden;
  }
  .gate-card:hover {
    transform: translateY(-3px);
    border-color: rgba(244,196,64,0.55);
    box-shadow: 0 16px 36px rgba(0,0,0,0.45);
    background: rgba(13, 24, 39, 0.85);
  }
  .gate-card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
  }
  .gate-card-num {
    font-family: 'Source Serif Pro', Georgia, serif;
    font-size: 28px;
    font-weight: 700;
    color: #F4D470;
    line-height: 1;
    letter-spacing: -0.02em;
  }
  .gate-card-icon {
    width: 36px; height: 36px;
    flex-shrink: 0;
    display: grid; place-items: center;
    background: rgba(244,196,64,0.08);
    border: 1px solid rgba(244,196,64,0.30);
    border-radius: 8px;
  }
  .gate-card-icon svg { width: 22px; height: 22px; }
  .gate-card-title {
    font-family: 'Source Serif Pro', Georgia, serif;
    font-size: 17px;
    font-weight: 600;
    color: #F1F5F9;
    margin-bottom: 4px;
    letter-spacing: -0.005em;
  }
  .gate-card-tag {
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 9.5px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(244,196,64,0.7);
    margin-bottom: 14px;
  }
  .gate-row {
    display: flex;
    gap: 8px;
    margin-bottom: 8px;
    align-items: flex-start;
  }
  .gate-row:last-child { margin-bottom: 0; }
  .gate-row-label {
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 8.5px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(244,196,64,0.55);
    width: 56px;
    flex-shrink: 0;
    padding-top: 2px;
  }
  .gate-row-text {
    font-family: 'Source Serif Pro', Georgia, serif;
    font-size: 12.5px;
    color: rgba(232,224,204,0.85);
    line-height: 1.45;
  }
  .gate-row-text code {
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 10.5px;
    color: #4ADE80;
    background: rgba(74,222,128,0.06);
    padding: 1px 5px;
    border-radius: 3px;
    border: 1px solid rgba(74,222,128,0.18);
    letter-spacing: 0;
  }

  /* Defence-in-depth · 3-stack */
  .defence-stack {
    margin-top: 80px;
    padding: 48px 40px;
    background: linear-gradient(135deg, rgba(244,196,64,0.04), rgba(13,24,39,0.5));
    border: 1px solid rgba(244,196,64,0.18);
    border-radius: 10px;
  }
  .defence-stack h3 {
    font-family: 'Source Serif Pro', Georgia, serif;
    font-size: 22px;
    color: #F1F5F9;
    margin: 0 0 28px;
    letter-spacing: -0.005em;
  }
  .defence-cols {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
  }
  .defence-col {
    padding: 22px 22px 24px;
    background: rgba(13,24,39,0.55);
    border: 1px solid rgba(244,196,64,0.16);
    border-radius: 8px;
    position: relative;
  }
  .defence-num {
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 11px;
    letter-spacing: 0.22em;
    color: rgba(244,196,64,0.65);
    margin-bottom: 6px;
  }
  .defence-title {
    font-family: 'Source Serif Pro', Georgia, serif;
    font-size: 19px;
    font-weight: 600;
    color: #F4D470;
    margin-bottom: 10px;
    letter-spacing: -0.005em;
  }
  .defence-body {
    font-family: 'Source Serif Pro', Georgia, serif;
    font-size: 13.5px;
    color: rgba(232,224,204,0.80);
    line-height: 1.55;
  }
  .defence-rule {
    margin-top: 28px;
    padding: 14px 20px;
    background: rgba(244,196,64,0.06);
    border-left: 3px solid #F4D470;
    border-radius: 4px;
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 11.5px;
    letter-spacing: 0.10em;
    color: #F4D470;
    text-transform: uppercase;
  }

  /* IP / code citation */
  .physics-cite {
    margin-top: 56px;
    padding: 28px 32px;
    background: rgba(13,24,39,0.45);
    border: 1px solid rgba(244,196,64,0.22);
    border-radius: 8px;
  }
  .physics-cite-row {
    display: grid;
    grid-template-columns: 200px 1fr;
    gap: 24px;
    padding: 14px 0;
    border-bottom: 1px solid rgba(244,196,64,0.10);
    align-items: center;
  }
  .physics-cite-row:last-child { border-bottom: none; }
  .physics-cite-label {
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 10.5px;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: rgba(244,196,64,0.7);
  }
  .physics-cite-val {
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 13px;
    color: rgba(232,224,204,0.92);
    word-break: break-all;
  }
  .physics-cite-val a {
    color: #F4D470;
    text-decoration: none;
    border-bottom: 1px solid rgba(244,196,64,0.35);
    transition: border-color 0.18s, color 0.18s;
  }
  .physics-cite-val a:hover { color: #FFEFB0; border-bottom-color: #F4D470; }

  @media (max-width: 1280px) {
    .gate-grid { grid-template-columns: repeat(2, 1fr); }
    .defence-cols { grid-template-columns: 1fr; }
  }
  @media (max-width: 640px) {
    .body-light .physics-gate-section { padding: 64px 0; }
    .gate-grid { grid-template-columns: 1fr; gap: 12px; margin-top: 40px; }
    .defence-stack { padding: 28px 20px; margin-top: 56px; }
    .physics-cite { padding: 22px 18px; margin-top: 40px; }
    .physics-cite-row { grid-template-columns: 1fr; gap: 6px; padding: 12px 0; }
    .gate-row-label { width: 50px; }
  }

  /* ════════════════════════════════════════════════════════════════
     PHYSICS GATE · CEREMONIAL HERO MEDALLION · AAA+ register
     Full-scale MATTER medallion at the top of the section.
     Echoes the WhatsApp hero's matter-side composition. Sits above
     the existing section-head (which becomes the explanation block).
     ═══════════════════════════════════════════════════════════ */
  .physics-hero {
    position: relative;
    text-align: center;
    margin: 0 auto 72px;
    padding-top: 8px;
  }

  /* Atmospheric centre-glow behind the hero */
  .physics-hero::before {
    content: "";
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 720px; height: 720px;
    background: radial-gradient(circle,
      rgba(244,221,141,0.12) 0%,
      rgba(244,221,141,0.04) 35%,
      transparent 70%);
    pointer-events: none;
    z-index: 0;
  }

  .physics-hero > * { position: relative; z-index: 1; }

  /* Ceremonial header mark above the medallion */
  .physics-hero-mark {
    margin-bottom: 36px;
  }
  .physics-hero-mark .seal {
    display: inline-block;
    width: 32px; height: 32px;
    margin-bottom: 14px;
    color: #D6B355;
    position: relative;
  }
  .physics-hero-mark .seal::before,
  .physics-hero-mark .seal::after,
  .physics-hero-mark .seal > span {
    content: "";
    position: absolute;
    border-radius: 50%;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    border: 1.5px solid currentColor;
  }
  .physics-hero-mark .seal::before { width: 100%; height: 100%; }
  .physics-hero-mark .seal::after  { width: 60%;  height: 60%;  border-width: 1.2px; }
  .physics-hero-mark .seal > span  { width: 22%;  height: 22%;  background: currentColor; border: 0; }
  .physics-hero-mark .royal-mark {
    display: block;
    font-family: Georgia, 'Iowan Old Style', serif;
    font-size: clamp(16px, 1.5vw, 24px);
    letter-spacing: 9px;
    font-weight: 500;
    color: #F4DD8D;
    margin-bottom: 8px;
  }
  .physics-hero-mark .royal-rule {
    display: inline-block;
    width: 96px; height: 0.5px;
    background: rgba(214,179,85,0.6);
  }
  .physics-hero-mark .ip-tag {
    display: block;
    font-family: 'Inter', system-ui, sans-serif;
    font-size: 11px;
    letter-spacing: 6px;
    color: rgba(148,163,184,0.85);
    text-transform: uppercase;
    margin-top: 16px;
    font-weight: 500;
  }

  /* HERO MEDALLION — full ceremonial scale */
  .physics-medallion {
    position: relative;
    width: clamp(280px, 36vw, 440px);
    aspect-ratio: 1;
    margin: 0 auto;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: radial-gradient(circle at 50% 38%,
      rgba(26, 42, 64, 0) 0%,
      rgba(6, 16, 31, 0.7) 100%);
  }
  .physics-medallion::before {
    content: ""; position: absolute; inset: 0;
    border-radius: 50%;
    border: 1.2px solid rgba(214,179,85,0.6);
  }
  .physics-medallion::after {
    content: ""; position: absolute; inset: 4%;
    border-radius: 50%;
    border: 0.6px solid rgba(214,179,85,0.42);
  }
  .physics-medallion .ring-3 {
    position: absolute; inset: 10%;
    border-radius: 50%;
    border: 0.5px solid rgba(115,94,42,0.7);
  }
  .physics-medallion .ring-4 {
    position: absolute; inset: 16%;
    border-radius: 50%;
    border: 0.4px solid rgba(115,94,42,0.45);
  }
  /* Cardinal ticks */
  .physics-medallion .tk {
    position: absolute; background: #F4DD8D; opacity: 0.9;
  }
  .physics-medallion .tk-t { top: 0;    left: 50%; width: 1.7px; height: 16px; transform: translateX(-50%); }
  .physics-medallion .tk-b { bottom: 0; left: 50%; width: 1.7px; height: 16px; transform: translateX(-50%); }
  .physics-medallion .tk-l { left: 0;   top: 50%; width: 16px;  height: 1.7px; transform: translateY(-50%); }
  .physics-medallion .tk-r { right: 0;  top: 50%; width: 16px;  height: 1.7px; transform: translateY(-50%); }
  /* Scan brackets */
  .physics-medallion .br {
    position: absolute; width: 26px; height: 26px;
    border: 1.5px solid #F4DD8D; opacity: 0.75;
  }
  .physics-medallion .br-tl { top: 12%;    left: 12%;   border-right: 0; border-bottom: 0; }
  .physics-medallion .br-tr { top: 12%;    right: 12%;  border-left: 0;  border-bottom: 0; }
  .physics-medallion .br-bl { bottom: 12%; left: 12%;   border-right: 0; border-top: 0; }
  .physics-medallion .br-br { bottom: 12%; right: 12%;  border-left: 0;  border-top: 0; }
  /* Dashed scan beams */
  .physics-medallion .scan {
    position: absolute; left: 22%; right: 22%; height: 1px;
    background-image: linear-gradient(90deg,
      rgba(214,179,85,0.65) 0px, rgba(214,179,85,0.65) 4px,
      transparent 4px, transparent 9px);
    background-size: 9px 1px;
    background-repeat: repeat-x;
    opacity: 0.55;
  }
  .physics-medallion .scan-t { top: 28%; }
  .physics-medallion .scan-b { bottom: 28%; }

  /* ════════════════════════════════════════════════════════════
     PHYSICS GATE HERO · LIVE-IN-ACTION (added 2026-05-10)
     The IP is doing work right now: scan beams sweep across the
     gold ingot, ingot shimmers under the scan, LIVE pill pulses.
     ═══════════════════════════════════════════════════════════ */
  @media (prefers-reduced-motion: no-preference) {
    .physics-medallion .scan-t {
      animation: physicsHeroScanT 3.4s ease-in-out infinite;
    }
    .physics-medallion .scan-b {
      animation: physicsHeroScanB 3.4s ease-in-out infinite;
      animation-delay: 1.7s;
    }
    @keyframes physicsHeroScanT {
      0%, 100% { opacity: 0.25; }
      40%      { opacity: 0.95; }
      70%      { opacity: 0.95; }
    }
    @keyframes physicsHeroScanB {
      0%, 100% { opacity: 0.25; }
      40%      { opacity: 0.95; }
      70%      { opacity: 0.95; }
    }
    /* Ingot under continuous physics scan · subtle brightness shimmer */
    .physics-medallion .hero-ingot {
      animation: physicsIngotShimmer 7s ease-in-out infinite;
    }
    @keyframes physicsIngotShimmer {
      0%, 100% { filter: brightness(1) saturate(1); }
      50%      { filter: brightness(1.06) saturate(1.10); }
    }
  }

  /* LIVE pill beneath the Physics Gate hero · pulsing green dot */
  .physics-anchor .hero-live {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 18px;
    margin-top: 22px;
    border-radius: 999px;
    background: rgba(31, 224, 127, 0.06);
    border: 1px solid rgba(31, 224, 127, 0.32);
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 11px;
    letter-spacing: 0.22em;
    color: rgba(31, 224, 127, 0.9);
    text-transform: uppercase;
    font-weight: 500;
  }
  .physics-anchor .hero-live::before {
    content: "";
    width: 7px; height: 7px;
    border-radius: 50%;
    background: #1FE07F;
    box-shadow: 0 0 8px rgba(31,224,127,0.7);
    flex-shrink: 0;
  }
  @media (prefers-reduced-motion: no-preference) {
    .physics-anchor .hero-live::before {
      animation: heroLivePulse 1.8s ease-in-out infinite;
    }
    @keyframes heroLivePulse {
      0%, 100% { box-shadow: 0 0 4px rgba(31,224,127,0.5), 0 0 0 0 rgba(31,224,127,0.4); }
      50%      { box-shadow: 0 0 14px rgba(31,224,127,1), 0 0 0 7px rgba(31,224,127,0); }
    }
  }

  /* HERO INGOT — bigger, more present */
  .physics-medallion .hero-ingot {
    position: relative;
    width: 75%;
    aspect-ratio: 2.2 / 1;
    background: linear-gradient(180deg,
      #FFEFA8 0%, #F4DD8D 14%, #D6B355 42%, #8C6E2C 78%, #3F2E10 100%);
    border: 1.6px solid #3F2E10;
    border-radius: 7px;
    box-shadow:
      0 1px 0 rgba(255, 250, 216, 0.55) inset,
      0 -3px 5px rgba(63, 46, 16, 0.6) inset,
      0 12px 24px rgba(0, 0, 0, 0.65);
    transform: rotate(-7deg);
    display: grid;
    place-items: center;
    z-index: 2;
  }
  .physics-medallion .hero-ingot::before {
    content: ""; position: absolute;
    top: 0; left: 0; right: 0; height: 30%;
    background: linear-gradient(180deg,
      rgba(255,250,216,0.7) 0%, rgba(255,250,216,0) 100%);
    border-radius: 7px 7px 0 0;
    pointer-events: none;
  }
  .physics-medallion .hero-ingot::after {
    content: ""; position: absolute;
    bottom: 0; left: 0; right: 0; height: 3px;
    background: linear-gradient(180deg, transparent 0%, rgba(63,46,16,0.7) 100%);
    border-radius: 0 0 7px 7px;
    pointer-events: none;
  }
  /* Hero adinkrahene engraving */
  .physics-medallion .hero-seal {
    position: relative;
    width: 32%; aspect-ratio: 1;
    color: rgba(63,46,16,0.55);
    margin-top: -10%;
  }
  .physics-medallion .hero-seal::before,
  .physics-medallion .hero-seal::after,
  .physics-medallion .hero-seal > span {
    content: ""; position: absolute; border-radius: 50%;
    top: 50%; left: 50%; transform: translate(-50%, -50%);
    border: 1.6px solid currentColor;
  }
  .physics-medallion .hero-seal::before { width: 100%; height: 100%; }
  .physics-medallion .hero-seal::after  { width: 65%;  height: 65%;  border-width: 1.4px; }
  .physics-medallion .hero-seal > span  { width: 26%;  height: 26%;  background: currentColor; border: 0; }
  /* Hero microetched provenance — multiple lines */
  .physics-medallion .hero-prov-1 {
    position: absolute;
    bottom: 22%; left: 0; right: 0;
    text-align: center;
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 9px;
    letter-spacing: 0.6px;
    color: rgba(63,46,16,0.92);
    pointer-events: none;
    font-weight: 600;
  }
  .physics-medallion .hero-prov-2 {
    position: absolute;
    bottom: 14%; left: 0; right: 0;
    text-align: center;
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 7px;
    letter-spacing: 0.4px;
    color: rgba(63,46,16,0.75);
    pointer-events: none;
  }

  /* Anchor below the medallion — Twi proverb in body-light cream tone */
  .physics-anchor {
    margin-top: 56px;
    text-align: center;
    position: relative;
    padding: 0 16px;
  }
  .physics-anchor::before {
    content: "";
    display: block;
    width: 70%;
    max-width: 480px;
    height: 0.5px;
    margin: 0 auto 28px;
    background: linear-gradient(90deg,
      transparent 0%, rgba(214,179,85,0.5) 25%, rgba(244,221,141,1) 50%,
      rgba(214,179,85,0.5) 75%, transparent 100%);
  }
  .physics-anchor .essence {
    font-family: Georgia, 'Iowan Old Style', serif;
    font-style: italic;
    font-weight: 500;
    font-size: clamp(22px, 2.6vw, 32px);
    letter-spacing: 0.4px;
    line-height: 1.2;
    color: #FFEFA8;
    margin: 0 auto;
    max-width: 760px;
  }
  .physics-anchor .essence-en {
    margin-top: 18px;
    font-family: 'Inter', system-ui, sans-serif;
    font-size: 13px;
    letter-spacing: 5px;
    font-weight: 400;
    color: rgba(148,163,184,0.85);
    text-transform: uppercase;
  }

  /* Mobile · scale down */
  @media (max-width: 720px) {
    .physics-hero { margin-bottom: 48px; }
    .physics-hero::before { width: 460px; height: 460px; }
    .physics-medallion { width: clamp(240px, 70vw, 320px); }
    .physics-medallion .br { width: 18px; height: 18px; }
    .physics-medallion .hero-prov-1 { font-size: 7.5px; }
    .physics-medallion .hero-prov-2 { font-size: 6px; }
    .physics-anchor { margin-top: 40px; }
  }

  /* ─── KOMMIT · IP #2 · The Mind Covenant · flagship section ─── */
  .body-light .kommit-flagship-section {
    background:
      radial-gradient(ellipse 1100px 600px at 50% 18%, rgba(244,196,64,0.07), transparent 70%),
      linear-gradient(180deg, #0A1422 0%, #0F1B2D 100%);
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 96px 0;
  }
  /* Concentric watermark · adinkrahene-style ring pattern (vs physics-gate which is grid-style) */
  .body-light .kommit-flagship-section::before {
    content: '';
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 680px; height: 680px;
    background:
      radial-gradient(circle, rgba(244,196,64,0.08) 0 1px, transparent 1px 30px),
      radial-gradient(circle at 50% 50%, rgba(244,196,64,0.04) 0 1px, transparent 1px 60px);
    pointer-events: none;
  }
  .body-light .kommit-flagship-section .wrap { position: relative; z-index: 1; }
  .body-light .kommit-flagship-section .section-eyebrow.kommit-eyebrow {
    color: #F4D470 !important;
    background: rgba(244,196,64,0.06);
    border: 1px solid rgba(244,196,64,0.32);
    padding: 8px 16px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
  }
  .kommit-eyebrow .kommit-mark {
    display: inline-grid; place-items: center;
    width: 16px; height: 16px;
    color: #F4D470;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
  }
  .body-light .kommit-flagship-section h2 {
    color: #F1F5F9 !important;
    font-size: clamp(36px, 5.2vw, 56px);
    line-height: 1.05;
    letter-spacing: -0.02em;
    margin: 18px 0 18px;
  }
  .body-light .kommit-flagship-section h2 em {
    color: #F4D470;
    font-style: italic;
    font-weight: 700;
  }
  .body-light .kommit-flagship-section .section-head p {
    color: rgba(232,224,204,0.85) !important;
    font-family: 'Source Serif Pro', Georgia, serif;
    font-size: 17px;
    line-height: 1.65;
    max-width: 760px;
  }
  .body-light .kommit-flagship-section .section-head p strong {
    color: #F4D470;
    font-weight: 600;
  }
  .body-light .kommit-flagship-section .section-head p em {
    color: #F4D470;
    font-style: italic;
  }

  /* 4-card protocol matrix — same layout language as gate-grid */
  .kommit-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin-top: 56px;
  }
  .kommit-card {
    position: relative;
    padding: 22px 20px 20px;
    background: rgba(13, 24, 39, 0.65);
    border: 1px solid rgba(244,196,64,0.20);
    border-radius: 8px;
    transition: transform 0.22s cubic-bezier(.22,1,.36,1),
                border-color 0.22s, box-shadow 0.22s, background 0.22s;
    overflow: hidden;
  }
  .kommit-card:hover {
    transform: translateY(-3px);
    border-color: rgba(244,196,64,0.55);
    box-shadow: 0 16px 36px rgba(0,0,0,0.45);
    background: rgba(13, 24, 39, 0.85);
  }
  .kommit-card-head {
    display: flex; align-items: flex-start; justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
  }
  .kommit-card-num {
    font-family: 'Source Serif Pro', Georgia, serif;
    font-size: 28px; font-weight: 700;
    color: #F4D470;
    line-height: 1; letter-spacing: -0.02em;
  }
  .kommit-card-icon {
    width: 36px; height: 36px;
    flex-shrink: 0;
    display: grid; place-items: center;
    background: rgba(244,196,64,0.08);
    border: 1px solid rgba(244,196,64,0.30);
    border-radius: 8px;
  }
  .kommit-card-icon svg { width: 22px; height: 22px; }
  .kommit-card-title {
    font-family: 'Source Serif Pro', Georgia, serif;
    font-size: 17px; font-weight: 600;
    color: #F1F5F9;
    margin-bottom: 4px;
    letter-spacing: -0.005em;
  }
  .kommit-card-tag {
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 9.5px; letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(244,196,64,0.7);
    margin-bottom: 14px;
  }
  .kommit-row {
    display: flex; gap: 8px;
    margin-bottom: 8px;
    align-items: flex-start;
  }
  .kommit-row:last-child { margin-bottom: 0; }
  .kommit-row-label {
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 8.5px; letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(244,196,64,0.55);
    width: 56px; flex-shrink: 0;
    padding-top: 2px;
  }
  .kommit-row-text {
    font-family: 'Source Serif Pro', Georgia, serif;
    font-size: 12.5px;
    color: rgba(232,224,204,0.85);
    line-height: 1.45;
  }
  .kommit-row-text code {
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 10.5px;
    color: #4ADE80;
    background: rgba(74,222,128,0.06);
    padding: 1px 5px;
    border-radius: 3px;
    border: 1px solid rgba(74,222,128,0.18);
    letter-spacing: 0;
  }

  /* Three-layer mind covenant defence */
  .kommit-defence {
    margin-top: 80px;
    padding: 48px 40px;
    background: linear-gradient(135deg, rgba(244,196,64,0.04), rgba(13,24,39,0.5));
    border: 1px solid rgba(244,196,64,0.18);
    border-radius: 10px;
  }
  .kommit-defence h3 {
    font-family: 'Source Serif Pro', Georgia, serif;
    font-size: 22px;
    color: #F1F5F9;
    margin: 0 0 28px;
    letter-spacing: -0.005em;
  }
  .kommit-defence-cols {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px;
  }
  .kommit-defence-col {
    padding: 22px 22px 24px;
    background: rgba(13,24,39,0.55);
    border: 1px solid rgba(244,196,64,0.16);
    border-radius: 8px;
  }
  .kommit-defence-num {
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 11px; letter-spacing: 0.22em;
    color: rgba(244,196,64,0.65);
    margin-bottom: 6px;
  }
  .kommit-defence-title {
    font-family: 'Source Serif Pro', Georgia, serif;
    font-size: 19px; font-weight: 600;
    color: #F4D470;
    margin-bottom: 10px;
    letter-spacing: -0.005em;
  }
  .kommit-defence-body {
    font-family: 'Source Serif Pro', Georgia, serif;
    font-size: 13.5px;
    color: rgba(232,224,204,0.80);
    line-height: 1.55;
  }
  .kommit-defence-body em { color: #F4D470; font-style: italic; }
  .kommit-defence-rule {
    margin-top: 28px;
    padding: 14px 20px;
    background: rgba(244,196,64,0.06);
    border-left: 3px solid #F4D470;
    border-radius: 4px;
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 11.5px;
    letter-spacing: 0.10em;
    color: #F4D470;
    text-transform: uppercase;
    text-align: center;
  }
  .kommit-defence-rule .div { color: rgba(244,196,64,0.4); margin: 0 14px; }

  /* IP citation block */
  .kommit-cite {
    margin-top: 56px;
    padding: 28px 32px;
    background: rgba(13,24,39,0.45);
    border: 1px solid rgba(244,196,64,0.22);
    border-radius: 8px;
  }
  .kommit-cite-row {
    display: grid;
    grid-template-columns: 200px 1fr;
    gap: 24px;
    padding: 14px 0;
    border-bottom: 1px solid rgba(244,196,64,0.10);
    align-items: center;
  }
  .kommit-cite-row:last-child { border-bottom: none; }
  .kommit-cite-label {
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 10.5px; letter-spacing: 0.22em;
    text-transform: uppercase;
    color: rgba(244,196,64,0.7);
  }
  .kommit-cite-val {
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 13px;
    color: rgba(232,224,204,0.92);
    word-break: break-all;
  }
  .kommit-cite-val a {
    color: #F4D470;
    text-decoration: none;
    border-bottom: 1px solid rgba(244,196,64,0.35);
    transition: border-color 0.18s, color 0.18s;
  }
  .kommit-cite-val a:hover { color: #FFEFB0; border-bottom-color: #F4D470; }

  @media (max-width: 1024px) {
    .kommit-grid { grid-template-columns: repeat(2, 1fr); }
    .kommit-defence-cols { grid-template-columns: 1fr; }
  }
  @media (max-width: 640px) {
    .body-light .kommit-flagship-section { padding: 64px 0; }
    .kommit-grid { grid-template-columns: 1fr; gap: 12px; margin-top: 40px; }
    .kommit-defence { padding: 28px 20px; margin-top: 56px; }
    .kommit-cite { padding: 22px 18px; margin-top: 40px; }
    .kommit-cite-row { grid-template-columns: 1fr; gap: 6px; padding: 12px 0; }
    .kommit-row-label { width: 50px; }
  }

  /* ════════════════════════════════════════════════════════════════
     KOMMIT · CEREMONIAL HERO MEDALLION · AAA+ register
     Full-scale MIND aperture matching the Physics Gate hero composition.
     Concentric Adinkrahene-style rings collapsing to a glowing centre eye.
     ═══════════════════════════════════════════════════════════ */
  .kommit-hero {
    position: relative;
    text-align: center;
    margin: 0 auto 72px;
    padding-top: 8px;
  }
  .kommit-hero::before {
    content: "";
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 720px; height: 720px;
    background: radial-gradient(circle,
      rgba(244,221,141,0.14) 0%,
      rgba(244,221,141,0.04) 35%,
      transparent 70%);
    pointer-events: none;
    z-index: 0;
  }
  .kommit-hero > * { position: relative; z-index: 1; }

  .kommit-hero-mark { margin-bottom: 36px; }
  .kommit-hero-mark .seal {
    display: inline-block;
    width: 32px; height: 32px;
    margin-bottom: 14px;
    color: #D6B355;
    position: relative;
  }
  .kommit-hero-mark .seal::before,
  .kommit-hero-mark .seal::after,
  .kommit-hero-mark .seal > span {
    content: ""; position: absolute; border-radius: 50%;
    top: 50%; left: 50%; transform: translate(-50%, -50%);
    border: 1.5px solid currentColor;
  }
  .kommit-hero-mark .seal::before { width: 100%; height: 100%; }
  .kommit-hero-mark .seal::after  { width: 60%;  height: 60%;  border-width: 1.2px; }
  .kommit-hero-mark .seal > span  { width: 22%;  height: 22%;  background: currentColor; border: 0; }
  .kommit-hero-mark .royal-mark {
    display: block;
    font-family: Georgia, 'Iowan Old Style', serif;
    font-size: clamp(16px, 1.5vw, 24px);
    letter-spacing: 9px;
    font-weight: 500;
    color: #F4DD8D;
    margin-bottom: 8px;
  }
  .kommit-hero-mark .royal-rule {
    display: inline-block;
    width: 96px; height: 0.5px;
    background: rgba(214,179,85,0.6);
  }
  .kommit-hero-mark .ip-tag {
    display: block;
    font-family: 'Inter', system-ui, sans-serif;
    font-size: 11px;
    letter-spacing: 6px;
    color: rgba(148,163,184,0.85);
    text-transform: uppercase;
    margin-top: 16px;
    font-weight: 500;
  }

  /* HERO MEDALLION · MIND aperture at full ceremonial scale */
  .kommit-medallion {
    position: relative;
    width: clamp(280px, 36vw, 440px);
    aspect-ratio: 1;
    margin: 0 auto;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: radial-gradient(circle at 50% 38%,
      rgba(26, 42, 64, 0) 0%,
      rgba(6, 16, 31, 0.7) 100%);
  }
  .kommit-medallion::before {
    content: ""; position: absolute; inset: 0;
    border-radius: 50%;
    border: 1.2px solid rgba(214,179,85,0.6);
  }
  .kommit-medallion::after {
    content: ""; position: absolute; inset: 4%;
    border-radius: 50%;
    border: 0.6px solid rgba(214,179,85,0.42);
  }
  .kommit-medallion .ring-3 { position: absolute; inset: 10%; border-radius: 50%; border: 0.5px solid rgba(115,94,42,0.7); }
  .kommit-medallion .ring-4 { position: absolute; inset: 16%; border-radius: 50%; border: 0.4px solid rgba(115,94,42,0.45); }
  /* Cardinal ticks */
  .kommit-medallion .tk { position: absolute; background: #F4DD8D; opacity: 0.9; }
  .kommit-medallion .tk-t { top: 0; left: 50%; width: 1.7px; height: 16px; transform: translateX(-50%); }
  .kommit-medallion .tk-b { bottom: 0; left: 50%; width: 1.7px; height: 16px; transform: translateX(-50%); }
  .kommit-medallion .tk-l { left: 0; top: 50%; width: 16px; height: 1.7px; transform: translateY(-50%); }
  .kommit-medallion .tk-r { right: 0; top: 50%; width: 16px; height: 1.7px; transform: translateY(-50%); }
  /* Scan brackets */
  .kommit-medallion .br {
    position: absolute; width: 26px; height: 26px;
    border: 1.5px solid #F4DD8D; opacity: 0.75;
  }
  .kommit-medallion .br-tl { top: 12%;    left: 12%;   border-right: 0; border-bottom: 0; }
  .kommit-medallion .br-tr { top: 12%;    right: 12%;  border-left: 0;  border-bottom: 0; }
  .kommit-medallion .br-bl { bottom: 12%; left: 12%;   border-right: 0; border-top: 0; }
  .kommit-medallion .br-br { bottom: 12%; right: 12%;  border-left: 0;  border-top: 0; }

  /* The aperture — concentric collapsing rings */
  .kommit-aperture-hero {
    position: relative;
    width: 78%;
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    z-index: 2;
  }
  .kommit-aperture-hero > .ar { position: absolute; border-radius: 50%; border: 1px solid #D6B355; }
  .kommit-aperture-hero > .ar-1 { inset: 0;     opacity: 0.5; }
  .kommit-aperture-hero > .ar-2 { inset: 9%;    opacity: 0.62; border-width: 1px; }
  .kommit-aperture-hero > .ar-3 { inset: 18%;   opacity: 0.78; border-width: 1.2px; border-color: #F4DD8D; }
  .kommit-aperture-hero > .ar-4 { inset: 27%;   opacity: 0.92; border-width: 1.5px; border-color: #F4DD8D; }
  .kommit-aperture-hero > .ar-5 { inset: 36%;   opacity: 1;    border-width: 1.7px; border-color: #FFEFA8; }
  /* Hash-mesh inner core */
  .kommit-aperture-hero > .core {
    position: absolute;
    inset: 41%;
    border-radius: 50%;
    background:
      repeating-linear-gradient(45deg,
        transparent 0px, transparent 5px,
        rgba(214,179,85,0.5) 5px, rgba(214,179,85,0.5) 5.5px),
      repeating-linear-gradient(-45deg,
        transparent 0px, transparent 5px,
        rgba(214,179,85,0.5) 5px, rgba(214,179,85,0.5) 5.5px);
    border: 1px solid rgba(214,179,85,0.7);
  }
  /* Cryptographic vector lines */
  .kommit-aperture-hero > .vec {
    position: absolute; background: #F4DD8D; opacity: 0.6; height: 0.8px; width: 10px; transform-origin: left center;
  }
  .kommit-aperture-hero > .vec-r  { top: 50%; left: 56%; transform: translateY(-50%); }
  .kommit-aperture-hero > .vec-l  { top: 50%; right: 56%; transform: translateY(-50%) rotate(180deg); }
  .kommit-aperture-hero > .vec-tr { top: 38%; left: 56%; transform: rotate(-45deg); }
  .kommit-aperture-hero > .vec-tl { top: 38%; right: 56%; transform: rotate(225deg); }
  .kommit-aperture-hero > .vec-br { top: 62%; left: 56%; transform: rotate(45deg); }
  .kommit-aperture-hero > .vec-bl { top: 62%; right: 56%; transform: rotate(135deg); }
  /* Center eye — bigger, more dramatic at hero scale */
  .kommit-aperture-hero > .eye {
    position: relative;
    width: 16%; aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(circle at 50% 50%, #FFEFA8 0%, #F4DD8D 35%, #9C7A2E 100%);
    border: 1.6px solid #F4DD8D;
    box-shadow:
      0 0 30px rgba(244,221,141,0.75),
      0 0 12px rgba(244,221,141,1),
      inset 0 0 8px rgba(255,250,216,0.85);
    z-index: 3;
  }
  /* ════════════════════════════════════════════════════════════
     KOMMIT HERO · LIVE-IN-ACTION (added 2026-05-10)
     Center eye pulses brighter (a commit lands), aperture rings
     ripple outward in waves, hash text fragments occasionally
     flicker (signal-flash), LIVE pill pulses below.
     ═══════════════════════════════════════════════════════════ */
  @media (prefers-reduced-motion: no-preference) {
    .kommit-aperture-hero > .eye {
      animation: kommitHeroEyePulse 2.8s ease-in-out infinite;
    }
    @keyframes kommitHeroEyePulse {
      0%, 100% {
        box-shadow:
          0 0 30px rgba(244,221,141,0.75),
          0 0 12px rgba(244,221,141,1),
          inset 0 0 8px rgba(255,250,216,0.85);
        transform: scale(1);
      }
      50% {
        box-shadow:
          0 0 50px rgba(244,221,141,1),
          0 0 22px rgba(255,250,216,1),
          inset 0 0 10px rgba(255,255,255,0.95);
        transform: scale(1.10);
      }
    }
    .kommit-aperture-hero > .ar-3,
    .kommit-aperture-hero > .ar-4,
    .kommit-aperture-hero > .ar-5 {
      animation: kommitHeroRingPulse 4.2s ease-in-out infinite;
    }
    .kommit-aperture-hero > .ar-4 { animation-delay: 0.6s; }
    .kommit-aperture-hero > .ar-5 { animation-delay: 1.2s; }
    @keyframes kommitHeroRingPulse {
      0%, 100% { opacity: 0.7; }
      50%      { opacity: 1; }
    }
    .kommit-aperture-hero .hash {
      animation: kommitHeroHashFlicker 5.6s ease-in-out infinite;
    }
    .kommit-aperture-hero .hash-tl { animation-delay: 0s; }
    .kommit-aperture-hero .hash-br { animation-delay: 1.4s; }
    .kommit-aperture-hero .hash-bl { animation-delay: 2.8s; }
    .kommit-aperture-hero .hash-tr { animation-delay: 4.2s; }
    @keyframes kommitHeroHashFlicker {
      0%, 12%, 100% { opacity: 0.7; }
      4%, 6%        { opacity: 1; }
      8%            { opacity: 0.45; }
    }
  }

  /* LIVE pill beneath Kommit hero · same treatment as Physics */
  .kommit-anchor .hero-live {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 18px;
    margin-top: 22px;
    border-radius: 999px;
    background: rgba(31, 224, 127, 0.06);
    border: 1px solid rgba(31, 224, 127, 0.32);
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 11px;
    letter-spacing: 0.22em;
    color: rgba(31, 224, 127, 0.9);
    text-transform: uppercase;
    font-weight: 500;
  }
  .kommit-anchor .hero-live::before {
    content: "";
    width: 7px; height: 7px;
    border-radius: 50%;
    background: #1FE07F;
    box-shadow: 0 0 8px rgba(31,224,127,0.7);
    flex-shrink: 0;
  }
  @media (prefers-reduced-motion: no-preference) {
    .kommit-anchor .hero-live::before {
      animation: heroLivePulse 1.8s ease-in-out infinite;
    }
  }

  .kommit-aperture-hero > .eye::after {
    content: "";
    position: absolute;
    inset: 28%;
    border-radius: 50%;
    background: #FFEFA8;
    box-shadow: 0 0 6px rgba(255,255,255,0.95);
  }
  /* Hash text fragments orbiting */
  .kommit-aperture-hero .hash {
    position: absolute;
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 10px;
    letter-spacing: 0.5px;
    color: rgba(214,179,85,0.85);
    pointer-events: none;
    z-index: 1;
  }
  .kommit-aperture-hero .hash-tl { top: -4%;    left: -10%; }
  .kommit-aperture-hero .hash-br { bottom: -4%; right: -10%; }
  .kommit-aperture-hero .hash-bl { bottom: 18%; left: -22%;  font-size: 8.5px; opacity: 0.7; }
  .kommit-aperture-hero .hash-tr { top: 18%;    right: -22%; font-size: 8.5px; opacity: 0.7; }

  /* Anchor below the medallion */
  .kommit-anchor {
    margin-top: 56px;
    text-align: center;
    position: relative;
    padding: 0 16px;
  }
  .kommit-anchor::before {
    content: "";
    display: block;
    width: 70%;
    max-width: 480px;
    height: 0.5px;
    margin: 0 auto 28px;
    background: linear-gradient(90deg,
      transparent 0%, rgba(214,179,85,0.5) 25%, rgba(244,221,141,1) 50%,
      rgba(214,179,85,0.5) 75%, transparent 100%);
  }
  .kommit-anchor .essence {
    font-family: Georgia, 'Iowan Old Style', serif;
    font-style: italic;
    font-weight: 500;
    font-size: clamp(22px, 2.6vw, 32px);
    letter-spacing: 0.4px;
    line-height: 1.2;
    color: #FFEFA8;
    margin: 0 auto;
    max-width: 760px;
  }
  .kommit-anchor .essence-en {
    margin-top: 18px;
    font-family: 'Inter', system-ui, sans-serif;
    font-size: 13px;
    letter-spacing: 5px;
    font-weight: 400;
    color: rgba(148,163,184,0.85);
    text-transform: uppercase;
  }

  /* Mobile · scale down */
  @media (max-width: 720px) {
    .kommit-hero { margin-bottom: 48px; }
    .kommit-hero::before { width: 460px; height: 460px; }
    .kommit-medallion { width: clamp(240px, 70vw, 320px); }
    .kommit-medallion .br { width: 18px; height: 18px; }
    .kommit-aperture-hero .hash { font-size: 8.5px; }
    .kommit-aperture-hero .hash-bl, .kommit-aperture-hero .hash-tr { font-size: 7.5px; }
    .kommit-anchor { margin-top: 40px; }
  }

  /* ─── Mobile accordion · long sections collapse to title-only on ≤640px ─── */
  /* The two IP flagship sections (Physics Gate, Kommit) stay always-expanded —
     they ARE the IP, can't be hidden behind a tap. */
  @media (max-width: 640px) {
    .mobile-collapsible {
      position: relative;
      padding-top: 32px !important;
      padding-bottom: 32px !important;
      transition: padding-bottom 0.28s;
    }
    .mobile-collapsible.mobile-collapsed {
      padding-bottom: 36px !important;
    }
    /* Make the section-head tappable */
    .mobile-collapsible .section-head {
      cursor: pointer;
      position: relative;
      padding-right: 56px;
      margin-bottom: 0 !important;
      user-select: none;
      -webkit-tap-highlight-color: rgba(244, 196, 64, 0.12);
    }
    /* Chevron toggle indicator on the right of every collapsible head */
    .mobile-collapsible .section-head::after {
      content: '+';
      position: absolute;
      top: 12px; right: 0;
      width: 36px; height: 36px;
      border: 1px solid rgba(184, 144, 44, 0.45);
      border-radius: 50%;
      background: rgba(244, 196, 64, 0.06);
      display: grid; place-items: center;
      color: var(--bl-gold);
      font-family: 'JetBrains Mono', ui-monospace, monospace;
      font-size: 22px;
      font-weight: 300;
      line-height: 1;
      transition: transform 0.32s cubic-bezier(.22,1,.36,1),
                  background 0.22s, border-color 0.22s;
    }
    .mobile-collapsible .section-head:hover::after,
    .mobile-collapsible .section-head:focus-visible::after {
      background: rgba(244, 196, 64, 0.18);
      border-color: rgba(184, 144, 44, 0.75);
    }
    .mobile-collapsible:not(.mobile-collapsed) .section-head::after {
      content: '−';
      transform: rotate(180deg);
      background: rgba(244, 196, 64, 0.20);
    }
    /* Hide every direct child of .wrap except the section-head when collapsed */
    .mobile-collapsible.mobile-collapsed > .wrap > *:not(.section-head) {
      display: none !important;
    }
    /* And anything that's a direct child of the section but not .wrap (e.g., trailing nodes) */
    .mobile-collapsible.mobile-collapsed > *:not(.wrap) {
      display: none !important;
    }
    /* Smooth fade-in when expanding */
    .mobile-collapsible:not(.mobile-collapsed) > .wrap > *:not(.section-head) {
      animation: sectionExpand 0.36s ease-out both;
    }
    @keyframes sectionExpand {
      from { opacity: 0; transform: translateY(-6px); }
      to   { opacity: 1; transform: translateY(0); }
    }
    /* Hide the <hr class="rule"> dividers between collapsed sections — they
       create awkward gaps when rows of sections are folded */
    main hr.rule { display: none; }
    /* Tighter spacing between collapsed sections */
    .mobile-collapsible + .mobile-collapsible {
      border-top: 1px solid var(--bl-rule);
    }
  }
  /* Reduced motion respect */
  @media (prefers-reduced-motion: reduce) {
    .mobile-collapsible:not(.mobile-collapsed) > .wrap > *:not(.section-head) {
      animation: none !important;
    }
    .mobile-collapsible .section-head::after { transition: none !important; }
  }