/* =============================================
   Plusites - Responsive Breakpoints
   ============================================= */

@media (max-width: 480px) {
  .hero h1 { font-size: 1.7rem; }
  .btn { padding: 0.7rem 1.3rem; font-size: 0.9rem; width: 100%; }
  .section-title { font-size: 1.35rem; }
  .cta-section h2 { font-size: 1.3rem; }
}

@media (min-width: 481px) and (max-width: 767px) {
  .hero h1 { font-size: 2.2rem; }
  .features-grid { grid-template-columns: repeat(2, 1fr); }
}