:root {
  --aaiq-v437-card-bg: #ffffff;
  --aaiq-v437-card-soft: #f8fbfd;
  --aaiq-v437-card-border: #d9e2ec;
  --aaiq-v437-card-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
  --aaiq-v437-ink-strong: #0f172a;
  --aaiq-v437-ink-body: #475569;
  --aaiq-v437-blue: #0f2744;
}

/* Typographic tightening: reduce headings a few pixels globally */
body section h1,
body section .h1,
body.page-premium .premium-hero-title {
  font-size: clamp(2.45rem, 4.6vw, 3.95rem) !important;
  line-height: 1.06 !important;
}

body section h2,
body section .h2,
body.page-premium .premium-section-title,
body.page-premium #roi-calculator h2,
body.page-premium #trust-logos h2 {
  font-size: clamp(1.85rem, 3vw, 2.65rem) !important;
  line-height: 1.12 !important;
}

body section h3,
body section .h3,
body.page-premium .premium-card-title {
  font-size: clamp(1.2rem, 1.9vw, 1.55rem) !important;
  line-height: 1.2 !important;
}

body section h4,
body section .h4 {
  font-size: clamp(1.05rem, 1.5vw, 1.28rem) !important;
  line-height: 1.24 !important;
}

body section h5,
body section .h5 {
  font-size: clamp(0.98rem, 1.25vw, 1.12rem) !important;
  line-height: 1.28 !important;
}

body section h6,
body section .h6 {
  font-size: clamp(0.9rem, 1.1vw, 1rem) !important;
  line-height: 1.34 !important;
}

/* Keep blue for buttons, footer and full page/section backgrounds, not card surfaces */
body.page-premium .card,
body.page-premium .pricing-card,
body.page-premium .testimonial-card,
body.page-premium .feature-card,
body.page-premium .accordion-item,
body.page-premium .premium-visual-card,
body.page-premium .premium-slab,
body.page-premium .founding-benefit-card,
body.page-premium .founding-profile-card,
body.page-premium .roi-input-card,
body.page-premium .roi-results-card,
body.page-premium .decision-bullet,
body.page-premium .decision-panel-row,
body.page-premium .roi-inline-metric,
body.page-premium .partner-logo,
body.page-premium .admission-step,
body.page-premium .premium-form-panel,
body.page-premium .founding-kpi-card {
  background: var(--aaiq-v437-card-bg) !important;
  background-image: none !important;
  border: 1px solid var(--aaiq-v437-card-border) !important;
  box-shadow: var(--aaiq-v437-card-shadow) !important;
  color: var(--aaiq-v437-ink-strong) !important;
}

/* Neutralize inline dark/blue card blocks without touching whole sections/footer */
body.page-premium :not(section):not(footer):not(svg):not(path):not(circle):not(text)[style*="linear-gradient(135deg, #0A2540"],
body.page-premium :not(section):not(footer):not(svg):not(path):not(circle):not(text)[style*="linear-gradient(135deg, #0f2744"],
body.page-premium :not(section):not(footer):not(svg):not(path):not(circle):not(text)[style*="linear-gradient(135deg, #0A2540 0%, #000000"] {
  background: var(--aaiq-v437-card-bg) !important;
  background-image: none !important;
  border: 1px solid var(--aaiq-v437-card-border) !important;
  box-shadow: var(--aaiq-v437-card-shadow) !important;
  color: var(--aaiq-v437-ink-strong) !important;
}

body.page-premium :not(section):not(footer):not(svg):not(path):not(circle):not(text)[style*="linear-gradient(135deg, #0A2540"] h1,
body.page-premium :not(section):not(footer):not(svg):not(path):not(circle):not(text)[style*="linear-gradient(135deg, #0A2540"] h2,
body.page-premium :not(section):not(footer):not(svg):not(path):not(circle):not(text)[style*="linear-gradient(135deg, #0A2540"] h3,
body.page-premium :not(section):not(footer):not(svg):not(path):not(circle):not(text)[style*="linear-gradient(135deg, #0A2540"] h4,
body.page-premium :not(section):not(footer):not(svg):not(path):not(circle):not(text)[style*="linear-gradient(135deg, #0A2540"] h5,
body.page-premium :not(section):not(footer):not(svg):not(path):not(circle):not(text)[style*="linear-gradient(135deg, #0A2540"] h6,
body.page-premium :not(section):not(footer):not(svg):not(path):not(circle):not(text)[style*="linear-gradient(135deg, #0A2540"] p,
body.page-premium :not(section):not(footer):not(svg):not(path):not(circle):not(text)[style*="linear-gradient(135deg, #0A2540"] span,
body.page-premium :not(section):not(footer):not(svg):not(path):not(circle):not(text)[style*="linear-gradient(135deg, #0A2540"] small,
body.page-premium :not(section):not(footer):not(svg):not(path):not(circle):not(text)[style*="linear-gradient(135deg, #0A2540"] strong,
body.page-premium :not(section):not(footer):not(svg):not(path):not(circle):not(text)[style*="linear-gradient(135deg, #0A2540"] i,
body.page-premium :not(section):not(footer):not(svg):not(path):not(circle):not(text)[style*="linear-gradient(135deg, #0A2540"] .text-gray-600,
body.page-premium :not(section):not(footer):not(svg):not(path):not(circle):not(text)[style*="linear-gradient(135deg, #0A2540"] .text-gray-500,
body.page-premium :not(section):not(footer):not(svg):not(path):not(circle):not(text)[style*="linear-gradient(135deg, #0A2540"] .text-white {
  color: var(--aaiq-v437-ink-strong) !important;
}

/* Use-cases second card should no longer be dark */
body.page-home #use-cases .row.g-4 > .col-lg-6:nth-child(2) > div,
body.page-home #use-cases .row.g-4 > .col-lg-6:nth-child(2) > div * {
  color: var(--aaiq-v437-ink-strong) !important;
}

body.page-home #use-cases .row.g-4 > .col-lg-6:nth-child(2) > div {
  background: var(--aaiq-v437-card-bg) !important;
  background-image: none !important;
  border: 1px solid var(--aaiq-v437-card-border) !important;
  box-shadow: var(--aaiq-v437-card-shadow) !important;
}

body.page-home #use-cases .row.g-4 > .col-lg-6:nth-child(2) > div > .d-flex > div:first-child {
  background: #eef4f8 !important;
}

body.page-home #use-cases .row.g-4 > .col-lg-6:nth-child(2) > div > .d-flex > div:first-child i,
body.page-home #use-cases .row.g-4 > .col-lg-6:nth-child(2) > div li i {
  color: var(--aaiq-v437-blue) !important;
}

/* Problem section remains a blue page background, but cards become readable light cards */
body.page-home #problem {
  background: var(--aaiq-v437-blue) !important;
  background-image: none !important;
}

body.page-home #problem > .container > .row > .col-lg-10 > .text-center h2,
body.page-home #problem > .container > .row > .col-lg-10 > .text-center p,
body.page-home #problem > .container > .row > .col-lg-10 > .text-center .text-gray-600,
body.page-home #problem .text-center .fw-bold,
body.page-home #problem .text-center .fw-semibold,
body.page-home #problem > .container > .row > .col-lg-10 > .text-center * {
  color: #ffffff !important;
}

body.page-home #problem .row.g-4 > div > div {
  background: rgba(255, 255, 255, 0.98) !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  box-shadow: 0 10px 24px rgba(3, 10, 18, 0.16) !important;
}

body.page-home #problem .row.g-4 > div > div h3,
body.page-home #problem .row.g-4 > div > div p,
body.page-home #problem .row.g-4 > div > div .text-gray-600,
body.page-home #problem .row.g-4 > div > div .text-white,
body.page-home #problem .row.g-4 > div > div i {
  color: var(--aaiq-v437-ink-strong) !important;
}

body.page-home #problem .row.g-4 > div > div i {
  color: var(--aaiq-v437-blue) !important;
}

body.page-home #problem .text-center.mt-5 p,
body.page-home #problem .text-center.mt-5 .fw-bold {
  color: #ffffff !important;
}

/* Improve readability on all blue full-width backgrounds */
body.page-premium .about-hero,
body.page-premium .investors-hero,
body.page-premium .disclaimer-banner,
body.page-premium .founding-quote-block,
body.page-premium footer.bg-gray-900 {
  background: var(--aaiq-v437-blue) !important;
  background-image: none !important;
}

body.page-premium .about-hero h1,
body.page-premium .about-hero h2,
body.page-premium .about-hero h3,
body.page-premium .about-hero p,
body.page-premium .investors-hero h1,
body.page-premium .investors-hero h2,
body.page-premium .investors-hero h3,
body.page-premium .investors-hero p,
body.page-premium .disclaimer-banner p,
body.page-premium .disclaimer-banner a,
body.page-premium .disclaimer-banner span,
body.page-premium .founding-quote-block p,
body.page-premium footer.bg-gray-900 p,
body.page-premium footer.bg-gray-900 a,
body.page-premium footer.bg-gray-900 li,
body.page-premium footer.bg-gray-900 .text-gray-400,
body.page-premium footer.bg-gray-900 .text-gray-500,
body.page-premium footer.bg-gray-900 .small {
  color: rgba(255, 255, 255, 0.92) !important;
}

body.page-premium footer.bg-gray-900 h1,
body.page-premium footer.bg-gray-900 h2,
body.page-premium footer.bg-gray-900 h3,
body.page-premium footer.bg-gray-900 h4,
body.page-premium footer.bg-gray-900 h5,
body.page-premium footer.bg-gray-900 h6,
body.page-premium .founding-quote-block .founding-quote {
  color: #ffffff !important;
}

/* Modal readability clean-up */
body.page-premium .modal-content,
body.page-premium .modal .feature-item,
body.page-premium .modal-workflow-step,
body.page-premium .modal .tab-pane [style*="linear-gradient(135deg, #0A2540"] {
  background-image: none !important;
}

body.page-premium .modal .step-badge-modal,
body.page-premium .modal .workflow-number.badge {
  background: #eef4f8 !important;
  color: var(--aaiq-v437-blue) !important;
  border: 1px solid var(--aaiq-v437-card-border) !important;
  box-shadow: none !important;
}

@media (max-width: 991.98px) {
  body section h1,
  body section .h1,
  body.page-premium .premium-hero-title {
    font-size: clamp(2.1rem, 7vw, 3rem) !important;
  }

  body section h2,
  body section .h2,
  body.page-premium .premium-section-title {
    font-size: clamp(1.65rem, 5vw, 2.15rem) !important;
  }
}