/* =====================================================================
   Claude SEO — responsive display type.
   Layout columns are token-driven (style.css); the nav mobile dropdown
   is handled by the Bootstrap navbar. This file only scales headings and
   a few section tweaks at small widths.
   ===================================================================== */
@media (max-width:1200px){
  .title-hero{font-size:60px;}
  .title-lg{font-size:48px;}
}
@media (max-width:992px){
  .title-hero{font-size:48px;letter-spacing:-.5px;}
  .title-lg{font-size:40px;}
  .title-md{font-size:34px;}
  .pointer{flex:0 0 100%;justify-content:center;}
  .faq-title{font-size:38px;}
  .accordion.faq .accordion-button{font-size:20px;padding:20px 24px;}
  .accordion.faq .accordion-body{padding:24px;}
}
@media (max-width:768px){
  .title-hero{font-size:42px;}
  .title-lg{font-size:34px;}
}
@media (max-width:640px){
  .title-hero{font-size:34px;}
  .subhead{font-size:20px;}
  .title-lg{font-size:30px;}
  .faq-title{font-size:32px;}
  .logo-wall__item{height:160px;}
  .footer__legal{flex-direction:column;align-items:flex-start;gap:16px;}
  .split{grid-template-columns:minmax(0,1fr);}
}