/* ============================================================
   TYPE SCALE — applied via body class (alongside style-*)
   .scale-compact     ~80% of default
   .scale-default     unchanged (no overrides)
   .scale-cinematic   ~120% of default + extra spacing
   ============================================================ */

/* ===== COMPACT ===== */
body.scale-compact .h-display { font-size: clamp(40px, 5.4vw, 68px) !important; line-height: 1.08; letter-spacing: 0 !important; }
body.scale-compact .h-section { font-size: clamp(30px, 3.6vw, 44px) !important; line-height: 1.18; letter-spacing: 0.002em !important; }
body.scale-compact .lede { font-size: 19px; line-height: 1.6; letter-spacing: 0.005em; }
body.scale-compact .help-title { font-size: 20px !important; letter-spacing: 0.005em !important; }
body.scale-compact .step-title,
body.scale-compact .why-title { font-size: 21px !important; letter-spacing: 0.005em !important; }
body.scale-compact .benefit-title { font-size: 16px !important; letter-spacing: 0.01em !important; }
body.scale-compact .testimonial-stat { font-size: 36px !important; letter-spacing: 0 !important; }
body.scale-compact .plan-name { font-size: 22px; letter-spacing: 0.005em !important; }
body.scale-compact .plan-price { font-size: 32px; letter-spacing: 0 !important; }
body.scale-compact .faq-q { font-size: 22px; padding: 22px 0; letter-spacing: 0.005em !important; }
body.scale-compact .pod-role { font-size: 16px !important; letter-spacing: 0.005em !important; }

/* tighter section padding */
body.scale-compact .section { padding: 72px 0; }
body.scale-compact .section-head { gap: 14px; }

/* compact + remix overrides — bring giant remix sizes back to earth, with relaxed tracking */
body.scale-compact.style-remix .h-display,
body.scale-compact.style-editorial .h-display {
  font-size: clamp(44px, 6.2vw, 80px) !important;
  letter-spacing: -0.005em !important;
  line-height: 1.06 !important;
  font-weight: 800 !important;
}
body.scale-compact.style-remix .h-section,
body.scale-compact.style-editorial .h-section {
  font-size: clamp(32px, 4vw, 50px) !important;
  letter-spacing: 0 !important;
  line-height: 1.14 !important;
  font-weight: 700 !important;
}
body.scale-compact.style-remix .help-title,
body.scale-compact.style-editorial .help-title { font-size: 24px !important; letter-spacing: 0.002em !important; font-weight: 700 !important; }
body.scale-compact.style-remix .step-title,
body.scale-compact.style-editorial .step-title,
body.scale-compact.style-remix .why-title,
body.scale-compact.style-editorial .why-title { font-size: 22px !important; letter-spacing: 0.002em !important; font-weight: 700 !important; }
body.scale-compact.style-remix .testimonial-stat,
body.scale-compact.style-editorial .testimonial-stat { font-size: 48px !important; letter-spacing: -0.005em !important; font-weight: 800 !important; }
body.scale-compact.style-remix .benefit-num,
body.scale-compact.style-editorial .benefit-num { font-size: 28px !important; letter-spacing: 0 !important; font-weight: 800 !important; }
body.scale-compact.style-remix .benefit-title,
body.scale-compact.style-editorial .benefit-title { font-size: 18px !important; letter-spacing: 0.005em !important; font-weight: 600 !important; }


/* ===== CINEMATIC — bigger + breathier ===== */
body.scale-cinematic .h-display {
  font-size: clamp(56px, 8vw, 104px) !important;
  line-height: 0.96;
  letter-spacing: -0.03em;
}
body.scale-cinematic .h-section {
  font-size: clamp(40px, 5.5vw, 68px) !important;
  line-height: 1.02;
  letter-spacing: -0.025em;
}
body.scale-cinematic .lede { font-size: 21px; line-height: 1.55; max-width: 680px; }
body.scale-cinematic .help-title { font-size: 28px !important; }
body.scale-cinematic .step-title,
body.scale-cinematic .why-title { font-size: 26px !important; }
body.scale-cinematic .benefit-title { font-size: 19px !important; }
body.scale-cinematic .testimonial-stat { font-size: 56px !important; }
body.scale-cinematic .plan-name { font-size: 28px; }
body.scale-cinematic .plan-price { font-size: 44px; }
body.scale-cinematic .faq-q { font-size: 22px; padding: 28px 0; }
body.scale-cinematic .pod-role { font-size: 20px !important; }

/* roomier spacing */
body.scale-cinematic .section { padding: 128px 0; }
body.scale-cinematic .section-head { gap: 24px; max-width: 800px; }
body.scale-cinematic .help-row { padding: 40px 0; }
body.scale-cinematic .benefit-tile { padding: 40px; }
body.scale-cinematic .benefits-grid,
body.scale-cinematic .help-list,
body.scale-cinematic .plans-grid,
body.scale-cinematic .steps,
body.scale-cinematic .pod-grid,
body.scale-cinematic .why-grid,
body.scale-cinematic .testimonials-grid,
body.scale-cinematic .faq-list { margin-top: 80px; }

/* cinematic + remix — keep it tasteful (remix is already loud) */
body.scale-cinematic.style-remix .h-display,
body.scale-cinematic.style-editorial .h-display {
  font-size: clamp(64px, 10vw, 152px) !important;
  letter-spacing: -0.045em;
  line-height: 0.92;
}
body.scale-cinematic.style-remix .h-section,
body.scale-cinematic.style-editorial .h-section {
  font-size: clamp(48px, 7vw, 96px) !important;
}
body.scale-cinematic.style-remix .testimonial-stat,
body.scale-cinematic.style-editorial .testimonial-stat { font-size: 88px !important; }