/* Final visual tuning layer: typography, card polish, consistent density */

body[data-ai-page="true"] #ai-prototype-root {
  --ai-font-title: clamp(2rem, 3.4vw, 3.25rem);
  --ai-font-h3: clamp(1.35rem, 2.2vw, 1.9rem);
  --ai-font-body: clamp(1rem, 1.4vw, 1.15rem);
  --ai-font-lead: clamp(1.08rem, 1.6vw, 1.3rem);
  --ai-radius-card: 1rem;
}

/* Section headings and body copy */
body[data-ai-page="true"] .ai-section-title,
body[data-ai-page="true"] .ai-story-title,
body[data-ai-page="true"] .ai-hero-title,
body[data-ai-page="true"] .ai-pricing-intro-heading .ai-section-title,
body[data-ai-page="true"] .ai-solution-title,
body[data-ai-page="true"] .ai-difference-title {
  font-size: var(--ai-font-title) !important;
  letter-spacing: -0.01em;
  line-height: 1.12 !important;
}

body[data-ai-page="true"] .ai-section-description,
body[data-ai-page="true"] .ai-feature-description,
body[data-ai-page="true"] .ai-problem-copy,
body[data-ai-page="true"] .ai-problem-footer-copy,
body[data-ai-page="true"] .ai-difference-copy,
body[data-ai-page="true"] .ai-my-story-copy,
body[data-ai-page="true"] .ai-testimonial-highlight-body,
body[data-ai-page="true"] .ai-pricing-feature-text,
body[data-ai-page="true"] .ai-faq-answer {
  font-size: var(--ai-font-body);
  line-height: 1.72;
}

body[data-ai-page="true"] .ai-hero-subtitle,
body[data-ai-page="true"] .ai-pricing-lead-text,
body[data-ai-page="true"] .ai-story-paragraph-card,
body[data-ai-page="true"] .ai-bonuses-item-text,
body[data-ai-page="true"] .ai-roadmap-intro {
  font-size: var(--ai-font-lead);
}

/* Cards and containers */
body[data-ai-page="true"] .dashboard-card,
body[data-ai-page="true"] .card,
body[data-ai-page="true"] .ai-project-card,
body[data-ai-page="true"] .ai-pricing-card,
body[data-ai-page="true"] .ai-testimonial-highlight-card,
body[data-ai-page="true"] .ai-story-mission-card {
  border-radius: var(--ai-radius-card) !important;
  box-shadow: 0 14px 34px rgba(2, 6, 23, 0.26);
}

body[data-ai-page="true"] .dashboard-card,
body[data-ai-page="true"] .card {
  border-color: rgba(148, 163, 184, 0.22) !important;
}

/* Project cards */
body[data-ai-page="true"] .ai-project-card {
  padding: 0.95rem 0.95rem 1.1rem;
}

body[data-ai-page="true"] .ai-project-title {
  min-height: 2.75rem;
  line-height: 1.25;
  margin-bottom: clamp(0.65rem, 1.5vw, 0.875rem);
}

/* Feature / solution cards */
body[data-ai-page="true"] .ai-feature-card,
body[data-ai-page="true"] .ai-curriculum-card,
body[data-ai-page="true"] .ai-solution-card {
  padding: 1.4rem 1.3rem !important;
}

body[data-ai-page="true"] .ai-feature-title {
  font-size: var(--ai-font-h3);
  line-height: 1.25;
}

body[data-ai-page="true"] .ai-faq-title {
  font-size: clamp(1.05rem, 1.35vw, 1.35rem);
  line-height: 1.3;
}

/* Pricing CTA visual hierarchy */
body[data-ai-page="true"] .ai-pricing-cta {
  font-size: clamp(1.14rem, 1.85vw, 1.35rem);
  padding-top: 1.1rem;
  padding-bottom: 1.1rem;
}

body[data-ai-page="true"] .ai-pricing-cta-text {
  letter-spacing: 0.01em;
}

/* Hero balance */
body[data-ai-page="true"] .ai-hero-content-wrap {
  max-width: 84rem;
  margin: 0 auto;
}

body[data-ai-page="true"] .ai-hero-title,
body[data-ai-page="true"] .ai-hero-subtitle,
body[data-ai-page="true"] .ai-hero-benefits,
body[data-ai-page="true"] .ai-hero-cta-section {
  max-width: 40rem;
}

/* Button consistency */
body[data-ai-page="true"] .btn-accent,
body[data-ai-page="true"] .ai-pricing-cta,
body[data-ai-page="true"] .sticky-bar-cta {
  font-weight: 700;
  border-radius: 0.8rem;
}

/* Desktop refinement */
@media (min-width: 1024px) {
  body[data-ai-page="true"] .ai-page-main > .ai-page-block > section.section-padding {
    padding-top: clamp(5.1rem, 6vw, 6.6rem) !important;
    padding-bottom: clamp(5.1rem, 6vw, 6.6rem) !important;
  }

  body[data-ai-page="true"] .ai-hero-grid > :nth-child(2) {
    margin-left: 4rem;
  }
}

/* Mobile refinement */
@media (max-width: 767px) {
  body[data-ai-page="true"] .ai-project-card,
  body[data-ai-page="true"] .dashboard-card,
  body[data-ai-page="true"] .card {
    padding: 1rem !important;
  }

  body[data-ai-page="true"] .ai-faq-trigger {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  body[data-ai-page="true"] .ai-faq-answer-wrap {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}