/* ══════════════════════════════════════
   MOBILE TEXT OPTIMIZATION (Root pages)
   Truncate long paragraphs, reduce spacing
   Desktop text stays UNCHANGED
   ══════════════════════════════════════ */
@media (max-width: 900px) {
  /* Clamp paragraphs to fewer lines */
  .hero-sub, .sh-sub, .vis-p, .mani-card p, .tl-p,
  .era-text, .growth-desc, .cog-desc, .fut-p,
  .nv-card p, .audience-card p,
  .owner-desc, .ts-caption-text p,
  .sec-desc, .card-desc, .feat-desc {
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 13px !important;
    line-height: 1.6 !important;
  }

  /* Agent card descriptions — 2 lines max */
  .ac .ad, .ag-role, .imp-row-l {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 11px !important;
  }

  /* FAQ answers — 3 lines */
  .faq-a, .faq-answer, .answer-text {
    display: -webkit-box !important;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 13px !important;
  }

  /* Section spacing — much tighter */
  section { padding: 48px 0 !important; }
  .section-line, .sec-line { margin: 0 !important; }
  .cta-break { min-height: 20vh !important; padding: 24px 0 !important; }
  .manifesto, .vision, .org { padding: 48px 0 !important; }
  .team-showcase { padding: 0 !important; }
  .future, .calculator { padding: 48px 0 !important; }
  .timeline { padding: 40px 0 60px !important; }
  .tl-event { margin-bottom: 48px !important; }
  .marquee-section { padding: 12px 0 !important; }

  /* Reduce heading sizes */
  .split-heading { font-size: clamp(24px, 7vw, 32px) !important; margin-bottom: 20px !important; }
  .vis-h { font-size: clamp(22px, 6vw, 28px) !important; }
  .cta-break-text { font-size: clamp(22px, 6vw, 36px) !important; }
  .sh-title { font-size: clamp(32px, 9vw, 52px) !important; }

  /* General text smaller */
  .wrap p, .content p { font-size: 14px !important; }

  /* Card grids tighter */
  .stat-grid, .nv-grid, .audience-grid { gap: 12px !important; }
  .mani-right { gap: 12px !important; }
}