/* =============================================
   Freo Now — Global Responsive Breakpoints
   ============================================= */

/* ── Tablet (≤ 768px) ── */
@media (max-width: 768px) {
  .nav-logo { height: 48px; }

  .hero { padding: 2.5rem 1rem; }

  .hero-actions { flex-direction: column; align-items: center; }
  .hero-actions .btn { width: 100%; max-width: 280px; }

  .signup-form-container { padding: 1.5rem; }
}

/* ── Mobile (≤ 480px) ── */
@media (max-width: 480px) {
  body    { font-size: 15px; }
  .section { padding: 2rem 0.75rem; }

  .nav-logo { height: 40px; }

  .hero   { padding: 2rem 0.75rem; }
  .hero h1 { font-size: clamp(1.75rem, 8vw, 2.5rem); }
  .h1-line { display: block; }
  .hero-image-container { margin-top: 1.5rem; }

  .signup-form-container { padding: 1rem; }
  .btn-block { font-size: 1rem; padding: 0.875rem; }

  /* Scale down reCAPTCHA on very small screens */
  .g-recaptcha {
    transform: scale(0.85);
    transform-origin: 0 0;
  }
  
  /* Static sun on mobile */
  .sun {
    width: 200px;
    height: 200px;
    top: -80px;
    right: -80px;
    left: auto;
  }

}