/* ── Investor Hero: Layered atmospheric depth ── */
    .investor-hero {
      position: relative;
      overflow: hidden;
    }

    /* Layer 1: Multi-gradient vignette backdrop — cold institutional tones */
    .investor-hero::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(ellipse 55% 65% at 50% 80%, rgba(180, 190, 210, 0.03), transparent 60%),
        radial-gradient(ellipse 70% 45% at 85% 20%, rgba(180, 190, 210, 0.02), transparent 55%),
        radial-gradient(ellipse 35% 50% at 15% 55%, rgba(245, 240, 235, 0.015), transparent 50%),
        linear-gradient(180deg, transparent 0%, transparent 55%, rgba(26, 15, 10, 0.5) 78%, rgba(26, 15, 10, 0.92) 100%);
      pointer-events: none;
      z-index: 0;
    }

    /* Layer 2: SVG noise texture for grain */
    .investor-hero::after {
      content: '';
      position: absolute;
      inset: 0;
      opacity: 0.028;
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
      background-size: 256px 256px;
      pointer-events: none;
      z-index: 1;
    }

    /* Layer 3: Background image — institutional vault with V-shaped red accents */
    .investor-hero-bg {
      position: absolute;
      inset: 0;
      background-image: url('/assets/backgrounds/investors-hero-bg.webp');
      background-image: image-set(
        url('/assets/backgrounds/investors-hero-bg.avif') type('image/avif'),
        url('/assets/backgrounds/investors-hero-bg.webp') type('image/webp'),
        url('/assets/backgrounds/investors-hero-bg.jpg') type('image/jpeg')
      );
      background-size: cover;
      background-position: center;
      transform: scale(1.15);
      opacity: 0.12;
      pointer-events: none;
      z-index: 0;
    }

    @media (max-width: 768px) {
      .investor-hero-bg {
        background-image: url('/assets/backgrounds/investors-hero-bg-mobile.webp');
        background-image: image-set(
          url('/assets/backgrounds/investors-hero-bg-mobile.avif') type('image/avif'),
          url('/assets/backgrounds/investors-hero-bg-mobile.webp') type('image/webp')
        );
      }
    }

    /* Layer 4: Glow orb removed for institutional restraint */
    .investor-hero-glow {
      display: none;
    }

    .investor-hero .hero-label,
    .investor-hero .hero-heading,
    .investor-hero .hero-body {
      position: relative;
      z-index: 2;
    }

    /* Text shadow stacking for heading depth — clean black, no red glow */
    .investor-hero .hero-heading {
      text-shadow:
        0 2px 16px rgba(0, 0, 0, 0.7),
        0 4px 32px rgba(0, 0, 0, 0.4),
        0 0 60px rgba(0, 0, 0, 0.25);
      letter-spacing: 0.01em;
      max-width: 24ch;
    }

    /* ── Decorative ledger line — minimal, institutional (kept for backward compat) ── */
    .investor-hero-rule {
      position: relative;
      z-index: 2;
      width: 120px;
      height: 1px;
      margin: 3rem auto 0;
      background: linear-gradient(90deg, transparent, rgba(231, 65, 50, 0.2), rgba(245, 240, 235, 0.1), rgba(231, 65, 50, 0.2), transparent);
      border-radius: 1px;
      opacity: 0;
      transform: scaleX(0);
      transition: opacity 0.8s var(--ease-out) 1s, transform 0.8s var(--ease-out) 1s;
    }
    .investor-hero-rule.is-visible {
      opacity: 1;
      transform: scaleX(1);
    }

    /* ── Hero ledger lines — horizontal rules spanning viewport ── */
    .investor-hero-ledger {
      position: absolute;
      left: 10%;
      right: 10%;
      height: 1px;
      background: rgba(245, 240, 235, 0.04);
      z-index: 1;
      pointer-events: none;
      transform: scaleX(0);
      transition: transform 1.5s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .investor-hero-ledger--top { top: 30%; }
    .investor-hero-ledger--bottom { top: 70%; }
    .investor-hero-ledger.is-visible { transform: scaleX(1); }

    /* ── Hero stats — matching technology page style ── */
    .investor-hero-stats {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 2.5rem;
      margin-top: 3.5rem;
      position: relative;
      z-index: 2;
    }
    .investor-hero-stat {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .investor-hero-stat-value {
      font-family: var(--font-accent);
      font-size: clamp(2.2rem, 4vw, 3.2rem);
      font-weight: 400;
      color: var(--brand-red);
      letter-spacing: -0.02em;
      line-height: 1;
      text-shadow: 0 0 40px rgba(231, 65, 50, 0.3), 0 0 80px rgba(231, 65, 50, 0.1);
    }
    .investor-hero-stat-label {
      font-family: var(--font-body);
      font-size: 0.7rem;
      font-weight: 600;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: rgba(245, 240, 235, 0.45);
      margin-top: 0.35rem;
    }
    .investor-hero-stat-divider {
      width: 1px;
      height: 40px;
      background: linear-gradient(to bottom, transparent, rgba(231, 65, 50, 0.15), transparent);
    }
    .investor-hero-disclaimer {
      position: relative;
      z-index: 2;
      font-family: var(--font-body);
      font-size: 0.75rem;
      font-weight: 400;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: rgba(245, 240, 235, 0.18);
      margin-top: 1.25rem;
      text-align: center;
    }

    @media (max-width: 768px) {
      .investor-hero-rule {
        width: 80px;
        margin-top: 2rem;
      }
      .investor-hero-stats {
        flex-direction: column;
        gap: 1.25rem;
        margin-top: 2.5rem;
      }
      .investor-hero-stat-divider {
        display: none;
      }
      .investor-hero-ledger {
        display: none;
      }
    }

    /* ── Section transition accent line (Cycle 32) ── */
    .section-transition-accent {
      position: relative;
      z-index: 6;
      height: 1px;
      background: linear-gradient(to right, transparent 5%, rgba(231, 65, 50, 0.28) 35%, rgba(231, 65, 50, 0.4) 50%, rgba(231, 65, 50, 0.28) 65%, transparent 95%);
      box-shadow: 0 0 12px rgba(231, 65, 50, 0.15), 0 0 32px rgba(231, 65, 50, 0.06);
    }

    /* ── Section 18: The Opportunity ── */
    .opportunity-section {
      position: relative;
      padding: 8rem 5vw;
      background: var(--bg-warm);
      overflow: hidden;
    }

    /* Layer 1: Multi-gradient backdrop (cold bleed at top from Hero transition — Cycle 32) */
    .opportunity-section::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(to bottom, rgba(10, 10, 10, 0.45) 0%, rgba(10, 10, 10, 0.15) 8%, transparent 18%),
        radial-gradient(ellipse 60% 50% at 50% 85%, rgba(231, 65, 50, 0.06), transparent 60%),
        radial-gradient(ellipse 40% 35% at 15% 20%, rgba(245, 240, 235, 0.02), transparent 50%),
        linear-gradient(to bottom, transparent 55%, rgba(10, 10, 10, 0.5) 78%, rgba(10, 10, 10, 0.92) 100%);
      pointer-events: none;
      z-index: 0;
    }

    /* Layer 2: SVG noise texture */
    .opportunity-section::after {
      content: '';
      position: absolute;
      inset: 0;
      opacity: 0.035;
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
      background-size: 256px 256px;
      pointer-events: none;
      z-index: 1;
    }

    /* Layer 3: Ambient glow behind stat cards */
    .opportunity-glow {
      position: absolute;
      width: 500px;
      height: 150px;
      top: 55%;
      left: 50%;
      transform: translate(-50%, -50%);
      background: radial-gradient(ellipse at center, rgba(231, 65, 50, 0.06), transparent 70%);
      filter: blur(80px);
      pointer-events: none;
      z-index: 0;
    }

    .opportunity-inner {
      position: relative;
      z-index: 2;
      max-width: 1100px;
      margin: 0 auto;
      text-align: center;
    }

    .opportunity-label {
      display: block;
      font-family: var(--font-body);
      font-size: 0.75rem;
      font-weight: 600;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: var(--brand-red);
      margin-bottom: 1.25rem;
    }

    .opportunity-heading {
      font-family: var(--font-display);
      font-size: clamp(2.2rem, 4.5vw, 4rem);
      font-weight: 700;
      letter-spacing: -0.03em;
      line-height: 1.05;
      color: var(--text-primary);
      text-shadow:
        0 2px 16px rgba(0, 0, 0, 0.7),
        0 4px 32px rgba(0, 0, 0, 0.4),
        0 0 60px rgba(0, 0, 0, 0.25);
      margin-bottom: 1.5rem;
    }

    .opportunity-body {
      font-family: var(--font-body);
      font-size: clamp(0.9rem, 1.1vw, 1.05rem);
      font-weight: 400;
      line-height: 1.7;
      color: var(--text-muted);
      max-width: 56ch;
      margin: 0 auto 3.5rem;
    }

    .opportunity-stats {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 2rem;
      margin-bottom: 3.5rem;
    }

    .opportunity-stat {
      position: relative;
      padding: 2.5rem 1.5rem 2rem;
      background: rgba(10, 8, 6, 0.92);
      border: 1px solid rgba(245, 240, 235, 0.12);
      border-radius: 12px;
      text-align: center;
      box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);
      overflow: hidden;
    }

    .opportunity-stat-number {
      font-family: var(--font-accent);
      font-size: clamp(2.8rem, 5vw, 4.5rem);
      font-weight: 400;
      line-height: 1;
      color: var(--brand-red);
      text-shadow: 0 0 40px rgba(231, 65, 50, 0.3), 0 0 80px rgba(231, 65, 50, 0.1);
      margin-bottom: 0.75rem;
      transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .opportunity-stat:hover .opportunity-stat-number {
      transform: scale(1.1);
    }

    .opportunity-stat-label {
      font-family: var(--font-body);
      font-size: 0.88rem;
      font-weight: 400;
      line-height: 1.5;
      color: var(--text-muted);
    }

    .opportunity-close {
      font-family: var(--font-body);
      font-size: clamp(0.9rem, 1.1vw, 1.05rem);
      font-weight: 400;
      line-height: 1.7;
      color: var(--text-muted);
      max-width: 48ch;
      margin: 0 auto;
    }

    /* Decorative section transition rule */
    .opportunity-rule {
      width: 60px;
      height: 1px;
      margin: 0 auto 3rem;
      background: linear-gradient(90deg, transparent, rgba(231, 65, 50, 0.25), rgba(245, 240, 235, 0.12), rgba(231, 65, 50, 0.25), transparent);
      border-radius: 1px;
    }

    @media (max-width: 768px) {
      .opportunity-section {
        padding: 5rem 5vw;
      }
      .opportunity-stats {
        grid-template-columns: 1fr;
        gap: 1.5rem;
      }
      .opportunity-glow {
        width: 300px;
        height: 100px;
      }
    }

    /* ── Shared section label style ── */
    .section-label {
      display: block;
      font-family: var(--font-body);
      font-size: 0.75rem;
      font-weight: 600;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: var(--brand-red);
      margin-bottom: 1.25rem;
      text-align: center;
    }

    .liquidity-label {
      text-align: left;
    }

    @media (max-width: 768px) {
      /* v3 tiny-text floor — investors-page classes flagged sub-12px. */
      .liquidity-track-label,
      .liquidity-track-label--trad,
      .liquidity-track-label--pamgia { font-size: 0.75rem; }
      .liquidity-timeline-label,
      .liquidity-timeline-label-- { font-size: 0.75rem; }
      [class*="liquidity-timeline-label"] { font-size: 0.75rem; }
      .transparency-dash-live { font-size: 0.75rem; }
      .capital-visible-divider-text,
      .investor-control-divider-text { font-size: 0.75rem; }
      .disclosure-marker { font-size: max(12px, 0.68em); vertical-align: super; }

      /* v3 section viewport fit — trim static-section padding.
         Addresses .liquidity-section (3296px), .transparency-section (3036px),
         .faq-cta-inv-section (1387px), .opportunity-section (1184px). */
      .liquidity-section .section-container,
      .transparency-section .section-container { padding: 3.5rem 5vw 3rem; }
      .opportunity-section { padding: 3rem 5vw; }
      .faq-cta-inv-section .section-container { padding: 3rem 5vw; }
    }

    /* ── Section 20: Investor Transparency ── */
    .transparency-section {
      position: relative;
      padding: 8rem 5vw;
      background: var(--bg-warm);
      overflow: hidden;
    }

    /* Layer 1: Multi-gradient backdrop */
    .transparency-section::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(to bottom, rgba(10, 10, 10, 0.45) 0%, rgba(10, 10, 10, 0.15) 8%, transparent 18%),
        linear-gradient(to bottom, transparent 55%, rgba(10, 10, 10, 0.5) 78%, rgba(10, 10, 10, 0.92) 100%),
        radial-gradient(ellipse 50% 55% at 50% 100%, rgba(231, 65, 50, 0.04), transparent 55%),
        radial-gradient(ellipse 40% 35% at 85% 15%, rgba(231, 65, 50, 0.03), transparent 50%),
        linear-gradient(175deg, rgba(26, 15, 10, 0.95) 0%, rgba(26, 15, 10, 0.7) 50%, rgba(10, 10, 10, 0.85) 100%);
      z-index: 0;
      pointer-events: none;
    }

    /* Layer 2: SVG noise overlay */
    .transparency-section::after {
      content: "";
      position: absolute;
      inset: 0;
      opacity: 0.035;
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
      background-size: 256px 256px;
      pointer-events: none;
      z-index: 1;
    }

    .transparency-inner {
      position: relative;
      z-index: 2;
      max-width: 1100px;
      margin: 0 auto;
      text-align: center;
    }

    /* Decorative section transition rule */
    .transparency-rule {
      width: 60px;
      height: 1px;
      margin: 0 auto 3rem;
      background: linear-gradient(90deg, transparent, rgba(231, 65, 50, 0.25), rgba(245, 240, 235, 0.12), rgba(231, 65, 50, 0.25), transparent);
      border-radius: 1px;
    }

    .transparency-heading {
      font-family: var(--font-display);
      font-size: clamp(2.2rem, 4.5vw, 4rem);
      font-weight: 700;
      line-height: 1.05;
      letter-spacing: -0.03em;
      color: var(--text-primary);
      text-shadow:
        0 2px 16px rgba(0, 0, 0, 0.7),
        0 4px 32px rgba(0, 0, 0, 0.4),
        0 0 60px rgba(0, 0, 0, 0.25);
      margin-bottom: 1.5rem;
    }

    .transparency-body {
      font-family: var(--font-body);
      font-size: clamp(0.9rem, 1.1vw, 1.05rem);
      font-weight: 400;
      line-height: 1.7;
      color: var(--text-muted);
      max-width: 56ch;
      margin: 0 auto 4rem;
    }

    /* Layer 3: Glow orb behind dashboard */
    .transparency-glow {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -40%);
      width: 600px;
      height: 180px;
      background: radial-gradient(ellipse at center, rgba(231, 65, 50, 0.06), transparent 70%);
      filter: blur(60px);
      pointer-events: none;
      z-index: 0;
    }

    /* Dashboard mockup card */
    .transparency-dashboard {
      position: relative;
      background: rgba(10, 8, 6, 0.88);
      border: 1px solid rgba(245, 240, 235, 0.06);
      border-radius: 12px;
      padding: 2rem 2.5rem 2rem;
      margin-bottom: 3.5rem;
      overflow: hidden;
      box-shadow:
        0 4px 24px rgba(0, 0, 0, 0.5),
        0 16px 48px rgba(0, 0, 0, 0.3),
        0 0 0 1px rgba(245, 240, 235, 0.03);
      text-align: left;
      transition: transform 0.4s var(--ease-out), border-color 0.4s var(--ease-out), box-shadow 0.4s var(--ease-out);
    }

    .transparency-dashboard:hover {
      transform: translateY(-4px);
      box-shadow:
        0 12px 40px rgba(0, 0, 0, 0.4),
        0 20px 56px rgba(0, 0, 0, 0.35),
        0 0 0 1px rgba(245, 240, 235, 0.06);
    }

    /* Scan-line animation — disabled */
    .transparency-scanline {
      display: none;
    }

    .transparency-dash-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 1.5rem;
      padding-bottom: 1rem;
      border-bottom: 1px solid rgba(245, 240, 235, 0.06);
    }

    .transparency-dash-title {
      font-family: var(--font-body);
      font-size: 0.75rem;
      font-weight: 600;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--text-muted);
    }

    .transparency-dash-live {
      display: flex;
      align-items: center;
      gap: 0.5rem;
      font-family: var(--font-body);
      font-size: 0.75rem; /* v3: was 0.72rem (11.52px) — bumped to 12px floor */
      font-weight: 600;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: rgba(80, 200, 120, 0.95);
    }

    .transparency-dash-dot {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: rgba(80, 200, 120, 0.95);
      box-shadow: 0 0 10px rgba(80, 200, 120, 0.5), 0 0 24px rgba(80, 200, 120, 0.2);
      animation: transparency-pulse 2s ease-in-out infinite;
    }

    @keyframes transparency-pulse {
      0%, 100% { opacity: 1; box-shadow: 0 0 10px rgba(80, 200, 120, 0.5), 0 0 24px rgba(80, 200, 120, 0.2); }
      50% { opacity: 0.35; box-shadow: 0 0 4px rgba(80, 200, 120, 0.2); }
    }

    /* Data rows */
    .transparency-row {
      display: grid;
      grid-template-columns: 1.8fr 1fr 1.2fr 0.8fr;
      align-items: center;
      gap: 1rem;
      padding: 0.9rem 0;
      border-bottom: 1px solid rgba(245, 240, 235, 0.04);
      transition: border-color 0.4s var(--ease-out);
    }

    .transparency-row:last-child {
      border-bottom: none;
    }

    .transparency-row-label {
      font-family: var(--font-body);
      font-size: 0.85rem;
      font-weight: 500;
      color: var(--text-primary);
      letter-spacing: 0.01em;
    }

    .transparency-row-value {
      font-family: var(--font-body);
      font-size: 0.82rem;
      font-weight: 400;
      color: var(--text-muted);
    }

    .transparency-row-bar {
      height: 4px;
      border-radius: 2px;
      background: rgba(245, 240, 235, 0.06);
      overflow: hidden;
      transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .transparency-row-bar-fill {
      height: 100%;
      border-radius: 2px;
      background: linear-gradient(90deg, var(--brand-red), rgba(231, 65, 50, 0.6));
      transition: width 1.2s var(--ease-out), filter 0.4s var(--ease-out);
    }

    .transparency-row-status {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0.2rem 0.6rem;
      border-radius: 100px;
      font-family: var(--font-body);
      font-size: 0.68rem;
      font-weight: 600;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), filter 0.4s var(--ease-out);
    }

    .transparency-row-status--active {
      background: rgba(80, 200, 120, 0.1);
      color: rgba(80, 200, 120, 0.85);
      border: 1px solid rgba(80, 200, 120, 0.15);
    }

    .transparency-row-status--maturing {
      background: rgba(231, 175, 50, 0.1);
      color: rgba(231, 175, 50, 0.85);
      border: 1px solid rgba(231, 175, 50, 0.15);
    }

    /* Dashboard hover — brightness */
    .transparency-dashboard:hover .transparency-row {
      border-color: rgba(245, 240, 235, 0.08);
    }
    .transparency-dashboard:hover .transparency-row-bar-fill {
      filter: brightness(1.3);
    }
    .transparency-dashboard:hover .transparency-row-status--active {
      background: rgba(80, 200, 120, 0.16);
      color: rgba(80, 200, 120, 1);
      border-color: rgba(80, 200, 120, 0.25);
    }
    .transparency-dashboard:hover .transparency-row-status--maturing {
      background: rgba(231, 175, 50, 0.16);
      color: rgba(231, 175, 50, 1);
      border-color: rgba(231, 175, 50, 0.25);
    }

    /* Dashboard hover — directional shift (avoids collision between bar and pill) */
    .transparency-dashboard:hover .transparency-row-bar {
      transform: translateX(-3px) scaleY(1.4);
    }
    .transparency-dashboard:hover .transparency-row-status {
      transform: translateX(3px);
    }

    /* Feature callouts grid */
    .transparency-features {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 1.5rem;
    }

    /* Custody + segregation row (under Collateral Verification divider) */
    .transparency-custody-row {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 1.5rem;
      max-width: 760px;
      margin: 0 auto 3rem;
    }

    .transparency-feature {
      position: relative;
      padding: 2rem 1.5rem 1.8rem;
      background: rgba(245, 240, 235, 0.025);
      border: 1px solid rgba(245, 240, 235, 0.06);
      border-radius: 12px;
      text-align: left;
      box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);
    }

    .transparency-feature-icon {
      width: 64px;
      height: 64px;
      margin-bottom: 1.25rem;
      position: relative;
      transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .transparency-feature-icon svg {
      width: 100%;
      height: 100%;
    }
    .transparency-feature:hover .transparency-feature-icon {
      transform: scale(1.1);
    }

    .transparency-feature-title {
      font-family: var(--font-body);
      font-size: 0.95rem;
      font-weight: 600;
      color: var(--text-primary);
      margin-bottom: 0.6rem;
      letter-spacing: -0.01em;
    }

    .transparency-feature-text {
      font-family: var(--font-body);
      font-size: 0.85rem;
      font-weight: 400;
      line-height: 1.6;
      color: var(--text-muted);
    }

    @media (max-width: 768px) {
      .transparency-section {
        padding: 5rem 5vw;
      }
      .transparency-features {
        grid-template-columns: 1fr;
        gap: 1.25rem;
      }
      .transparency-custody-row {
        grid-template-columns: 1fr;
        gap: 1.25rem;
      }
      .transparency-glow {
        width: 350px;
        height: 100px;
      }
      .transparency-dashboard {
        padding: 1.5rem 1.25rem;
      }
      .transparency-row {
        grid-template-columns: 1.5fr 1fr;
        gap: 0.5rem;
      }
      .transparency-row-bar,
      .transparency-row-status {
        display: none;
      }
      .transparency-row-bar-mobile {
        display: block;
        grid-column: 1 / -1;
      }
    }

    /* ── Section 21: Liquidity ── */
    .liquidity-section {
      position: relative;
      padding: 8rem 5vw;
      background: var(--bg-cold);
      overflow: hidden;
    }

    /* Layer 1: Multi-gradient backdrop */
    .liquidity-section::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(to bottom, rgba(26, 15, 10, 0.45) 0%, rgba(26, 15, 10, 0.15) 8%, transparent 18%),
        radial-gradient(ellipse 50% 40% at 15% 20%, rgba(231, 65, 50, 0.04), transparent 60%),
        radial-gradient(ellipse 45% 35% at 90% 80%, rgba(245, 240, 235, 0.025), transparent 55%),
        linear-gradient(to bottom, transparent 55%, rgba(26, 15, 10, 0.5) 78%, rgba(26, 15, 10, 0.92) 100%);
      pointer-events: none;
      z-index: 0;
    }

    /* Layer 2: SVG noise texture */
    .liquidity-section::after {
      content: '';
      position: absolute;
      inset: 0;
      opacity: 0.03;
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
      background-size: 256px 256px;
      pointer-events: none;
      z-index: 1;
    }

    /* Layer 3: Ambient glow */
    .liquidity-glow {
      position: absolute;
      width: 500px;
      height: 200px;
      top: 40%;
      left: 30%;
      transform: translate(-50%, -50%);
      background: radial-gradient(ellipse at center, rgba(231, 65, 50, 0.045), transparent 70%);
      filter: blur(80px);
      pointer-events: none;
      z-index: 0;
    }

    .liquidity-inner {
      position: relative;
      z-index: 2;
      max-width: 1100px;
      margin: 0 auto;
    }

    /* Decorative section transition rule */
    .liquidity-rule {
      width: 60px;
      height: 1px;
      margin: 0 auto 3rem;
      background: linear-gradient(90deg, transparent, rgba(231, 65, 50, 0.25), rgba(245, 240, 235, 0.12), rgba(231, 65, 50, 0.25), transparent);
      border-radius: 1px;
    }

    /* ── Zone A: Editorial split (copy left, timeline right) ── */
    .liquidity-split {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 4rem;
      align-items: center;
      margin-bottom: 3.5rem;
    }

    .liquidity-heading {
      font-family: var(--font-display);
      font-size: clamp(2.2rem, 4.5vw, 4rem);
      font-weight: 700;
      letter-spacing: -0.03em;
      line-height: 1.05;
      color: var(--text-primary);
      text-shadow:
        0 2px 16px rgba(0, 0, 0, 0.7),
        0 4px 32px rgba(0, 0, 0, 0.4),
        0 0 60px rgba(0, 0, 0, 0.25);
      margin-bottom: 1.5rem;
    }

    .liquidity-body {
      font-family: var(--font-body);
      font-size: clamp(0.9rem, 1.1vw, 1.05rem);
      font-weight: 400;
      line-height: 1.7;
      color: var(--text-muted);
    }

    /* ── Timeline Comparison Visual ── */
    .liquidity-timeline {
      position: relative;
      background: rgba(245, 240, 235, 0.02);
      border: 1px solid rgba(245, 240, 235, 0.06);
      border-radius: 16px;
      padding: 2.5rem 2rem;
      overflow: hidden;
    }

    .liquidity-timeline.glow-card {
      overflow: visible;
    }

    /* Red bloom behind Pamgia track */
    .liquidity-timeline::before {
      content: '';
      position: absolute;
      width: 120px;
      height: 200px;
      top: 15%;
      right: 25%;
      background: radial-gradient(ellipse at center, rgba(231, 65, 50, 0.08), transparent 70%);
      filter: blur(30px);
      pointer-events: none;
      z-index: 0;
    }

    .liquidity-timeline .liquidity-track-bar--trad,
    .liquidity-timeline .liquidity-track-bar--pamgia,
    .liquidity-timeline .liquidity-track-dashed {
      transition: transform 0.4s var(--ease-out);
      transform-origin: center;
    }

    .liquidity-timeline:hover .liquidity-track-bar--trad,
    .liquidity-timeline:hover .liquidity-track-bar--pamgia,
    .liquidity-timeline:hover .liquidity-track-dashed {
      transform: scale(1.1);
    }

    .liquidity-timeline-labels {
      display: grid;
      grid-template-columns: 1fr 1px 1fr;
      gap: 0;
      margin-bottom: 1.5rem;
      position: relative;
      z-index: 1;
    }

    .liquidity-timeline-label {
      font-family: var(--font-body);
      font-size: 0.75rem; /* v3: was 0.72rem (11.52px) — bumped to 12px floor */
      font-weight: 600;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      text-align: center;
    }

    .liquidity-timeline-label--trad {
      color: var(--text-muted);
    }

    .liquidity-timeline-label--pamgia {
      color: var(--brand-red);
    }

    .liquidity-timeline-divider-top {
      background: rgba(245, 240, 235, 0.06);
    }

    .liquidity-timeline-tracks {
      display: grid;
      grid-template-columns: 1fr 1px 1fr;
      gap: 0;
      position: relative;
      z-index: 1;
    }

    .liquidity-track {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 1.5rem 1rem 0.5rem;
      position: relative;
    }

    .liquidity-timeline-divider {
      background: rgba(245, 240, 235, 0.06);
    }

    /* Traditional track bar */
    .liquidity-track-bar {
      width: 6px;
      border-radius: 3px;
      position: relative;
    }

    .liquidity-track-bar--trad {
      height: 200px;
      background: rgba(245, 240, 235, 0.12);
      transform: scaleY(0);
      transform-origin: top;
      transition: transform 0.9s var(--ease-out);
    }

    .liquidity-track-bar--trad.is-visible {
      transform: scaleY(1);
    }

    /* Tick marks on traditional bar */
    .liquidity-track-tick {
      position: absolute;
      left: -4px;
      width: 14px;
      height: 1px;
      background: rgba(245, 240, 235, 0.08);
    }

    .liquidity-track-tick:nth-child(1) { top: 14.3%; }
    .liquidity-track-tick:nth-child(2) { top: 28.6%; }
    .liquidity-track-tick:nth-child(3) { top: 42.9%; }
    .liquidity-track-tick:nth-child(4) { top: 57.1%; }
    .liquidity-track-tick:nth-child(5) { top: 71.4%; }
    .liquidity-track-tick:nth-child(6) { top: 85.7%; }
    .liquidity-track-tick:nth-child(7) { top: 100%; }

    /* Pamgia track bar */
    .liquidity-track-bar--pamgia {
      height: 55px;
      background: linear-gradient(180deg, var(--brand-red), #ff6b5a);
      box-shadow: 0 0 12px rgba(231, 65, 50, 0.5);
      transform: scaleY(0);
      transform-origin: top;
      transition: transform 0.6s var(--ease-out) 0.15s, box-shadow 0.4s var(--ease-out) 0.8s;
    }

    .liquidity-track-bar--pamgia.is-visible {
      transform: scaleY(1);
      box-shadow: 0 0 16px rgba(231, 65, 50, 0.6), 0 0 40px rgba(231, 65, 50, 0.15);
    }

    /* Dashed continuation line below Pamgia bar */
    .liquidity-track-dashed {
      width: 2px;
      height: 100px;
      background: repeating-linear-gradient(
        180deg,
        rgba(231, 65, 50, 0.2) 0px,
        rgba(231, 65, 50, 0.2) 4px,
        transparent 4px,
        transparent 10px
      );
      margin-top: 4px;
    }

    /* Track side labels */
    .liquidity-track-label {
      font-family: var(--font-body);
      font-size: 0.75rem; /* v3: was 0.7rem (11.2px) — bumped to 12px floor */
      font-weight: 500;
      letter-spacing: 0.08em;
      margin-top: 1rem;
      text-align: center;
    }

    .liquidity-track-label--trad {
      color: var(--text-muted);
    }

    .liquidity-track-label--pamgia {
      color: var(--brand-red);
    }

    .disclosure-marker {
      font-size: max(12px, 0.75rem);
    }

    /* ── Zone B: Four feature cards ── */
    .liquidity-cards {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 1.25rem;
    }

    .liquidity-card {
      position: relative;
      padding: 2rem;
      background: rgba(10, 8, 6, 0.92);
      border: 1px solid rgba(245, 240, 235, 0.06);
      border-radius: 12px;
      box-shadow:
        0 4px 24px rgba(0, 0, 0, 0.55),
        0 20px 60px rgba(0, 0, 0, 0.4),
        inset 0 1px 0 rgba(245, 240, 235, 0.04);
    }

    /* CSS-only card icons */
    .liquidity-icon {
      width: 64px;
      height: 64px;
      margin-bottom: 1rem;
      position: relative;
      transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .liquidity-icon svg {
      width: 100%;
      height: 100%;
    }
    .liquidity-card:hover .liquidity-icon {
      transform: scale(1.1);
    }

    .liquidity-card-title {
      font-family: var(--font-body);
      font-size: 1.15rem;
      font-weight: 600;
      color: var(--text-primary);
      margin-bottom: 0.75rem;
      letter-spacing: -0.01em;
    }

    .liquidity-card-text {
      font-family: var(--font-body);
      font-size: clamp(0.88rem, 1vw, 0.95rem);
      font-weight: 400;
      line-height: 1.7;
      color: var(--text-muted);
    }

    @media (max-width: 768px) {
      .liquidity-section {
        padding: 5rem 5vw;
      }
      .liquidity-split {
        grid-template-columns: 1fr;
        gap: 2.5rem;
      }
      .liquidity-timeline {
        padding: 1.5rem;
      }
      .liquidity-track-bar--trad {
        height: 150px;
      }
      .liquidity-track-bar--pamgia {
        height: 40px;
      }
      .liquidity-track-dashed {
        height: 70px;
      }
      .liquidity-cards {
        grid-template-columns: 1fr;
        gap: 1.25rem;
      }
      .liquidity-card {
        padding: 1.5rem;
      }
      .liquidity-glow {
        width: 300px;
        height: 120px;
      }
    }

    /* ── Section 22: Superior Collateral Monitoring ── */
    /* Monitoring content wrapper (inside merged capital-visible section) */
    .monitoring-inv-section {
      position: relative;
      text-align: center;
    }

    /* ── Capital Visible section divider ── */
    .capital-visible-divider {
      display: flex;
      align-items: center;
      gap: 1.5rem;
      margin: 4rem 0 3.5rem;
    }
    .capital-visible-divider-line {
      flex: 1;
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(231, 65, 50, 0.2), transparent);
    }
    .capital-visible-divider-text {
      font-family: var(--font-body);
      font-size: 0.75rem; /* v3: was 0.72rem (11.52px) — bumped to 12px floor */
      font-weight: 600;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: var(--brand-red);
      white-space: nowrap;
    }

    /* Monitoring sub-heading within merged section */
    .monitoring-inv-subheading {
      font-family: var(--font-display);
      font-size: clamp(1.6rem, 3vw, 2.4rem);
      font-weight: 700;
      letter-spacing: -0.02em;
      line-height: 1.1;
      color: var(--text-primary);
      text-shadow:
        0 2px 16px rgba(0, 0, 0, 0.7),
        0 4px 32px rgba(0, 0, 0, 0.4);
      margin-bottom: 1.25rem;
    }

    .monitoring-inv-subbody {
      font-family: var(--font-body);
      font-size: clamp(0.9rem, 1.1vw, 1.05rem);
      font-weight: 400;
      line-height: 1.7;
      color: var(--text-muted);
      max-width: 56ch;
      margin: 0 auto 3rem;
    }


    /* ═══════════════ Coverage Moment — Concentric Rhythm ═══════════════ */
    .coverage-section {
      position: relative;
    }

    .coverage-stage[data-coverage-variant="rhythm"] {
      position: relative;
      max-width: 900px;
      margin: 3.5rem auto 0;
      padding: 0;
    }

    /* Bento card wrapper (glow-card adds the mouse-tracking border from shared/js/glowing-effect.js) */
    .coverage-rhythm-card {
      position: relative;
      padding: 4rem 2.5rem 3.75rem;
      min-height: 520px;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      gap: clamp(3rem, 7vw, 6rem);
      background:
        radial-gradient(ellipse at 50% 45%, rgba(231, 65, 50, 0.07), transparent 60%),
        linear-gradient(155deg, rgba(26, 15, 10, 0.85) 0%, rgba(10, 10, 10, 0.95) 100%);
      border: 1px solid rgba(245, 240, 235, 0.06);
      border-radius: 0.75rem;
      isolation: isolate;
    }

    /* Main rhythm area — this is what scales 10% on card hover */
    .coverage-rhythm {
      position: relative;
      width: 100%;
      max-width: 340px;
      aspect-ratio: 1 / 1;
      margin: 0 auto;
      transform-origin: 50% 50%;
      transition: transform 0.55s cubic-bezier(0.16, 1, 0.3, 1);
      will-change: transform;
    }

    .coverage-rhythm-svg {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      overflow: visible;
    }

    .coverage-rhythm-ring-outer {
      stroke: var(--brand-red);
      stroke-opacity: 0.18;
      stroke-width: 1;
      fill: none;
      transition: stroke-opacity 0.45s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .coverage-rhythm-ring-inner {
      stroke: var(--brand-red);
      stroke-opacity: 0.55;
      stroke-width: 2;
      fill: none;
      stroke-linecap: butt;
      transition: stroke-opacity 0.45s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .coverage-rhythm-tick {
      stroke: var(--brand-red);
      stroke-opacity: 0.85;
      stroke-width: 1.6;
      stroke-linecap: round;
    }

    /* Traveling dot that orbits the inner ring on card hover.
       transform-box: view-box anchors the rotation origin to the SVG viewBox's
       coordinate space so (120, 120) is the true geometric center. */
    .coverage-rhythm-trail {
      transform-box: view-box;
      transform-origin: 120px 120px;
      animation: coverage-rhythm-trail-spin 7s linear infinite;
      opacity: 0;
      transition: opacity 0.45s cubic-bezier(0.16, 1, 0.3, 1);
      pointer-events: none;
    }

    .coverage-rhythm-trail-dot {
      fill: #ff7a6d;
      filter: drop-shadow(0 0 6px rgba(231, 65, 50, 0.85));
    }

    @keyframes coverage-rhythm-trail-spin {
      from { transform: rotate(0deg); }
      to   { transform: rotate(360deg); }
    }

    /* Center label — the verbal anchor inside the ring */
    .coverage-rhythm-center {
      position: absolute;
      inset: 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 0.35rem;
      text-align: center;
      pointer-events: none;
      padding: 0 18%;
    }

    .coverage-rhythm-center-kicker {
      font-family: var(--font-body);
      font-size: 0.62rem;
      font-weight: 600;
      letter-spacing: 0.24em;
      text-transform: uppercase;
      color: var(--brand-red);
      line-height: 1;
    }

    .coverage-rhythm-center-value {
      font-family: var(--font-accent);
      font-weight: 400;
      font-size: clamp(2.6rem, 5.5vw, 3.4rem);
      line-height: 1;
      color: var(--text-primary);
      letter-spacing: -0.02em;
      font-variant-numeric: tabular-nums;
      transition: text-shadow 0.45s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .coverage-rhythm-center-caption {
      font-family: var(--font-body);
      font-size: 0.7rem;
      font-weight: 400;
      letter-spacing: 0.02em;
      line-height: 1.4;
      color: var(--text-muted);
      max-width: 18ch;
    }

    /* Quarterly labels float around the main SVG */
    .coverage-rhythm-label {
      position: absolute;
      font-family: var(--font-body);
      font-size: 0.7rem;
      font-weight: 600;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      color: var(--brand-red);
      white-space: nowrap;
      line-height: 1;
      font-variant-numeric: tabular-nums;
    }

    .coverage-rhythm-label--q1 {
      top: 50%;
      left: calc(100% + 16px);
      transform: translateY(-50%);
    }
    .coverage-rhythm-label--q2 {
      top: calc(100% + 18px);
      left: 50%;
      transform: translateX(-50%);
    }
    .coverage-rhythm-label--q3 {
      top: 50%;
      right: calc(100% + 16px);
      transform: translateY(-50%);
    }
    .coverage-rhythm-label--q4 {
      bottom: calc(100% + 18px);
      left: 50%;
      transform: translateX(-50%);
    }

    /* Companion industry ring — the comparison peer to the main Pamgia ring.
       Smaller scale (max 170px vs main 340px), same stroke vocabulary but neutral
       label colors so it reads as "the other side" rather than a Pamgia element. */
    .coverage-rhythm-industry-ring {
      position: relative;
      width: clamp(140px, 18vw, 180px);
      aspect-ratio: 1 / 1;
      flex-shrink: 0;
      transform-origin: 50% 50%;
    }

    .coverage-rhythm-industry-ring-svg {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      overflow: visible;
    }

    /* Hairline reference circle — mirrors main outer ring's stroke opacity so the
       two rings read as same visual family, just at different scales. */
    .coverage-rhythm-industry-ring-base {
      stroke: var(--brand-red);
      stroke-opacity: 0.18;
      stroke-width: 1;
      fill: none;
    }

    /* 5% arc at 12 o'clock. Neutral warm-white (not red) so it reads as the
       industry's portion rather than a Pamgia attribute. */
    .coverage-rhythm-industry-ring-arc {
      stroke: rgba(245, 240, 235, 0.55);
      stroke-width: 2;
      stroke-linecap: round;
      fill: none;
    }

    /* Center label for industry ring — parallel structure to .coverage-rhythm-center
       but smaller type and neutral colors. "5%" is at full opacity so the number
       is legible even though the framing is dim. */
    .coverage-rhythm-industry-center {
      position: absolute;
      inset: 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 0.25rem;
      text-align: center;
      pointer-events: none;
      padding: 0 14%;
    }

    .coverage-rhythm-industry-center-kicker {
      font-family: var(--font-body);
      font-size: 0.55rem;
      font-weight: 600;
      letter-spacing: 0.24em;
      text-transform: uppercase;
      color: var(--text-muted);
      line-height: 1;
    }

    .coverage-rhythm-industry-center-value {
      font-family: var(--font-accent);
      font-weight: 400;
      font-size: clamp(1.75rem, 3vw, 2.2rem);
      line-height: 1;
      color: var(--text-primary);
      letter-spacing: -0.01em;
      font-variant-numeric: tabular-nums;
    }

    .coverage-rhythm-industry-center-caption {
      font-family: var(--font-body);
      font-size: 0.62rem;
      font-weight: 400;
      letter-spacing: 0.02em;
      line-height: 1.3;
      color: var(--text-muted);
    }

    /* ── Hover: graphic scales 1.1, rings brighten, trail dot orbits, value glows ── */
    @media (hover: hover) {
      .coverage-rhythm-card:hover .coverage-rhythm {
        transform: scale(1.1);
      }
      .coverage-rhythm-card:hover .coverage-rhythm-ring-outer {
        stroke-opacity: 0.32;
      }
      .coverage-rhythm-card:hover .coverage-rhythm-ring-inner {
        stroke-opacity: 0.78;
      }
      .coverage-rhythm-card:hover .coverage-rhythm-trail {
        opacity: 1;
      }
      .coverage-rhythm-card:hover .coverage-rhythm-center-value {
        text-shadow: 0 0 24px rgba(231, 65, 50, 0.4);
      }
    }

    /* Mobile: stack industry above Pamgia, both centered, card breathes less */
    @media (max-width: 640px) {
      .coverage-rhythm-card {
        padding: 2.5rem 1rem 2.75rem;
        min-height: auto;
        flex-direction: column;
        gap: 2rem;
      }
      .coverage-rhythm-industry-ring {
        width: 130px;
      }
      .coverage-rhythm-industry-center-kicker { font-size: 0.5rem; letter-spacing: 0.22em; }
      .coverage-rhythm-industry-center-value { font-size: clamp(1.5rem, 6vw, 1.9rem); }
      .coverage-rhythm-industry-center-caption { font-size: 0.56rem; }
      .coverage-rhythm {
        max-width: 210px;
      }
      .coverage-rhythm-label {
        font-size: 0.6rem;
        letter-spacing: 0.14em;
      }
      .coverage-rhythm-label--q1 { left: calc(100% + 6px); }
      .coverage-rhythm-label--q3 { right: calc(100% + 6px); }
      .coverage-rhythm-label--q2 { top: calc(100% + 12px); }
      .coverage-rhythm-label--q4 { bottom: calc(100% + 12px); }
      .coverage-rhythm-center {
        padding: 0 14%;
        gap: 0.2rem;
      }
      .coverage-rhythm-center-kicker { font-size: 0.54rem; letter-spacing: 0.2em; }
      .coverage-rhythm-center-value { font-size: clamp(1.9rem, 9vw, 2.3rem); }
      .coverage-rhythm-center-caption { font-size: 0.6rem; max-width: 14ch; }
    }

    /* No-hover devices — kill the continuous trail animation to save CPU.
       .glow-effect is already disabled by shared.css @media (hover: none). */
    @media (hover: none) {
      .coverage-rhythm-trail { animation: none; }
    }

    /* Reduced-motion: belt-and-braces. Stop animations, render static final state. */
    @media (prefers-reduced-motion: reduce) {
      .coverage-rhythm-ring-outer,
      .coverage-rhythm-ring-inner {
        stroke-dasharray: none !important;
        stroke-dashoffset: 0 !important;
        transition: none !important;
      }
      .coverage-rhythm-tick,
      .coverage-rhythm-industry-ring,
      .coverage-rhythm-industry-ring-base,
      .coverage-rhythm-industry-ring-arc,
      .coverage-rhythm-industry-center-kicker,
      .coverage-rhythm-industry-center-value,
      .coverage-rhythm-industry-center-caption,
      .coverage-rhythm-center-kicker,
      .coverage-rhythm-center-value,
      .coverage-rhythm-center-caption {
        opacity: 1 !important;
        transform: none !important;
      }
      .coverage-rhythm,
      .coverage-rhythm-center-value {
        transition: none !important;
      }
      .coverage-rhythm-trail {
        animation: none !important;
      }
    }

    /* ── Section 23: Clean Fee Structure ── */
    /* Fee sub-component container (no longer a standalone section) */
    .fee-inner {
      position: relative;
      z-index: 2;
      max-width: 1100px;
      margin: 0 auto;
    }

    /* ── Section 24: Governance (merged into Investor Control) ── */
    /* Governance content wrapper (inside merged liquidity/investor-control section) */
    .governance-wrapper {
      position: relative;
      text-align: center;
    }

    /* Ambient glow behind governance flow visual */
    .governance-glow {
      position: absolute;
      width: 550px;
      height: 180px;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background: radial-gradient(ellipse at center, rgba(231, 65, 50, 0.05), transparent 70%);
      filter: blur(80px);
      pointer-events: none;
      z-index: 0;
    }

    /* ── Investor Control section divider ── */
    .investor-control-divider {
      display: flex;
      align-items: center;
      gap: 1.5rem;
      margin: 4rem 0 3.5rem;
    }
    .investor-control-divider-line {
      flex: 1;
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(231, 65, 50, 0.2), transparent);
    }
    .investor-control-divider-text {
      font-family: var(--font-body);
      font-size: 0.75rem; /* v3: was 0.72rem (11.52px) — bumped to 12px floor */
      font-weight: 600;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: var(--brand-red);
      white-space: nowrap;
    }

    /* Governance sub-heading within merged section */
    .governance-subheading {
      font-family: var(--font-display);
      font-size: clamp(1.6rem, 3vw, 2.4rem);
      font-weight: 700;
      letter-spacing: -0.02em;
      line-height: 1.1;
      color: var(--text-primary);
      text-shadow:
        0 2px 16px rgba(0, 0, 0, 0.7),
        0 4px 32px rgba(0, 0, 0, 0.4);
      margin-bottom: 1.25rem;
      text-align: center;
    }

    .governance-subbody {
      font-family: var(--font-body);
      font-size: clamp(0.9rem, 1.1vw, 1.05rem);
      font-weight: 400;
      line-height: 1.7;
      color: var(--text-muted);
      max-width: 56ch;
      margin: 0 auto 3rem;
      text-align: center;
    }

    /* Governance process flow visual */
    .governance-flow {
      position: relative;
      padding: 2.5rem 2rem 2rem;
      background: rgba(10, 8, 6, 0.92);
      border: 1px solid rgba(245, 240, 235, 0.06);
      border-radius: 12px;
      box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4), 0 16px 48px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(245, 240, 235, 0.04);
      margin-bottom: 2.5rem;
      overflow: hidden;
    }

    .governance-flow.glow-card {
      overflow: visible;
    }

    .governance-flow .gov-voter-dot,
    .governance-flow .gov-checkmark,
    .governance-flow .gov-majority-label {
      transition: transform 0.4s var(--ease-out);
      transform-origin: center;
    }

    .governance-flow:hover .gov-voter-dot,
    .governance-flow:hover .gov-checkmark,
    .governance-flow:hover .gov-majority-label {
      transform: scale(1.1);
    }

    .governance-flow-bloom {
      position: absolute;
      width: 200px;
      height: 200px;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background: radial-gradient(ellipse at center, rgba(231, 65, 50, 0.08), transparent 70%);
      filter: blur(40px);
      pointer-events: none;
      z-index: 0;
    }

    .governance-flow-inner {
      position: relative;
      z-index: 1;
      display: flex;
      align-items: flex-start;
      justify-content: center;
    }

    .governance-flow-step {
      text-align: center;
      flex: 0 0 auto;
      width: 180px;
      /* GSAP controls opacity/transform — no CSS transitions */
    }

    .governance-flow-num {
      font-family: var(--font-accent);
      font-size: 2.2rem;
      font-weight: 400;
      line-height: 1;
      color: rgba(245, 240, 235, 0.12);
      margin-bottom: 0.75rem;
    }

    .governance-flow-step--vote .governance-flow-num {
      color: var(--brand-red);
      text-shadow: 0 0 20px rgba(231, 65, 50, 0.3), 0 0 40px rgba(231, 65, 50, 0.1);
    }

    .governance-flow-title {
      font-family: var(--font-body);
      font-size: 0.8rem;
      font-weight: 600;
      color: var(--text-primary);
      text-transform: uppercase;
      letter-spacing: 0.1em;
      margin-bottom: 0.4rem;
    }

    .governance-flow-desc {
      font-family: var(--font-body);
      font-size: 0.82rem;
      font-weight: 400;
      line-height: 1.5;
      color: var(--text-muted);
      max-width: 150px;
      margin: 0 auto;
    }

    /* Connecting lines between steps */
    .governance-flow-line {
      position: relative;
      flex: 1;
      max-width: 60px;
      height: 1px;
      margin-top: 1rem;
      flex-shrink: 0;
      background: linear-gradient(90deg, rgba(245, 240, 235, 0.06), rgba(231, 65, 50, 0.2), rgba(245, 240, 235, 0.06));
      opacity: 0;
      overflow: visible;
    }

    /* Legacy .is-visible rules removed — GSAP now controls all governance flow animation */

    /* ── Vote Cascade animation elements ── */

    /* Pulse ripple on connecting lines */
    .gov-pulse {
      position: absolute;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: var(--brand-red);
      top: 50%;
      left: 0;
      transform: translate(-50%, -50%);
      opacity: 0;
      box-shadow: 0 0 6px rgba(231, 65, 50, 0.4);
      z-index: 2;
    }

    /* Voter dots inside Vote step */
    .gov-voter-dots {
      display: flex;
      justify-content: center;
      gap: 6px;
      margin-top: 0.6rem;
    }

    .gov-voter-dot {
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: rgba(245, 240, 235, 0.12);
      border: 1px solid rgba(245, 240, 235, 0.08);
    }

    /* Majority micro-label */
    .gov-majority-label {
      font-family: var(--font-body);
      font-size: 0.65rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.12em;
      color: var(--brand-red);
      margin-top: 0.35rem;
      opacity: 0;
    }

    /* Checkmark overlay in Execute step */
    .gov-checkmark {
      margin-top: 0.5rem;
      display: flex;
      justify-content: center;
      opacity: 0;
    }

    /* Step active state — border glow added by GSAP */
    .governance-flow-step {
      border: 1px solid transparent;
      border-radius: 8px;
      padding: 0.75rem 0.5rem;
    }

    /* Feature cards */
    .governance-cards {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 1.5rem;
    }

    .governance-card {
      position: relative;
      padding: 2rem 1.5rem;
      background: rgba(10, 8, 6, 0.92);
      border: 1px solid rgba(245, 240, 235, 0.06);
      border-radius: 12px;
      box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);
      text-align: left;
    }

    /* Card icons */
    .governance-icon {
      width: 64px;
      height: 64px;
      margin-bottom: 1rem;
      position: relative;
      transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .governance-icon svg {
      width: 100%;
      height: 100%;
    }
    .governance-card:hover .governance-icon {
      transform: scale(1.1);
    }

    .governance-card-title {
      font-family: var(--font-body);
      font-size: 1.15rem;
      font-weight: 600;
      color: var(--text-primary);
      margin-bottom: 0.75rem;
      letter-spacing: -0.01em;
    }

    .governance-card-text {
      font-family: var(--font-body);
      font-size: clamp(0.88rem, 1vw, 0.95rem);
      font-weight: 400;
      line-height: 1.7;
      color: var(--text-muted);
    }

    /* Mobile responsive */
    @media (max-width: 768px) {
      .governance-flow {
        padding: 2rem 1.5rem;
      }
      .governance-flow-inner {
        flex-direction: column;
        align-items: center;
      }
      .governance-flow-step {
        width: auto;
        max-width: 200px;
      }
      .governance-flow-line {
        width: 1px;
        height: 24px;
        max-width: none;
        margin: 0.5rem 0;
        background: linear-gradient(180deg, rgba(245, 240, 235, 0.06), rgba(231, 65, 50, 0.2), rgba(245, 240, 235, 0.06));
      }
      .gov-pulse {
        top: 0;
        left: 50%;
        transform: translate(-50%, -50%);
      }
      .gov-voter-dot {
        width: 6px;
        height: 6px;
      }
      .governance-cards {
        grid-template-columns: 1fr;
      }
      .governance-glow {
        width: 300px;
        height: 120px;
      }
      .governance-card {
        padding: 1.5rem;
      }
    }

    /* ── Section 25+26: Merged Investor FAQ + CTA ── */
    .faq-cta-inv-section {
      position: relative;
      overflow: hidden;
      background: var(--bg-cold);
      padding: 8rem 5vw 3rem;
    }
    .faq-cta-inv-section::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(to bottom,
          rgba(26, 15, 10, 0.92) 0%,
          rgba(26, 15, 10, 0.78) 15%,
          rgba(26, 15, 10, 0.60) 45%,
          rgba(26, 15, 10, 0.38) 70%,
          rgba(10, 10, 10, 0.78) 90%,
          rgba(10, 10, 10, 1.00) 100%),
        radial-gradient(ellipse 70% 55% at 28% 30%, rgba(58, 28, 16, 0.38), transparent 65%),
        radial-gradient(ellipse 60% 50% at 78% 55%, rgba(42, 22, 14, 0.30), transparent 60%),
        radial-gradient(ellipse 50% 45% at 75% 18%, rgba(231, 65, 50, 0.055), transparent 62%),
        radial-gradient(ellipse 45% 40% at 22% 65%, rgba(231, 65, 50, 0.035), transparent 60%);
      pointer-events: none;
      z-index: 0;
    }
    .faq-cta-inv-section::after {
      content: '';
      position: absolute;
      inset: 0;
      opacity: 0.032;
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
      background-size: 256px 256px;
      pointer-events: none;
      z-index: 1;
    }

    .faq-inv-inner {
      position: relative;
      z-index: 2;
      max-width: 1100px;
      margin: 0 auto;
    }

    .faq-inv-accent {
      width: 48px;
      height: 2px;
      background: var(--brand-red);
      margin-bottom: 1.25rem;
    }

    .faq-inv-heading {
      max-width: 640px;
      font-family: var(--font-display);
      font-weight: 700;
      font-size: clamp(1.75rem, 3.2vw, 2.5rem);
      line-height: 1.15;
      letter-spacing: -0.03em;
      color: var(--text-primary);
      margin-bottom: 1.25rem;
      text-shadow:
        0 0 40px rgba(231, 65, 50, 0.1),
        0 0 80px rgba(0, 0, 0, 0.3),
        0 2px 8px rgba(0, 0, 0, 0.5);
    }

    .faq-inv-body {
      max-width: 580px;
      font-family: var(--font-body);
      font-weight: 400;
      font-size: clamp(0.9rem, 1.1vw, 1.05rem);
      line-height: 1.7;
      color: var(--text-muted);
      margin-bottom: 3.5rem;
    }

    .faq-inv-list {
      max-width: 780px;
    }

    .faq-inv-item {
      border-top: 1px solid rgba(245, 240, 235, 0.08);
      border-left: 2px solid transparent;
      padding-left: 1rem;
      transition: border-color 0.3s var(--ease-out), background-color 0.3s var(--ease-out);
    }
    .faq-inv-item:last-child {
      border-bottom: 1px solid rgba(245, 240, 235, 0.08);
    }
    .faq-inv-item:hover {
      border-left-color: rgba(231, 65, 50, 0.4);
      background-color: rgba(245, 240, 235, 0.012);
    }
    .faq-inv-item[open] {
      border-left-color: var(--brand-red);
      background-color: rgba(245, 240, 235, 0.02);
    }

    .faq-inv-question {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1.5rem;
      padding: 1.5rem 0;
      cursor: pointer;
      list-style: none;
      transition: opacity 0.3s var(--ease-out);
    }
    .faq-inv-question::-webkit-details-marker {
      display: none;
    }
    .faq-inv-question::marker {
      display: none;
      content: "";
    }
    .faq-inv-question:hover {
      opacity: 1;
    }
    .faq-inv-question:hover .faq-inv-toggle {
      border-color: rgba(231, 65, 50, 0.3);
    }
    .faq-inv-question:hover .faq-inv-toggle::before,
    .faq-inv-question:hover .faq-inv-toggle::after {
      background: var(--brand-red);
    }

    .faq-inv-question-text {
      font-family: var(--font-display);
      font-weight: 600;
      font-size: clamp(1rem, 1.4vw, 1.15rem);
      letter-spacing: -0.01em;
      color: var(--text-primary);
      line-height: 1.3;
    }

    .faq-inv-toggle {
      flex-shrink: 0;
      width: 28px;
      height: 28px;
      border: 1px solid rgba(245, 240, 235, 0.12);
      border-radius: 50%;
      position: relative;
      transition: transform 0.4s var(--ease-spring), border-color 0.4s var(--ease-out);
    }
    .faq-inv-question:focus-visible .faq-inv-toggle {
      outline: 2px solid var(--brand-red);
      outline-offset: 4px;
    }
    .faq-inv-toggle::before,
    .faq-inv-toggle::after {
      content: "";
      position: absolute;
      background: var(--text-primary);
      border-radius: 1px;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      transition: background 0.3s var(--ease-out);
    }
    .faq-inv-toggle::before {
      width: 12px;
      height: 1.5px;
    }
    .faq-inv-toggle::after {
      width: 1.5px;
      height: 12px;
      transition: transform 0.4s var(--ease-spring), opacity 0.3s var(--ease-out);
    }

    .faq-inv-item[open] .faq-inv-toggle {
      transform: rotate(45deg);
      border-color: rgba(231, 65, 50, 0.3);
    }
    .faq-inv-item[open] .faq-inv-toggle::before,
    .faq-inv-item[open] .faq-inv-toggle::after {
      background: var(--brand-red);
    }
    .faq-inv-item[open] .faq-inv-toggle::after {
      opacity: 1;
    }

    .faq-inv-answer {
      overflow: hidden;
      padding: 0 0 1.75rem 0;
    }
    .faq-inv-answer p {
      font-family: var(--font-body);
      font-weight: 400;
      font-size: clamp(0.88rem, 1.05vw, 0.95rem);
      line-height: 1.75;
      color: var(--text-muted);
      max-width: 680px;
    }

    /* CTA lamp wrapper + inline CTA rules removed — CTA now uses canonical
       .section-cta pattern defined in shared/css/shared.css. The nested
       .faq-inline-cta-inv .cta-heading font override (var(--font-display),
       sans-serif) that conflicted with the shared DM Serif Display heading
       token is gone as part of this cleanup. */

    @media (max-width: 768px) {
      .faq-cta-inv-section {
        padding: 5rem 5vw 2rem;
      }
      .faq-inv-item {
        padding-left: 0.75rem;
      }
      .faq-inv-question {
        padding: 1.25rem 0;
        gap: 1rem;
      }
      .faq-inv-toggle {
        width: 24px;
        height: 24px;
      }
      .faq-inv-toggle::before {
        width: 10px;
      }
      .faq-inv-toggle::after {
        height: 10px;
      }
      .faq-inv-answer {
        padding-bottom: 1.5rem;
      }
    }

    /* ── Glow card overflow override ── */
    /* Cards with explicit overflow: hidden need override for glow border effect */
    .glow-card.opportunity-stat {
      overflow: visible;
    }