/* assets/template-1-mobile.css — mobile adjustments */
@media (max-width:960px){
  .referenceHeroMedia{min-height:clamp(280px,52vw,380px)}
  .referenceHeroCopy{padding-bottom:clamp(22px,5vw,34px)}
  .referenceTicker b{display:none}
  .seoContentGrid{grid-template-columns:1fr;gap:20px}
}
@media (max-width:720px){
  .referenceHeroCopy h1{font-size:clamp(1.35rem,6vw,1.7rem)}
  .steps article{flex:1 1 100%}
  .promoGrid article{flex-basis:82vw}
  .footer>.bottom{flex-direction:column;align-items:flex-start;gap:6px}
}