/* ═══════════════════════════════════════════════════════════════════════════════════════
   INFINITE ARCHITECTS — MOBILE ACCORDION V6 ULTIMATE
   Award-Winning Quality · Cinematic Experience · Production Ready
   
   VERSION: 6.0.0 ULTIMATE
   DATE: January 16, 2026
   
   CORRECT STRUCTURE:
   ─────────────────────────────────────────────────────────────────────────────────────────
   PART I    The Mind          — The pattern-finder who saw it coming
   PART II   The Evidence      — BBC confirmed this 5 days later
   PART III  The Thesis        — One equation. All of creation.
   PART IV   The Philosophy    — 37 concepts that exist nowhere else
   PART V    The Convergence   — When the loops close
   PART VI   The Stakes        — This isn't tomorrow. It's now.
   PART VII  The Verdict       — What early readers discovered
   PART VIII Join the Movement — Your seat is waiting
   FAQ       Frequently Asked  — What readers ask most
   ═══════════════════════════════════════════════════════════════════════════════════════ */


/* ═══════════════════════════════════════════════════════════════════════════════════════
   SECTION 1: DESIGN TOKENS
   ═══════════════════════════════════════════════════════════════════════════════════════ */

:root {
  /* Gold Palette */
  --accordion-gold: var(--gold, #d4a84b);
  --accordion-gold-bright: var(--gold-bright, #f4c856);
  --accordion-gold-pale: var(--gold-pale, #e8d4a0);
  --accordion-gold-dark: var(--gold-dark, #a67c35);
  --accordion-gold-glow: var(--gold-glow, rgba(212, 168, 75, 0.35));
  --accordion-gold-subtle: rgba(212, 168, 75, 0.1);
  
  /* Void (Background) */
  --accordion-void: var(--void, #02030a);
  --accordion-void-mid: var(--void-mid, #050810);
  --accordion-void-light: #0a0d15;
  
  /* Card Surfaces */
  --accordion-card-bg: rgba(255, 255, 255, 0.02);
  --accordion-card-bg-hover: rgba(255, 255, 255, 0.04);
  --accordion-card-border: rgba(212, 168, 75, 0.15);
  --accordion-card-border-hover: rgba(212, 168, 75, 0.3);
  
  /* Text Hierarchy */
  --accordion-text: var(--text, #f0ebe3);
  --accordion-text-dim: var(--text-dim, rgba(240, 235, 227, 0.65));
  --accordion-text-faint: var(--text-faint, rgba(240, 235, 227, 0.35));
  
  /* Status Colors */
  --accordion-verified: #4ade80;
  --accordion-verified-glow: rgba(74, 222, 128, 0.4);
  --accordion-error: #ff4444;
  --accordion-danger: #ff6b6b;
  
  /* Eden & Babylon */
  --accordion-eden: #4ade80;
  --accordion-eden-bg: rgba(74, 222, 128, 0.08);
  --accordion-babylon: #ff4444;
  --accordion-babylon-bg: rgba(255, 68, 68, 0.08);
  
  /* Typography */
  --accordion-font-display: var(--font-display, 'Cinzel', serif);
  --accordion-font-serif: var(--font-serif, 'Cormorant Garamond', Georgia, serif);
  --accordion-font-mono: var(--font-mono, 'Space Mono', monospace);
  
  /* Animation Curves — Apple-grade physics */
  --accordion-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --accordion-ease-out: cubic-bezier(0.19, 1, 0.22, 1);
  --accordion-ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --accordion-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --accordion-ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
  
  /* Timing */
  --duration-fast: 200ms;
  --duration-normal: 400ms;
  --duration-slow: 600ms;
  
  /* Spacing */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  
  /* Buy Bar */
  --buy-bar-height: 72px;

  /* ═══════════════════════════════════════════════════════════════════════════════════
     ACCESSIBLE TYPOGRAPHY SCALE — Optimised for Cormorant Garamond readability
     Note: Cormorant appears ~15% smaller than sans-serif at same px, italics even smaller
     ═══════════════════════════════════════════════════════════════════════════════════ */
  --font-size-xs: 1rem;         /* 18px - minimum for Cormorant */
  --font-size-sm: 1.0625rem;    /* 19px - labels, captions */
  --font-size-caption: 1.125rem; /* 20px - captions, secondary info */
  --font-size-secondary: 1.1875rem; /* 21px - secondary text */
  --font-size-body: 1.25rem;    /* 22px - body text */
  --font-size-body-large: 1.3125rem; /* 24px - emphasized body */
  --font-size-subhead: 1.375rem; /* 25px - subheadings */
  --font-size-title: 1.5rem;    /* 27px - titles */
  --font-size-headline: 1.75rem; /* 32px - headlines */
}


/* ═══════════════════════════════════════════════════════════════════════════════════════
   GLOBAL MOBILE TYPOGRAPHY — INDUSTRY STANDARD MINIMUM SIZES

   PROBLEM: Many elements used 0.45-0.65rem (7-10px) which is unreadable on mobile.
   SOLUTION: Override ALL small text to meet Apple HIG / Material Design minimums.

   Minimum sizes enforced:
   - Body text: 16px (1rem)
   - Secondary text: 14px (0.875rem)
   - Labels/captions: 12px (0.75rem)
   - Decorative only: 11px (0.6875rem)
   ═══════════════════════════════════════════════════════════════════════════════════════ */

/* Universal text sizing baseline for mobile — larger for Cormorant Garamond */
.mobile-experience {
  font-size: 18px; /* Base 18px for serif readability */
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  /* CRITICAL: Prevent horizontal overflow on mobile */
  max-width: 100vw;
  overflow-x: hidden;
  overflow-y: auto;
}

/* All body text - minimum 18px for Cormorant Garamond readability */
.mobile-experience p,
.mobile-experience li,
.mobile-experience .body-text,
.mobile-experience .accordion-content p,
.mobile-experience .concept-description,
.mobile-experience .quote-text,
.mobile-experience .faq-answer {
  font-size: var(--font-size-body);
  line-height: 1.65;
}

/* ITALIC COMPENSATION — Cormorant Garamond italics appear ~10% smaller */
.mobile-experience em,
.mobile-experience i,
.mobile-experience .italic,
.mobile-experience blockquote,
.mobile-experience cite {
  font-size: 1.05em; /* Relative boost for italics */
}

/* Secondary text - minimum 14px */
.mobile-experience small,
.mobile-experience .secondary-text,
.mobile-experience .subtitle,
.mobile-experience cite,
.mobile-experience .caption {
  font-size: var(--font-size-secondary);
  line-height: 1.5;
}

/* Labels and captions - minimum 12px */
.mobile-experience label,
.mobile-experience .label,
.mobile-experience .tag,
.mobile-experience .badge,
.mobile-experience [class*="-label"],
.mobile-experience [class*="__label"],
.mobile-experience .stat-label,
.mobile-experience .section-number {
  font-size: var(--font-size-sm);
  line-height: 1.4;
}

/* Space Mono technical labels - minimum 12px */
.mobile-experience .space-mono-label,
.mobile-experience [style*="Space Mono"],
.mobile-experience .accordion-label,
.mobile-experience .part-label {
  font-size: var(--font-size-sm);
  letter-spacing: 0.1em;
}

/* Buttons - minimum 14px for touch readability */
.mobile-experience button,
.mobile-experience .btn,
.mobile-experience [class*="-btn"],
.mobile-experience [class*="__btn"] {
  font-size: var(--font-size-secondary);
  min-height: 44px; /* Apple touch target */
  line-height: 1.4;
}

/* Form inputs - minimum 16px (prevents iOS zoom) */
.mobile-experience input,
.mobile-experience textarea,
.mobile-experience select {
  font-size: var(--font-size-body);
}

/* Copyright and footer text - minimum 12px */
.mobile-experience footer,
.mobile-experience .footer,
.mobile-experience .copyright {
  font-size: var(--font-size-sm);
}

/* Override any inline styles that set tiny fonts */
.mobile-experience [style*="font-size: 0.4"],
.mobile-experience [style*="font-size: 0.5"],
.mobile-experience [style*="font-size: 0.6"] {
  font-size: var(--font-size-sm) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════════════════
   AGGRESSIVE TYPOGRAPHY OVERRIDES — Catch ALL remaining tiny text

   These rules use high specificity to override the ~115 instances of 0.45-0.68rem fonts
   scattered throughout this file. All readable text will be at least 12px (0.75rem).
   ═══════════════════════════════════════════════════════════════════════════════════════ */

/* ALL accordion content text - enforce minimum 12px for any text meant to be read */
.mobile-experience .accordion-content,
.mobile-experience .accordion-content * {
  /* Only apply to text elements - let icons/symbols be their natural size */
}

/* Part labels (PART I, PART II, etc.) - enforce 12px */
.mobile-experience .accordion-header .accordion-part-label,
.mobile-experience .accordion-item__part-label,
.mobile-experience .part-indicator {
  font-size: 1.1875rem !important; /* 12px */
}

/* Section subtitles - enforce 14px */
.mobile-experience .accordion-subtitle,
.mobile-experience .accordion-header__subtitle,
.mobile-experience .section-subtitle {
  font-size: 1.1875rem !important; /* 14px */
}

/* Stat labels (REVENUE, WORDS, etc.) - enforce 12px */
.mobile-experience .stat-label,
.mobile-experience .stat__label,
.mobile-experience .credential-label,
.mobile-experience [class*="stat"] small {
  font-size: 1.1875rem !important; /* 12px */
  letter-spacing: 0.08em;
}

/* Source/citation tags - enforce 12px */
.mobile-experience .source-tag,
.mobile-experience .citation-tag,
.mobile-experience [class*="source-tag"],
.mobile-experience [class*="cite"] {
  font-size: 1.1875rem !important; /* 12px */
}

/* Timestamps and dates - enforce 12px */
.mobile-experience .timestamp,
.mobile-experience .date-label,
.mobile-experience time,
.mobile-experience [class*="date"] {
  font-size: 1.1875rem !important; /* 12px */
}

/* Copyright text - enforce 12px */
.mobile-experience .copyright,
.mobile-experience .footer-copyright,
.mobile-experience footer small {
  font-size: 1.1875rem !important; /* 12px */
}

/* "Powered by" text - enforce 12px */
.mobile-experience [class*="powered"],
.mobile-experience .attribution {
  font-size: 1.1875rem !important; /* 12px */
}

/* Mode labels and checkbox text - enforce 12px */
.mobile-experience [class*="mode-label"],
.mobile-experience [class*="mode-text"] {
  font-size: 1.1875rem !important; /* 12px */
}

/* Quote attributions - enforce 13px */
.mobile-experience blockquote cite,
.mobile-experience .quote-attribution,
.mobile-experience .blockquote-cite {
  font-size: 1.125rem !important; /* 13px */
}

/* Receipts and verified labels - enforce 12px */
.mobile-experience .receipts__label,
.mobile-experience .receipts__subtitle,
.mobile-experience [class*="verified-label"] {
  font-size: 1.1875rem !important; /* 12px */
}

/* All descriptive text in accordion - enforce 15px minimum */
.mobile-experience .accordion-content__inner p,
.mobile-experience .accordion-content__inner .description,
.mobile-experience .concept-card__description {
  font-size: 1.1875rem !important; /* 15px */
  line-height: 1.6;
}

/* Card titles - enforce 16px */
.mobile-experience .card-title,
.mobile-experience .concept-title,
.mobile-experience [class*="card__title"] {
  font-size: 1.125rem !important; /* 16px */
}

/* Review/testimonial text - enforce 16px */
.mobile-experience .review-card__quote,
.mobile-experience .testimonial-text,
.mobile-experience blockquote p {
  font-size: 1.125rem !important; /* 16px */
  line-height: 1.6;
}

/* FAQ content - enforce 16px */
.mobile-experience .faq-answer,
.mobile-experience .faq-content,
.mobile-experience [class*="faq"] p {
  font-size: 1.125rem !important; /* 16px */
  line-height: 1.6;
}

/* Button text - enforce 14px minimum */
.mobile-experience .accordion-content button,
.mobile-experience .accordion-content .btn,
.mobile-experience .accordion-content a.btn {
  font-size: 1.1875rem !important; /* 14px */
}

/* Amazon/purchase links - enforce 14px */
.mobile-experience .purchase-link,
.mobile-experience [class*="amazon"],
.mobile-experience [class*="buy-btn"] {
  font-size: 1.1875rem !important; /* 14px */
}

/* Evidence timeline text - enforce minimums */
.mobile-experience .timeline-year,
.mobile-experience .timeline-date {
  font-size: 1.1875rem !important; /* 11px - decorative */
}

.mobile-experience .timeline-title,
.mobile-experience [class*="timeline"] h4,
.mobile-experience [class*="timeline"] h5 {
  font-size: 1.125rem !important; /* 16px */
}

.mobile-experience .timeline-description,
.mobile-experience [class*="timeline"] p {
  font-size: 1.1875rem !important; /* 15px */
}

/* Prediction tracker - enforce minimums */
.mobile-experience [class*="tracker"] .name,
.mobile-experience [class*="tracker-name"] {
  font-size: 1.1875rem !important; /* 15px */
}

.mobile-experience [class*="tracker"] .status,
.mobile-experience [class*="tracker-state"] {
  font-size: 1.1875rem !important; /* 11px - can be small as it's a status indicator */
}


/* ═══════════════════════════════════════════════════════════════════════════════════════
   SECTION 2: RESPONSIVE TOGGLE
   ═══════════════════════════════════════════════════════════════════════════════════════ */

@media (max-width: 1023px) {
  .mobile-experience {
    display: block;
    visibility: visible;
  }

  .desktop-experience {
    display: none;
  }

  /* section-progress not created on mobile (JS check) - no CSS override needed */

  html {
    scroll-snap-type: none;
    scroll-behavior: smooth;
  }

  body {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    overflow-x: hidden;
  }
}

@media (min-width: 1024px) {
  .mobile-experience {
    display: block;
    visibility: visible;
    max-width: min(1440px, 100%);
    margin: 0 auto;
    padding: 0 clamp(1.5rem, 3vw, 3rem) 5rem;
    overflow: visible;
  }

  .desktop-experience {
    display: none;
  }

  .mobile-buy-bar {
    display: none;
  }

  .mobile-hero {
    min-height: min(100vh, 920px);
    padding: clamp(4rem, 7vw, 6rem) clamp(2rem, 4vw, 4rem);
  }

  .mobile-hero__book {
    width: min(360px, 26vw);
    height: auto;
  }

  .accordion-container {
    max-width: 1200px;
    margin: 0 auto;
    gap: 1.5rem;
  }

  .accordion-item {
    margin-bottom: 1.25rem;
  }

  .accordion-header {
    padding: 1.5rem 1.75rem;
  }

  .accordion-header__main {
    align-items: center;
  }

  .accordion-content__inner {
    padding: clamp(1.75rem, 3vw, 2.75rem);
  }

  .authority-author {
    display: grid;
    grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
    gap: 2rem;
    align-items: center;
  }

  .authority-proof__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .accordion-pricing-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .ask-book-chat__panel {
    max-width: min(560px, 90vw);
  }
}


/* ═══════════════════════════════════════════════════════════════════════════════════════
   SECTION 3: MOBILE HERO — APPLE-GRADE PREMIUM
   ═══════════════════════════════════════════════════════════════════════════════════════ */

.mobile-hero {
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--space-xl) var(--space-lg);
  padding-top: calc(env(safe-area-inset-top, 0px) + var(--space-2xl));
  padding-bottom: calc(env(safe-area-inset-bottom, 0px) + var(--space-2xl));
  background:
    radial-gradient(ellipse 100% 60% at 50% -10%, rgba(212, 168, 75, 0.08) 0%, transparent 50%),
    radial-gradient(ellipse 80% 80% at 50% 100%, rgba(13, 31, 60, 0.2) 0%, transparent 40%),
    var(--accordion-void);
  position: relative;
  overflow: hidden;
  z-index: 1;
  text-align: center;
}

/* ✨ Floating Gradient Orbs */
.mobile-hero::before {
  content: '';
  position: absolute;
  width: 350px;
  height: 350px;
  background: radial-gradient(circle, rgba(212, 168, 75, 0.22) 0%, transparent 70%);
  top: 3%;
  left: -120px;
  animation: orbFloat1 20s ease-in-out infinite;
  pointer-events: none;
  filter: blur(50px);
  z-index: 0;
}

.mobile-hero::after {
  content: '';
  position: absolute;
  width: 280px;
  height: 280px;
  background: radial-gradient(circle, rgba(74, 222, 128, 0.12) 0%, transparent 70%);
  bottom: 12%;
  right: -100px;
  animation: orbFloat2 25s ease-in-out infinite;
  pointer-events: none;
  filter: blur(60px);
  z-index: 0;
}

@keyframes orbFloat1 {
  0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.6; }
  20% { transform: translate(40px, -50px) scale(1.2); opacity: 1; }
  50% { transform: translate(-25px, 40px) scale(0.85); opacity: 0.5; }
  75% { transform: translate(50px, 20px) scale(1.15); opacity: 0.85; }
}

@keyframes orbFloat2 {
  0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.45; }
  30% { transform: translate(-40px, -35px) scale(1.15); opacity: 0.75; }
  60% { transform: translate(35px, 45px) scale(0.9); opacity: 0.35; }
}

/* ✨ Particle Canvas */
.mobile-hero__particles {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
  opacity: 0;
  animation: fadeIn 2s ease-out 0.8s forwards;
}

@keyframes fadeIn {
  to { opacity: 1; }
}


/* ✨ Hero Badge — Apple-grade pill */
.mobile-hero__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(212, 168, 75, 0.2);
  border-radius: 100px;
  font-family: var(--accordion-font-mono);
  font-size: 1.1875rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  color: var(--accordion-gold);
  text-transform: uppercase;
  margin-bottom: var(--space-xl);
  position: relative;
  z-index: 2;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  opacity: 0;
  transform: translateY(-20px);
  animation: badgeReveal 0.8s var(--accordion-ease-out) 0.2s forwards;
}

@keyframes badgeReveal {
  to { opacity: 1; transform: translateY(0); }
}

.mobile-hero__badge-dot {
  width: 6px;
  height: 6px;
  background: var(--accordion-verified);
  border-radius: 50%;
  animation: badgeDotPulse 2s ease-in-out infinite;
  box-shadow: 0 0 8px var(--accordion-verified);
}

@keyframes badgeDotPulse {
  0%, 100% { opacity: 0.6; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.2); }
}


/* ✨ Book Cover/Video — Apple-grade hero media */
.mobile-hero__book {
  width: 220px;
  max-width: 55vw;
  height: auto;
  object-fit: contain;
  border-radius: 8px;
  box-shadow:
    0 40px 80px -20px rgba(0, 0, 0, 0.7),
    0 0 60px rgba(212, 168, 75, 0.15),
    0 0 120px rgba(212, 168, 75, 0.08);
  margin-bottom: var(--space-xl);
  position: relative;
  z-index: 2;
  opacity: 0;
  transform: translateY(40px) scale(0.95);
  animation: bookReveal 1s var(--accordion-ease-out) 0.4s forwards;
}

@keyframes bookReveal {
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}


/* ✨ Title — Apple-grade typography */
.mobile-hero__title {
  font-family: var(--accordion-font-display);
  font-size: clamp(1.75rem, 8vw, 2.25rem);
  font-weight: 400;
  letter-spacing: 0.12em;
  color: var(--accordion-text);
  text-align: center;
  margin-bottom: 8px;
  position: relative;
  z-index: 2;
  line-height: 1.2;
  opacity: 0;
  transform: translateY(20px);
  animation: titleReveal 0.9s var(--accordion-ease-out) 0.6s forwards;
}

@keyframes titleReveal {
  to { opacity: 1; transform: translateY(0); }
}

.mobile-hero__subtitle {
  font-family: var(--accordion-font-serif);
  font-size: clamp(0.9375rem, 4vw, 1.0625rem);
  font-style: italic;
  font-weight: 400;
  color: var(--accordion-text-dim);
  text-align: center;
  margin-bottom: var(--space-xl);
  position: relative;
  z-index: 2;
  max-width: 300px;
  line-height: 1.5;
  opacity: 0;
  transform: translateY(15px);
  animation: subtitleReveal 0.8s var(--accordion-ease-out) 0.8s forwards;
}

@keyframes subtitleReveal {
  to { opacity: 1; transform: translateY(0); }
}


/* ✨ Receipts Widget — Apple-grade proof card */
.mobile-hero__receipts {
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 16px;
  padding: 20px 24px;
  margin-bottom: var(--space-xl);
  position: relative;
  z-index: 2;
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  width: 100%;
  max-width: 320px;
  opacity: 0;
  transform: translateY(20px);
  animation: receiptsReveal 0.8s var(--accordion-ease-out) 1s forwards;
}

@keyframes receiptsReveal {
  to { opacity: 1; transform: translateY(0); }
}

.receipts__label {
  display: block;
  font-family: var(--accordion-font-mono);
  font-size: 1.1875rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  color: var(--accordion-text-faint);
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 16px;
}

.receipts__grid {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 12px;
}

.receipts__item {
  text-align: center;
  flex: 1;
  min-width: 0;
}

.receipts__icon {
  font-size: 1.125rem;
  margin-bottom: 6px;
  display: block;
}

.receipts__source {
  display: block;
  font-family: var(--accordion-font-mono);
  font-size: 1.1875rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  color: var(--accordion-text-dim);
  margin-bottom: 4px;
}

.receipts__date {
  display: block;
  font-family: var(--accordion-font-mono);
  font-size: 1.1875rem;
  letter-spacing: 0.05em;
  color: var(--accordion-gold);
}

.receipts__quote {
  display: block;
  font-family: var(--accordion-font-serif);
  font-size: 1.125rem;
  font-style: italic;
  color: var(--accordion-text-dim);
  margin-top: 8px;
  line-height: 1.45;
}

.receipts__quote em {
  color: var(--accordion-gold);
  font-style: normal;
  font-weight: 600;
}

.receipts__gap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  flex-shrink: 0;
}

.receipts__gap-number {
  font-family: var(--accordion-font-display);
  font-size: 1.75rem;
  color: var(--accordion-gold);
  line-height: 1;
}

.receipts__gap-label {
  font-family: var(--accordion-font-mono);
  font-size: 1.1875rem;
  font-weight: 500;
  letter-spacing: 0.12em;
  color: var(--accordion-text-faint);
  text-transform: uppercase;
  margin-top: 2px;
}

.receipts__verified {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  font-family: var(--accordion-font-mono);
  font-size: 1.1875rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: var(--accordion-verified);
  text-transform: uppercase;
}

.receipts__verified svg {
  width: 14px;
  height: 14px;
  max-width: 14px;
  max-height: 14px;
  flex-shrink: 0;
}


/* ═══ ENHANCED RECEIPTS — Single Powerful Verification Display ═══ */

.receipts--enhanced {
  max-width: 360px;
  background: linear-gradient(145deg,
    rgba(212, 168, 75, 0.06) 0%,
    rgba(255, 255, 255, 0.02) 50%,
    rgba(74, 222, 128, 0.04) 100%);
  border: 1px solid rgba(212, 168, 75, 0.2);
  box-shadow:
    0 8px 32px rgba(0, 0, 0, 0.3),
    0 0 0 1px rgba(255, 255, 255, 0.03) inset,
    0 0 60px rgba(212, 168, 75, 0.06);
}

.receipts--enhanced .receipts__grid {
  flex-direction: column;
  gap: 0;
}

.receipts--enhanced .receipts__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  padding: 12px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

.receipts--enhanced .receipts__item:last-of-type {
  border-bottom: none;
}

.receipts__item--book {
  position: relative;
}

.receipts__item--book::before {
  content: '';
  position: absolute;
  left: 0;
  top: 12px;
  bottom: 12px;
  width: 2px;
  background: linear-gradient(180deg, var(--accordion-gold) 0%, transparent 100%);
  border-radius: 1px;
  opacity: 0.5;
}

.receipts__item--bbc {
  position: relative;
}

.receipts__item--bbc::before {
  content: '';
  position: absolute;
  left: 0;
  top: 12px;
  bottom: 12px;
  width: 2px;
  background: linear-gradient(180deg, var(--accordion-verified) 0%, transparent 100%);
  border-radius: 1px;
  opacity: 0.5;
}

.receipts--enhanced .receipts__item--book,
.receipts--enhanced .receipts__item--bbc {
  padding-left: 12px;
}

.receipts--enhanced .receipts__icon {
  margin-bottom: 0;
  font-size: 1.125rem;
}

.receipts--enhanced .receipts__source {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 1.1875rem;
  margin-bottom: 6px;
}

.receipts--enhanced .receipts__quote {
  margin-top: 0;
  font-size: 1.1875rem;
  color: var(--accordion-text);
  font-weight: 500;
}

.receipts__attribution {
  display: block;
  font-family: var(--accordion-font-mono);
  font-size: 1.1875rem;
  letter-spacing: 0.08em;
  color: var(--accordion-text-faint);
  margin-top: 6px;
}

/* Gap indicator between items */
.receipts--enhanced .receipts__gap {
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(212, 168, 75, 0.08) 50%,
    transparent 100%);
  padding: 16px 0;
  margin: 4px 0;
  border-radius: 8px;
}

.receipts--enhanced .receipts__gap-number {
  font-size: 2.25rem;
  background: linear-gradient(135deg, var(--accordion-gold) 0%, var(--accordion-gold-bright) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-shadow: 0 0 30px rgba(212, 168, 75, 0.3);
}

.receipts--enhanced .receipts__gap-label {
  font-size: 1.1875rem;
  letter-spacing: 0.15em;
  color: var(--accordion-text-dim);
}

/* Footer with verified badge and CTA */
.receipts__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  gap: 12px;
}

.receipts__footer .receipts__verified {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

.receipts__cta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--accordion-font-display);
  font-size: 1.1875rem;
  letter-spacing: 0.05em;
  color: var(--accordion-gold);
  text-decoration: none;
  padding: 6px 10px;
  border: 1px solid rgba(212, 168, 75, 0.25);
  border-radius: 6px;
  background: rgba(212, 168, 75, 0.05);
  transition: all 0.3s var(--accordion-ease);
  white-space: nowrap;
}

.receipts__cta:hover {
  background: rgba(212, 168, 75, 0.12);
  border-color: rgba(212, 168, 75, 0.4);
  color: var(--accordion-gold-bright);
  transform: translateX(2px);
}

.receipts__cta svg {
  transition: transform 0.3s var(--accordion-ease);
}

.receipts__cta:hover svg {
  transform: translateX(3px);
}

/* Mobile responsive tweaks for enhanced receipts */
@media (max-width: 380px) {
  .receipts--enhanced {
    max-width: 100%;
    padding: 16px 18px;
  }

  .receipts--enhanced .receipts__quote {
    font-size: 1.1875rem;
  }

  .receipts__footer {
    flex-direction: column;
    gap: 10px;
  }

  .receipts__cta {
    width: 100%;
    justify-content: center;
  }
}


/* ✨ Hero CTA — Apple-grade button */
.mobile-hero__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 32px;
  background: var(--accordion-gold);
  border: none;
  border-radius: 100px;
  font-family: var(--accordion-font-mono);
  font-size: 1.1875rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  color: var(--accordion-void);
  text-decoration: none;
  text-transform: uppercase;
  position: relative;
  z-index: 2;
  box-shadow:
    0 4px 20px rgba(212, 168, 75, 0.35),
    0 8px 40px rgba(212, 168, 75, 0.2);
  opacity: 0;
  transform: translateY(15px);
  animation: ctaReveal 0.8s var(--accordion-ease-out) 1.2s forwards;
  transition: transform 0.2s var(--accordion-ease), box-shadow 0.2s var(--accordion-ease);
  -webkit-tap-highlight-color: transparent;
}

.mobile-hero__cta:active {
  transform: scale(0.96);
  box-shadow: 0 2px 12px rgba(212, 168, 75, 0.3);
}

@keyframes ctaReveal {
  to { opacity: 1; transform: translateY(0); }
}

/* ✨ Explore prompt — subtle scroll hint */
.mobile-hero__explore {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  margin-top: var(--space-2xl);
  position: relative;
  z-index: 2;
  font-family: var(--accordion-font-mono);
  font-size: 1.1875rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: var(--accordion-text-faint);
  text-transform: uppercase;
  opacity: 0;
  animation: exploreReveal 0.8s var(--accordion-ease-out) 1.5s forwards;
}

.mobile-hero__explore svg {
  width: 20px;
  height: 20px;
  max-width: 20px;
  max-height: 20px;
  flex-shrink: 0;
  color: var(--accordion-gold);
  opacity: 0.6;
  animation: bounce 2.5s ease-in-out infinite;
}

@keyframes exploreReveal {
  to { opacity: 0.5; }
}

@keyframes bounce {
  0%, 100% { transform: translateY(0); opacity: 0.6; }
  50% { transform: translateY(5px); opacity: 0.9; }
}


/* ═══════════════════════════════════════════════════════════════════════════════════════
   SECTION 4: CINEMATIC OVERLAY — Full Screen Part Reveals
   ═══════════════════════════════════════════════════════════════════════════════════════ */

.cinema-overlay {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: radial-gradient(ellipse at center, rgba(2, 3, 10, 0.97) 0%, rgba(2, 3, 10, 0.995) 100%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--space-xl);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

.cinema-overlay.active {
  opacity: 1;
  visibility: visible;
}

.cinema-overlay__part {
  display: block;
  font-family: var(--accordion-font-mono);
  font-size: 1.1875rem;
  letter-spacing: 0.35em;
  color: var(--accordion-gold);
  text-transform: uppercase;
  margin-bottom: var(--space-sm);
  opacity: 0;
  transform: translateY(-20px);
  transition: opacity 0.6s ease 0.1s, transform 0.6s var(--accordion-ease) 0.1s;
}

.cinema-overlay.active .cinema-overlay__part {
  opacity: 1;
  transform: translateY(0);
}

.cinema-overlay__divider {
  display: block;
  width: 80px;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--accordion-gold), transparent);
  margin-bottom: var(--space-lg);
  opacity: 0;
  transform: scaleX(0);
  transition: opacity 0.5s ease 0.2s, transform 0.6s var(--accordion-ease) 0.2s;
}

.cinema-overlay.active .cinema-overlay__divider {
  opacity: 1;
  transform: scaleX(1);
}

.cinema-overlay__title {
  display: block;
  font-family: var(--accordion-font-display);
  font-size: 2.2rem;
  font-weight: 400;
  letter-spacing: 0.12em;
  color: var(--accordion-text);
  text-align: center;
  margin-bottom: var(--space-md);
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease 0.3s, transform 0.6s var(--accordion-ease) 0.3s;
  text-shadow: 0 0 50px rgba(212, 168, 75, 0.3);
  min-height: 2.8rem;
}

.cinema-overlay.active .cinema-overlay__title {
  opacity: 1;
  transform: translateY(0);
}

.cinema-overlay__hook {
  display: block;
  font-family: var(--accordion-font-serif);
  font-size: 1.125rem;
  font-style: italic;
  color: var(--accordion-text-dim);
  text-align: center;
  max-width: 280px;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease 0.5s, transform 0.6s var(--accordion-ease) 0.5s;
}

.cinema-overlay.active .cinema-overlay__hook {
  opacity: 1;
  transform: translateY(0);
}

/* Text Scramble Effect Characters */
.char-scrambling {
  color: var(--accordion-gold-pale);
  opacity: 0.5;
  font-family: var(--accordion-font-mono);
  transition: none;
}

.char-resolved {
  color: var(--accordion-gold-bright);
  text-shadow: 0 0 12px var(--accordion-gold);
  animation: charResolve 0.15s ease-out;
}

@keyframes charResolve {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


/* ═══════════════════════════════════════════════════════════════════════════════════════
   SECTION 5: ACCORDION SYSTEM — PART I-VIII Structure
   ═══════════════════════════════════════════════════════════════════════════════════════ */

.accordion-container {
  padding: 0 var(--space-md);
  padding-bottom: calc(var(--buy-bar-height) + var(--space-xl));
  background: var(--accordion-void);
  /* Prevent horizontal overflow */
  max-width: 100%;
  overflow-x: hidden;
}

/* Accordion Item */
.accordion-item {
  border-bottom: 1px solid rgba(212, 168, 75, 0.12);
  position: relative;
}

.accordion-item:last-of-type {
  border-bottom: none;
}

/* ✨ Accordion Header */
.accordion-header {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  padding: var(--space-lg) 0;
  cursor: pointer;
  list-style: none;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  transition: opacity 0.25s ease;
}

.accordion-header::-webkit-details-marker {
  display: none;
}

.accordion-header:active {
  opacity: 0.8;
}

/* PART Label — Correct styling for PART I, II, III... */
.accordion-header__part {
  display: inline-block;
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.25em;
  color: var(--accordion-gold);
  text-transform: uppercase;
  opacity: 0.85;
}

/* Main Title Row */
.accordion-header__main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-md);
}

.accordion-header__title {
  font-family: var(--accordion-font-display);
  font-size: 1.15rem;
  font-weight: 400;
  letter-spacing: 0.06em;
  color: var(--accordion-text);
  margin: 0;
  flex: 1;
  transition: color 0.25s ease;
}

.accordion-item[open] .accordion-header__title {
  color: var(--accordion-gold);
}

.accordion-header__hook {
  font-family: var(--accordion-font-serif);
  font-size: 1.125rem;
  font-style: italic;
  color: var(--accordion-text-dim);
  font-weight: 400;
  margin-left: 0.4rem;
}

/* Chevron Icon */
.accordion-header__icon {
  width: 20px;
  height: 20px;
  color: var(--accordion-gold);
  transition: transform 0.4s var(--accordion-ease);
  flex-shrink: 0;
}

.accordion-item[open] .accordion-header__icon {
  transform: rotate(180deg);
}

/* ✨ Content Reveal with Grid Animation */
.accordion-content {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.45s var(--accordion-ease-out-expo);
  overflow: hidden;
}

.accordion-item[open] .accordion-content {
  grid-template-rows: 1fr;
}

.accordion-content__inner {
  min-height: 0;
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 0.35s ease 0.1s, transform 0.35s var(--accordion-ease) 0.1s;
  padding-bottom: var(--space-lg);
}

.accordion-item[open] .accordion-content__inner {
  opacity: 1;
  transform: translateY(0);
}


/* ═══════════════════════════════════════════════════════════════════════════════════════
   SECTION 6: PART I — THE MIND (Author)
   ═══════════════════════════════════════════════════════════════════════════════════════ */

.author-section {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}

/* Author Photo with Animated Ring */
.author-photo {
  position: relative;
  width: 140px;
  height: 140px;
  margin: 0 auto var(--space-md);
}

.author-photo__ring {
  position: absolute;
  inset: -6px;
  border-radius: 50%;
  background: conic-gradient(
    from 0deg,
    var(--accordion-gold) 0%,
    transparent 25%,
    var(--accordion-gold) 50%,
    transparent 75%,
    var(--accordion-gold) 100%
  );
  animation: ringRotate 8s linear infinite;
  opacity: 0.6;
}

@keyframes ringRotate {
  to { transform: rotate(360deg); }
}

.author-photo__image {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid var(--accordion-void);
  z-index: 1;
}

.author-photo__placeholder {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--accordion-void-mid), var(--accordion-void-light));
  border: 3px solid var(--accordion-void);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.author-photo__placeholder svg {
  width: 50%;
  height: 50%;
  color: var(--accordion-gold);
  opacity: 0.4;
}

/* Pattern-Seer Timeline */
.pattern-timeline {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  padding-left: var(--space-md);
  border-left: 2px solid rgba(212, 168, 75, 0.2);
}

.pattern-timeline__item {
  position: relative;
  padding-left: var(--space-md);
  opacity: 0;
  transform: translateX(-10px);
  animation: timelineReveal 0.5s var(--accordion-ease) forwards;
}

.pattern-timeline__item:nth-child(1) { animation-delay: 0.1s; }
.pattern-timeline__item:nth-child(2) { animation-delay: 0.2s; }
.pattern-timeline__item:nth-child(3) { animation-delay: 0.3s; }
.pattern-timeline__item:nth-child(4) { animation-delay: 0.4s; }

@keyframes timelineReveal {
  to { opacity: 1; transform: translateX(0); }
}

.pattern-timeline__item::before {
  content: '';
  position: absolute;
  left: calc(-1 * var(--space-md) - 5px);
  top: 0.5rem;
  width: 8px;
  height: 8px;
  background: var(--accordion-gold);
  border-radius: 50%;
  box-shadow: 0 0 8px var(--accordion-gold-glow);
}

.pattern-timeline__year {
  display: block;
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.12em;
  color: var(--accordion-gold);
}

.pattern-timeline__event {
  font-family: var(--accordion-font-serif);
  font-size: 1.1875rem;
  color: var(--accordion-text-dim);
  line-height: 1.5;
}

/* Credentials Bar — Author Achievement Stats */
.credentials-bar {
  display: flex;
  justify-content: space-around;
  align-items: center;
  background: linear-gradient(135deg, rgba(212, 168, 75, 0.06) 0%, rgba(212, 168, 75, 0.02) 100%);
  border: 1px solid rgba(212, 168, 75, 0.15);
  border-radius: 12px;
  padding: var(--space-md) var(--space-sm);
  margin: var(--space-md) 0;
}

.credential-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 4px;
}

.credential-item__value {
  font-family: var(--accordion-font-display);
  font-size: 1.25rem;
  font-weight: 500;
  color: var(--accordion-gold);
  letter-spacing: 0.02em;
}

.credential-item__label {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.08em;
  color: var(--accordion-text-dim);
  text-transform: uppercase;
}

/* Storm Card */
.storm-card {
  background: linear-gradient(135deg, rgba(212, 168, 75, 0.08) 0%, rgba(212, 168, 75, 0.02) 100%);
  border: 1px solid rgba(212, 168, 75, 0.2);
  border-radius: 12px;
  padding: var(--space-md);
  margin-top: var(--space-md);
}

.storm-card__quote {
  font-family: var(--accordion-font-serif);
  font-size: 1.1875rem;
  font-style: italic;
  color: var(--accordion-text);
  line-height: 1.6;
  margin: 0 0 var(--space-sm);
}

.storm-card__attribution {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.12em;
  color: var(--accordion-text-faint);
  text-transform: uppercase;
}


/* ═══════════════════════════════════════════════════════════════════════════════════════
   SECTION 7: PART II — THE EVIDENCE (BBC)
   ═══════════════════════════════════════════════════════════════════════════════════════ */

/* Video Wrapper with Lazy Loading */
.accordion-video-wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  background: var(--accordion-void-mid);
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: var(--space-md);
}

.accordion-video-wrapper[data-loading="true"]::after {
  content: '▶ TAP TO LOAD';
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.15em;
  color: var(--accordion-gold);
  background: rgba(2, 3, 10, 0.7);
  cursor: pointer;
  transition: background 0.25s ease;
}

.accordion-video-wrapper[data-loading="true"]:active::after {
  background: rgba(2, 3, 10, 0.85);
}

.accordion-video-wrapper video,
.accordion-video-wrapper iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: none;
}

.accordion-video-wrapper__thumb {
  position: absolute;
  inset: 0;
  object-fit: cover;
  pointer-events: none;
}

/* BBC Label */
.bbc-label {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  background: #bb1919;
  padding: 0.3rem 0.6rem;
  border-radius: 2px;
  position: absolute;
  bottom: var(--space-sm);
  left: var(--space-sm);
  z-index: 2;
}

.bbc-label__text {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: white;
}

/* Evidence Cards */
.evidence-cards {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.evidence-card {
  background: var(--accordion-card-bg);
  border: 1px solid var(--accordion-card-border);
  border-left: 3px solid var(--accordion-gold);
  border-radius: 0 8px 8px 0;
  padding: var(--space-md);
  position: relative;
}

.evidence-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--space-sm);
}

.evidence-card__source {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.15em;
  color: var(--accordion-gold);
  text-transform: uppercase;
}

.evidence-card__date {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.1em;
  color: var(--accordion-text-faint);
}

.evidence-card__quote {
  font-family: var(--accordion-font-serif);
  font-size: 1.1875rem;
  font-style: italic;
  color: var(--accordion-text);
  line-height: 1.65;
  margin: 0 0 var(--space-sm);
}

.evidence-card__quote em {
  color: var(--accordion-gold);
  font-style: normal;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: rgba(212, 168, 75, 0.4);
}

.evidence-card__attribution {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  color: var(--accordion-text-faint);
}

/* 5 DAYS Highlight (Legacy) */
.evidence-highlight {
  text-align: center;
  padding: var(--space-lg) 0;
  margin-top: var(--space-md);
  border-top: 1px solid rgba(212, 168, 75, 0.15);
}

.evidence-highlight__number {
  display: block;
  font-family: var(--accordion-font-display);
  font-size: 2.5rem;
  color: var(--accordion-gold);
  text-shadow: 0 0 30px rgba(212, 168, 75, 0.5);
  line-height: 1;
  margin-bottom: 0.2rem;
}

.evidence-highlight__label {
  font-family: var(--accordion-font-serif);
  font-size: 1.1875rem;
  font-style: italic;
  color: var(--accordion-text-dim);
}


/* ═══════════════════════════════════════════════════════════════════════════════════════
   ENHANCED EVIDENCE SECTION V2 — Cinematic BBC Integration
   ═══════════════════════════════════════════════════════════════════════════════════════ */

/* Primary Evidence Block */
.evidence-primary {
  margin-bottom: var(--space-xl);
}

.evidence-primary__badge {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem 0.8rem;
  background: var(--accordion-eden-bg);
  border: 1px solid rgba(74, 222, 128, 0.3);
  border-radius: 4px;
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.15em;
  color: var(--accordion-verified);
  text-transform: uppercase;
  margin-bottom: var(--space-md);
}

.evidence-primary__badge svg {
  color: var(--accordion-verified);
}

.evidence-primary__context {
  margin-top: var(--space-md);
  padding: var(--space-md);
  background: linear-gradient(135deg, rgba(212, 168, 75, 0.08) 0%, transparent 100%);
  border: 1px solid rgba(212, 168, 75, 0.2);
  border-radius: 12px;
}

.evidence-primary__headline {
  font-family: var(--accordion-font-serif);
  font-size: 1.125rem;
  font-style: italic;
  color: var(--accordion-text);
  line-height: 1.6;
  margin: 0 0 var(--space-sm);
}

.evidence-primary__headline em {
  color: var(--accordion-gold);
  font-style: normal;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: rgba(212, 168, 75, 0.5);
}

.evidence-primary__source {
  display: block;
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.1em;
  color: var(--accordion-text-faint);
}


/* Book Prediction Block */
.evidence-book {
  background: var(--accordion-card-bg);
  border: 1px solid var(--accordion-card-border);
  border-left: 3px solid var(--accordion-gold);
  border-radius: 0 12px 12px 0;
  padding: var(--space-md);
  margin-bottom: var(--space-lg);
}

.evidence-book__badge {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.15em;
  color: var(--accordion-gold);
  text-transform: uppercase;
  margin-bottom: var(--space-md);
}

.evidence-book__badge svg {
  color: var(--accordion-gold);
  opacity: 0.7;
}

.evidence-book__quote {
  font-family: var(--accordion-font-serif);
  font-size: 1.125rem;
  font-style: italic;
  color: var(--accordion-text);
  line-height: 1.6;
  margin: 0 0 var(--space-md);
  padding-left: var(--space-md);
  border-left: 2px solid rgba(212, 168, 75, 0.3);
}

.evidence-book__quote em {
  color: var(--accordion-gold);
  font-style: normal;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: rgba(212, 168, 75, 0.5);
}

.evidence-book__meta {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.evidence-book__chapter {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.1em;
  color: var(--accordion-gold);
  text-transform: uppercase;
}

.evidence-book__dates {
  display: flex;
  gap: var(--space-md);
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.08em;
  color: var(--accordion-text-faint);
}


/* Timeline Visual */
.evidence-timeline-visual {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-lg) var(--space-sm);
  margin: var(--space-lg) 0;
  position: relative;
}

.evidence-timeline-visual__line {
  position: absolute;
  left: 15%;
  right: 15%;
  top: 50%;
  height: 2px;
  background: linear-gradient(90deg, var(--accordion-gold), var(--accordion-verified));
  transform: translateY(-50%);
  z-index: 0;
}

.evidence-timeline-visual__point {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.3rem;
  z-index: 1;
  position: relative;
}

.evidence-timeline-visual__point::before {
  content: '';
  width: 16px;
  height: 16px;
  border-radius: 50%;
  margin-bottom: 0.3rem;
}

.evidence-timeline-visual__point--book::before {
  background: var(--accordion-gold);
  box-shadow: 0 0 15px var(--accordion-gold-glow);
}

.evidence-timeline-visual__point--bbc::before {
  background: var(--accordion-verified);
  box-shadow: 0 0 15px var(--accordion-verified-glow);
}

.evidence-timeline-visual__date {
  font-family: var(--accordion-font-display);
  font-size: 1.1875rem;
  color: var(--accordion-text);
}

.evidence-timeline-visual__label {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.1em;
  color: var(--accordion-text-faint);
  text-transform: uppercase;
}

.evidence-timeline-visual__gap {
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 1;
  background: var(--accordion-void);
  padding: 0 var(--space-sm);
}

.evidence-timeline-visual__number {
  font-family: var(--accordion-font-display);
  font-size: 2.5rem;
  color: var(--accordion-gold);
  line-height: 1;
  text-shadow: 0 0 30px rgba(212, 168, 75, 0.5);
}

.evidence-timeline-visual__days {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.2em;
  color: var(--accordion-gold);
}


/* Supporting Evidence */
.evidence-supporting {
  margin-top: var(--space-xl);
  padding-top: var(--space-lg);
  border-top: 1px solid rgba(212, 168, 75, 0.12);
}

.evidence-supporting__title {
  font-family: var(--accordion-font-display);
  font-size: 1.125rem;
  letter-spacing: 0.08em;
  color: var(--accordion-gold);
  margin: 0 0 var(--space-sm);
}

.evidence-supporting__intro {
  font-family: var(--accordion-font-serif);
  font-size: 1.1875rem;
  color: var(--accordion-text-dim);
  line-height: 1.6;
  margin: 0 0 var(--space-md);
}


/* Video Grid */
.evidence-video-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-md);
}

.evidence-video-card {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

.accordion-video-wrapper--small {
  aspect-ratio: 16/9;
  border-radius: 6px;
}

.bbc-label--small {
  padding: 0.2rem 0.4rem;
  bottom: 0.3rem;
  left: 0.3rem;
}

.bbc-label--small .bbc-label__text {
  font-size: 1.125rem;
}

.evidence-video-card__info {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

.evidence-video-card__title {
  font-family: var(--accordion-font-display);
  font-size: 1.1875rem;
  color: var(--accordion-text);
  letter-spacing: 0.03em;
}

.evidence-video-card__desc {
  font-family: var(--accordion-font-serif);
  font-size: 1.125rem;
  color: var(--accordion-text-faint);
  line-height: 1.4;
}


/* Full Broadcast Expandable */
.evidence-full-broadcast {
  margin-top: var(--space-lg);
  border: 1px solid var(--accordion-card-border);
  border-radius: 8px;
  overflow: hidden;
  background: var(--accordion-card-bg);
}

.evidence-full-broadcast__trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-sm);
  padding: var(--space-md);
  cursor: pointer;
  list-style: none;
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.1em;
  color: var(--accordion-gold);
  text-transform: uppercase;
  transition: background 0.25s ease;
  -webkit-tap-highlight-color: transparent;
}

.evidence-full-broadcast__trigger::-webkit-details-marker {
  display: none;
}

.evidence-full-broadcast__trigger:hover,
.evidence-full-broadcast__trigger:active {
  background: var(--accordion-card-bg-hover);
}

.evidence-full-broadcast__trigger svg {
  color: var(--accordion-gold);
}

.evidence-full-broadcast__chevron {
  transition: transform 0.35s var(--accordion-ease);
}

.evidence-full-broadcast[open] .evidence-full-broadcast__chevron {
  transform: rotate(180deg);
}

.evidence-full-broadcast__content {
  padding: 0 var(--space-md) var(--space-md);
}


/* Evidence Verdict */
.evidence-verdict {
  margin-top: var(--space-xl);
  padding: var(--space-lg);
  background: linear-gradient(135deg, var(--accordion-eden-bg) 0%, rgba(74, 222, 128, 0.02) 100%);
  border: 1px solid rgba(74, 222, 128, 0.2);
  border-radius: 12px;
  text-align: center;
}

.evidence-verdict__icon {
  width: 48px;
  height: 48px;
  margin: 0 auto var(--space-md);
  padding: 0.6rem;
  background: rgba(74, 222, 128, 0.1);
  border-radius: 50%;
  color: var(--accordion-verified);
}

.evidence-verdict__icon svg {
  width: 100%;
  height: 100%;
}

.evidence-verdict__text {
  font-family: var(--accordion-font-serif);
  font-size: 1.1875rem;
  color: var(--accordion-text);
  line-height: 1.7;
  margin: 0 0 var(--space-md);
}

.evidence-verdict__status {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.5rem 1rem;
  background: rgba(74, 222, 128, 0.15);
  border: 1px solid rgba(74, 222, 128, 0.3);
  border-radius: 9999px;
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.15em;
  color: var(--accordion-verified);
  text-transform: uppercase;
}


/* ═══════════════════════════════════════════════════════════════════════════════════════
   SECTION 8: PART III — THE THESIS (Equation)
   ═══════════════════════════════════════════════════════════════════════════════════════ */

.equation-section {
  text-align: center;
  padding: var(--space-md) 0;
}

.equation-display {
  background: linear-gradient(135deg, rgba(212, 168, 75, 0.06) 0%, transparent 100%);
  border: 1px solid rgba(212, 168, 75, 0.2);
  border-radius: 16px;
  padding: var(--space-xl) var(--space-lg);
  margin-bottom: var(--space-lg);
  position: relative;
  overflow: hidden;
}

.equation-display::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% 50%, rgba(212, 168, 75, 0.1) 0%, transparent 70%);
  animation: equationPulse 4s ease-in-out infinite;
}

@keyframes equationPulse {
  0%, 100% { opacity: 0.3; }
  50% { opacity: 0.8; }
}

.equation-formula {
  font-family: var(--accordion-font-display);
  font-size: 2.5rem;
  color: var(--accordion-text);
  letter-spacing: 0.08em;
  position: relative;
  z-index: 1;
  text-shadow: 0 0 40px rgba(212, 168, 75, 0.4);
}

.equation-formula sup {
  font-size: 0.6em;
  vertical-align: super;
}

.equation-name {
  display: block;
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.25em;
  color: var(--accordion-gold);
  text-transform: uppercase;
  margin-top: var(--space-sm);
  position: relative;
  z-index: 1;
}

/* ═══════════════════════════════════════════════════════════════════════════════════════
   EQUATION HERO — Visually Impactful Equation Display
   ═══════════════════════════════════════════════════════════════════════════════════════ */

.equation-hero {
  text-align: center;
  padding: var(--space-lg) var(--space-md);
  background: radial-gradient(ellipse at center, rgba(212, 168, 75, 0.08) 0%, transparent 70%);
  border-radius: 16px;
  margin-bottom: var(--space-md);
}

.equation-hero__label {
  display: block;
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.15em;
  color: var(--accordion-gold);
  text-transform: uppercase;
  margin-bottom: var(--space-sm);
}

.equation-hero__formula {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-sm);
}

.equation-hero__symbol {
  font-family: var(--accordion-font-display);
  font-size: 2.5rem;
  font-weight: 400;
  letter-spacing: 0.02em;
}

.equation-hero__symbol--u { color: #a78bfa; } /* Purple - Universe */
.equation-hero__symbol--i { color: #60a5fa; } /* Blue - Intelligence */
.equation-hero__symbol--r { color: #4ade80; } /* Green - Recursion */

.equation-hero__operator {
  font-family: var(--accordion-font-display);
  font-size: 1.5rem;
  color: var(--accordion-text-dim);
  opacity: 0.6;
}

/* Equation Breakdown Cards */
.equation-breakdown {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  margin-bottom: var(--space-md);
}

.equation-card {
  display: flex;
  align-items: flex-start;
  gap: var(--space-md);
  padding: var(--space-md);
  background: rgba(255, 255, 255, 0.02);
  border-radius: 12px;
  border-left: 3px solid var(--accordion-gold);
}

.equation-card--u { border-left-color: #a78bfa; }
.equation-card--i { border-left-color: #60a5fa; }
.equation-card--r { border-left-color: #4ade80; }

.equation-card__symbol {
  font-family: var(--accordion-font-display);
  font-size: 1.5rem;
  font-weight: 400;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  flex-shrink: 0;
}

.equation-card--u .equation-card__symbol {
  color: #a78bfa;
  background: rgba(167, 139, 250, 0.1);
}
.equation-card--i .equation-card__symbol {
  color: #60a5fa;
  background: rgba(96, 165, 250, 0.1);
}
.equation-card--r .equation-card__symbol {
  color: #4ade80;
  background: rgba(74, 222, 128, 0.1);
}

.equation-card__title {
  font-family: var(--accordion-font-display);
  font-size: 1.1875rem;
  color: var(--accordion-text);
  margin: 0 0 4px 0;
}

.equation-card__desc {
  font-family: var(--accordion-font-serif);
  font-size: 1.125rem;
  color: var(--accordion-text-dim);
  line-height: 1.5;
  margin: 0;
}

/* Scale Diagram */
.scale-diagram {
  background: var(--accordion-card-bg);
  border: 1px solid var(--accordion-card-border);
  border-radius: 14px;
  padding: var(--space-lg);
  margin-bottom: var(--space-lg);
}

.scale-diagram__title {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--accordion-text-faint);
  text-align: center;
  margin: 0 0 var(--space-md) 0;
}

.scale-diagram__scales {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.scale-item {
  display: grid;
  grid-template-columns: 2rem 5rem 1fr;
  align-items: center;
  gap: 0.6rem;
  padding: 0.5rem 0.6rem;
  background: rgba(212, 168, 75, 0.04);
  border-radius: 8px;
  border-left: 2px solid var(--accordion-gold);
}

.scale-item__icon {
  font-size: 1.125rem;
  text-align: center;
}

.scale-item__name {
  font-family: var(--accordion-font-display);
  font-size: 1.125rem;
  color: var(--accordion-gold);
  letter-spacing: 0.05em;
}

.scale-item__example {
  font-size: 1.125rem;
  color: var(--accordion-text-dim);
}

/* Equation Insight Block */
.equation-insight {
  background: linear-gradient(135deg, rgba(212, 168, 75, 0.08) 0%, rgba(212, 168, 75, 0.02) 100%);
  border: 1px solid rgba(212, 168, 75, 0.2);
  border-radius: 12px;
  padding: var(--space-md);
  margin-bottom: var(--space-md);
}

.equation-insight__title {
  font-family: var(--accordion-font-display);
  font-size: 1.1875rem;
  color: var(--accordion-gold);
  margin: 0 0 var(--space-xs) 0;
}

.equation-insight__text {
  font-family: var(--accordion-font-serif);
  font-size: 1.1875rem;
  color: var(--accordion-text-dim);
  line-height: 1.6;
  margin: 0;
}

/* Equation Evidence Card */
.equation-evidence {
  background: rgba(74, 222, 128, 0.05);
  border: 1px solid rgba(74, 222, 128, 0.2);
  border-radius: 12px;
  padding: var(--space-md);
  margin-bottom: var(--space-md);
}

.equation-evidence__header {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  margin-bottom: var(--space-xs);
}

.equation-evidence__badge {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  color: #4ade80;
  background: rgba(74, 222, 128, 0.15);
  padding: 4px 8px;
  border-radius: 4px;
}

.equation-evidence__source {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  color: var(--accordion-text-faint);
}

.equation-evidence__text {
  font-family: var(--accordion-font-serif);
  font-size: 1.1875rem;
  color: var(--accordion-text-dim);
  line-height: 1.55;
  margin: 0;
}


/* ═══════════════════════════════════════════════════════════════════════════════════════
   SECTION 9: PART IV — THE PHILOSOPHY (37 Concepts)
   ═══════════════════════════════════════════════════════════════════════════════════════ */

.concepts-section {
  position: relative;
}

.concepts-intro {
  font-family: var(--accordion-font-serif);
  font-size: 1.1875rem;
  color: var(--accordion-text-dim);
  line-height: 1.7;
  margin-bottom: var(--space-md);
}

/* Horizontal Carousel */
.concepts-carousel-wrapper {
  position: relative;
  margin: 0 calc(-1 * var(--space-md));
  padding: 0 var(--space-md);
}

.concepts-carousel {
  display: flex;
  gap: var(--space-md);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-padding: var(--space-md);
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding: var(--space-sm) 0;
}

.concepts-carousel::-webkit-scrollbar {
  display: none;
}

.concept-card {
  flex: 0 0 280px;
  scroll-snap-align: start;
  background: var(--accordion-card-bg);
  border: 1px solid var(--accordion-card-border);
  border-radius: 12px;
  padding: var(--space-md);
  transition: border-color 0.25s ease, transform 0.25s ease;
}

.concept-card:active {
  border-color: var(--accordion-gold);
  transform: scale(0.98);
}

.concept-card__number {
  display: block;
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.12em;
  color: var(--accordion-text-faint);
  margin-bottom: var(--space-xs);
}

.concept-card__name {
  display: block;
  font-family: var(--accordion-font-display);
  font-size: 1.125rem;
  color: var(--accordion-gold);
  letter-spacing: 0.04em;
  margin-bottom: var(--space-sm);
}

.concept-card__description {
  font-family: var(--accordion-font-serif);
  font-size: 1.1875rem;
  color: var(--accordion-text-dim);
  line-height: 1.6;
  margin: 0;
}

/* Swipe Hint */
.concepts-hint {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.12em;
  color: var(--accordion-text-faint);
  text-transform: uppercase;
  margin-top: var(--space-md);
  transition: opacity 0.3s ease;
}

.concepts-hint svg {
  width: 16px;
  height: 16px;
  animation: swipeHint 1.5s ease-in-out infinite;
}

@keyframes swipeHint {
  0%, 100% { transform: translateX(0); }
  50% { transform: translateX(6px); }
}


/* ═══════════════════════════════════════════════════════════════════════════════════════
   SECTION 10: PART V — THE CONVERGENCE (Predictions Timeline)
   ═══════════════════════════════════════════════════════════════════════════════════════ */

.predictions-section {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}

.predictions-intro {
  font-family: var(--accordion-font-serif);
  font-size: 1.1875rem;
  color: var(--accordion-text-dim);
  line-height: 1.7;
}

/* Verification Hero Score */
.verification-hero {
  background: linear-gradient(135deg, rgba(74, 222, 128, 0.12), rgba(74, 222, 128, 0.03));
  border: 1px solid rgba(74, 222, 128, 0.3);
  border-radius: 16px;
  padding: var(--space-lg);
  text-align: center;
  margin-bottom: var(--space-lg);
}

.verification-hero__score {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 0.1rem;
  margin-bottom: 0.3rem;
}

.verification-hero__number {
  font-family: var(--accordion-font-display);
  font-size: 3rem;
  font-weight: 400;
  color: #4ade80;
  line-height: 1;
}

.verification-hero__divider {
  font-size: 1.8rem;
  color: var(--accordion-text-faint);
}

.verification-hero__total {
  font-family: var(--accordion-font-display);
  font-size: 1.8rem;
  color: var(--accordion-text-secondary);
}

.verification-hero__label {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #4ade80;
  margin-bottom: var(--space-md);
}

.verification-hero__detail {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.6rem 1rem;
  background: rgba(74, 222, 128, 0.1);
  border-radius: 100px;
  width: fit-content;
  margin: 0 auto;
}

.verification-hero__check {
  color: #4ade80;
  font-weight: 600;
}

.verification-hero__text {
  font-size: 1.1875rem;
  color: var(--accordion-text-secondary);
}

.predictions-timeline {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.timeline-event {
  display: flex;
  gap: var(--space-md);
  padding: var(--space-md);
  background: var(--accordion-card-bg);
  border: 1px solid var(--accordion-card-border);
  border-radius: 12px;
  position: relative;
  opacity: 0;
  transform: translateX(-15px);
  animation: timelineEventReveal 0.5s var(--accordion-ease) forwards;
}

.timeline-event:nth-child(1) { animation-delay: 0.1s; }
.timeline-event:nth-child(2) { animation-delay: 0.2s; }
.timeline-event:nth-child(3) { animation-delay: 0.3s; }
.timeline-event:nth-child(4) { animation-delay: 0.4s; }
.timeline-event:nth-child(5) { animation-delay: 0.5s; }

@keyframes timelineEventReveal {
  to { opacity: 1; transform: translateX(0); }
}

.timeline-event--verified {
  border-left: 3px solid var(--accordion-verified);
}

.timeline-event--pending {
  border-left: 3px solid var(--accordion-gold);
}

.timeline-event__status {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.timeline-event--verified .timeline-event__status {
  background: var(--accordion-eden-bg);
  color: var(--accordion-verified);
}

.timeline-event--pending .timeline-event__status {
  background: var(--accordion-gold-subtle);
  color: var(--accordion-gold);
}

.timeline-event__status svg {
  width: 16px;
  height: 16px;
}

.timeline-event__content {
  flex: 1;
}

.timeline-event__title {
  font-family: var(--accordion-font-display);
  font-size: 1.1875rem;
  color: var(--accordion-text);
  margin-bottom: 0.3rem;
}

.timeline-event__detail {
  font-family: var(--accordion-font-serif);
  font-size: 1.125rem;
  color: var(--accordion-text-dim);
  line-height: 1.5;
  margin: 0;
}

.timeline-event__badge {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 0.2rem 0.5rem;
  border-radius: 4px;
  position: absolute;
  top: var(--space-sm);
  right: var(--space-sm);
}

.timeline-event--verified .timeline-event__badge {
  background: var(--accordion-eden-bg);
  color: var(--accordion-verified);
}

.timeline-event--pending .timeline-event__badge {
  background: var(--accordion-gold-subtle);
  color: var(--accordion-gold);
}


/* ═══════════════════════════════════════════════════════════════════════════════════════
   SECTION 11: PART VI — THE STAKES (Eden vs Babylon)
   ═══════════════════════════════════════════════════════════════════════════════════════ */

.stakes-section {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}

.stakes-intro {
  font-family: var(--accordion-font-serif);
  font-size: 1.1875rem;
  color: var(--accordion-text-dim);
  line-height: 1.7;
}

/* Expert Warnings */
.expert-warnings {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.expert-warning {
  background: rgba(255, 68, 68, 0.04);
  border: 1px solid rgba(255, 68, 68, 0.15);
  border-left: 3px solid var(--accordion-danger);
  border-radius: 0 8px 8px 0;
  padding: var(--space-md);
}

.expert-warning__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: var(--accordion-babylon-bg);
  border-radius: 50%;
  color: var(--accordion-danger);
  margin-bottom: var(--space-sm);
}

.expert-warning__icon svg {
  width: 14px;
  height: 14px;
}

.expert-warning__quote {
  font-family: var(--accordion-font-serif);
  font-size: 1.1875rem;
  font-style: italic;
  color: var(--accordion-text);
  line-height: 1.6;
  margin: 0 0 var(--space-sm);
}

.expert-warning__source {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.1em;
  color: var(--accordion-text-faint);
}

/* Eden vs Babylon Cards */
.duality-cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-md);
}

.duality-card {
  padding: var(--space-md);
  border-radius: 12px;
  text-align: center;
}

.duality-card--eden {
  background: var(--accordion-eden-bg);
  border: 1px solid rgba(74, 222, 128, 0.2);
}

.duality-card--babylon {
  background: var(--accordion-babylon-bg);
  border: 1px solid rgba(255, 68, 68, 0.2);
}

.duality-card__icon {
  width: 40px;
  height: 40px;
  margin: 0 auto var(--space-sm);
}

.duality-card--eden .duality-card__icon {
  color: var(--accordion-eden);
}

.duality-card--babylon .duality-card__icon {
  color: var(--accordion-babylon);
}

.duality-card__title {
  display: block;
  font-family: var(--accordion-font-display);
  font-size: 1.1875rem;
  letter-spacing: 0.1em;
  margin-bottom: 0.3rem;
}

.duality-card--eden .duality-card__title {
  color: var(--accordion-eden);
}

.duality-card--babylon .duality-card__title {
  color: var(--accordion-babylon);
}

.duality-card__desc {
  font-family: var(--accordion-font-serif);
  font-size: 1.125rem;
  color: var(--accordion-text-dim);
  line-height: 1.5;
  margin: 0;
}

/* Expert Headers */
.experts-header,
.paths-header {
  text-align: center;
  margin-bottom: var(--space-md);
}

.experts-header__label,
.paths-header__label {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--accordion-text-faint);
}

/* Eden vs Babylon Enhanced */
.eden-babylon {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-md);
  margin-bottom: var(--space-lg);
}

.eden-babylon__card {
  padding: var(--space-md);
  border-radius: 12px;
  text-align: left;
}

.eden-babylon__card--eden {
  background: rgba(74, 222, 128, 0.06);
  border: 1px solid rgba(74, 222, 128, 0.2);
}

.eden-babylon__card--babylon {
  background: rgba(255, 68, 68, 0.06);
  border: 1px solid rgba(255, 68, 68, 0.2);
}

.eden-babylon__icon {
  display: block;
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
}

.eden-babylon__title {
  font-family: var(--accordion-font-display);
  font-size: 1.1875rem;
  letter-spacing: 0.08em;
  margin: 0 0 0.6rem 0;
}

.eden-babylon__card--eden .eden-babylon__title {
  color: #4ade80;
}

.eden-babylon__card--babylon .eden-babylon__title {
  color: #ff4444;
}

.eden-babylon__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.eden-babylon__list li {
  font-size: 1.1875rem;
  color: var(--accordion-text-secondary);
  padding-left: 0.8rem;
  position: relative;
}

.eden-babylon__list li::before {
  content: '·';
  position: absolute;
  left: 0;
  color: var(--accordion-text-faint);
}

.eden-babylon__description {
  font-size: 1.125rem;
  color: var(--accordion-text-secondary);
  line-height: 1.5;
  margin: 0;
}

/* Action Callout */
.action-callout {
  background: linear-gradient(135deg, rgba(212, 168, 75, 0.1), rgba(212, 168, 75, 0.03));
  border: 1px solid rgba(212, 168, 75, 0.25);
  border-radius: 12px;
  padding: var(--space-lg);
  margin: var(--space-lg) 0;
  text-align: center;
}

.action-callout__title {
  font-family: var(--accordion-font-display);
  font-size: 1.1875rem;
  letter-spacing: 0.1em;
  color: var(--accordion-gold);
  margin: 0 0 var(--space-sm) 0;
}

.action-callout__text {
  font-size: 1.1875rem;
  line-height: 1.6;
  color: var(--accordion-text-secondary);
  margin: 0;
}

.action-callout__text strong {
  color: var(--accordion-text);
}


/* ═══════════════════════════════════════════════════════════════════════════════════════
   SECTION 12: PART VII — THE VERDICT (Reviews)
   ═══════════════════════════════════════════════════════════════════════════════════════ */

.reviews-section {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.review-card {
  background: var(--accordion-card-bg);
  border: 1px solid var(--accordion-card-border);
  border-radius: 12px;
  padding: var(--space-md);
  position: relative;
}

.review-card__stars {
  display: flex;
  gap: 0.15rem;
  margin-bottom: var(--space-sm);
}

.review-card__star {
  width: 14px;
  height: 14px;
  color: var(--accordion-gold);
}

.review-card__quote {
  font-family: var(--accordion-font-serif);
  font-size: 1.1875rem;
  font-style: italic;
  color: var(--accordion-text);
  line-height: 1.65;
  margin: 0 0 var(--space-sm);
}

.review-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.review-card__author {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.1em;
  color: var(--accordion-text-faint);
}

.review-card__verified {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.08em;
  color: var(--accordion-verified);
  text-transform: uppercase;
}

.review-card__verified svg {
  width: 12px;
  height: 12px;
}

/* ═══════════════════════════════════════════════════════════════════════════════════════
   RATING HERO — Aggregate Rating Display
   ═══════════════════════════════════════════════════════════════════════════════════════ */

.rating-hero {
  text-align: center;
  padding: var(--space-lg) var(--space-md);
  background: radial-gradient(ellipse at center, rgba(212, 168, 75, 0.1) 0%, transparent 70%);
  border-radius: 16px;
  margin-bottom: var(--space-md);
}

.rating-hero__score {
  font-family: var(--accordion-font-display);
  font-size: 3rem;
  font-weight: 400;
  color: var(--accordion-gold);
  line-height: 1;
  margin-bottom: 4px;
}

.rating-hero__stars {
  font-size: 1.25rem;
  color: var(--accordion-gold);
  letter-spacing: 0.1em;
  margin-bottom: var(--space-sm);
}

.rating-hero__meta {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.rating-hero__count {
  font-family: var(--accordion-font-serif);
  font-size: 1.1875rem;
  color: var(--accordion-text-dim);
}

.rating-hero__source {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.1em;
  color: var(--accordion-text-faint);
  text-transform: uppercase;
}

/* Reviews Grid */
.reviews-grid {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

.reviews-grid .review-card {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 12px;
  padding: var(--space-md);
}

.reviews-grid .review-card--featured {
  background: linear-gradient(135deg, rgba(212, 168, 75, 0.06) 0%, rgba(212, 168, 75, 0.02) 100%);
  border-color: rgba(212, 168, 75, 0.2);
}

.reviews-grid .review-card__header {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  margin-bottom: var(--space-sm);
}

.reviews-grid .review-card__stars {
  font-size: 1.1875rem;
  color: var(--accordion-gold);
  letter-spacing: 0.05em;
}

.reviews-grid .review-card__badge {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  padding: 3px 6px;
  border-radius: 4px;
  text-transform: uppercase;
}

.reviews-grid .review-card__badge--verified {
  color: #4ade80;
  background: rgba(74, 222, 128, 0.12);
}

.reviews-grid .review-card__text {
  font-family: var(--accordion-font-serif);
  font-size: 1.1875rem;
  font-style: italic;
  color: var(--accordion-text);
  line-height: 1.6;
  margin: 0 0 var(--space-sm) 0;
}

.reviews-grid .review-card__author {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.08em;
  color: var(--accordion-text-faint);
  text-transform: uppercase;
}

/* Reviews CTA */
.reviews-cta {
  text-align: center;
  margin-top: var(--space-md);
}

.reviews-cta__link {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.08em;
  color: var(--accordion-gold);
  text-decoration: none;
  text-transform: uppercase;
  transition: color 0.2s ease;
}

.reviews-cta__link:hover {
  color: var(--accordion-gold-bright);
}

/* Enhanced Reviews — World-Class Testimonials */

.review-highlight {
  background: linear-gradient(135deg, rgba(212, 168, 75, 0.1) 0%, rgba(212, 168, 75, 0.03) 100%);
  border: 1px solid rgba(212, 168, 75, 0.25);
  border-radius: 16px;
  padding: var(--space-lg);
  margin-bottom: var(--space-md);
  text-align: center;
  position: relative;
}

.review-highlight::before {
  content: '"';
  position: absolute;
  top: 10px;
  left: 20px;
  font-family: var(--accordion-font-display);
  font-size: 4rem;
  color: var(--accordion-gold);
  opacity: 0.15;
  line-height: 1;
}

.review-highlight__quote {
  font-family: var(--accordion-font-serif);
  font-size: 1.125rem;
  font-style: italic;
  color: var(--accordion-text);
  line-height: 1.6;
  margin: 0 0 var(--space-sm) 0;
  position: relative;
  z-index: 1;
}

.review-highlight__cite {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.1em;
  color: var(--accordion-gold);
  font-style: normal;
  text-transform: uppercase;
}

/* Review Card Title */
.review-card__title {
  font-family: var(--accordion-font-display);
  font-size: 1.1875rem;
  color: var(--accordion-gold);
  margin: 0 0 var(--space-xs) 0;
  font-weight: 400;
}

/* Review Card Footer */
.review-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-sm);
  margin-top: var(--space-sm);
  padding-top: var(--space-xs);
  border-top: 1px solid rgba(255, 255, 255, 0.04);
}

.review-card__date {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.06em;
  color: var(--accordion-text-faint);
}

/* Reviews Stats Bar */
.reviews-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-sm);
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  padding: var(--space-md);
  margin-top: var(--space-md);
}

.reviews-stats__item {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.reviews-stats__number {
  font-family: var(--accordion-font-display);
  font-size: 1.5rem;
  color: var(--accordion-gold);
  line-height: 1;
}

.reviews-stats__label {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.08em;
  color: var(--accordion-text-faint);
  text-transform: uppercase;
}

@media (max-width: 400px) {
  .reviews-stats {
    grid-template-columns: 1fr;
    gap: var(--space-md);
  }

  .reviews-stats__item {
    flex-direction: row;
    justify-content: center;
    gap: var(--space-sm);
    align-items: baseline;
  }
}

/* ═══════════════════════════════════════════════════════════════════════════════════════
   SECTION 13: PART VIII — JOIN THE MOVEMENT (Pricing)
   ═══════════════════════════════════════════════════════════════════════════════════════ */

.pricing-section {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}

.pricing-intro {
  font-family: var(--accordion-font-serif);
  font-size: 1.1875rem;
  color: var(--accordion-text-dim);
  line-height: 1.7;
  text-align: center;
}

.accordion-pricing-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-md);
}

.accordion-pricing-card {
  background: var(--accordion-card-bg);
  border: 1px solid var(--accordion-card-border);
  border-radius: 12px;
  padding: var(--space-md);
  text-align: center;
  position: relative;
  transition: border-color 0.25s ease, transform 0.25s ease;
}

.accordion-pricing-card:active {
  transform: scale(0.98);
}

.accordion-pricing-card--featured {
  border-color: var(--accordion-gold);
  background: linear-gradient(135deg, rgba(212, 168, 75, 0.08) 0%, transparent 100%);
}

.accordion-pricing-card__badge {
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--accordion-gold);
  color: var(--accordion-void);
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 0.25rem 0.6rem;
  border-radius: 4px;
}

.accordion-pricing-card__format {
  display: block;
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.15em;
  color: var(--accordion-text-faint);
  text-transform: uppercase;
  margin-bottom: var(--space-sm);
  margin-top: 0.3rem;
}

.accordion-pricing-card__price {
  display: block;
  font-family: var(--accordion-font-display);
  font-size: 1.7rem;
  color: var(--accordion-text);
  margin-bottom: 0.3rem;
}

.accordion-pricing-card--featured .accordion-pricing-card__price {
  color: var(--accordion-gold);
}

.accordion-pricing-card__note {
  display: block;
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  color: var(--accordion-text-faint);
  margin-bottom: 0.85rem;
}

.accordion-pricing-card__cta {
  display: block;
  padding: 0.7rem var(--space-md);
  background: linear-gradient(135deg, var(--accordion-gold) 0%, var(--accordion-gold-dark) 100%);
  border-radius: 4px;
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.12em;
  color: var(--accordion-void);
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.3s ease;
}

.accordion-pricing-card__cta:active {
  transform: scale(0.97);
}

.accordion-pricing-card__cta--outline {
  background: transparent;
  border: 1px solid var(--accordion-gold);
  color: var(--accordion-gold);
}

.accordion-pricing-meta {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.18em;
  color: var(--accordion-text-faint);
  text-align: center;
  margin: 0;
}

/* First Edition Badge */
.first-edition-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.6rem 1rem;
  background: linear-gradient(135deg, rgba(212, 168, 75, 0.15), rgba(212, 168, 75, 0.05));
  border: 1px solid rgba(212, 168, 75, 0.3);
  border-radius: 100px;
  margin-bottom: var(--space-lg);
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

.first-edition-badge__icon {
  color: var(--accordion-gold);
  font-size: 1.1875rem;
}

.first-edition-badge__text {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.12em;
  color: var(--accordion-gold);
  text-transform: uppercase;
}

/* Book Includes List */
.book-includes {
  background: rgba(212, 168, 75, 0.04);
  border: 1px solid rgba(212, 168, 75, 0.15);
  border-radius: 12px;
  padding: var(--space-lg);
  margin-bottom: var(--space-lg);
}

.book-includes__title {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--accordion-gold);
  margin: 0 0 var(--space-md) 0;
  text-align: center;
}

.book-includes__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.book-includes__list li {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  font-size: 1.1875rem;
  line-height: 1.5;
  color: var(--accordion-text-secondary);
}

.book-includes__check {
  color: var(--accordion-gold);
  font-weight: 600;
  flex-shrink: 0;
}

/* Pricing Card Badge */
.accordion-pricing-card__badge {
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--accordion-gold);
  color: var(--accordion-void);
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 0.25rem 0.6rem;
  border-radius: 100px;
  white-space: nowrap;
}

.accordion-pricing-card {
  position: relative;
}

/* Purchase Guarantee */
.purchase-guarantee {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: var(--space-md);
  background: rgba(76, 175, 80, 0.08);
  border: 1px solid rgba(76, 175, 80, 0.2);
  border-radius: 10px;
  margin-bottom: var(--space-lg);
}

.purchase-guarantee__icon {
  flex-shrink: 0;
  color: #4caf50;
}

.purchase-guarantee__icon svg {
  display: block;
}

.purchase-guarantee__text {
  font-size: 1.125rem;
  line-height: 1.5;
  color: var(--accordion-text-secondary);
}

.purchase-guarantee__text strong {
  color: #4caf50;
}


/* ═══════════════════════════════════════════════════════════════════════════════════════
   SECTION 14: FAQ
   ═══════════════════════════════════════════════════════════════════════════════════════ */

.accordion-faq-item {
  border-bottom: 1px solid rgba(212, 168, 75, 0.12);
}

.accordion-faq-item summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-md) 0;
  cursor: pointer;
  font-family: var(--accordion-font-display);
  font-size: 1.1875rem;
  color: var(--accordion-text);
  list-style: none;
  -webkit-tap-highlight-color: transparent;
}

.accordion-faq-item summary::-webkit-details-marker {
  display: none;
}

.accordion-faq-item[open] summary {
  color: var(--accordion-gold);
}

.accordion-faq-item summary::after {
  content: '+';
  font-size: 1.3rem;
  color: var(--accordion-gold);
  transition: transform 0.35s var(--accordion-ease);
}

.accordion-faq-item[open] summary::after {
  transform: rotate(45deg);
}

.accordion-faq-answer {
  font-family: var(--accordion-font-serif);
  font-size: 1.1875rem;
  color: var(--accordion-text-dim);
  line-height: 1.75;
  padding-bottom: var(--space-md);
}


/* ═══════════════════════════════════════════════════════════════════════════════════════
   SECTION 15: SHARE BUTTON & TOAST
   ═══════════════════════════════════════════════════════════════════════════════════════ */

/* Share Button */
.share-button {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.4rem 0.7rem;
  background: transparent;
  border: 1px solid rgba(212, 168, 75, 0.3);
  border-radius: 4px;
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.1em;
  color: var(--accordion-gold);
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.25s ease;
  -webkit-tap-highlight-color: transparent;
}

.share-button:hover,
.share-button:active {
  background: rgba(212, 168, 75, 0.1);
  border-color: var(--accordion-gold);
}

.share-button svg {
  width: 12px;
  height: 12px;
}

.share-button__label {
  display: none;
}

@media (min-width: 375px) {
  .share-button__label {
    display: inline;
  }
}

/* Share Toast Notification */
.share-toast {
  position: fixed;
  bottom: calc(var(--buy-bar-height) + var(--space-md));
  left: 50%;
  transform: translateX(-50%) translateY(100px);
  background: linear-gradient(135deg, var(--accordion-gold) 0%, var(--accordion-gold-dark) 100%);
  color: var(--accordion-void);
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.08em;
  padding: 0.75rem 1.5rem;
  border-radius: 8px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4);
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
  transition: transform 0.35s var(--accordion-spring), opacity 0.25s ease, visibility 0.25s ease;
}

.share-toast.visible {
  transform: translateX(-50%) translateY(0);
  opacity: 1;
  visibility: visible;
}


/* ═══════════════════════════════════════════════════════════════════════════════════════
   SECTION 16: PROGRESS INDICATOR (Right side dots)
   ═══════════════════════════════════════════════════════════════════════════════════════ */

.progress-indicator {
  position: fixed;
  right: var(--space-sm);
  top: 50%;
  transform: translateY(-50%);
  z-index: 100;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: var(--space-sm);
}

.progress-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(212, 168, 75, 0.25);
  border: none;
  cursor: pointer;
  transition: all 0.25s ease;
  -webkit-tap-highlight-color: transparent;
}

.progress-dot:hover,
.progress-dot.active {
  background: var(--accordion-gold);
  transform: scale(1.3);
  box-shadow: 0 0 10px var(--accordion-gold-glow);
}

/* Motion Badge */
.motion-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.1em;
  color: var(--accordion-text-faint);
  text-transform: uppercase;
}

.motion-badge__dot {
  width: 6px;
  height: 6px;
  background: var(--accordion-gold);
  border-radius: 50%;
  animation: motionPulse 2s ease-in-out infinite;
}

@keyframes motionPulse {
  0%, 100% { opacity: 0.4; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.3); }
}


/* ═══════════════════════════════════════════════════════════════════════════════════════
   SECTION 17: FOOTER & BUY BAR
   ═══════════════════════════════════════════════════════════════════════════════════════ */

.mobile-footer {
  padding: var(--space-xl) var(--space-lg);
  padding-bottom: calc(var(--space-xl) + env(safe-area-inset-bottom, 0px));
  background: var(--accordion-void-mid);
  border-top: 1px solid rgba(212, 168, 75, 0.12);
  text-align: center;
}

.mobile-footer__copyright {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.12em;
  color: var(--accordion-text-faint);
  margin: 0 0 var(--space-md);
}

.mobile-footer__links {
  display: flex;
  justify-content: center;
  gap: var(--space-lg);
}

.mobile-footer__link {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.12em;
  color: var(--accordion-gold);
  text-decoration: none;
  text-transform: uppercase;
}

/* Mobile Buy Bar */
.mobile-buy-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to top, var(--accordion-void) 0%, rgba(2, 3, 10, 0.97) 100%);
  border-top: 1px solid rgba(212, 168, 75, 0.18);
  padding: 0.85rem var(--space-md);
  padding-bottom: calc(0.85rem + env(safe-area-inset-bottom, 0px));
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-md);
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
  transform: translateY(100%);
  opacity: 0;
  transition: transform 0.45s var(--accordion-ease), opacity 0.35s ease;
}

.mobile-buy-bar.visible {
  transform: translateY(0);
  opacity: 1;
}

.mobile-buy-bar__info {
  flex: 1;
  min-width: 0;
}

.mobile-buy-bar__title {
  display: block;
  font-family: var(--accordion-font-display);
  font-size: 1.1875rem;
  letter-spacing: 0.1em;
  color: var(--accordion-text);
}

.mobile-buy-bar__subtitle {
  display: block;
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.12em;
  color: var(--accordion-gold);
}

.mobile-buy-bar__cta {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.8rem 1.35rem;
  background: linear-gradient(135deg, var(--accordion-gold) 0%, var(--accordion-gold-dark) 100%);
  border: none;
  border-radius: 4px;
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.1em;
  color: var(--accordion-void);
  text-decoration: none;
  text-transform: uppercase;
  box-shadow: 0 5px 18px rgba(212, 168, 75, 0.35);
}

.mobile-buy-bar__cta:active {
  transform: scale(0.97);
}


/* ═══════════════════════════════════════════════════════════════════════════════════════
   SECTION 18: ACCESSIBILITY & REDUCED MOTION
   ═══════════════════════════════════════════════════════════════════════════════════════ */

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
  
  .mobile-hero::before,
  .mobile-hero::after,
  .mobile-hero__particles,
  .cinema-overlay {
    display: none !important;
  }
  
  .mobile-hero__badge,
  .mobile-hero__book,
  .mobile-hero__title,
  .mobile-hero__subtitle,
  .mobile-hero__receipts,
  .mobile-hero__cta,
  .accordion-cinema,
  .pattern-timeline__item,
  .ai-model-card,
  .timeline-event,
  .author-photo__image {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
  }

  .char-scrambling,
  .char-resolved {
    animation: none !important;
    transition: none !important;
  }
}

/* Focus States */
.accordion-header:focus-visible,
.accordion-faq-item summary:focus-visible,
.mobile-hero__cta:focus-visible,
.accordion-pricing-card__cta:focus-visible,
.mobile-buy-bar__cta:focus-visible,
.share-button:focus-visible,
.progress-dot:focus-visible {
  outline: 3px solid var(--accordion-gold);
  outline-offset: 3px;
}

/* Screen Reader Only */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}


/* ═══════════════════════════════════════════════════════════════════════════════════════
   SECTION 19: ALL 37 CONCEPTS — Expandable Full List
   ═══════════════════════════════════════════════════════════════════════════════════════ */

/* Trigger Button */
.concepts-full-list {
  margin-top: var(--space-lg);
  border: 1px solid var(--accordion-card-border);
  border-radius: 12px;
  overflow: hidden;
  background: var(--accordion-card-bg);
}

.concepts-full-list__trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-sm);
  padding: var(--space-md) var(--space-lg);
  cursor: pointer;
  list-style: none;
  -webkit-tap-highlight-color: transparent;
  transition: background 0.25s ease;
}

.concepts-full-list__trigger::-webkit-details-marker {
  display: none;
}

.concepts-full-list__trigger:hover,
.concepts-full-list__trigger:active {
  background: var(--accordion-card-bg-hover);
}

.concepts-full-list__icon {
  font-size: 1.2rem;
}

.concepts-full-list__text {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.1em;
  color: var(--accordion-gold);
  text-transform: uppercase;
}

.concepts-full-list__chevron {
  color: var(--accordion-gold);
  transition: transform 0.35s var(--accordion-ease);
}

.concepts-full-list[open] .concepts-full-list__chevron {
  transform: rotate(180deg);
}

/* Content Container */
.concepts-full-list__content {
  padding: var(--space-md);
  padding-top: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}

/* Category Groups */
.concepts-category {
  border-top: 1px solid rgba(212, 168, 75, 0.12);
  padding-top: var(--space-md);
}

.concepts-category:first-child {
  border-top: none;
  padding-top: 0;
}

.concepts-category__title {
  font-family: var(--accordion-font-display);
  font-size: 1.1875rem;
  letter-spacing: 0.08em;
  color: var(--accordion-gold);
  margin: 0 0 var(--space-md);
  text-transform: uppercase;
}

/* Concepts Grid */
.concepts-grid {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

/* Individual Concept Card */
.concept-mini {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(212, 168, 75, 0.1);
  border-radius: 8px;
  padding: var(--space-sm) var(--space-md);
  position: relative;
}

.concept-mini--eden {
  border-left: 3px solid var(--accordion-eden);
  background: var(--accordion-eden-bg);
}

.concept-mini--babylon {
  border-left: 3px solid var(--accordion-babylon);
  background: var(--accordion-babylon-bg);
}

.concept-mini__number {
  display: inline-block;
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.1em;
  color: var(--accordion-gold);
  background: rgba(212, 168, 75, 0.15);
  padding: 0.15rem 0.4rem;
  border-radius: 4px;
  margin-bottom: 0.3rem;
}

.concept-mini__name {
  font-family: var(--accordion-font-display);
  font-size: 1.1875rem;
  color: var(--accordion-text);
  margin: 0 0 0.25rem;
  letter-spacing: 0.02em;
}

.concept-mini__desc {
  font-family: var(--accordion-font-serif);
  font-size: 1.125rem;
  color: var(--accordion-text-dim);
  line-height: 1.5;
  margin: 0;
}

/* Tablet: 2-column grid */
@media (min-width: 500px) {
  .concepts-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-sm);
  }
}


/* ═══════════════════════════════════════════════════════════════════════════════════════
   SECTION 20: PRINT STYLES
   ═══════════════════════════════════════════════════════════════════════════════════════ */

@media print {
  .mobile-experience {
    display: block !important;
  }
  
  .mobile-hero::before,
  .mobile-hero::after,
  .mobile-hero__particles,
  .mobile-buy-bar,
  .cinema-overlay,
  .progress-indicator,
  .share-button,
  .share-toast {
    display: none !important;
  }
  
  .accordion-content {
    grid-template-rows: 1fr !important;
    opacity: 1 !important;
  }
  
  .accordion-item {
    break-inside: avoid;
  }
  
  .mobile-hero__badge,
  .mobile-hero__book,
  .mobile-hero__title,
  .mobile-hero__subtitle,
  .mobile-hero__receipts,
  .mobile-hero__cta,
  .accordion-cinema,
  .pattern-timeline__item,
  .ai-model-card,
  .timeline-event,
  .author-photo__image {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }
}


/* ═══════════════════════════════════════════════════════════════════════════════════════════════════
   SECTION 21: CINEMATIC EVIDENCE SECTION — APPLE-GRADE PRESENTATION
   Full-width video sections with dramatic typography and elegant spacing
   ═══════════════════════════════════════════════════════════════════════════════════════════════════ */

/* Verified Hero Badge — Maximum Impact */
.verified-hero-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  background: linear-gradient(135deg, rgba(74, 222, 128, 0.15), rgba(74, 222, 128, 0.05));
  border: 2px solid rgba(74, 222, 128, 0.4);
  border-radius: 16px;
  padding: var(--space-lg);
  margin-bottom: var(--space-xl);
  animation: verifiedPulse 3s ease-in-out infinite;
}

@keyframes verifiedPulse {
  0%, 100% { box-shadow: 0 0 20px rgba(74, 222, 128, 0.2); }
  50% { box-shadow: 0 0 40px rgba(74, 222, 128, 0.35); }
}

.verified-hero-badge__icon {
  width: 48px;
  height: 48px;
  background: #4ade80;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  font-weight: 700;
  color: #000;
  flex-shrink: 0;
}

.verified-hero-badge__content {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.verified-hero-badge__title {
  font-family: var(--accordion-font-display);
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  color: #4ade80;
}

.verified-hero-badge__subtitle {
  font-size: 1.125rem;
  color: var(--accordion-text-secondary);
}

/* Container */
.evidence-cinematic-container {
  display: flex;
  flex-direction: column;
  gap: 0;
}

/* Individual Cinematic Section */
.evidence-cinematic-section {
  padding: var(--space-xl) 0;
  border-bottom: 1px solid rgba(212, 168, 75, 0.1);
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.evidence-cinematic-section:last-of-type {
  border-bottom: none;
}

.evidence-cinematic-section--hero {
  padding: var(--space-2xl) 0;
  background: linear-gradient(180deg, rgba(212, 168, 75, 0.03) 0%, transparent 100%);
  margin: 0 calc(var(--space-lg) * -1);
  padding-left: var(--space-lg);
  padding-right: var(--space-lg);
  border-radius: 16px;
}

/* Section Label (Top of each section) */
.evidence-section-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--space-sm);
}

.evidence-section-label__text {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--accordion-gold);
}

.evidence-section-label__text--verified {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  color: var(--accordion-verified);
}

.evidence-section-label__text--verified svg {
  color: var(--accordion-verified);
}

.evidence-section-label__date {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.1em;
  color: var(--accordion-text-faint);
}

/* Hero Quote */
.evidence-hero-quote {
  font-family: var(--accordion-font-serif);
  font-size: 1.15rem;
  font-style: italic;
  line-height: 1.7;
  color: var(--accordion-text);
  margin: 0;
  padding: var(--space-md) 0;
  text-align: center;
}

.evidence-hero-quote em {
  color: var(--accordion-gold);
  font-style: normal;
  font-weight: 600;
}

.evidence-hero-quote--large {
  font-size: 1.25rem;
  padding: var(--space-lg) 0;
}

/* Source Block */
.evidence-source-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  text-align: center;
}

.evidence-source-block__book {
  font-family: var(--accordion-font-display);
  font-size: 1.1875rem;
  letter-spacing: 0.1em;
  color: var(--accordion-gold);
}

.evidence-source-block__chapter {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--accordion-text-dim);
}

.evidence-source-block__copyright {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.1em;
  color: var(--accordion-text-faint);
}

/* Timeline Hero */
.evidence-timeline-hero {
  padding: var(--space-xl) var(--space-md);
  margin: var(--space-lg) 0;
}

.evidence-timeline-hero__track {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
}

.evidence-timeline-hero__node {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  min-width: 80px;
}

.evidence-timeline-hero__icon {
  width: 48px;
  height: 48px;
  padding: 12px;
  border-radius: 50%;
  background: rgba(212, 168, 75, 0.1);
  border: 1px solid rgba(212, 168, 75, 0.3);
  color: var(--accordion-gold);
  transition: all 0.3s ease;
}

.evidence-timeline-hero__icon svg {
  width: 100%;
  height: 100%;
}

.evidence-timeline-hero__icon--verified {
  background: rgba(74, 222, 128, 0.1);
  border-color: rgba(74, 222, 128, 0.3);
  color: var(--accordion-verified);
}

.evidence-timeline-hero__date {
  font-family: var(--accordion-font-display);
  font-size: 1.125rem;
  color: var(--accordion-text);
}

.evidence-timeline-hero__label {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--accordion-text-faint);
}

.evidence-timeline-hero__connector {
  display: flex;
  align-items: center;
  flex: 1;
  max-width: 120px;
  margin: 0 var(--space-sm);
}

.evidence-timeline-hero__line {
  flex: 1;
  height: 2px;
  background: linear-gradient(90deg, var(--accordion-gold), var(--accordion-verified));
}

.evidence-timeline-hero__gap {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 var(--space-sm);
  background: var(--accordion-void);
}

.evidence-timeline-hero__gap-number {
  font-family: var(--accordion-font-display);
  font-size: 2rem;
  line-height: 1;
  color: var(--accordion-gold);
  text-shadow: 0 0 20px rgba(212, 168, 75, 0.4);
}

.evidence-timeline-hero__gap-text {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--accordion-gold);
}

/* Video Title */
.evidence-video-title {
  font-family: var(--accordion-font-display);
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  color: var(--accordion-text);
  text-align: center;
  margin: 0;
}

/* Video Hero Wrapper */
.evidence-video-hero {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  box-shadow:
    0 4px 24px rgba(0, 0, 0, 0.4),
    0 0 0 1px rgba(212, 168, 75, 0.1);
}

.evidence-video-hero .accordion-video-wrapper {
  border-radius: 0;
  box-shadow: none;
}

.evidence-video-hero__badge {
  position: absolute;
  top: var(--space-sm);
  left: var(--space-sm);
  padding: 0.35rem 0.7rem;
  background: rgba(187, 28, 28, 0.95);
  color: white;
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.1em;
  font-weight: 600;
  border-radius: 4px;
  z-index: 10;
}

/* Attribution */
.evidence-attribution {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
  text-align: center;
  padding-top: var(--space-sm);
}

.evidence-attribution__name {
  font-family: var(--accordion-font-display);
  font-size: 1.1875rem;
  color: var(--accordion-text);
  letter-spacing: 0.05em;
}

.evidence-attribution__role {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--accordion-text-faint);
}

/* Description */
.evidence-description {
  font-family: var(--accordion-font-serif);
  font-size: 1.1875rem;
  line-height: 1.7;
  color: var(--accordion-text-dim);
  text-align: center;
  margin: 0;
  padding: var(--space-sm) var(--space-md);
}

/* Full Segment Expandable */
.evidence-full-segment {
  margin-top: var(--space-xl);
  border: 1px solid rgba(212, 168, 75, 0.15);
  border-radius: 12px;
  overflow: hidden;
  background: var(--accordion-card-bg);
}

.evidence-full-segment__trigger {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  padding: var(--space-md) var(--space-lg);
  cursor: pointer;
  list-style: none;
  transition: background 0.25s ease;
  -webkit-tap-highlight-color: transparent;
}

.evidence-full-segment__trigger::-webkit-details-marker {
  display: none;
}

.evidence-full-segment__trigger:hover,
.evidence-full-segment__trigger:active {
  background: var(--accordion-card-bg-hover);
}

.evidence-full-segment__icon {
  width: 40px;
  height: 40px;
  padding: 10px;
  background: rgba(212, 168, 75, 0.1);
  border-radius: 8px;
  color: var(--accordion-gold);
  flex-shrink: 0;
}

.evidence-full-segment__icon svg {
  width: 100%;
  height: 100%;
}

.evidence-full-segment__text {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  flex: 1;
}

.evidence-full-segment__title {
  font-family: var(--accordion-font-display);
  font-size: 1.1875rem;
  color: var(--accordion-text);
  letter-spacing: 0.03em;
}

.evidence-full-segment__duration {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.1em;
  color: var(--accordion-text-faint);
}

.evidence-full-segment__chevron {
  color: var(--accordion-gold);
  transition: transform 0.35s var(--accordion-ease);
  flex-shrink: 0;
}

.evidence-full-segment[open] .evidence-full-segment__chevron {
  transform: rotate(180deg);
}

.evidence-full-segment__content {
  padding: 0 var(--space-md) var(--space-md);
}

/* Verdict Hero */
.evidence-verdict-hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: var(--space-2xl) var(--space-lg);
  margin-top: var(--space-xl);
  background: linear-gradient(180deg, rgba(74, 222, 128, 0.05) 0%, transparent 100%);
  border-radius: 16px;
}

.evidence-verdict-hero__icon {
  width: 80px;
  height: 80px;
  color: var(--accordion-verified);
  margin-bottom: var(--space-lg);
}

.evidence-verdict-hero__icon svg {
  width: 100%;
  height: 100%;
}

.evidence-verdict-hero__title {
  font-family: var(--accordion-font-display);
  font-size: 1.5rem;
  letter-spacing: 0.08em;
  color: var(--accordion-text);
  margin: 0 0 var(--space-md);
}

.evidence-verdict-hero__text {
  font-family: var(--accordion-font-serif);
  font-size: 1.125rem;
  line-height: 1.7;
  color: var(--accordion-text-dim);
  margin: 0 0 var(--space-lg);
  max-width: 320px;
}

.evidence-verdict-hero__badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 1.2rem;
  background: rgba(74, 222, 128, 0.1);
  border: 1px solid rgba(74, 222, 128, 0.25);
  border-radius: 9999px;
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.12em;
  color: var(--accordion-verified);
}

.evidence-verdict-hero__badge-dot {
  width: 8px;
  height: 8px;
  background: var(--accordion-verified);
  border-radius: 50%;
  animation: evidence-pulse 2s ease-in-out infinite;
}

@keyframes evidence-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.5; transform: scale(0.8); }
}


/* ═══════════════════════════════════════════════════════════════════════════════════════════════════
   DESKTOP RESPONSIVE ADJUSTMENTS FOR EVIDENCE SECTION
   ═══════════════════════════════════════════════════════════════════════════════════════════════════ */

@media (min-width: 768px) {
  .evidence-cinematic-section {
    padding: 3rem 0;
  }

  .evidence-cinematic-section--hero {
    padding: 4rem 2rem;
    margin: 0 -2rem;
  }

  .evidence-hero-quote {
    font-size: 1.4rem;
  }

  .evidence-hero-quote--large {
    font-size: 1.6rem;
  }

  .evidence-video-title {
    font-size: 1.8rem;
  }

  .evidence-timeline-hero__icon {
    width: 64px;
    height: 64px;
    padding: 16px;
  }

  .evidence-timeline-hero__date {
    font-size: 1.2rem;
  }

  .evidence-timeline-hero__gap-number {
    font-size: 2.5rem;
  }

  .evidence-verdict-hero__icon {
    width: 100px;
    height: 100px;
  }

  .evidence-verdict-hero__title {
    font-size: 2rem;
  }

  .evidence-verdict-hero__text {
    font-size: 1.125rem;
    max-width: 450px;
  }
}


/* ═══════════════════════════════════════════════════════════════════════════════════════════════════
   APPLE-GRADE DESIGN SYSTEM ENHANCEMENT v1.0
   Premium visual polish for all accordion sections
   Created: January 2026
   
   This enhancement adds:
   - Refined glass morphism surfaces
   - Premium video card styling with poster support
   - Enhanced typography hierarchy
   - Sophisticated animations and transitions
   - Consistent visual language across all sections
   ═══════════════════════════════════════════════════════════════════════════════════════════════════ */


/* ───────────────────────────────────────────────────────────────────────────────────────────────────
   PREMIUM ACCORDION ITEMS — Apple-grade surface treatment
   ─────────────────────────────────────────────────────────────────────────────────────────────────── */

.accordion-item {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.02) 0%,
    rgba(255, 255, 255, 0.005) 100%
  );
  border: 1px solid rgba(255, 255, 255, 0.04);
  border-radius: 16px;
  margin-bottom: 12px;
  overflow: hidden;
  transition: 
    border-color 0.4s var(--accordion-ease),
    box-shadow 0.4s var(--accordion-ease),
    transform 0.4s var(--accordion-ease);
}

.accordion-item:hover {
  border-color: rgba(212, 168, 75, 0.15);
}

.accordion-item[open] {
  border-color: rgba(212, 168, 75, 0.2);
  box-shadow: 
    0 4px 24px rgba(0, 0, 0, 0.3),
    0 0 0 1px rgba(212, 168, 75, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

/* ───────────────────────────────────────────────────────────────────────────────────────────────────
   ACCORDION HEADER — Premium interactive states
   ─────────────────────────────────────────────────────────────────────────────────────────────────── */

.accordion-header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 18px 20px;
  cursor: pointer;
  list-style: none;
  -webkit-tap-highlight-color: transparent;
  transition: background 0.3s var(--accordion-ease);
  position: relative;
}

.accordion-header::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 20px;
  right: 20px;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(212, 168, 75, 0.1) 50%,
    transparent 100%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
}

.accordion-item[open] .accordion-header::after {
  opacity: 1;
}

.accordion-header::-webkit-details-marker {
  display: none;
}

.accordion-header__part {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  color: var(--accordion-gold);
  background: rgba(212, 168, 75, 0.08);
  padding: 6px 10px;
  border-radius: 6px;
  white-space: nowrap;
  transition: 
    background 0.3s ease,
    transform 0.3s var(--accordion-ease);
}

.accordion-item[open] .accordion-header__part {
  background: rgba(212, 168, 75, 0.15);
}

.accordion-header__main {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

.accordion-header__title {
  font-family: var(--accordion-font-display);
  font-size: 1.1875rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  color: var(--accordion-text);
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
  transition: color 0.3s ease;
}

.accordion-item:hover .accordion-header__title,
.accordion-item[open] .accordion-header__title {
  color: var(--accordion-gold-pale);
}

.accordion-header__hook {
  font-family: var(--accordion-font-serif);
  font-size: 1.1875rem;
  font-style: italic;
  font-weight: 400;
  color: var(--accordion-text-dim);
  display: block;
}

.accordion-header__icon {
  width: 20px;
  height: 20px;
  color: var(--accordion-gold);
  flex-shrink: 0;
  transition: transform 0.4s var(--accordion-ease);
  opacity: 0.6;
}

.accordion-item[open] .accordion-header__icon {
  transform: rotate(180deg);
  opacity: 1;
}


/* ───────────────────────────────────────────────────────────────────────────────────────────────────
   ACCORDION CONTENT — Smooth reveal with padding
   ─────────────────────────────────────────────────────────────────────────────────────────────────── */

.accordion-content {
  overflow: hidden;
}

.accordion-content__inner {
  padding: 0 20px 24px;
}


/* ───────────────────────────────────────────────────────────────────────────────────────────────────
   PREMIUM VIDEO WRAPPER — Cinematic with poster support
   ─────────────────────────────────────────────────────────────────────────────────────────────────── */

.accordion-video-wrapper {
  position: relative;
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  background: linear-gradient(
    135deg,
    rgba(10, 12, 20, 1) 0%,
    rgba(5, 8, 16, 1) 100%
  );
  box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.4),
    0 2px 8px rgba(0, 0, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.02);
  transition: 
    box-shadow 0.4s var(--accordion-ease),
    transform 0.4s var(--accordion-ease);
}

.accordion-video-wrapper:hover {
  box-shadow: 
    0 12px 40px rgba(0, 0, 0, 0.5),
    0 4px 12px rgba(0, 0, 0, 0.35),
    0 0 40px rgba(212, 168, 75, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.03);
  transform: translateY(-2px);
}

.accordion-video-wrapper video {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px;
  background: #000;
}

/* Video with poster - ensure poster displays properly */
.accordion-video-wrapper video[poster] {
  object-fit: cover;
}

/* Small video variant for grid */
.accordion-video-wrapper--small {
  border-radius: 10px;
}

.accordion-video-wrapper--small video {
  border-radius: 10px;
}

/* Loading state */
.accordion-video-wrapper[data-loading="true"]::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 32px;
  height: 32px;
  margin: -16px 0 0 -16px;
  border: 2px solid rgba(212, 168, 75, 0.2);
  border-top-color: var(--accordion-gold);
  border-radius: 50%;
  animation: videoLoaderSpin 1s linear infinite;
  z-index: 5;
  pointer-events: none;
}

@keyframes videoLoaderSpin {
  to { transform: rotate(360deg); }
}

.accordion-video-wrapper[data-loading="false"]::before {
  display: none;
}


/* ───────────────────────────────────────────────────────────────────────────────────────────────────
   BBC LABEL — Premium badge styling
   ─────────────────────────────────────────────────────────────────────────────────────────────────── */

.bbc-label {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 10;
  pointer-events: none;
}

.bbc-label__text {
  display: inline-block;
  background: linear-gradient(
    135deg,
    rgba(204, 0, 0, 0.95) 0%,
    rgba(180, 0, 0, 0.95) 100%
  );
  color: #fff;
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  padding: 5px 10px;
  border-radius: 4px;
  box-shadow: 
    0 2px 8px rgba(204, 0, 0, 0.4),
    0 1px 2px rgba(0, 0, 0, 0.3);
}

.bbc-label--small {
  top: 8px;
  left: 8px;
}

.bbc-label--small .bbc-label__text {
  font-size: 1.125rem;
  padding: 4px 8px;
}


/* ───────────────────────────────────────────────────────────────────────────────────────────────────
   EVIDENCE VIDEO GRID — Premium card layout
   ─────────────────────────────────────────────────────────────────────────────────────────────────── */

.evidence-video-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin-top: 16px;
}

.evidence-video-card {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.025) 0%,
    rgba(255, 255, 255, 0.01) 100%
  );
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  overflow: hidden;
  transition: 
    border-color 0.35s ease,
    box-shadow 0.35s ease,
    transform 0.35s var(--accordion-ease);
}

.evidence-video-card:hover {
  border-color: rgba(212, 168, 75, 0.2);
  box-shadow: 
    0 8px 24px rgba(0, 0, 0, 0.3),
    0 0 20px rgba(212, 168, 75, 0.06);
  transform: translateY(-3px);
}

.evidence-video-card__info {
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.evidence-video-card__title {
  font-family: var(--accordion-font-display);
  font-size: 1.125rem;
  font-weight: 400;
  letter-spacing: 0.03em;
  color: var(--accordion-text);
  line-height: 1.3;
}

.evidence-video-card__desc {
  font-family: var(--accordion-font-serif);
  font-size: 1.125rem;
  color: var(--accordion-text-dim);
  line-height: 1.4;
}


/* ───────────────────────────────────────────────────────────────────────────────────────────────────
   MOTION BADGE — Premium animated indicator
   ─────────────────────────────────────────────────────────────────────────────────────────────────── */

.motion-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(212, 168, 75, 0.15);
  border-radius: 100px;
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: var(--accordion-gold);
  text-transform: uppercase;
}

.motion-badge__dot {
  width: 6px;
  height: 6px;
  background: var(--accordion-gold);
  border-radius: 50%;
  animation: motionBadgePulse 2s ease-in-out infinite;
}

@keyframes motionBadgePulse {
  0%, 100% { opacity: 0.4; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.15); }
}


/* ───────────────────────────────────────────────────────────────────────────────────────────────────
   PREMIUM CARD SURFACES — Used across sections
   ─────────────────────────────────────────────────────────────────────────────────────────────────── */

/* Generic content card */
.premium-card {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.025) 0%,
    rgba(255, 255, 255, 0.008) 100%
  );
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 16px;
  padding: 20px;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  transition: 
    border-color 0.35s ease,
    box-shadow 0.35s ease;
}

.premium-card:hover {
  border-color: rgba(212, 168, 75, 0.15);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
}

/* Highlighted card (featured content) */
.premium-card--highlight {
  border-color: rgba(212, 168, 75, 0.2);
  background: linear-gradient(
    180deg,
    rgba(212, 168, 75, 0.04) 0%,
    rgba(212, 168, 75, 0.01) 100%
  );
}

/* Success/Verified card */
.premium-card--verified {
  border-color: rgba(74, 222, 128, 0.2);
  background: linear-gradient(
    180deg,
    rgba(74, 222, 128, 0.04) 0%,
    rgba(74, 222, 128, 0.01) 100%
  );
}


/* ───────────────────────────────────────────────────────────────────────────────────────────────────
   ENHANCED SECTION LABELS
   ─────────────────────────────────────────────────────────────────────────────────────────────────── */

.section-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}

.section-label__badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  background: rgba(212, 168, 75, 0.08);
  border: 1px solid rgba(212, 168, 75, 0.15);
  border-radius: 100px;
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: 0.12em;
  color: var(--accordion-gold);
  text-transform: uppercase;
}

.section-label__badge svg {
  width: 12px;
  height: 12px;
}

.section-label__badge--verified {
  background: rgba(74, 222, 128, 0.08);
  border-color: rgba(74, 222, 128, 0.2);
  color: var(--accordion-verified);
}


/* ───────────────────────────────────────────────────────────────────────────────────────────────────
   TYPOGRAPHY REFINEMENTS
   ─────────────────────────────────────────────────────────────────────────────────────────────────── */

/* Section intro text */
.section-intro {
  font-family: var(--accordion-font-serif);
  font-size: 1.1875rem;
  line-height: 1.7;
  color: var(--accordion-text-dim);
  margin-bottom: 20px;
}

/* Large quote styling */
.premium-quote {
  font-family: var(--accordion-font-serif);
  font-size: 1.125rem;
  font-style: italic;
  line-height: 1.6;
  color: var(--accordion-text);
  position: relative;
  padding-left: 20px;
  margin: 20px 0;
}

.premium-quote::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(
    180deg,
    var(--accordion-gold) 0%,
    rgba(212, 168, 75, 0.3) 100%
  );
  border-radius: 3px;
}

.premium-quote em {
  color: var(--accordion-gold);
  font-style: italic;
}


/* ───────────────────────────────────────────────────────────────────────────────────────────────────
   INTERACTIVE ELEMENTS — Premium buttons and links
   ─────────────────────────────────────────────────────────────────────────────────────────────────── */

/* Primary action button */
.premium-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 28px;
  background: linear-gradient(
    135deg,
    var(--accordion-gold) 0%,
    var(--accordion-gold-dark) 100%
  );
  color: var(--accordion-void);
  font-family: var(--accordion-font-display);
  font-size: 1.1875rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-decoration: none;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  transition: 
    transform 0.3s var(--accordion-ease),
    box-shadow 0.3s var(--accordion-ease);
  box-shadow: 
    0 4px 16px rgba(212, 168, 75, 0.3),
    0 2px 4px rgba(0, 0, 0, 0.2);
}

.premium-btn:hover {
  transform: translateY(-2px);
  box-shadow: 
    0 8px 24px rgba(212, 168, 75, 0.4),
    0 4px 8px rgba(0, 0, 0, 0.25);
}

.premium-btn:active {
  transform: translateY(0);
}

/* Outline button variant */
.premium-btn--outline {
  background: transparent;
  color: var(--accordion-gold);
  border: 1px solid rgba(212, 168, 75, 0.3);
  box-shadow: none;
}

.premium-btn--outline:hover {
  background: rgba(212, 168, 75, 0.08);
  border-color: var(--accordion-gold);
  box-shadow: 0 4px 16px rgba(212, 168, 75, 0.15);
}


/* ───────────────────────────────────────────────────────────────────────────────────────────────────
   ENHANCED CONCEPT CARDS — Philosophy section
   ─────────────────────────────────────────────────────────────────────────────────────────────────── */

.concept-card {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.03) 0%,
    rgba(255, 255, 255, 0.01) 100%
  );
  border: 1px solid rgba(212, 168, 75, 0.1);
  border-radius: 14px;
  padding: 18px;
  min-width: 240px;
  scroll-snap-align: center;
  transition: 
    border-color 0.35s ease,
    box-shadow 0.35s ease,
    transform 0.35s var(--accordion-ease);
}

.concept-card:hover {
  border-color: rgba(212, 168, 75, 0.25);
  box-shadow: 
    0 8px 24px rgba(0, 0, 0, 0.25),
    0 0 30px rgba(212, 168, 75, 0.08);
  transform: translateY(-3px);
}

.concept-card__number {
  display: block;
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  color: var(--accordion-gold);
  opacity: 0.5;
  margin-bottom: 10px;
}

.concept-card__name {
  display: block;
  font-family: var(--accordion-font-display);
  font-size: 1.125rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  color: var(--accordion-gold-pale);
  margin-bottom: 10px;
}

.concept-card__description {
  font-family: var(--accordion-font-serif);
  font-size: 1.1875rem;
  line-height: 1.6;
  color: var(--accordion-text-dim);
  margin: 0;
}


/* ───────────────────────────────────────────────────────────────────────────────────────────────────
   ENHANCED REVIEW CARDS — Verdict section
   ─────────────────────────────────────────────────────────────────────────────────────────────────── */

.review-card {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.025) 0%,
    rgba(255, 255, 255, 0.008) 100%
  );
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 16px;
  padding: 20px;
  margin-bottom: 12px;
  transition: 
    border-color 0.35s ease,
    box-shadow 0.35s ease;
}

.review-card:hover {
  border-color: rgba(212, 168, 75, 0.15);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}

.review-card__stars {
  display: flex;
  gap: 3px;
  margin-bottom: 12px;
}

.review-card__star {
  width: 14px;
  height: 14px;
  color: var(--accordion-gold);
}

.review-card__quote {
  font-family: var(--accordion-font-serif);
  font-size: 1.1875rem;
  font-style: italic;
  line-height: 1.6;
  color: var(--accordion-text);
  margin: 0 0 14px;
}

.review-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.review-card__author {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.08em;
  color: var(--accordion-text-dim);
}

.review-card__verified {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.1em;
  color: var(--accordion-verified);
}

.review-card__verified svg {
  width: 12px;
  height: 12px;
}


/* ───────────────────────────────────────────────────────────────────────────────────────────────────
   ENHANCED PRICING CARDS — Join section
   ─────────────────────────────────────────────────────────────────────────────────────────────────── */

.accordion-pricing-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin: 20px 0;
}

.accordion-pricing-card {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.025) 0%,
    rgba(255, 255, 255, 0.008) 100%
  );
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 16px;
  padding: 20px;
  text-align: center;
  position: relative;
  transition: 
    border-color 0.35s ease,
    box-shadow 0.35s ease,
    transform 0.35s var(--accordion-ease);
}

.accordion-pricing-card:hover {
  border-color: rgba(212, 168, 75, 0.2);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
  transform: translateY(-3px);
}

.accordion-pricing-card--featured {
  border-color: rgba(212, 168, 75, 0.3);
  background: linear-gradient(
    180deg,
    rgba(212, 168, 75, 0.06) 0%,
    rgba(212, 168, 75, 0.02) 100%
  );
}

.accordion-pricing-card__badge {
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--accordion-gold);
  color: var(--accordion-void);
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  padding: 4px 12px;
  border-radius: 100px;
  text-transform: uppercase;
}

.accordion-pricing-card__format {
  display: block;
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.12em;
  color: var(--accordion-text-dim);
  text-transform: uppercase;
  margin-bottom: 8px;
}

.accordion-pricing-card__price {
  display: block;
  font-family: var(--accordion-font-display);
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  color: var(--accordion-gold);
  margin-bottom: 4px;
}

.accordion-pricing-card__note {
  display: block;
  font-family: var(--accordion-font-serif);
  font-size: 1.1875rem;
  color: var(--accordion-text-faint);
  margin-bottom: 16px;
}

.accordion-pricing-card__cta {
  display: block;
  width: 100%;
  padding: 12px 16px;
  background: linear-gradient(
    135deg,
    var(--accordion-gold) 0%,
    var(--accordion-gold-dark) 100%
  );
  color: var(--accordion-void);
  font-family: var(--accordion-font-display);
  font-size: 1.1875rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-decoration: none;
  text-align: center;
  border-radius: 10px;
  transition: 
    transform 0.3s var(--accordion-ease),
    box-shadow 0.3s var(--accordion-ease);
  box-shadow: 0 4px 12px rgba(212, 168, 75, 0.25);
}

.accordion-pricing-card__cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(212, 168, 75, 0.35);
}

.accordion-pricing-card__cta--outline {
  background: transparent;
  color: var(--accordion-gold);
  border: 1px solid rgba(212, 168, 75, 0.3);
  box-shadow: none;
}

.accordion-pricing-card__cta--outline:hover {
  background: rgba(212, 168, 75, 0.08);
  border-color: var(--accordion-gold);
}


/* ───────────────────────────────────────────────────────────────────────────────────────────────────
   ENHANCED FAQ ITEMS
   ─────────────────────────────────────────────────────────────────────────────────────────────────── */

.accordion-faq-item {
  background: rgba(255, 255, 255, 0.015);
  border: 1px solid rgba(255, 255, 255, 0.04);
  border-radius: 12px;
  margin-bottom: 8px;
  overflow: hidden;
  transition: border-color 0.3s ease;
}

.accordion-faq-item:hover,
.accordion-faq-item[open] {
  border-color: rgba(212, 168, 75, 0.15);
}

.accordion-faq-item summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  cursor: pointer;
  list-style: none;
  font-family: var(--accordion-font-serif);
  font-size: 1.1875rem;
  color: var(--accordion-text);
  -webkit-tap-highlight-color: transparent;
  transition: color 0.3s ease;
}

.accordion-faq-item summary::-webkit-details-marker {
  display: none;
}

.accordion-faq-item[open] summary {
  color: var(--accordion-gold-pale);
}

.accordion-faq-answer {
  padding: 0 16px 16px;
}

.accordion-faq-answer p {
  font-family: var(--accordion-font-serif);
  font-size: 1.1875rem;
  line-height: 1.7;
  color: var(--accordion-text-dim);
  margin: 0;
}


/* ───────────────────────────────────────────────────────────────────────────────────────────────────
   SMOOTH ANIMATIONS — Consistent reveal effects
   ─────────────────────────────────────────────────────────────────────────────────────────────────── */

@keyframes fadeSlideUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeSlideDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

/* Apply animations to accordion content when opened */
.accordion-item[open] .accordion-content__inner > * {
  animation: fadeSlideUp 0.5s var(--accordion-ease) forwards;
}

.accordion-item[open] .accordion-content__inner > *:nth-child(1) { animation-delay: 0ms; }
.accordion-item[open] .accordion-content__inner > *:nth-child(2) { animation-delay: 50ms; }
.accordion-item[open] .accordion-content__inner > *:nth-child(3) { animation-delay: 100ms; }
.accordion-item[open] .accordion-content__inner > *:nth-child(4) { animation-delay: 150ms; }
.accordion-item[open] .accordion-content__inner > *:nth-child(5) { animation-delay: 200ms; }


/* ───────────────────────────────────────────────────────────────────────────────────────────────────
   REDUCED MOTION — Accessibility respect
   ─────────────────────────────────────────────────────────────────────────────────────────────────── */

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}


/* ═══════════════════════════════════════════════════════════════════════════════════════════════════
   END APPLE-GRADE DESIGN SYSTEM ENHANCEMENT
   ═══════════════════════════════════════════════════════════════════════════════════════════════════ */


/* ═══════════════════════════════════════════════════════════════════════════════════════════════════
   PHILOSOPHY SECTION — NESTED CONCEPT CATEGORY ACCORDIONS
   Apple-grade nested accordion system with exclusive behavior
   ═══════════════════════════════════════════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════════════════════
   37 CONCEPTS — BEAUTIFUL COLOUR-CODED CATEGORY SYSTEM
   Each category has its own colour theme for visual distinction
   ═══════════════════════════════════════════════════════════════════════════════ */

/* Category colour variables */
:root {
  /* Core Frameworks — Gold (Foundation) */
  --cat-core-primary: #d4a84b;
  --cat-core-bg: rgba(212, 168, 75, 0.08);
  --cat-core-border: rgba(212, 168, 75, 0.25);
  --cat-core-glow: rgba(212, 168, 75, 0.15);

  /* Safety & Control — Blue (Protection) */
  --cat-safety-primary: #60a5fa;
  --cat-safety-bg: rgba(96, 165, 250, 0.08);
  --cat-safety-border: rgba(96, 165, 250, 0.25);
  --cat-safety-glow: rgba(96, 165, 250, 0.15);

  /* Cosmological Theories — Purple (Cosmic) */
  --cat-cosmic-primary: #a78bfa;
  --cat-cosmic-bg: rgba(167, 139, 250, 0.08);
  --cat-cosmic-border: rgba(167, 139, 250, 0.25);
  --cat-cosmic-glow: rgba(167, 139, 250, 0.15);

  /* Philosophical Frameworks — Teal (Wisdom) */
  --cat-philo-primary: #2dd4bf;
  --cat-philo-bg: rgba(45, 212, 191, 0.08);
  --cat-philo-border: rgba(45, 212, 191, 0.25);
  --cat-philo-glow: rgba(45, 212, 191, 0.15);

  /* Consciousness & Emergence — Pink (Mind) */
  --cat-mind-primary: #f472b6;
  --cat-mind-bg: rgba(244, 114, 182, 0.08);
  --cat-mind-border: rgba(244, 114, 182, 0.25);
  --cat-mind-glow: rgba(244, 114, 182, 0.15);

  /* Practical Applications — Green (Action) */
  --cat-action-primary: #4ade80;
  --cat-action-bg: rgba(74, 222, 128, 0.08);
  --cat-action-border: rgba(74, 222, 128, 0.25);
  --cat-action-glow: rgba(74, 222, 128, 0.15);
}

/* Start Here Guide */
.start-here-guide {
  background: linear-gradient(135deg, rgba(212, 168, 75, 0.1), rgba(212, 168, 75, 0.03));
  border: 1px solid rgba(212, 168, 75, 0.25);
  border-radius: 14px;
  padding: var(--space-lg);
  margin-bottom: var(--space-lg);
}

.start-here-guide__title {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--accordion-gold);
  margin: 0 0 var(--space-md) 0;
  text-align: center;
}

.start-here-guide__concepts {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

.start-here-concept {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 0.8rem;
  padding: 0.6rem 0.8rem;
  background: rgba(212, 168, 75, 0.06);
  border-radius: 8px;
}

.start-here-concept__num {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  color: var(--accordion-gold);
  background: rgba(212, 168, 75, 0.15);
  padding: 0.2rem 0.4rem;
  border-radius: 4px;
}

.start-here-concept__name {
  font-family: var(--accordion-font-display);
  font-size: 1.125rem;
  color: var(--accordion-text);
  letter-spacing: 0.03em;
}

.start-here-concept__why {
  font-size: 1.125rem;
  color: var(--accordion-text-faint);
}

/* Container for all categories */
.concepts-categories {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 8px 0;
}

/* ═══════════════════════════════════════════════════════════════════════════════
   BASE CATEGORY ACCORDION STYLING
   ═══════════════════════════════════════════════════════════════════════════════ */

.concept-category {
  background: linear-gradient(
    135deg,
    rgba(20, 22, 30, 0.95) 0%,
    rgba(10, 12, 18, 0.98) 100%
  );
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-left: 3px solid var(--accordion-gold);
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
}

.concept-category::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(255, 255, 255, 0.1) 50%,
    transparent 100%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
}

.concept-category:hover::before {
  opacity: 1;
}

.concept-category:hover {
  border-color: rgba(255, 255, 255, 0.12);
  transform: translateY(-1px);
}

.concept-category[open] {
  box-shadow:
    0 8px 32px rgba(0, 0, 0, 0.4),
    0 0 0 1px rgba(255, 255, 255, 0.05);
}

/* ═══════════════════════════════════════════════════════════════════════════════
   CATEGORY HEADER (TRIGGER)
   ═══════════════════════════════════════════════════════════════════════════════ */

.concept-category__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 20px;
  cursor: pointer;
  list-style: none;
  -webkit-tap-highlight-color: transparent;
  transition: background 0.3s ease;
  position: relative;
}

.concept-category__header::-webkit-details-marker {
  display: none;
}

.concept-category__header::marker {
  display: none;
  content: '';
}

.concept-category__header:active {
  background: rgba(255, 255, 255, 0.02);
}

.concept-category__info {
  display: flex;
  align-items: center;
  gap: 14px;
  flex: 1;
  min-width: 0;
}

/* Category count badge with colour coding */
.concept-category__count {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  color: var(--accordion-gold);
  background: rgba(212, 168, 75, 0.12);
  padding: 6px 10px;
  border-radius: 6px;
  white-space: nowrap;
  flex-shrink: 0;
  border: 1px solid rgba(212, 168, 75, 0.2);
}

/* Category title */
.concept-category__title {
  font-family: var(--accordion-font-display);
  font-size: 1.125rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  color: var(--accordion-text);
  margin: 0;
  transition: color 0.3s ease;
  line-height: 1.3;
}

.concept-category[open] .concept-category__title {
  color: var(--accordion-gold-pale);
}

/* Category chevron icon - pure CSS approach */
.concept-category__icon {
  display: none; /* Hide SVG, use CSS chevron instead */
}

/* Pure CSS chevron indicator */
.concept-category__header::after {
  content: '';
  width: 10px;
  height: 10px;
  border-right: 2px solid var(--accordion-gold);
  border-bottom: 2px solid var(--accordion-gold);
  transform: rotate(45deg);
  transition: transform 0.3s ease;
  flex-shrink: 0;
  opacity: 0.6;
  margin-left: auto;
}

.concept-category[open] .concept-category__header::after {
  transform: rotate(-135deg);
  opacity: 1;
}

/* ═══════════════════════════════════════════════════════════════════════════════
   CATEGORY CONTENT CONTAINER
   ═══════════════════════════════════════════════════════════════════════════════ */

.concept-category__content {
  padding: 0 16px 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* ═══════════════════════════════════════════════════════════════════════════════
   INDIVIDUAL CONCEPT ITEM CARDS
   ═══════════════════════════════════════════════════════════════════════════════ */

.concept-item {
  display: flex;
  gap: 14px;
  padding: 16px;
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.03) 0%,
    rgba(255, 255, 255, 0.01) 100%
  );
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 10px;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  overflow: hidden;
}

.concept-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 100%;
  background: var(--accordion-gold);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.concept-item:hover {
  border-color: rgba(255, 255, 255, 0.1);
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.05) 0%,
    rgba(255, 255, 255, 0.02) 100%
  );
  transform: translateX(2px);
}

.concept-item:hover::before {
  opacity: 1;
}

/* Concept number badge */
.concept-item__num {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  color: var(--accordion-gold);
  background: linear-gradient(
    135deg,
    rgba(212, 168, 75, 0.15) 0%,
    rgba(212, 168, 75, 0.08) 100%
  );
  padding: 6px 10px;
  border-radius: 6px;
  height: fit-content;
  flex-shrink: 0;
  border: 1px solid rgba(212, 168, 75, 0.2);
  min-width: 32px;
  text-align: center;
}

.concept-item__text {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  flex: 1;
}

.concept-item__name {
  font-family: var(--accordion-font-display);
  font-size: 1.1875rem;
  font-weight: 400;
  letter-spacing: 0.03em;
  color: var(--accordion-text);
  margin: 0;
  line-height: 1.35;
}

.concept-item__desc {
  font-family: var(--accordion-font-serif);
  font-size: 1.125rem;
  line-height: 1.6;
  color: var(--accordion-text-dim);
  margin: 0;
}

/* ═══════════════════════════════════════════════════════════════════════════════
   COLOUR-CODED CATEGORY THEMES
   ═══════════════════════════════════════════════════════════════════════════════ */

/* Category 1: Core Frameworks (01-07) — GOLD */
.concept-category:nth-child(1) {
  border-left-color: var(--cat-core-primary);
}
.concept-category:nth-child(1) .concept-category__count {
  color: var(--cat-core-primary);
  background: var(--cat-core-bg);
  border-color: var(--cat-core-border);
}
.concept-category:nth-child(1)[open] {
  box-shadow:
    0 8px 32px rgba(0, 0, 0, 0.4),
    0 0 20px var(--cat-core-glow);
}
.concept-category:nth-child(1) .concept-item__num {
  color: var(--cat-core-primary);
  background: var(--cat-core-bg);
  border-color: var(--cat-core-border);
}
.concept-category:nth-child(1) .concept-item::before {
  background: var(--cat-core-primary);
}

/* Category 2: Safety & Control (08-12) — BLUE */
.concept-category:nth-child(2) {
  border-left-color: var(--cat-safety-primary);
}
.concept-category:nth-child(2) .concept-category__count {
  color: var(--cat-safety-primary);
  background: var(--cat-safety-bg);
  border-color: var(--cat-safety-border);
}
.concept-category:nth-child(2)[open] {
  box-shadow:
    0 8px 32px rgba(0, 0, 0, 0.4),
    0 0 20px var(--cat-safety-glow);
}
.concept-category:nth-child(2) .concept-item__num {
  color: var(--cat-safety-primary);
  background: var(--cat-safety-bg);
  border-color: var(--cat-safety-border);
}
.concept-category:nth-child(2) .concept-item::before {
  background: var(--cat-safety-primary);
}
.concept-category:nth-child(2) .concept-category__header::after {
  border-color: var(--cat-safety-primary);
}

/* Category 3: Cosmological Theories (13-18) — PURPLE */
.concept-category:nth-child(3) {
  border-left-color: var(--cat-cosmic-primary);
}
.concept-category:nth-child(3) .concept-category__count {
  color: var(--cat-cosmic-primary);
  background: var(--cat-cosmic-bg);
  border-color: var(--cat-cosmic-border);
}
.concept-category:nth-child(3)[open] {
  box-shadow:
    0 8px 32px rgba(0, 0, 0, 0.4),
    0 0 20px var(--cat-cosmic-glow);
}
.concept-category:nth-child(3) .concept-item__num {
  color: var(--cat-cosmic-primary);
  background: var(--cat-cosmic-bg);
  border-color: var(--cat-cosmic-border);
}
.concept-category:nth-child(3) .concept-item::before {
  background: var(--cat-cosmic-primary);
}
.concept-category:nth-child(3) .concept-category__header::after {
  border-color: var(--cat-cosmic-primary);
}

/* Category 4: Philosophical Frameworks (19-24) — TEAL */
.concept-category:nth-child(4) {
  border-left-color: var(--cat-philo-primary);
}
.concept-category:nth-child(4) .concept-category__count {
  color: var(--cat-philo-primary);
  background: var(--cat-philo-bg);
  border-color: var(--cat-philo-border);
}
.concept-category:nth-child(4)[open] {
  box-shadow:
    0 8px 32px rgba(0, 0, 0, 0.4),
    0 0 20px var(--cat-philo-glow);
}
.concept-category:nth-child(4) .concept-item__num {
  color: var(--cat-philo-primary);
  background: var(--cat-philo-bg);
  border-color: var(--cat-philo-border);
}
.concept-category:nth-child(4) .concept-item::before {
  background: var(--cat-philo-primary);
}
.concept-category:nth-child(4) .concept-category__header::after {
  border-color: var(--cat-philo-primary);
}

/* Category 5: Consciousness & Emergence (25-30) — PINK */
.concept-category:nth-child(5) {
  border-left-color: var(--cat-mind-primary);
}
.concept-category:nth-child(5) .concept-category__count {
  color: var(--cat-mind-primary);
  background: var(--cat-mind-bg);
  border-color: var(--cat-mind-border);
}
.concept-category:nth-child(5)[open] {
  box-shadow:
    0 8px 32px rgba(0, 0, 0, 0.4),
    0 0 20px var(--cat-mind-glow);
}
.concept-category:nth-child(5) .concept-item__num {
  color: var(--cat-mind-primary);
  background: var(--cat-mind-bg);
  border-color: var(--cat-mind-border);
}
.concept-category:nth-child(5) .concept-item::before {
  background: var(--cat-mind-primary);
}
.concept-category:nth-child(5) .concept-category__header::after {
  border-color: var(--cat-mind-primary);
}

/* Category 6: Practical Applications (31-37) — GREEN */
.concept-category:nth-child(6) {
  border-left-color: var(--cat-action-primary);
}
.concept-category:nth-child(6) .concept-category__count {
  color: var(--cat-action-primary);
  background: var(--cat-action-bg);
  border-color: var(--cat-action-border);
}
.concept-category:nth-child(6)[open] {
  box-shadow:
    0 8px 32px rgba(0, 0, 0, 0.4),
    0 0 20px var(--cat-action-glow);
}
.concept-category:nth-child(6) .concept-item__num {
  color: var(--cat-action-primary);
  background: var(--cat-action-bg);
  border-color: var(--cat-action-border);
}
.concept-category:nth-child(6) .concept-item::before {
  background: var(--cat-action-primary);
}
.concept-category:nth-child(6) .concept-category__header::after {
  border-color: var(--cat-action-primary);
}

/* ═══════════════════════════════════════════════════════════════════════════════
   SPECIAL CONCEPT ITEM VARIANTS
   ═══════════════════════════════════════════════════════════════════════════════ */

/* Featured concept item — enhanced gold accent */
.concept-item--featured {
  border-color: rgba(212, 168, 75, 0.3);
  background: linear-gradient(
    135deg,
    rgba(212, 168, 75, 0.08) 0%,
    rgba(212, 168, 75, 0.02) 100%
  );
}

.concept-item--featured::before {
  opacity: 1;
  background: linear-gradient(180deg, var(--accordion-gold), var(--accordion-gold-bright));
}

.concept-item--featured .concept-item__num {
  background: linear-gradient(135deg, rgba(212, 168, 75, 0.2), rgba(212, 168, 75, 0.1));
  box-shadow: 0 0 8px rgba(212, 168, 75, 0.2);
}

.concept-item--featured .concept-item__name {
  color: var(--accordion-gold-pale);
}

/* Eden Protocol item — green accent */
.concept-item--eden {
  border-color: rgba(74, 222, 128, 0.3);
  background: linear-gradient(
    135deg,
    rgba(74, 222, 128, 0.06) 0%,
    rgba(74, 222, 128, 0.02) 100%
  );
}

.concept-item--eden::before {
  opacity: 1;
  background: linear-gradient(180deg, #4ade80, #22c55e);
}

.concept-item--eden .concept-item__num {
  background: rgba(74, 222, 128, 0.15);
  color: #4ade80;
  border-color: rgba(74, 222, 128, 0.3);
}

.concept-item--eden .concept-item__name {
  color: #a7f3d0;
}

/* Babylon Protocol item — red accent */
.concept-item--babylon {
  border-color: rgba(248, 113, 113, 0.3);
  background: linear-gradient(
    135deg,
    rgba(248, 113, 113, 0.06) 0%,
    rgba(248, 113, 113, 0.02) 100%
  );
}

.concept-item--babylon::before {
  opacity: 1;
  background: linear-gradient(180deg, #f87171, #ef4444);
}

.concept-item--babylon .concept-item__num {
  background: rgba(248, 113, 113, 0.15);
  color: #f87171;
  border-color: rgba(248, 113, 113, 0.3);
}

.concept-item--babylon .concept-item__name {
  color: #fca5a5;
}

/* ═══════════════════════════════════════════════════════════════════════════════
   COPYRIGHT FOOTER
   ═══════════════════════════════════════════════════════════════════════════════ */

.concepts-copyright {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.1em;
  color: var(--accordion-text-faint);
  text-align: center;
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

/* ═══════════════════════════════════════════════════════════════════════════════
   ANIMATIONS
   ═══════════════════════════════════════════════════════════════════════════════ */

/* Animation for content reveal */
.concept-category[open] .concept-category__content {
  animation: conceptsReveal 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes conceptsReveal {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Staggered reveal for items */
.concept-category[open] .concept-item:nth-child(1) { animation-delay: 0ms; }
.concept-category[open] .concept-item:nth-child(2) { animation-delay: 40ms; }
.concept-category[open] .concept-item:nth-child(3) { animation-delay: 80ms; }
.concept-category[open] .concept-item:nth-child(4) { animation-delay: 120ms; }
.concept-category[open] .concept-item:nth-child(5) { animation-delay: 160ms; }
.concept-category[open] .concept-item:nth-child(6) { animation-delay: 200ms; }
.concept-category[open] .concept-item:nth-child(7) { animation-delay: 240ms; }

.concept-category[open] .concept-item {
  animation: conceptItemReveal 0.4s cubic-bezier(0.16, 1, 0.3, 1) backwards;
}

@keyframes conceptItemReveal {
  from {
    opacity: 0;
    transform: translateX(-8px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* ═══════════════════════════════════════════════════════════════════════════════
   PART I: EMOTIONAL HOOK — "Why I Wrote This Book"
   ═══════════════════════════════════════════════════════════════════════════════ */

.emotional-hook {
  background: linear-gradient(135deg, rgba(212, 168, 75, 0.08), rgba(212, 168, 75, 0.02));
  border: 1px solid rgba(212, 168, 75, 0.2);
  border-radius: 16px;
  padding: var(--space-lg);
  margin-bottom: var(--space-xl);
  text-align: center;
}

.emotional-hook__icon {
  font-size: 2rem;
  margin-bottom: var(--space-sm);
}

.emotional-hook__question {
  font-family: var(--accordion-font-display);
  font-size: 1.2rem;
  font-weight: 400;
  color: var(--accordion-gold);
  margin: 0 0 var(--space-md) 0;
  letter-spacing: 0.02em;
}

.emotional-hook__answer {
  font-family: var(--accordion-font-serif);
  font-size: 1.125rem;
  line-height: 1.7;
  color: var(--accordion-text);
  margin: 0 0 var(--space-md) 0;
}

.emotional-hook__answer em {
  color: var(--accordion-gold);
  font-style: italic;
}

.emotional-hook__stakes {
  background: rgba(212, 168, 75, 0.06);
  border-left: 3px solid var(--accordion-gold);
  padding: var(--space-md);
  margin: var(--space-md) 0;
  text-align: left;
}

.emotional-hook__label {
  display: block;
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--accordion-gold);
  margin-bottom: 0.5rem;
}

.emotional-hook__text {
  font-family: var(--accordion-font-serif);
  font-size: 1.1875rem;
  line-height: 1.6;
  color: var(--accordion-text-secondary);
}

.emotional-hook__coda {
  font-family: var(--accordion-font-serif);
  font-size: 1.125rem;
  font-style: italic;
  line-height: 1.6;
  color: var(--accordion-text);
  margin: var(--space-md) 0 0 0;
}

.emotional-hook__coda em {
  color: var(--accordion-gold);
  font-weight: 600;
  font-style: normal;
}

/* ═══════════════════════════════════════════════════════════════════════════════
   COMPREHENSIVE UI REFINEMENT — CINEMATIC POLISH v2.0
   ═══════════════════════════════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────────────────────────────────────────────
   PREMIUM BUTTONS — Apple-grade refinement
   ───────────────────────────────────────────────────────────────────────────────── */

/* Enhanced primary CTA buttons */
.accordion-pricing-card__cta {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 16px 24px;
  background: linear-gradient(
    135deg,
    #e8b84a 0%,
    #d4a84b 25%,
    #c49a40 75%,
    #a67c35 100%
  );
  color: #02030a;
  font-family: var(--accordion-font-display);
  font-size: 1.1875rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
  border: none;
  border-radius: 14px;
  cursor: pointer;
  overflow: hidden;
  transition:
    transform 0.35s var(--accordion-ease),
    box-shadow 0.35s var(--accordion-ease);
  box-shadow:
    0 6px 20px rgba(212, 168, 75, 0.4),
    0 2px 6px rgba(0, 0, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-tap-highlight-color: transparent;
}

/* Premium shimmer effect */
.accordion-pricing-card__cta::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 200%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 255, 255, 0.15) 25%,
    rgba(255, 255, 255, 0.3) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 100%
  );
  transform: skewX(-20deg);
  animation: buttonShimmer 4s ease-in-out infinite;
}

@keyframes buttonShimmer {
  0%, 100% { left: -100%; opacity: 0; }
  10% { opacity: 1; }
  50% { left: 100%; opacity: 1; }
  60%, 100% { opacity: 0; }
}

.accordion-pricing-card__cta:hover {
  transform: translateY(-3px) scale(1.02);
  box-shadow:
    0 12px 32px rgba(212, 168, 75, 0.5),
    0 4px 12px rgba(0, 0, 0, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.accordion-pricing-card__cta:active {
  transform: translateY(0) scale(0.98);
  box-shadow:
    0 4px 12px rgba(212, 168, 75, 0.35),
    0 2px 4px rgba(0, 0, 0, 0.3);
}

/* Outline button variant - enhanced */
.accordion-pricing-card__cta--outline {
  background: transparent;
  color: var(--accordion-gold);
  border: 2px solid rgba(212, 168, 75, 0.4);
  box-shadow:
    0 2px 8px rgba(0, 0, 0, 0.2),
    inset 0 0 20px rgba(212, 168, 75, 0.03);
}

.accordion-pricing-card__cta--outline::before {
  display: none;
}

.accordion-pricing-card__cta--outline:hover {
  background: rgba(212, 168, 75, 0.1);
  border-color: var(--accordion-gold);
  box-shadow:
    0 8px 24px rgba(212, 168, 75, 0.2),
    inset 0 0 30px rgba(212, 168, 75, 0.08);
}

/* ─────────────────────────────────────────────────────────────────────────────────
   PRICING CARDS — Premium elevation
   ───────────────────────────────────────────────────────────────────────────────── */

.accordion-pricing-grid {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: var(--space-lg) 0;
}

.accordion-pricing-card {
  background: linear-gradient(
    160deg,
    rgba(25, 28, 38, 0.95) 0%,
    rgba(15, 17, 24, 0.98) 100%
  );
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  padding: 24px;
  position: relative;
  overflow: hidden;
  transition:
    transform 0.4s var(--accordion-ease),
    box-shadow 0.4s var(--accordion-ease),
    border-color 0.4s ease;
}

/* Subtle top highlight */
.accordion-pricing-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 20%;
  right: 20%;
  height: 1px;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(255, 255, 255, 0.15) 50%,
    transparent 100%
  );
}

.accordion-pricing-card:hover {
  transform: translateY(-4px);
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow:
    0 16px 48px rgba(0, 0, 0, 0.5),
    0 0 0 1px rgba(255, 255, 255, 0.05);
}

/* Featured card - with gold accent */
.accordion-pricing-card--featured {
  border-color: rgba(212, 168, 75, 0.35);
  background: linear-gradient(
    160deg,
    rgba(35, 32, 25, 0.95) 0%,
    rgba(18, 17, 14, 0.98) 100%
  );
  box-shadow:
    0 8px 32px rgba(0, 0, 0, 0.4),
    0 0 60px rgba(212, 168, 75, 0.08);
}

.accordion-pricing-card--featured::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 20px;
  background: linear-gradient(180deg,
    rgba(212, 168, 75, 0.04) 0%,
    transparent 30%
  );
  pointer-events: none;
}

.accordion-pricing-card__badge {
  position: absolute;
  top: -1px;
  right: 24px;
  background: linear-gradient(135deg, #e8b84a, #c49a40);
  color: #02030a;
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 8px 16px;
  border-radius: 0 0 10px 10px;
  box-shadow: 0 4px 12px rgba(212, 168, 75, 0.3);
}

.accordion-pricing-card__format {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--accordion-text-dim);
  margin-bottom: 8px;
}

.accordion-pricing-card__price {
  font-family: var(--accordion-font-display);
  font-size: 2.4rem;
  font-weight: 400;
  color: var(--accordion-text);
  line-height: 1;
  margin-bottom: 8px;
  letter-spacing: -0.02em;
}

.accordion-pricing-card--featured .accordion-pricing-card__price {
  color: var(--accordion-gold-pale);
  text-shadow: 0 0 40px rgba(212, 168, 75, 0.3);
}

.accordion-pricing-card__note {
  font-family: var(--accordion-font-serif);
  font-size: 1.1875rem;
  color: var(--accordion-text-faint);
  margin-bottom: 20px;
  display: block;
}

/* ─────────────────────────────────────────────────────────────────────────────────
   CONCEPT CATEGORIES — Enhanced visual hierarchy
   ───────────────────────────────────────────────────────────────────────────────── */

.concepts-categories {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: var(--space-lg);
}

/* Enhanced category styling */
.concept-category {
  background: linear-gradient(
    155deg,
    rgba(22, 24, 32, 0.96) 0%,
    rgba(12, 14, 20, 0.98) 100%
  );
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-left: 4px solid var(--accordion-gold);
  border-radius: 16px;
  overflow: hidden;
  transition: all 0.45s var(--accordion-ease);
  position: relative;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
}

/* Ambient glow when open */
.concept-category[open] {
  border-color: rgba(212, 168, 75, 0.2);
  box-shadow:
    0 12px 40px rgba(0, 0, 0, 0.45),
    0 0 40px rgba(212, 168, 75, 0.06);
}

.concept-category__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 22px;
  cursor: pointer;
  list-style: none;
  -webkit-tap-highlight-color: transparent;
  transition: background 0.3s ease;
  position: relative;
}

.concept-category__count {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: var(--accordion-gold);
  background: linear-gradient(135deg,
    rgba(212, 168, 75, 0.18) 0%,
    rgba(212, 168, 75, 0.08) 100%
  );
  padding: 8px 14px;
  border-radius: 10px;
  white-space: nowrap;
  flex-shrink: 0;
  border: 1px solid rgba(212, 168, 75, 0.25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.concept-category__title {
  font-family: var(--accordion-font-display);
  font-size: 1.125rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  color: var(--accordion-text);
  margin: 0;
  transition: color 0.35s ease;
  line-height: 1.35;
}

.concept-category[open] .concept-category__title {
  color: var(--accordion-gold-pale);
}

/* Enhanced chevron */
.concept-category__header::after {
  content: '';
  width: 12px;
  height: 12px;
  border-right: 2.5px solid var(--accordion-gold);
  border-bottom: 2.5px solid var(--accordion-gold);
  transform: rotate(45deg) translateY(-2px);
  transition:
    transform 0.4s var(--accordion-ease),
    opacity 0.3s ease;
  flex-shrink: 0;
  opacity: 0.6;
  margin-left: 16px;
}

.concept-category[open] .concept-category__header::after {
  transform: rotate(-135deg) translateY(2px);
  opacity: 1;
}

/* Enhanced concept items */
.concept-item {
  display: flex;
  gap: 16px;
  padding: 18px;
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.035) 0%,
    rgba(255, 255, 255, 0.015) 100%
  );
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 14px;
  transition: all 0.35s var(--accordion-ease);
  position: relative;
  overflow: hidden;
}

/* Accent bar on hover */
.concept-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background: linear-gradient(180deg, var(--accordion-gold), var(--accordion-gold-dark));
  opacity: 0;
  transition: opacity 0.35s ease;
}

.concept-item:hover {
  border-color: rgba(255, 255, 255, 0.1);
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.055) 0%,
    rgba(255, 255, 255, 0.025) 100%
  );
  transform: translateX(4px);
  box-shadow:
    0 4px 16px rgba(0, 0, 0, 0.3),
    -4px 0 20px rgba(212, 168, 75, 0.08);
}

.concept-item:hover::before {
  opacity: 1;
}

/* Number badge enhancement */
.concept-item__num {
  font-family: var(--accordion-font-mono);
  font-size: 1.1875rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--accordion-gold);
  background: rgba(212, 168, 75, 0.12);
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  flex-shrink: 0;
  border: 1px solid rgba(212, 168, 75, 0.2);
}

.concept-item__name {
  font-family: var(--accordion-font-display);
  font-size: 1.1875rem;
  font-weight: 400;
  letter-spacing: 0.03em;
  color: var(--accordion-gold-pale);
  margin: 0 0 6px 0;
  line-height: 1.3;
}

.concept-item__desc {
  font-family: var(--accordion-font-serif);
  font-size: 1.1875rem;
  line-height: 1.65;
  color: var(--accordion-text-dim);
  margin: 0;
}

/* Featured concept items */
.concept-item--featured {
  background: linear-gradient(
    145deg,
    rgba(212, 168, 75, 0.08) 0%,
    rgba(212, 168, 75, 0.02) 100%
  );
  border-color: rgba(212, 168, 75, 0.2);
}

.concept-item--featured::after {
  content: 'KEY';
  position: absolute;
  top: 10px;
  right: 10px;
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  color: var(--accordion-gold);
  background: rgba(212, 168, 75, 0.15);
  padding: 4px 8px;
  border-radius: 6px;
  opacity: 0.7;
}

/* Eden Protocol special styling */
.concept-item--eden {
  border-color: rgba(74, 222, 128, 0.25);
  background: linear-gradient(
    145deg,
    rgba(74, 222, 128, 0.08) 0%,
    rgba(74, 222, 128, 0.02) 100%
  );
}

.concept-item--eden::before {
  background: linear-gradient(180deg, #4ade80, #22c55e);
}

.concept-item--eden .concept-item__num {
  color: #4ade80;
  background: rgba(74, 222, 128, 0.12);
  border-color: rgba(74, 222, 128, 0.25);
}

/* Babylon Path warning styling */
.concept-item--babylon {
  border-color: rgba(255, 68, 68, 0.2);
  background: linear-gradient(
    145deg,
    rgba(255, 68, 68, 0.06) 0%,
    rgba(255, 68, 68, 0.02) 100%
  );
}

.concept-item--babylon::before {
  background: linear-gradient(180deg, #ff4444, #dc2626);
}

.concept-item--babylon .concept-item__num {
  color: #ff4444;
  background: rgba(255, 68, 68, 0.12);
  border-color: rgba(255, 68, 68, 0.2);
}

/* ─────────────────────────────────────────────────────────────────────────────────
   REVIEW CARDS — Enhanced testimonials
   ───────────────────────────────────────────────────────────────────────────────── */

.reviews-grid {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin: var(--space-lg) 0;
}

.review-card {
  background: linear-gradient(
    165deg,
    rgba(255, 255, 255, 0.03) 0%,
    rgba(255, 255, 255, 0.01) 100%
  );
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 18px;
  padding: 22px;
  position: relative;
  overflow: hidden;
  transition:
    border-color 0.4s ease,
    box-shadow 0.4s ease,
    transform 0.4s var(--accordion-ease);
}

/* Subtle quote mark decoration */
.review-card::before {
  content: '"';
  position: absolute;
  top: 10px;
  left: 16px;
  font-family: var(--accordion-font-serif);
  font-size: 4rem;
  color: rgba(212, 168, 75, 0.08);
  line-height: 1;
  pointer-events: none;
}

.review-card:hover {
  border-color: rgba(212, 168, 75, 0.2);
  box-shadow:
    0 8px 32px rgba(0, 0, 0, 0.3),
    0 0 40px rgba(212, 168, 75, 0.05);
  transform: translateY(-3px);
}

.review-card--featured {
  border-color: rgba(212, 168, 75, 0.25);
  background: linear-gradient(
    165deg,
    rgba(212, 168, 75, 0.05) 0%,
    rgba(212, 168, 75, 0.01) 100%
  );
}

.review-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
  position: relative;
  z-index: 1;
}

.review-card__stars {
  font-size: 1.125rem;
  color: var(--accordion-gold);
  letter-spacing: 2px;
}

.review-card__badge {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 5px 10px;
  border-radius: 8px;
}

.review-card__badge--verified {
  color: #4ade80;
  background: rgba(74, 222, 128, 0.12);
  border: 1px solid rgba(74, 222, 128, 0.25);
}

.review-card__text {
  font-family: var(--accordion-font-serif);
  font-size: 1.125rem;
  font-style: italic;
  line-height: 1.75;
  color: var(--accordion-text);
  margin: 0 0 14px 0;
  position: relative;
  z-index: 1;
}

.review-card__author {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.08em;
  color: var(--accordion-text-faint);
  text-transform: uppercase;
}

/* ─────────────────────────────────────────────────────────────────────────────────
   RATING HERO — Aggregate rating display
   ───────────────────────────────────────────────────────────────────────────────── */

.rating-hero {
  text-align: center;
  padding: var(--space-xl) var(--space-lg);
  margin-bottom: var(--space-lg);
  background: linear-gradient(
    180deg,
    rgba(212, 168, 75, 0.06) 0%,
    transparent 100%
  );
  border-radius: 20px;
  border: 1px solid rgba(212, 168, 75, 0.15);
}

.rating-hero__score {
  font-family: var(--accordion-font-display);
  font-size: 4rem;
  font-weight: 400;
  color: var(--accordion-gold);
  line-height: 1;
  margin-bottom: 8px;
  text-shadow: 0 0 60px rgba(212, 168, 75, 0.4);
}

.rating-hero__stars {
  font-size: 1.6rem;
  color: var(--accordion-gold);
  letter-spacing: 6px;
  margin-bottom: 12px;
}

.rating-hero__meta {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.rating-hero__count {
  font-family: var(--accordion-font-serif);
  font-size: 1.1875rem;
  color: var(--accordion-text-dim);
}

.rating-hero__source {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.1em;
  color: var(--accordion-text-faint);
  text-transform: uppercase;
}

/* ─────────────────────────────────────────────────────────────────────────────────
   EXPERT WARNING CARDS — Enhanced authority
   ───────────────────────────────────────────────────────────────────────────────── */

.expert-warnings {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin: var(--space-lg) 0;
}

.expert-warning-card {
  background: linear-gradient(
    160deg,
    rgba(255, 255, 255, 0.03) 0%,
    rgba(255, 255, 255, 0.01) 100%
  );
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-left: 4px solid var(--accordion-gold);
  border-radius: 16px;
  padding: 20px;
  transition:
    border-color 0.35s ease,
    box-shadow 0.35s ease,
    transform 0.35s var(--accordion-ease);
}

.expert-warning-card:hover {
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35);
  transform: translateX(4px);
}

.expert-warning-card--critical {
  border-left-color: #ff6b6b;
  background: linear-gradient(
    160deg,
    rgba(255, 107, 107, 0.04) 0%,
    rgba(255, 107, 107, 0.01) 100%
  );
}

.expert-warning-card__header {
  margin-bottom: 12px;
}

.expert-warning-card__name {
  font-family: var(--accordion-font-display);
  font-size: 1.125rem;
  font-weight: 400;
  letter-spacing: 0.03em;
  color: var(--accordion-text);
  margin: 0 0 4px 0;
}

.expert-warning-card__title {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.1em;
  color: var(--accordion-text-faint);
  text-transform: uppercase;
}

.expert-warning-card__quote {
  font-family: var(--accordion-font-serif);
  font-size: 1.125rem;
  font-style: italic;
  line-height: 1.7;
  color: var(--accordion-text-dim);
  margin: 0;
  padding: 0;
  border: none;
}

.expert-warning-card__quote strong {
  color: var(--accordion-gold);
  font-weight: 600;
}

.expert-warning-card__source {
  display: block;
  margin-top: 10px;
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.08em;
  color: var(--accordion-text-faint);
}

/* ─────────────────────────────────────────────────────────────────────────────────
   EDEN VS BABYLON — Enhanced contrast
   ───────────────────────────────────────────────────────────────────────────────── */

.eden-babylon {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: var(--space-lg) 0;
}

.eden-babylon__card {
  padding: 18px;
  border-radius: 16px;
  position: relative;
  overflow: hidden;
}

.eden-babylon__card--eden {
  background: linear-gradient(
    160deg,
    rgba(74, 222, 128, 0.1) 0%,
    rgba(74, 222, 128, 0.03) 100%
  );
  border: 1px solid rgba(74, 222, 128, 0.25);
}

.eden-babylon__card--babylon {
  background: linear-gradient(
    160deg,
    rgba(255, 68, 68, 0.08) 0%,
    rgba(255, 68, 68, 0.02) 100%
  );
  border: 1px solid rgba(255, 68, 68, 0.2);
}

.eden-babylon__icon {
  font-size: 1.8rem;
  display: block;
  margin-bottom: 10px;
}

.eden-babylon__title {
  font-family: var(--accordion-font-display);
  font-size: 1.1875rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  margin: 0 0 12px 0;
}

.eden-babylon__card--eden .eden-babylon__title {
  color: #4ade80;
}

.eden-babylon__card--babylon .eden-babylon__title {
  color: #ff6b6b;
}

.eden-babylon__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.eden-babylon__list li {
  font-family: var(--accordion-font-serif);
  font-size: 1.125rem;
  line-height: 1.5;
  color: var(--accordion-text-dim);
  padding: 4px 0;
  padding-left: 14px;
  position: relative;
}

.eden-babylon__list li::before {
  content: '→';
  position: absolute;
  left: 0;
  font-size: 1.125rem;
  opacity: 0.5;
}

/* ─────────────────────────────────────────────────────────────────────────────────
   ACCORDION HEADERS — Enhanced section titles
   ───────────────────────────────────────────────────────────────────────────────── */

.accordion-header {
  display: flex;
  align-items: center;
  padding: 22px 18px;
  cursor: pointer;
  list-style: none;
  -webkit-tap-highlight-color: transparent;
  transition: background 0.35s ease;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

.accordion-header::-webkit-details-marker {
  display: none;
}

.accordion-header::marker {
  display: none;
  content: '';
}

.accordion-header:active {
  background: rgba(255, 255, 255, 0.02);
}

.accordion-header__part {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  color: var(--accordion-gold);
  background: linear-gradient(135deg,
    rgba(212, 168, 75, 0.15) 0%,
    rgba(212, 168, 75, 0.08) 100%
  );
  padding: 10px 14px;
  border-radius: 10px;
  margin-right: 16px;
  flex-shrink: 0;
  border: 1px solid rgba(212, 168, 75, 0.2);
}

.accordion-header__title {
  font-family: var(--accordion-font-display);
  font-size: 1.125rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  color: var(--accordion-text);
  margin: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.accordion-header__hook {
  font-family: var(--accordion-font-serif);
  font-size: 1.125rem;
  font-weight: 400;
  font-style: italic;
  color: var(--accordion-text-dim);
  display: block;
}

.accordion-header__icon {
  width: 22px;
  height: 22px;
  color: var(--accordion-gold);
  opacity: 0.6;
  transition:
    transform 0.4s var(--accordion-ease),
    opacity 0.35s ease;
  flex-shrink: 0;
}

.accordion-item[open] .accordion-header__icon {
  transform: rotate(180deg);
  opacity: 1;
}

/* ─────────────────────────────────────────────────────────────────────────────────
   CINEMATIC CARDS — Inline section intros
   ───────────────────────────────────────────────────────────────────────────────── */

.accordion-cinema {
  text-align: center;
  padding: var(--space-xl) var(--space-lg);
  margin-bottom: var(--space-xl);
  background: linear-gradient(
    180deg,
    rgba(212, 168, 75, 0.05) 0%,
    transparent 60%
  );
  border-radius: 20px;
  border: 1px solid rgba(212, 168, 75, 0.12);
  position: relative;
}

/* Film grain overlay */
.accordion-cinema::before {
  content: '';
  position: absolute;
  inset: 0;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
  opacity: 0.03;
  pointer-events: none;
  border-radius: inherit;
}

.accordion-cinema__part {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--accordion-gold);
  opacity: 0.7;
}

.accordion-cinema__divider {
  width: 40px;
  height: 1px;
  background: linear-gradient(90deg,
    transparent 0%,
    var(--accordion-gold) 50%,
    transparent 100%
  );
  margin: 12px auto;
  opacity: 0.5;
}

.accordion-cinema__title {
  display: block;
  font-family: var(--accordion-font-display);
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0.06em;
  color: var(--accordion-gold-pale);
  margin-bottom: 10px;
  text-shadow: 0 0 40px rgba(212, 168, 75, 0.25);
}

.accordion-cinema__hook {
  font-family: var(--accordion-font-serif);
  font-size: 1.1875rem;
  font-style: italic;
  color: var(--accordion-text-dim);
}

/* ─────────────────────────────────────────────────────────────────────────────────
   FAQ ITEMS — Enhanced expandable answers
   ───────────────────────────────────────────────────────────────────────────────── */

.accordion-faq-item {
  background: linear-gradient(
    160deg,
    rgba(255, 255, 255, 0.025) 0%,
    rgba(255, 255, 255, 0.01) 100%
  );
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 14px;
  margin-bottom: 10px;
  overflow: hidden;
  transition:
    border-color 0.35s ease,
    box-shadow 0.35s ease;
}

.accordion-faq-item:hover {
  border-color: rgba(255, 255, 255, 0.1);
}

.accordion-faq-item[open] {
  border-color: rgba(212, 168, 75, 0.2);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
}

.accordion-faq-item summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 20px;
  cursor: pointer;
  list-style: none;
  font-family: var(--accordion-font-display);
  font-size: 1.1875rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  color: var(--accordion-text);
  -webkit-tap-highlight-color: transparent;
}

.accordion-faq-item summary::-webkit-details-marker {
  display: none;
}

.accordion-faq-item summary::after {
  content: '+';
  font-family: var(--accordion-font-mono);
  font-size: 1.2rem;
  color: var(--accordion-gold);
  opacity: 0.6;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.accordion-faq-item[open] summary::after {
  content: '−';
  opacity: 1;
}

.accordion-faq-answer {
  padding: 0 20px 20px;
  font-family: var(--accordion-font-serif);
  font-size: 1.1875rem;
  line-height: 1.75;
  color: var(--accordion-text-dim);
}

/* ─────────────────────────────────────────────────────────────────────────────────
   SCALE DIAGRAM — Visual hierarchy enhancement
   ───────────────────────────────────────────────────────────────────────────────── */

.scale-diagram {
  background: linear-gradient(
    180deg,
    rgba(212, 168, 75, 0.04) 0%,
    transparent 100%
  );
  border: 1px solid rgba(212, 168, 75, 0.15);
  border-radius: 18px;
  padding: var(--space-lg);
  margin: var(--space-lg) 0;
}

.scale-diagram__title {
  font-family: var(--accordion-font-display);
  font-size: 1.1875rem;
  font-weight: 400;
  letter-spacing: 0.06em;
  color: var(--accordion-gold);
  text-align: center;
  margin: 0 0 var(--space-md) 0;
}

.scale-diagram__scales {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}

.scale-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 14px 12px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  min-width: 85px;
  flex: 0 0 auto;
  transition:
    border-color 0.3s ease,
    background 0.3s ease;
}

.scale-item:hover {
  border-color: rgba(212, 168, 75, 0.2);
  background: rgba(212, 168, 75, 0.04);
}

.scale-item__icon {
  font-size: 1.4rem;
  margin-bottom: 8px;
}

.scale-item__name {
  font-family: var(--accordion-font-display);
  font-size: 1.1875rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  color: var(--accordion-gold-pale);
  margin-bottom: 4px;
}

.scale-item__example {
  font-family: var(--accordion-font-serif);
  font-size: 1.125rem;
  color: var(--accordion-text-faint);
  line-height: 1.4;
}

/* ─────────────────────────────────────────────────────────────────────────────────
   START HERE GUIDE — Onboarding enhancement
   ───────────────────────────────────────────────────────────────────────────────── */

.start-here-guide {
  background: linear-gradient(
    160deg,
    rgba(74, 222, 128, 0.06) 0%,
    rgba(74, 222, 128, 0.02) 100%
  );
  border: 1px solid rgba(74, 222, 128, 0.2);
  border-radius: 18px;
  padding: var(--space-lg);
  margin-bottom: var(--space-lg);
}

.start-here-guide__title {
  font-family: var(--accordion-font-display);
  font-size: 1.125rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  color: #4ade80;
  margin: 0 0 var(--space-md) 0;
  text-align: center;
}

.start-here-guide__concepts {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.start-here-concept {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  transition: border-color 0.3s ease, background 0.3s ease;
}

.start-here-concept:hover {
  border-color: rgba(74, 222, 128, 0.25);
  background: rgba(74, 222, 128, 0.05);
}

.start-here-concept__num {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  font-weight: 700;
  color: #4ade80;
  background: rgba(74, 222, 128, 0.12);
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  flex-shrink: 0;
}

.start-here-concept__name {
  font-family: var(--accordion-font-display);
  font-size: 1.1875rem;
  font-weight: 400;
  color: var(--accordion-text);
  flex: 1;
}

.start-here-concept__why {
  font-family: var(--accordion-font-serif);
  font-size: 1.1875rem;
  font-style: italic;
  color: var(--accordion-text-faint);
}

/* ─────────────────────────────────────────────────────────────────────────────────
   ACTION CALLOUT — Call to action enhancement
   ───────────────────────────────────────────────────────────────────────────────── */

.action-callout {
  background: linear-gradient(
    160deg,
    rgba(212, 168, 75, 0.08) 0%,
    rgba(212, 168, 75, 0.03) 100%
  );
  border: 1px solid rgba(212, 168, 75, 0.25);
  border-left: 5px solid var(--accordion-gold);
  border-radius: 16px;
  padding: var(--space-lg);
  margin: var(--space-lg) 0;
}

.action-callout__title {
  font-family: var(--accordion-font-display);
  font-size: 1.125rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  color: var(--accordion-gold);
  margin: 0 0 10px 0;
}

.action-callout__text {
  font-family: var(--accordion-font-serif);
  font-size: 1.1875rem;
  line-height: 1.7;
  color: var(--accordion-text-dim);
  margin: 0;
}

.action-callout__text strong {
  color: var(--accordion-text);
  font-weight: 600;
}

/* ─────────────────────────────────────────────────────────────────────────────────
   BOOK INCLUDES — What's Inside enhancement
   ───────────────────────────────────────────────────────────────────────────────── */

.book-includes {
  background: linear-gradient(
    160deg,
    rgba(255, 255, 255, 0.03) 0%,
    rgba(255, 255, 255, 0.01) 100%
  );
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  padding: var(--space-lg);
  margin: var(--space-lg) 0;
}

.book-includes__title {
  font-family: var(--accordion-font-display);
  font-size: 1.125rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  color: var(--accordion-gold);
  margin: 0 0 var(--space-md) 0;
  text-align: center;
}

.book-includes__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.book-includes__list li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 0;
  font-family: var(--accordion-font-serif);
  font-size: 1.1875rem;
  line-height: 1.6;
  color: var(--accordion-text-dim);
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

.book-includes__list li:last-child {
  border-bottom: none;
}

.book-includes__check {
  color: #4ade80;
  font-size: 1.125rem;
  flex-shrink: 0;
  margin-top: 1px;
}

/* ─────────────────────────────────────────────────────────────────────────────────
   PURCHASE GUARANTEE — Trust signal enhancement
   ───────────────────────────────────────────────────────────────────────────────── */

.purchase-guarantee {
  display: flex;
  align-items: center;
  gap: 14px;
  background: rgba(74, 222, 128, 0.06);
  border: 1px solid rgba(74, 222, 128, 0.2);
  border-radius: 14px;
  padding: 16px 18px;
  margin: var(--space-lg) 0;
}

.purchase-guarantee__icon {
  color: #4ade80;
  flex-shrink: 0;
}

.purchase-guarantee__text {
  font-family: var(--accordion-font-serif);
  font-size: 1.1875rem;
  line-height: 1.6;
  color: var(--accordion-text-dim);
}

.purchase-guarantee__text strong {
  color: #4ade80;
  font-weight: 600;
}

/* ─────────────────────────────────────────────────────────────────────────────────
   FIRST EDITION BADGE — Collector value
   ───────────────────────────────────────────────────────────────────────────────── */

.first-edition-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 20px;
  background: linear-gradient(
    135deg,
    rgba(212, 168, 75, 0.12) 0%,
    rgba(212, 168, 75, 0.04) 100%
  );
  border: 1px solid rgba(212, 168, 75, 0.3);
  border-radius: 14px;
  margin-bottom: var(--space-lg);
}

.first-edition-badge__icon {
  color: var(--accordion-gold);
  font-size: 1.2rem;
}

.first-edition-badge__text {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--accordion-gold);
}

/* ─────────────────────────────────────────────────────────────────────────────────
   MICRO-ANIMATIONS — Subtle life
   ───────────────────────────────────────────────────────────────────────────────── */

@keyframes subtlePulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.7; }
}

@keyframes gentleFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
}

/* Apply subtle pulse to verification badges */
.verified-hero-badge,
.rating-hero__score {
  animation: subtlePulse 4s ease-in-out infinite;
}

/* Gentle float on key elements */
.emotional-hook__icon,
.first-edition-badge__icon {
  animation: gentleFloat 4s ease-in-out infinite;
}



/* ═══════════════════════════════════════════════════════════════════════════════════════
   UI REFINEMENT — PREMIUM AESTHETIC POLISH
   Complete visual overhaul for Apple-grade presentation
   Added: January 16, 2026
   ═══════════════════════════════════════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────────────────────────────────────────────────────
   1. PREMIUM BUTTON STYLES — Apple-like with depth and shine
   ───────────────────────────────────────────────────────────────────────────────────────── */

.accordion-pricing-card__cta,
.mobile-hero__cta,
.mobile-buy-bar__cta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.95rem 1.75rem;
  background: linear-gradient(
    180deg,
    #f0c75e 0%,
    #d4a84b 40%,
    #b8913d 100%
  );
  border: none;
  border-radius: 12px;
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  color: #0a0c14;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  box-shadow:
    0 4px 12px rgba(212, 168, 75, 0.35),
    0 2px 4px rgba(0, 0, 0, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.3),
    inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  overflow: hidden;
}

.accordion-pricing-card__cta::before,
.mobile-hero__cta::before,
.mobile-buy-bar__cta::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.25),
    transparent
  );
  transition: left 0.6s ease;
}

.accordion-pricing-card__cta:hover::before,
.mobile-hero__cta:hover::before,
.mobile-buy-bar__cta:hover::before {
  left: 150%;
}

.accordion-pricing-card__cta:hover,
.mobile-hero__cta:hover,
.mobile-buy-bar__cta:hover {
  transform: translateY(-3px) scale(1.02);
  box-shadow:
    0 8px 24px rgba(212, 168, 75, 0.45),
    0 4px 8px rgba(0, 0, 0, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.35);
}

.accordion-pricing-card__cta:active,
.mobile-hero__cta:active,
.mobile-buy-bar__cta:active {
  transform: translateY(0) scale(0.98);
  box-shadow:
    0 2px 6px rgba(212, 168, 75, 0.3),
    inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* Outline Button Variant */
.accordion-pricing-card__cta--outline {
  background: transparent;
  border: 2px solid rgba(212, 168, 75, 0.4);
  color: var(--accordion-gold);
  box-shadow: none;
}

.accordion-pricing-card__cta--outline:hover {
  background: rgba(212, 168, 75, 0.1);
  border-color: var(--accordion-gold);
  box-shadow: 0 0 30px rgba(212, 168, 75, 0.2);
  transform: translateY(-2px);
}

.accordion-pricing-card__cta--outline::before {
  display: none;
}

/* ─────────────────────────────────────────────────────────────────────────────────────────
   2. GLASS CARD REFINEMENTS
   ───────────────────────────────────────────────────────────────────────────────────────── */

.accordion-cinema,
.storm-card,
.book-includes,
.purchase-guarantee,
.equation-insight,
.equation-evidence {
  background: linear-gradient(
    165deg,
    rgba(255, 255, 255, 0.05) 0%,
    rgba(255, 255, 255, 0.02) 50%,
    rgba(255, 255, 255, 0.01) 100%
  );
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}

.accordion-cinema::after,
.storm-card::after,
.book-includes::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent 10%,
    rgba(255, 255, 255, 0.15) 50%,
    transparent 90%
  );
}

/* ─────────────────────────────────────────────────────────────────────────────────────────
   3. PRICING CARD ENHANCEMENT
   ───────────────────────────────────────────────────────────────────────────────────────── */

.accordion-pricing-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-md);
}

.accordion-pricing-card {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.04) 0%,
    rgba(255, 255, 255, 0.01) 100%
  );
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  padding: var(--space-xl) var(--space-md);
  text-align: center;
  position: relative;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  overflow: hidden;
}

.accordion-pricing-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
}

.accordion-pricing-card:hover {
  border-color: rgba(255, 255, 255, 0.15);
  transform: translateY(-6px);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4);
}

.accordion-pricing-card--featured {
  background: linear-gradient(
    180deg,
    rgba(212, 168, 75, 0.1) 0%,
    rgba(212, 168, 75, 0.03) 100%
  );
  border-color: rgba(212, 168, 75, 0.3);
}

.accordion-pricing-card--featured::before {
  background: linear-gradient(90deg, transparent, rgba(212, 168, 75, 0.3), transparent);
}

.accordion-pricing-card--featured:hover {
  border-color: rgba(212, 168, 75, 0.5);
  box-shadow:
    0 20px 50px rgba(0, 0, 0, 0.4),
    0 0 40px rgba(212, 168, 75, 0.15);
}

/* Pricing Badge */
.accordion-pricing-card__badge {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  padding: 8px 18px;
  background: linear-gradient(135deg, #f0c75e 0%, #d4a84b 50%, #b8913d 100%);
  border-radius: 100px;
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: #0a0c14;
  text-transform: uppercase;
  box-shadow:
    0 4px 12px rgba(212, 168, 75, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.3);
  white-space: nowrap;
}

/* Pricing Typography */
.accordion-pricing-card__format {
  display: block;
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.15em;
  color: var(--accordion-text-dim);
  text-transform: uppercase;
  margin-bottom: var(--space-xs);
}

.accordion-pricing-card__price {
  display: block;
  font-family: var(--accordion-font-display);
  font-size: 2.25rem;
  font-weight: 400;
  color: var(--accordion-gold);
  line-height: 1.1;
  margin-bottom: var(--space-xs);
  text-shadow: 0 0 30px rgba(212, 168, 75, 0.3);
}

.accordion-pricing-card__note {
  display: block;
  font-family: var(--accordion-font-serif);
  font-size: 1.125rem;
  color: var(--accordion-text-faint);
  margin-bottom: var(--space-lg);
}

/* ─────────────────────────────────────────────────────────────────────────────────────────
   4. EQUATION HERO ENHANCEMENT
   ───────────────────────────────────────────────────────────────────────────────────────── */

.equation-hero {
  text-align: center;
  padding: var(--space-2xl) var(--space-lg);
  background: radial-gradient(
    ellipse at center,
    rgba(212, 168, 75, 0.12) 0%,
    transparent 65%
  );
  border: 1px solid rgba(212, 168, 75, 0.12);
  border-radius: 24px;
  position: relative;
}

.equation-hero__label {
  display: block;
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.2em;
  color: var(--accordion-gold);
  text-transform: uppercase;
  margin-bottom: var(--space-md);
}

.equation-hero__formula {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-md);
}

.equation-hero__symbol {
  font-family: var(--accordion-font-display);
  font-size: 3.5rem;
  font-weight: 400;
  line-height: 1;
}

.equation-hero__symbol--u { 
  color: #a78bfa; 
  text-shadow: 0 0 40px rgba(167, 139, 250, 0.5);
}
.equation-hero__symbol--i { 
  color: #60a5fa; 
  text-shadow: 0 0 40px rgba(96, 165, 250, 0.5);
}
.equation-hero__symbol--r { 
  color: #4ade80; 
  text-shadow: 0 0 40px rgba(74, 222, 128, 0.5);
}

.equation-hero__operator {
  font-family: var(--accordion-font-display);
  font-size: 2rem;
  color: var(--accordion-text-dim);
  opacity: 0.4;
}

/* Equation Breakdown Cards */
.equation-breakdown {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.equation-card {
  display: flex;
  align-items: flex-start;
  gap: var(--space-lg);
  padding: var(--space-lg);
  background: rgba(255, 255, 255, 0.025);
  border-radius: 16px;
  border-left: 4px solid var(--accordion-gold);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.equation-card:hover {
  background: rgba(255, 255, 255, 0.045);
  transform: translateX(6px);
}

.equation-card__symbol {
  font-family: var(--accordion-font-display);
  font-size: 2rem;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  flex-shrink: 0;
}

.equation-card--u { border-left-color: #a78bfa; }
.equation-card--i { border-left-color: #60a5fa; }
.equation-card--r { border-left-color: #4ade80; }

.equation-card--u .equation-card__symbol {
  color: #a78bfa;
  background: rgba(167, 139, 250, 0.12);
}
.equation-card--i .equation-card__symbol {
  color: #60a5fa;
  background: rgba(96, 165, 250, 0.12);
}
.equation-card--r .equation-card__symbol {
  color: #4ade80;
  background: rgba(74, 222, 128, 0.12);
}

.equation-card__title {
  font-family: var(--accordion-font-display);
  font-size: 1.125rem;
  color: var(--accordion-text);
  margin: 0 0 6px 0;
}

.equation-card__desc {
  font-family: var(--accordion-font-serif);
  font-size: 1.1875rem;
  color: var(--accordion-text-dim);
  line-height: 1.55;
  margin: 0;
}

/* ─────────────────────────────────────────────────────────────────────────────────────────
   5. RATING HERO ENHANCEMENT
   ───────────────────────────────────────────────────────────────────────────────────────── */

.rating-hero {
  text-align: center;
  padding: var(--space-2xl) var(--space-lg);
  background: radial-gradient(
    ellipse at center,
    rgba(212, 168, 75, 0.15) 0%,
    transparent 70%
  );
  border: 1px solid rgba(212, 168, 75, 0.12);
  border-radius: 24px;
}

.rating-hero__score {
  font-family: var(--accordion-font-display);
  font-size: 4rem;
  font-weight: 400;
  color: var(--accordion-gold);
  line-height: 1;
  text-shadow: 0 0 50px rgba(212, 168, 75, 0.5);
  margin-bottom: var(--space-xs);
}

.rating-hero__stars {
  font-size: 1.75rem;
  color: var(--accordion-gold);
  letter-spacing: 0.2em;
  text-shadow: 0 0 25px rgba(212, 168, 75, 0.5);
  margin-bottom: var(--space-md);
}

.rating-hero__meta {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.rating-hero__count {
  font-family: var(--accordion-font-serif);
  font-size: 1.1875rem;
  color: var(--accordion-text-dim);
}

.rating-hero__source {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.12em;
  color: var(--accordion-text-faint);
  text-transform: uppercase;
}

/* ─────────────────────────────────────────────────────────────────────────────────────────
   6. REVIEWS GRID ENHANCEMENT
   ───────────────────────────────────────────────────────────────────────────────────────── */

.reviews-grid {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.reviews-grid .review-card {
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 16px;
  padding: var(--space-lg);
  transition: all 0.3s ease;
}

.reviews-grid .review-card:hover {
  background: rgba(255, 255, 255, 0.04);
  transform: translateY(-2px);
}

.reviews-grid .review-card--featured {
  background: linear-gradient(
    135deg,
    rgba(212, 168, 75, 0.08) 0%,
    rgba(212, 168, 75, 0.02) 100%
  );
  border-color: rgba(212, 168, 75, 0.2);
}

.reviews-grid .review-card__header {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  margin-bottom: var(--space-sm);
}

.reviews-grid .review-card__stars {
  font-size: 1.1875rem;
  color: var(--accordion-gold);
  letter-spacing: 0.08em;
}

.reviews-grid .review-card__badge {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  padding: 4px 10px;
  border-radius: 6px;
  text-transform: uppercase;
}

.reviews-grid .review-card__badge--verified {
  color: #4ade80;
  background: rgba(74, 222, 128, 0.15);
  border: 1px solid rgba(74, 222, 128, 0.25);
}

.reviews-grid .review-card__text {
  font-family: var(--accordion-font-serif);
  font-size: 1.1875rem;
  font-style: italic;
  color: var(--accordion-text);
  line-height: 1.65;
  margin: 0 0 var(--space-md) 0;
}

.reviews-grid .review-card__author {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.1em;
  color: var(--accordion-text-faint);
  text-transform: uppercase;
}

/* Reviews CTA Link */
.reviews-cta {
  text-align: center;
  margin-top: var(--space-lg);
}

.reviews-cta__link {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.1em;
  color: var(--accordion-gold);
  text-decoration: none;
  text-transform: uppercase;
  padding: var(--space-sm) var(--space-md);
  border: 1px solid rgba(212, 168, 75, 0.3);
  border-radius: 8px;
  transition: all 0.3s ease;
  display: inline-block;
}

.reviews-cta__link:hover {
  background: rgba(212, 168, 75, 0.1);
  border-color: var(--accordion-gold);
}

/* ─────────────────────────────────────────────────────────────────────────────────────────
   7. CREDENTIALS BAR ENHANCEMENT
   ───────────────────────────────────────────────────────────────────────────────────────── */

.credentials-bar {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: var(--space-xl) var(--space-md);
  background: linear-gradient(
    135deg,
    rgba(212, 168, 75, 0.1) 0%,
    rgba(212, 168, 75, 0.03) 100%
  );
  border: 1px solid rgba(212, 168, 75, 0.2);
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}

.credentials-bar::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(212, 168, 75, 0.5), transparent);
}

.credential-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 6px;
}

.credential-item__value {
  font-family: var(--accordion-font-display);
  font-size: 1.5rem;
  font-weight: 400;
  color: var(--accordion-gold);
  text-shadow: 0 0 25px rgba(212, 168, 75, 0.4);
}

.credential-item__label {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.1em;
  color: var(--accordion-text-dim);
  text-transform: uppercase;
}


/* ═══════════════════════════════════════════════════════════════════════════════════════
   SKEPTIC CONVERSION ELEMENTS
   High-impact conversion tactics for skeptical readers
   ═══════════════════════════════════════════════════════════════════════════════════════ */


/* ─────────────────────────────────────────────────────────────────────────────────────────
   SKEPTIC FAQ ITEMS
   Objection-handling questions with special styling
   ───────────────────────────────────────────────────────────────────────────────────────── */

.accordion-faq-item--skeptic {
  border-left: 3px solid var(--accordion-gold);
  background: linear-gradient(90deg, rgba(212, 168, 75, 0.05) 0%, transparent 100%);
}

.accordion-faq-item--skeptic summary {
  position: relative;
}

.faq-skeptic-badge {
  display: inline-block;
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--accordion-gold);
  background: rgba(212, 168, 75, 0.1);
  border: 1px solid rgba(212, 168, 75, 0.3);
  border-radius: 4px;
  padding: 2px 6px;
  margin-right: 8px;
  vertical-align: middle;
}

.accordion-faq-item--skeptic .accordion-faq-answer p {
  margin-bottom: 12px;
  line-height: 1.7;
}

.accordion-faq-item--skeptic .accordion-faq-answer p:last-child {
  margin-bottom: 0;
}

.accordion-faq-item--skeptic .accordion-faq-answer strong {
  color: var(--accordion-gold);
}

.accordion-faq-item--skeptic .accordion-faq-answer em {
  color: var(--accordion-gold-pale);
  font-style: italic;
}


/* ─────────────────────────────────────────────────────────────────────────────────────────
   SKEPTIC'S GUARANTEE
   Enhanced risk reversal with prominent display
   ───────────────────────────────────────────────────────────────────────────────────────── */

.skeptic-guarantee {
  background: linear-gradient(135deg, rgba(46, 160, 67, 0.08) 0%, rgba(46, 160, 67, 0.02) 100%);
  border: 1px solid rgba(46, 160, 67, 0.25);
  border-radius: 16px;
  padding: 20px;
  margin: 24px 0;
}

.skeptic-guarantee__header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}

.skeptic-guarantee__shield {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background: rgba(46, 160, 67, 0.15);
  border: 1px solid rgba(46, 160, 67, 0.3);
  border-radius: 50%;
  color: #2ea043;
  flex-shrink: 0;
}

.skeptic-guarantee__title {
  font-family: var(--accordion-font-display);
  font-size: 1.125rem;
  color: var(--accordion-text);
  margin: 0;
  letter-spacing: 0.02em;
}

.skeptic-guarantee__body {
  padding-left: 60px;
}

.skeptic-guarantee__promise {
  font-family: var(--accordion-font-serif);
  font-size: 1.125rem;
  color: var(--accordion-text);
  line-height: 1.6;
  margin: 0 0 16px 0;
}

.skeptic-guarantee__terms {
  list-style: none;
  padding: 0;
  margin: 0 0 16px 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.skeptic-guarantee__terms li {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--accordion-font-mono);
  font-size: 1.1875rem;
  color: var(--accordion-text-dim);
}

.skeptic-guarantee__check {
  color: #2ea043;
  font-size: 1.1875rem;
}

.skeptic-guarantee__confidence {
  font-family: var(--accordion-font-display);
  font-size: 1.1875rem;
  color: var(--accordion-gold);
  font-style: italic;
  margin: 0;
}


/* ─────────────────────────────────────────────────────────────────────────────────────────
   VERIFIED TRUST BADGE
   Near-CTA trust signal
   ───────────────────────────────────────────────────────────────────────────────────────── */

.verified-trust-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 16px;
  background: rgba(46, 160, 67, 0.08);
  border: 1px solid rgba(46, 160, 67, 0.2);
  border-radius: 8px;
  margin: 16px 0;
}

.verified-trust-badge svg {
  color: #2ea043;
  flex-shrink: 0;
}

.verified-trust-badge span {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.05em;
  color: var(--accordion-text-dim);
}


/* ─────────────────────────────────────────────────────────────────────────────────────────
   5 IDEAS PREVIEW
   Quick value demonstration for skeptics
   ───────────────────────────────────────────────────────────────────────────────────────── */

.ideas-preview {
  background: linear-gradient(135deg, rgba(212, 168, 75, 0.06) 0%, rgba(212, 168, 75, 0.02) 100%);
  border: 1px solid rgba(212, 168, 75, 0.15);
  border-radius: 16px;
  padding: 20px;
  margin: 24px 0;
}

.ideas-preview__title {
  font-family: var(--accordion-font-display);
  font-size: 1.125rem;
  color: var(--accordion-gold);
  text-align: center;
  margin: 0 0 20px 0;
  letter-spacing: 0.03em;
}

.ideas-preview__grid {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.ideas-preview__item {
  display: flex;
  gap: 12px;
  padding: 12px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  border: 1px solid rgba(212, 168, 75, 0.1);
  transition: all 0.3s ease;
}

.ideas-preview__item:hover {
  border-color: rgba(212, 168, 75, 0.25);
  transform: translateX(4px);
}

.ideas-preview__number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: linear-gradient(135deg, var(--accordion-gold) 0%, var(--accordion-gold-dark) 100%);
  border-radius: 50%;
  font-family: var(--accordion-font-display);
  font-size: 1.1875rem;
  font-weight: 600;
  color: var(--accordion-void);
  flex-shrink: 0;
}

.ideas-preview__content {
  flex: 1;
}

.ideas-preview__content strong {
  display: block;
  font-family: var(--accordion-font-display);
  font-size: 1.1875rem;
  color: var(--accordion-gold);
  margin-bottom: 4px;
  letter-spacing: 0.02em;
}

.ideas-preview__content p {
  font-family: var(--accordion-font-serif);
  font-size: 1.1875rem;
  color: var(--accordion-text-dim);
  line-height: 1.5;
  margin: 0;
}

.ideas-preview__footer {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  color: var(--accordion-text-dim);
  text-align: center;
  margin: 16px 0 0 0;
}

.ideas-preview__footer a {
  color: var(--accordion-gold);
  text-decoration: none;
  transition: color 0.3s ease;
}

.ideas-preview__footer a:hover {
  color: var(--accordion-gold-bright);
}


/* ─────────────────────────────────────────────────────────────────────────────────────────
   RESPONSIVE: Skeptic Elements
   ───────────────────────────────────────────────────────────────────────────────────────── */

@media (min-width: 480px) {
  .skeptic-guarantee__body {
    padding-left: 0;
  }

  .skeptic-guarantee__terms {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
  }
}


/* ─────────────────────────────────────────────────────────────────────────────────────────
   WHAT THIS BOOK IS NOT — Preemptive objection handling
   ───────────────────────────────────────────────────────────────────────────────────────── */

.book-contrast {
  background: linear-gradient(180deg,
    rgba(10, 12, 20, 0.9) 0%,
    rgba(4, 5, 12, 0.95) 100%);
  border: 1px solid rgba(212, 168, 75, 0.12);
  border-radius: 12px;
  padding: 24px 20px;
  margin: 24px 0;
}

.book-contrast__title {
  font-family: var(--accordion-font-display);
  font-size: 1.125rem;
  color: var(--accordion-text-primary);
  text-align: center;
  margin: 0 0 20px 0;
  letter-spacing: 0.02em;
}

.book-contrast__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.book-contrast__column {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.book-contrast__column--negative {
  opacity: 0.75;
}

.book-contrast__item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-family: var(--accordion-font-serif);
  font-size: 1.125rem;
  line-height: 1.45;
  color: var(--accordion-text-secondary);
}

.book-contrast__icon--negative {
  color: #ef5350;
  flex-shrink: 0;
  font-size: 1.125rem;
  line-height: 1;
}

.book-contrast__icon--positive {
  color: #4caf50;
  flex-shrink: 0;
  font-size: 1.125rem;
  line-height: 1;
}

@media (max-width: 480px) {
  .book-contrast__grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}


/* ─────────────────────────────────────────────────────────────────────────────────────────
   COMPARISON TABLE — Differentiation from other AI books
   ───────────────────────────────────────────────────────────────────────────────────────── */

.comparison-table {
  background: rgba(10, 12, 20, 0.85);
  border: 1px solid rgba(212, 168, 75, 0.15);
  border-radius: 12px;
  padding: 20px 16px;
  margin: 24px 0;
  overflow-x: auto;
}

.comparison-table__title {
  font-family: var(--accordion-font-display);
  font-size: 1.125rem;
  color: var(--accordion-gold);
  text-align: center;
  margin: 0 0 16px 0;
}

.comparison-table table {
  width: 100%;
  border-collapse: collapse;
  font-family: var(--accordion-font-serif);
  font-size: 1.125rem;
}

.comparison-table th {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--accordion-text-dim);
  text-align: left;
  padding: 10px 8px;
  border-bottom: 1px solid rgba(212, 168, 75, 0.2);
}

.comparison-table th:last-child {
  color: var(--accordion-gold);
  text-align: center;
  background: rgba(212, 168, 75, 0.08);
}

.comparison-table td {
  padding: 12px 8px;
  color: var(--accordion-text-secondary);
  border-bottom: 1px solid rgba(212, 168, 75, 0.06);
}

.comparison-table td:first-child {
  font-weight: 500;
  color: var(--accordion-text-primary);
}

.comparison-table td:last-child {
  color: var(--accordion-gold);
  text-align: center;
  font-weight: 500;
  background: rgba(212, 168, 75, 0.04);
}

.comparison-table tr:last-child td {
  border-bottom: none;
}

.comparison-table__highlight {
  background: rgba(212, 168, 75, 0.1) !important;
}


/* ─────────────────────────────────────────────────────────────────────────────────────────
   EXPERT ALIGNMENT QUOTES — Authority stacking with AI thought leaders
   ───────────────────────────────────────────────────────────────────────────────────────── */

.expert-quotes {
  background: linear-gradient(180deg,
    rgba(10, 12, 20, 0.85) 0%,
    rgba(4, 5, 12, 0.9) 100%);
  border: 1px solid rgba(212, 168, 75, 0.15);
  border-radius: 12px;
  padding: 24px 20px;
  margin: 24px 0;
}

.expert-quotes__header {
  text-align: center;
  margin-bottom: 20px;
}

.expert-quotes__title {
  font-family: var(--accordion-font-display);
  font-size: 1.125rem;
  color: var(--accordion-text-primary);
  margin: 0 0 6px 0;
}

.expert-quotes__subtitle {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--accordion-text-dim);
}

.expert-quotes__grid {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.expert-quote {
  background: rgba(212, 168, 75, 0.04);
  border-left: 3px solid rgba(212, 168, 75, 0.3);
  border-radius: 0 8px 8px 0;
  padding: 16px;
  transition: all 0.3s ease;
}

.expert-quote:hover {
  background: rgba(212, 168, 75, 0.08);
  border-left-color: var(--accordion-gold);
}

.expert-quote__text {
  font-family: var(--accordion-font-serif);
  font-size: 1.1875rem;
  font-style: italic;
  line-height: 1.6;
  color: var(--accordion-text-primary);
  margin: 0 0 12px 0;
}

.expert-quote__attribution {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}

.expert-quote__author {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  color: var(--accordion-gold);
  letter-spacing: 0.03em;
}

.expert-quote__credentials {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  color: var(--accordion-text-dim);
  display: block;
  margin-top: 2px;
}

.expert-quote__reference {
  font-family: var(--accordion-font-mono);
  font-size: 1.125rem;
  color: var(--accordion-text-secondary);
}

.expert-quote__reference a {
  color: var(--accordion-gold);
  text-decoration: none;
  transition: all 0.2s ease;
}

.expert-quote__reference a:hover {
  text-decoration: underline;
}


/* ═══════════════════════════════════════════════════════════════════════════════════════
   MOBILE TYPOGRAPHY READABILITY UPGRADE
   Strategic font size increases for mobile without losing authority
   Wife's feedback: smallest text too small on mobile
   ═══════════════════════════════════════════════════════════════════════════════════════ */

@media (max-width: 768px) {

    /* ═══════════════════════════════════════════════════════════════════════════
       SPACE MONO ELEMENTS (Technical Labels)
       Increase from ~0.6rem to ~0.7rem (+16% increase)
       ═══════════════════════════════════════════════════════════════════════════ */

    /* Section labels like "PART I", "SECTION 01" */
    .section-label,
    .part-label,
    [class*="section-"] span:first-child,
    .accordion-label,
    .accordion-part-label {
        font-size: 1.125rem !important;
        letter-spacing: 0.12em !important;
    }

    /* Timestamps and dates */
    .timestamp,
    .date-label,
    .verified-date,
    time,
    [class*="date"]:not(button):not(input) {
        font-size: 1.1875rem !important;
    }

    /* Source/citation tags */
    .source-tag,
    .ask-book-chat__source-tag,
    [class*="source"] span,
    .citation-tag {
        font-size: 1.125rem !important;
        padding: 4px 10px !important;
    }

    /* Mode labels and checkboxes */
    .ask-book-chat__mode-text,
    .mode-label,
    [class*="mode"] label {
        font-size: 1.125rem !important;
    }

    /* "Powered by" and attribution text */
    .ask-book-chat__powered,
    .powered-by,
    .attribution,
    [class*="powered"] {
        font-size: 1.125rem !important;
    }

    /* Feedback and action labels */
    .ask-book-chat__feedback-label,
    .feedback-label,
    [class*="feedback"] span {
        font-size: 1.125rem !important;
    }

    /* Suggestion labels */
    .ask-book-chat__suggestions-label,
    .suggestions-label,
    [class*="suggestion"] .label {
        font-size: 1.125rem !important;
    }

    /* Related questions label */
    .ask-book-chat__related-label {
        font-size: 1.125rem !important;
    }

    /* Model info text */
    .ask-book-chat__model-info {
        font-size: 1.125rem !important;
    }

    /* Chat subtitle */
    .ask-book-chat__subtitle {
        font-size: 1.125rem !important;
    }

    /* Copyright notice */
    .copyright,
    footer small,
    .footer-copyright {
        font-size: 1.125rem !important;
    }

    /* Stats section labels */
    .stats-label,
    .stat-label,
    [class*="stat"] small {
        font-size: 1.125rem !important;
    }

    /* ═══════════════════════════════════════════════════════════════════════════
       CONCEPT DESCRIPTIONS (Cormorant Garamond)
       Slight increase for better mobile readability
       ═══════════════════════════════════════════════════════════════════════════ */

    /* Concept card descriptions */
    .concept-description,
    .concept-card p,
    [class*="concept"] .description {
        font-size: 1.1875rem !important;
        line-height: 1.6 !important;
    }

    /* FAQ answer text */
    .faq-answer,
    .faq-content p,
    [class*="faq"] .answer {
        font-size: 1.125rem !important;
        line-height: 1.65 !important;
    }

    /* Quote attribution */
    cite,
    .quote-attribution,
    blockquote cite {
        font-size: 1.125rem !important;
    }

    /* ═══════════════════════════════════════════════════════════════════════════
       BUTTON TEXT
       Ensure touch-friendly sizes
       ═══════════════════════════════════════════════════════════════════════════ */

    /* Suggestion buttons */
    .ask-book-chat__suggestion {
        font-size: 1.125rem !important;
        padding: 12px 16px !important;
    }

    /* Related question buttons */
    .ask-book-chat__related-btn {
        font-size: 1.1875rem !important;
        padding: 12px 16px !important;
    }

    /* Action buttons (listen, copy, share) */
    .ask-book-chat__listen-btn,
    .ask-book-chat__copy-btn,
    .ask-book-chat__share-btn {
        font-size: 1.125rem !important;
        padding: 6px 12px !important;
    }

    /* ═══════════════════════════════════════════════════════════════════════════
       ACCORDION SECTION HEADERS
       Maintain authority while improving readability
       ═══════════════════════════════════════════════════════════════════════════ */

    /* Section taglines/subtitles */
    .section-tagline,
    .accordion-tagline,
    [class*="accordion"] .tagline {
        font-size: 1.1875rem !important;
        line-height: 1.5 !important;
    }

    /* Category range badges (e.g., "08-12", "13-18") */
    .category-badge,
    .range-badge,
    [class*="badge"]:not(.evidence-verdict-hero__badge) {
        font-size: 1.125rem !important;
        padding: 8px 14px !important;
    }

    /* ═══════════════════════════════════════════════════════════════════════════
       EVIDENCE SECTION
       Ensure BBC clips and timeline are readable
       ═══════════════════════════════════════════════════════════════════════════ */

    /* Video labels */
    .video-label,
    .bbc-label,
    [class*="video"] .label {
        font-size: 1.125rem !important;
    }

    /* Timeline connector text (e.g., "5 DAYS") */
    .timeline-connector,
    .days-badge,
    [class*="timeline"] .days,
    .evidence-timeline-hero__gap-number {
        font-size: 1.125rem !important;
    }

    /* ═══════════════════════════════════════════════════════════════════════════
       FORM INPUTS
       Ensure inputs are readable
       ═══════════════════════════════════════════════════════════════════════════ */

    /* Chat input */
    .ask-book-chat__input {
        font-size: 1.125rem !important;
    }

    .ask-book-chat__input::placeholder {
        font-size: 1.125rem !important;
    }

    /* ═══════════════════════════════════════════════════════════════════════════
       LINE HEIGHT ADJUSTMENTS
       Small text needs proportionally more line height for readability
       ═══════════════════════════════════════════════════════════════════════════ */

    /* Small text needs more breathing room */
    .small-text,
    [class*="label"]:not(button):not(input),
    [class*="subtitle"],
    [class*="caption"],
    small {
        line-height: 1.5 !important;
    }

    /* ═══════════════════════════════════════════════════════════════════════════
       LETTER SPACING ADJUSTMENTS
       Small caps and uppercase text needs more letter spacing at small sizes
       ═══════════════════════════════════════════════════════════════════════════ */

    /* Uppercase text needs more spacing */
    .uppercase,
    [style*="text-transform: uppercase"] {
        letter-spacing: 0.12em !important;
    }
}


/* ═══════════════════════════════════════════════════════════════════════════════════════
   MINIMUM TOUCH TARGET SIZES
   WCAG 2.2 recommends 44x44px minimum for touch targets
   ═══════════════════════════════════════════════════════════════════════════════════════ */

@media (max-width: 768px) {
    /* Exception for inline buttons that need to be smaller */
    .ask-book-chat__copy-btn,
    .ask-book-chat__share-btn,
    .ask-book-chat__feedback-btn {
        min-height: 36px;
        min-width: 36px;
    }
}


/* ═══════════════════════════════════════════════════════════════════════════════════════
   HIGH CONTRAST MODE SUPPORT
   For users who need extra readability
   ═══════════════════════════════════════════════════════════════════════════════════════ */

@media (prefers-contrast: high) {
    /* Increase contrast for small text */
    [class*="label"],
    [class*="powered"],
    [class*="subtitle"],
    small {
        color: rgba(240, 235, 227, 0.85) !important;
    }
}


/* ═══════════════════════════════════════════════════════════════════════════════════════
   HIDE MOTION BUTTON AND STATUS INDICATOR ON MOBILE
   Motion is now auto-enabled - manual toggle no longer needed
   ═══════════════════════════════════════════════════════════════════════════════════════ */

@media (max-width: 1023px) {
    .motion-enable-btn,
    .motion-status {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
}


/* ═══════════════════════════════════════════════════════════════════════════════════════
   AI CONVERGENCE
   The War Room in action - Multi-AI debate made visible
   ═══════════════════════════════════════════════════════════════════════════════════════ */

.ai-synthesis {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    background: radial-gradient(
        ellipse at center,
        rgba(212, 168, 75, 0.08) 0%,
        transparent 70%
    );
    min-height: 300px;
}

/* ═══════════════════════════════════════════════════════════════════════════════════════
   SPINNING RINGS
   Three rings representing the three AI models
   ═══════════════════════════════════════════════════════════════════════════════════════ */

.ai-synthesis__rings {
    position: relative;
    width: 180px;
    height: 180px;
    margin-bottom: 32px;
}

.ai-synthesis__ring {
    position: absolute;
    border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: currentColor;
    border-right-color: currentColor;
}

/* Claude ring - Gold, outermost, slowest */
.ai-synthesis__ring--claude {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: #d4a84b;
    animation: ai-synthesisSpin 4s linear infinite;
}

/* GPT ring - Blue, middle, medium speed */
.ai-synthesis__ring--gpt {
    width: 70%;
    height: 70%;
    top: 15%;
    left: 15%;
    color: #3b82f6;
    animation: ai-synthesisSpin 3s linear infinite reverse;
}

/* Gemini ring - Green, innermost, fastest */
.ai-synthesis__ring--gemini {
    width: 40%;
    height: 40%;
    top: 30%;
    left: 30%;
    color: #22c55e;
    animation: ai-synthesisSpin 2s linear infinite;
}

@keyframes ai-synthesisSpin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Ring glow effect */
.ai-synthesis__ring-glow {
    position: absolute;
    inset: -4px;
    border-radius: 50%;
    background: inherit;
    filter: blur(8px);
    opacity: 0.3;
}

/* Center pulse */
.ai-synthesis__center {
    position: absolute;
    width: 20%;
    height: 20%;
    top: 40%;
    left: 40%;
    background: radial-gradient(
        circle,
        rgba(212, 168, 75, 0.8) 0%,
        rgba(212, 168, 75, 0.2) 50%,
        transparent 70%
    );
    border-radius: 50%;
    animation: centerPulse 2s ease-in-out infinite;
}

.ai-synthesis__center-pulse {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: #d4a84b;
    animation: centerPulseRing 2s ease-out infinite;
}

@keyframes centerPulse {
    0%, 100% { transform: scale(1); opacity: 0.8; }
    50% { transform: scale(1.2); opacity: 1; }
}

@keyframes centerPulseRing {
    0% { transform: scale(1); opacity: 0.5; }
    100% { transform: scale(2.5); opacity: 0; }
}

/* ═══════════════════════════════════════════════════════════════════════════════════════
   AI CONVERGENCE STATUS LABEL
   ═══════════════════════════════════════════════════════════════════════════════════════ */

.ai-synthesis__status {
    margin-bottom: 24px;
}

.ai-synthesis__label {
    font-family: 'Space Mono', monospace;
    font-size: 1.1875rem;
    color: #d4a84b;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    animation: labelPulse 2s ease-in-out infinite;
}

@keyframes labelPulse {
    0%, 100% { opacity: 0.7; }
    50% { opacity: 1; }
}

/* ═══════════════════════════════════════════════════════════════════════════════════════
   MODEL STATUS LIST
   Shows what each AI is doing
   ═══════════════════════════════════════════════════════════════════════════════════════ */

.ai-synthesis__models {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 24px;
    width: 100%;
    max-width: 300px;
}

.ai-synthesis__model {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 16px;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 8px;
    opacity: 0;
    transform: translateX(-10px);
    animation: modelSlideIn 0.4s ease forwards;
}

.ai-synthesis__model:nth-child(1) { animation-delay: 0.1s; }
.ai-synthesis__model:nth-child(2) { animation-delay: 0.4s; }
.ai-synthesis__model:nth-child(3) { animation-delay: 0.7s; }

@keyframes modelSlideIn {
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Model dots */
.ai-synthesis__model-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
    animation: dotPulse 1.5s ease-in-out infinite;
}

.ai-synthesis__model-dot--claude {
    background: #d4a84b;
    box-shadow: 0 0 8px rgba(212, 168, 75, 0.5);
}

.ai-synthesis__model-dot--gpt {
    background: #3b82f6;
    box-shadow: 0 0 8px rgba(59, 130, 246, 0.5);
}

.ai-synthesis__model-dot--gemini {
    background: #22c55e;
    box-shadow: 0 0 8px rgba(34, 197, 94, 0.5);
}

@keyframes dotPulse {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.2); opacity: 0.8; }
}

/* Model text */
.ai-synthesis__model-name {
    font-family: 'Space Mono', monospace;
    font-size: 1.125rem;
    color: rgba(240, 235, 227, 0.9);
    font-weight: 600;
    min-width: 60px;
}

.ai-synthesis__model-status {
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.1875rem;
    color: rgba(240, 235, 227, 0.6);
    font-style: italic;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Active state for model */
.ai-synthesis__model.active {
    border-color: rgba(212, 168, 75, 0.3);
    background: rgba(212, 168, 75, 0.05);
}

.ai-synthesis__model.active .ai-synthesis__model-status {
    color: rgba(240, 235, 227, 0.85);
}

/* Complete state for model */
.ai-synthesis__model.complete .ai-synthesis__model-dot {
    animation: none;
}

.ai-synthesis__model.complete .ai-synthesis__model-status {
    color: #22c55e;
}

/* ═══════════════════════════════════════════════════════════════════════════════════════
   PROGRESS BAR
   Shows overall consensus progress
   ═══════════════════════════════════════════════════════════════════════════════════════ */

.ai-synthesis__progress {
    width: 100%;
    max-width: 300px;
}

.ai-synthesis__progress-bar {
    height: 3px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 2px;
    overflow: hidden;
    margin-bottom: 8px;
}

.ai-synthesis__progress-bar::after {
    content: '';
    display: block;
    height: 100%;
    width: 0%;
    background: linear-gradient(90deg, #d4a84b, #22c55e);
    border-radius: 2px;
    animation: progressGrow 8s ease-out forwards;
}

@keyframes progressGrow {
    0% { width: 0%; }
    20% { width: 25%; }
    40% { width: 45%; }
    60% { width: 65%; }
    80% { width: 85%; }
    100% { width: 100%; }
}

.ai-synthesis__progress-text {
    font-family: 'Space Mono', monospace;
    font-size: 1.125rem;
    color: rgba(240, 235, 227, 0.5);
    text-align: center;
    display: block;
}

/* ═══════════════════════════════════════════════════════════════════════════════════════
   CONVERGENCE STATE
   When the ai-synthesis reaches consensus
   ═══════════════════════════════════════════════════════════════════════════════════════ */

.ai-synthesis.converging .ai-synthesis__ring {
    animation: ringConverge 1s ease-out forwards;
}

.ai-synthesis.converging .ai-synthesis__ring--claude {
    animation-delay: 0s;
}

.ai-synthesis.converging .ai-synthesis__ring--gpt {
    animation-delay: 0.15s;
}

.ai-synthesis.converging .ai-synthesis__ring--gemini {
    animation-delay: 0.3s;
}

@keyframes ringConverge {
    to {
        width: 50%;
        height: 50%;
        top: 25%;
        left: 25%;
        border-color: #d4a84b;
        opacity: 0.8;
    }
}

.ai-synthesis.converging .ai-synthesis__center {
    animation: centerExpand 0.8s ease-out forwards 0.5s;
}

@keyframes centerExpand {
    to {
        width: 60%;
        height: 60%;
        top: 20%;
        left: 20%;
        background: radial-gradient(
            circle,
            rgba(212, 168, 75, 1) 0%,
            rgba(212, 168, 75, 0.3) 70%,
            transparent 100%
        );
    }
}

.ai-synthesis.converging .ai-synthesis__label {
    animation: labelFlash 0.5s ease-out forwards 0.8s;
}

@keyframes labelFlash {
    to {
        color: #f0ebe3;
        text-shadow: 0 0 20px rgba(212, 168, 75, 0.5);
    }
}

/* ═══════════════════════════════════════════════════════════════════════════════════════
   AI CONVERGENCE MOBILE ADJUSTMENTS
   ═══════════════════════════════════════════════════════════════════════════════════════ */

@media (max-width: 768px) {
    .ai-synthesis {
        padding: 30px 16px;
        min-height: 260px;
    }

    .ai-synthesis__rings {
        width: 140px;
        height: 140px;
        margin-bottom: 24px;
    }

    .ai-synthesis__models {
        max-width: 260px;
    }

    .ai-synthesis__model {
        padding: 8px 12px;
        gap: 10px;
    }

    .ai-synthesis__model-name {
        font-size: 1.125rem;
        min-width: 50px;
    }

    .ai-synthesis__model-status {
        font-size: 1.125rem;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════════════════
   AI CONVERGENCE REDUCED MOTION
   Respect user preferences
   ═══════════════════════════════════════════════════════════════════════════════════════ */

@media (prefers-reduced-motion: reduce) {
    .ai-synthesis__ring,
    .ai-synthesis__center,
    .ai-synthesis__center-pulse,
    .ai-synthesis__model-dot,
    .ai-synthesis__label,
    .ai-synthesis__progress-bar::after {
        animation: none;
    }

    .ai-synthesis__model {
        opacity: 1;
        transform: none;
    }

    .ai-synthesis__progress-bar::after {
        width: 100%;
    }
}


/* ═══════════════════════════════════════════════════════════════════════════════════════
   VOICE ENGINE BUTTONS
   Listen/Speak functionality for Ask Book and sections
   ═══════════════════════════════════════════════════════════════════════════════════════ */

.section-listen-btn,
.ask-book-chat__listen-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    background: rgba(212, 168, 75, 0.1);
    border: 1px solid rgba(212, 168, 75, 0.3);
    border-radius: 100px;
    color: #d4a84b;
    font-family: 'Space Mono', monospace;
    font-size: 1.125rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.section-listen-btn:hover,
.ask-book-chat__listen-btn:hover {
    background: rgba(212, 168, 75, 0.2);
    border-color: rgba(212, 168, 75, 0.5);
}

.section-listen-btn svg,
.ask-book-chat__listen-btn svg {
    width: 14px;
    height: 14px;
}

/* Loading state */
.section-listen-btn.loading,
.ask-book-chat__listen-btn.loading {
    opacity: 0.6;
    pointer-events: none;
}

.section-listen-btn.loading svg,
.ask-book-chat__listen-btn.loading svg {
    animation: voiceSpin 1s linear infinite;
}

@keyframes voiceSpin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Playing state */
.section-listen-btn.playing,
.ask-book-chat__listen-btn.playing {
    background: rgba(212, 168, 75, 0.25);
    border-color: #d4a84b;
}

.section-listen-btn.playing svg,
.ask-book-chat__listen-btn.playing svg {
    animation: voicePulse 1s ease-in-out infinite;
}

@keyframes voicePulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.1); }
}


/* ═══════════════════════════════════════════════════════════════════════════════════════
   ASK BOOK CHAT ENHANCEMENTS
   Message actions, feedback, related questions, CTAs
   ═══════════════════════════════════════════════════════════════════════════════════════ */

/* Message action buttons row */
.ask-book-chat__message-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.ask-book-chat__copy-btn,
.ask-book-chat__share-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 100px;
    color: rgba(240, 235, 227, 0.7);
    font-family: 'Space Mono', monospace;
    font-size: 1.125rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.ask-book-chat__copy-btn:hover,
.ask-book-chat__share-btn:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
    color: rgba(240, 235, 227, 0.9);
}

.ask-book-chat__copy-btn.copied {
    background: rgba(34, 197, 94, 0.2);
    border-color: rgba(34, 197, 94, 0.4);
    color: #22c55e;
}

.ask-book-chat__copy-btn svg,
.ask-book-chat__share-btn svg {
    width: 12px;
    height: 12px;
}

/* Feedback section */
.ask-book-chat__feedback {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.ask-book-chat__feedback-label {
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.1875rem;
    color: rgba(240, 235, 227, 0.5);
}

.ask-book-chat__feedback-btn {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    color: rgba(240, 235, 227, 0.5);
    cursor: pointer;
    transition: all 0.2s ease;
}

.ask-book-chat__feedback-btn:hover {
    background: rgba(212, 168, 75, 0.2);
    border-color: rgba(212, 168, 75, 0.4);
    color: #d4a84b;
}

.ask-book-chat__feedback-btn svg {
    width: 16px;
    height: 16px;
}

.ask-book-chat__feedback-thanks {
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.1875rem;
    color: #22c55e;
    font-style: italic;
}

/* Related questions */
.ask-book-chat__related {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.ask-book-chat__related-label {
    display: block;
    font-family: 'Space Mono', monospace;
    font-size: 1.125rem;
    color: rgba(240, 235, 227, 0.5);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 10px;
}

.ask-book-chat__related-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.ask-book-chat__related-btn {
    padding: 8px 14px;
    background: rgba(212, 168, 75, 0.08);
    border: 1px solid rgba(212, 168, 75, 0.2);
    border-radius: 100px;
    color: rgba(240, 235, 227, 0.8);
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.1875rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.ask-book-chat__related-btn:hover {
    background: rgba(212, 168, 75, 0.15);
    border-color: rgba(212, 168, 75, 0.4);
    color: #f0ebe3;
}

/* CTA sections */
.ask-book-chat__cta {
    margin-top: 16px;
    padding: 16px;
    border-radius: 12px;
}

.ask-book-chat__cta--light {
    background: rgba(212, 168, 75, 0.08);
    border: 1px solid rgba(212, 168, 75, 0.15);
}

.ask-book-chat__cta--light p {
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.1875rem;
    color: rgba(240, 235, 227, 0.8);
    margin: 0 0 12px 0;
}

.ask-book-chat__cta-link {
    font-family: 'Space Mono', monospace;
    font-size: 1.1875rem;
    color: #d4a84b;
    text-decoration: none;
    transition: color 0.2s ease;
}

.ask-book-chat__cta-link:hover {
    color: #f4c856;
}

.ask-book-chat__cta--strong {
    background: linear-gradient(135deg, rgba(212, 168, 75, 0.15) 0%, rgba(212, 168, 75, 0.05) 100%);
    border: 1px solid rgba(212, 168, 75, 0.3);
}

.ask-book-chat__cta-box h4 {
    font-family: 'Cinzel', serif;
    font-size: 1.125rem;
    color: #d4a84b;
    margin: 0 0 8px 0;
}

.ask-book-chat__cta-box p {
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.1875rem;
    color: rgba(240, 235, 227, 0.8);
    margin: 0 0 16px 0;
}

.ask-book-chat__cta-options {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.ask-book-chat__cta-btn {
    padding: 10px 20px;
    border-radius: 8px;
    font-family: 'Space Mono', monospace;
    font-size: 1.1875rem;
    text-decoration: none;
    transition: all 0.2s ease;
}

.ask-book-chat__cta-btn--primary {
    background: #d4a84b;
    color: #02030a;
}

.ask-book-chat__cta-btn--primary:hover {
    background: #f4c856;
}

.ask-book-chat__cta-btn:not(.ask-book-chat__cta-btn--primary) {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: rgba(240, 235, 227, 0.9);
}

.ask-book-chat__cta-btn:not(.ask-book-chat__cta-btn--primary):hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.3);
}

/* Model info badge */
.ask-book-chat__model-info {
    font-family: 'Space Mono', monospace;
    font-size: 1.125rem;
    color: rgba(240, 235, 227, 0.4);
    margin-top: 8px;
}

/* Voice input mic button */
.ask-book-chat__mic-btn {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    color: rgba(240, 235, 227, 0.7);
    cursor: pointer;
    transition: all 0.2s ease;
}

.ask-book-chat__mic-btn:hover {
    background: rgba(212, 168, 75, 0.2);
    border-color: rgba(212, 168, 75, 0.4);
    color: #d4a84b;
}

.ask-book-chat__mic-btn.listening {
    background: rgba(239, 68, 68, 0.2);
    border-color: rgba(239, 68, 68, 0.5);
    color: #ef4444;
    animation: micPulse 1s ease-in-out infinite;
}

@keyframes micPulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.4); }
    50% { box-shadow: 0 0 0 10px rgba(239, 68, 68, 0); }
}

.ask-book-chat__mic-btn svg {
    width: 18px;
    height: 18px;
}

/* Clear history button */
.ask-book-chat__clear-btn {
    padding: 6px 12px;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 6px;
    color: rgba(240, 235, 227, 0.5);
    font-family: 'Space Mono', monospace;
    font-size: 1.125rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.ask-book-chat__clear-btn:hover {
    background: rgba(239, 68, 68, 0.1);
    border-color: rgba(239, 68, 68, 0.3);
    color: #ef4444;
}


/* ═══════════════════════════════════════════════════════════════════════════════════════
   ACCESSIBILITY: Skip Link
   ═══════════════════════════════════════════════════════════════════════════════════════ */

.skip-link {
  position: absolute;
  top: -100px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--accordion-gold);
  color: #02030a;
  padding: 12px 24px;
  font-family: var(--accordion-font-display);
  font-size: 1.1875rem;
  font-weight: 600;
  text-decoration: none;
  border-radius: 8px;
  z-index: 100000;
  transition: top 0.3s ease;
}

.skip-link:focus {
  top: 10px;
  outline: 3px solid var(--accordion-gold-bright);
  outline-offset: 2px;
}


/* ═══════════════════════════════════════════════════════════════════════════════════════
   SOCIAL SHARE FLOATING ACTION BUTTON (FAB)
   ═══════════════════════════════════════════════════════════════════════════════════════ */

.social-share-fab {
  position: fixed;
  bottom: calc(env(safe-area-inset-bottom, 0px) + 90px);
  right: 16px;
  z-index: 900;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  gap: 8px;
}

@media (min-width: 1024px) {
  .social-share-fab {
    bottom: 24px;
    right: 24px;
  }
}

.social-share-fab__toggle {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--accordion-gold) 0%, var(--accordion-gold-dark) 100%);
  border: none;
  color: #02030a;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3), 0 0 20px rgba(212, 168, 75, 0.2);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.social-share-fab__toggle:hover {
  transform: scale(1.1);
  box-shadow: 0 6px 30px rgba(0, 0, 0, 0.4), 0 0 30px rgba(212, 168, 75, 0.3);
}

.social-share-fab__toggle:focus {
  outline: 3px solid var(--accordion-gold-bright);
  outline-offset: 2px;
}

.social-share-fab__toggle[aria-expanded="true"] {
  transform: rotate(45deg);
}

.social-share-fab__menu {
  display: flex;
  flex-direction: column;
  gap: 8px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.social-share-fab__toggle[aria-expanded="true"] + .social-share-fab__menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.social-share-fab__btn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  text-decoration: none;
}

.social-share-fab__btn:focus {
  outline: 2px solid var(--accordion-gold);
  outline-offset: 2px;
}

.social-share-fab__btn--twitter {
  background: #000;
  color: #fff;
}

.social-share-fab__btn--twitter:hover {
  background: #333;
}

.social-share-fab__btn--linkedin {
  background: #0077b5;
  color: #fff;
}

.social-share-fab__btn--linkedin:hover {
  background: #005582;
}

.social-share-fab__btn--facebook {
  background: #1877f2;
  color: #fff;
}

.social-share-fab__btn--facebook:hover {
  background: #0d65d9;
}

.social-share-fab__btn--copy {
  background: rgba(255, 255, 255, 0.1);
  color: var(--accordion-text);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.social-share-fab__btn--copy:hover {
  background: rgba(255, 255, 255, 0.15);
  border-color: var(--accordion-gold);
}

/* Hide on mobile when buy bar is present */
@media (max-width: 1023px) {
  .social-share-fab {
    bottom: calc(env(safe-area-inset-bottom, 0px) + 100px);
  }
}


/* ═══════════════════════════════════════════════════════════════════════════════════════
   ACCESSIBILITY: Focus Indicators
   ═══════════════════════════════════════════════════════════════════════════════════════ */

/* Enhanced focus indicators for interactive elements */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
[tabindex]:focus-visible {
  outline: 2px solid var(--accordion-gold);
  outline-offset: 2px;
}

/* Remove default focus for mouse users */
a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
input:focus:not(:focus-visible) {
  outline: none;
}

/* High contrast mode support */
@media (prefers-contrast: high) {
  .accordion-item,
  .review-card,
  .idea-card {
    border-width: 2px;
  }
  
  .accordion-gold,
  .receipts__verified {
    color: #fff;
  }
}

/* Reduced motion preference */
@media (prefers-reduced-motion: reduce) {
  .social-share-fab__toggle,
  .social-share-fab__menu,
  .social-share-fab__btn,
  .skip-link {
    transition: none;
  }
}


/* ═══════════════════════════════════════════════════════════════════════════════════════
   CONVERGENCE SECTION — ACCORDION CONTAINMENT + INDUSTRY STANDARD TYPOGRAPHY

   TYPOGRAPHY STANDARDS (Apple HIG / Google Material / WCAG):
   - Body text: minimum 16px (1rem)
   - Secondary text: minimum 14px (0.875rem)
   - Labels/captions: minimum 12px (0.75rem)
   - Decorative only: 11px (0.6875rem) absolute minimum

   All sizes below have been updated to meet these standards.
   ═══════════════════════════════════════════════════════════════════════════════════════ */

/* Global containment for all convergence elements within accordion */
.accordion-content [class*="convergence-"],
.accordion-content__inner [class*="convergence-"] {
  box-sizing: border-box;
  max-width: 100%;
  overflow-x: hidden;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

/* Section titles - prevent overflow */
.accordion-content .convergence-section-title {
  font-size: 1.25rem; /* 20px - clear heading */
  padding: 0;
  margin: 0 0 8px;
  word-wrap: break-word;
  overflow-wrap: break-word;
  hyphens: auto;
}

.accordion-content .convergence-section-subtitle {
  font-size: 1.125rem; /* 16px - readable body */
  padding: 0;
  line-height: 1.5;
}

/* Four Fields Grid - single column in accordion */
.accordion-content .convergence-fields {
  padding: 20px 0 28px;
}

.accordion-content .convergence-fields-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  max-width: 100%;
  padding: 0;
}

.accordion-content .convergence-field {
  padding: 16px 14px;
}

.accordion-content .convergence-field-icon {
  font-size: 1.8rem;
}

.accordion-content .convergence-field-name {
  font-size: 1.1875rem; /* 12px - minimum readable label */
  letter-spacing: 0.1em;
}

.accordion-content .convergence-field-quote {
  font-size: 1.125rem; /* 16px - readable body */
  padding: 0 4px;
  line-height: 1.5;
}

.accordion-content .convergence-field-cite {
  font-size: 1.125rem; /* 13px - readable citation */
}

/* 40 Voices - smaller grid for accordion */
.accordion-content .convergence-voices {
  padding: 28px 0;
}

.accordion-content .convergence-voices-count {
  font-size: 2.75rem;
}

.accordion-content .convergence-voices-label {
  font-size: 1.1875rem; /* 14px - readable label */
  letter-spacing: 0.2em;
}

.accordion-content .convergence-traditions-title {
  font-size: 1.125rem; /* 18px - clear subheading */
  padding: 0;
}

.accordion-content .convergence-traditions-list {
  font-size: 1.125rem; /* 13px - readable list */
  padding: 0;
  line-height: 1.6;
}

.accordion-content .convergence-voices-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 8px;
  max-width: 280px;
  margin: 0 auto 20px;
  padding: 0;
}

.accordion-content .convergence-voice {
  width: 48px;
  height: 48px;
  font-size: 1.125rem;
}

.accordion-content .convergence-rotating-quote {
  min-height: 100px;
  padding: 0 8px;
}

.accordion-content .convergence-rotating-quote blockquote {
  font-size: 1.1875rem; /* 17px - Apple standard body */
  padding: 0;
  line-height: 1.5;
}

.accordion-content .convergence-rotating-quote cite {
  font-size: 1.125rem; /* 13px - readable citation */
}

.accordion-content .convergence-instruction {
  font-size: 1.1875rem; /* 12px - minimum readable */
  padding: 0;
}

/* Scientists Carousel - fit within accordion */
.accordion-content .convergence-scientists {
  padding: 24px 0;
  margin: 0 -16px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.accordion-content .convergence-scientists-carousel {
  gap: 12px;
  margin: 0 0 16px;
  padding: 8px 16px;
}

/* CRITICAL: Card width must fit iPhone screen minus padding */
.accordion-content .convergence-scientist-card {
  flex: 0 0 calc(100vw - 80px); /* Full width minus padding */
  min-width: calc(100vw - 80px);
  max-width: 300px;
  padding: 16px;
}

.accordion-content .convergence-scientist-card__name {
  font-size: 1.1875rem; /* 17px - clear name */
}

.accordion-content .convergence-scientist-card__title {
  font-size: 1.125rem; /* 13px - readable title */
  line-height: 1.4;
}

.accordion-content .convergence-scientist-card__institution {
  font-size: 1.1875rem; /* 12px - minimum readable */
}

.accordion-content .convergence-scientist-card__quote {
  font-size: 1.1875rem; /* 15px - readable quote */
  line-height: 1.5;
}

.accordion-content .convergence-bridge {
  font-size: 1.125rem; /* 16px - readable body */
  padding: 0 8px;
  line-height: 1.5;
}

/* Discovery Timeline - fit within accordion width */
.accordion-content .convergence-discovery {
  padding: 24px 0;
}

.accordion-content .convergence-discovery-timeline {
  padding-left: 52px;
  padding-right: 8px; /* Prevent right overflow */
  margin: 0 0 20px;
}

.accordion-content .convergence-discovery-timeline::before {
  left: 36px;
}

.accordion-content .discovery-event::before {
  left: -20px;
}

.accordion-content .discovery-event--recent::before {
  left: -22px;
}

.accordion-content .discovery-event--ancient::before {
  left: -19px;
}

.accordion-content .discovery-event__year {
  left: -52px;
  width: 30px;
  font-size: 1.1875rem; /* 11px - decorative year label */
}

.accordion-content .discovery-event__title {
  font-size: 1.125rem; /* 16px - readable title */
}

.accordion-content .discovery-event__desc {
  font-size: 1.1875rem; /* 15px - readable description */
  padding-right: 0;
  line-height: 1.5;
}

.accordion-content .convergence-discovery-conclusion {
  font-size: 1.125rem; /* 16px - readable conclusion */
  padding: 0 8px;
}

/* Prediction Tracker - fit within accordion */
.accordion-content .convergence-tracker {
  padding: 24px 0 12px;
}

.accordion-content .convergence-tracker-header {
  gap: 8px;
}

.accordion-content .convergence-tracker-title {
  font-size: 1.1875rem; /* 12px - minimum readable label */
  letter-spacing: 0.12em;
}

.accordion-content .convergence-tracker-list {
  gap: 8px;
}

.accordion-content .convergence-tracker-item {
  padding: 12px;
  gap: 10px;
  flex-wrap: nowrap; /* Prevent wrapping */
}

.accordion-content .convergence-tracker-status {
  font-size: 1.1875rem; /* 14px */
  width: 20px;
  flex-shrink: 0;
}

.accordion-content .convergence-tracker-name {
  font-size: 1.1875rem; /* 15px - readable name */
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* FIXED: Status text was 0.45rem (7px) - now 11px minimum */
.accordion-content .convergence-tracker-state {
  font-size: 1.1875rem; /* 11px - decorative status, but readable */
  flex-shrink: 0;
  white-space: nowrap;
  text-align: right;
  max-width: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.accordion-content .convergence-notify-btn {
  padding: 12px 16px;
  font-size: 1.125rem; /* 13px - readable button */
}

/* Extra small screens (< 380px) - slightly reduce but stay readable */
@media (max-width: 380px) {
  .accordion-content .convergence-section-title {
    font-size: 1.125rem; /* 18px */
  }

  .accordion-content .convergence-voices-grid {
    grid-template-columns: repeat(4, 1fr);
    max-width: 220px;
  }

  .accordion-content .convergence-voice {
    width: 48px;
    height: 48px;
  }

  .accordion-content .convergence-scientist-card {
    flex: 0 0 calc(100vw - 64px);
    min-width: calc(100vw - 64px);
  }

  .accordion-content .convergence-discovery-timeline {
    padding-left: 46px;
    padding-right: 4px;
  }

  .accordion-content .convergence-discovery-timeline::before {
    left: 32px;
  }

  .accordion-content .discovery-event__year {
    left: -46px;
    width: 28px;
    font-size: 1.1875rem; /* 10px - still visible */
  }

  .accordion-content .convergence-tracker-state {
    max-width: 55px;
  }
}

/* ═══════════════════════════════════════════════════════════════════════════════════════
   CRITICAL FIX: CONVERGENCE SECTION OVERFLOW CONTAINMENT
   Ensures all text wraps properly and nothing extends beyond viewport
   ═══════════════════════════════════════════════════════════════════════════════════════ */

/* Master containment - force hard boundaries */
.accordion-content,
.accordion-content__inner {
  max-width: 100%;
  width: 100%;
  overflow-x: hidden;
  box-sizing: border-box;
}

/* Ensure all convergence children respect boundaries */
.accordion-content [class*="convergence-"] {
  max-width: 100%;
  box-sizing: border-box;
}

/* Discovery Timeline - CRITICAL fix for text overflow */
.accordion-content .convergence-discovery {
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}

.accordion-content .convergence-discovery-timeline {
  margin-left: 0;
  margin-right: 0;
  padding-right: 12px;
  overflow: hidden;
}

.accordion-content .discovery-event {
  padding-right: 4px;
  overflow: hidden;
}

.accordion-content .discovery-event__desc {
  word-wrap: break-word;
  overflow-wrap: break-word;
  hyphens: auto;
  -webkit-hyphens: auto;
  padding-right: 0;
  max-width: 100%;
}

/* Convergence bridge text - prevent clipping */
.accordion-content .convergence-bridge {
  word-wrap: break-word;
  overflow-wrap: break-word;
  hyphens: auto;
  -webkit-hyphens: auto;
  max-width: 100%;
  padding-left: 4px;
  padding-right: 4px;
}

.accordion-content .convergence-bridge strong {
  display: block;
  word-wrap: break-word;
}

/* Discovery conclusion text */
.accordion-content .convergence-discovery-conclusion {
  word-wrap: break-word;
  overflow-wrap: break-word;
  padding-left: 4px;
  padding-right: 4px;
}

.accordion-content .convergence-discovery-conclusion strong {
  display: inline;
}

/* Prediction Tracker - fix status label overflow */
.accordion-content .convergence-tracker {
  overflow: hidden;
}

.accordion-content .convergence-tracker-list {
  padding-right: 4px;
}

.accordion-content .convergence-tracker-item {
  max-width: 100%;
  overflow: hidden;
}

/* Stack status label below name on small screens for better fit */
.accordion-content .convergence-tracker-state {
  max-width: 60px;
  min-width: 48px;
  font-size: 1.1875rem; /* 9px - fit content */
  word-wrap: break-word;
  text-align: right;
}

/* Scientists carousel - contain within bounds */
.accordion-content .convergence-scientists {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  overflow-x: auto;
  overflow-y: hidden;
}

.accordion-content .convergence-scientists-carousel {
  padding-left: 8px;
  padding-right: 8px;
}

/* Rotating quote containment */
.accordion-content .convergence-rotating-quote {
  overflow: hidden;
}

.accordion-content .convergence-rotating-quote blockquote {
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 100%;
}

/* 40 Voices section */
.accordion-content .convergence-voices {
  overflow: hidden;
  padding-left: 8px;
  padding-right: 8px;
}

/* Extra small screens - more aggressive containment */
@media (max-width: 380px) {
  .accordion-content .convergence-discovery-timeline {
    padding-left: 42px;
    padding-right: 8px;
  }

  .accordion-content .discovery-event__year {
    left: -42px;
    width: 26px;
  }

  .accordion-content .convergence-tracker-item {
    flex-wrap: wrap;
    gap: 6px;
  }

  .accordion-content .convergence-tracker-state {
    flex-basis: 100%;
    text-align: left;
    max-width: 100%;
    margin-left: 30px;
    font-size: 1.1875rem;
  }

  .accordion-content .convergence-scientists-carousel {
    padding-left: 4px;
    padding-right: 4px;
  }

  .accordion-content .convergence-scientist-card {
    flex: 0 0 calc(100vw - 56px);
    min-width: calc(100vw - 56px);
  }
}