/* ═══════════════════════════════════════════════════════════
   ADCEL — Responsive Overrides
   Global tweaks for tablet and mobile
═══════════════════════════════════════════════════════════ */

@media (max-width: 1024px) {
  :root {
    --text-hero: clamp(2.5rem, 6vw, 4rem);
    --text-display: clamp(1.75rem, 4vw, 2.5rem);
    --section-px: 2rem;
    --section-py: 5rem;
  }
}

@media (max-width: 768px) {
  :root {
    --text-hero: clamp(2rem, 8vw, 3rem);
    --section-px: 1.25rem;
    --section-py: 4rem;
  }
  .hero-content {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .hero-sub { margin-left: auto; margin-right: auto; }
  .hero-ctas { justify-content: center; }
  .hero-scroll-hint { display: none; } /* Hide scroll line on mobile to save space */
  
  .section-label { justify-content: center; }
  .section-title, .section-sub { text-align: center; margin-left: auto; margin-right: auto; }
}

@media (max-width: 480px) {
  .hero-ctas { flex-direction: column; width: 100%; }
  .hero-ctas .btn { width: 100%; }
}