/* Desktop L (1280px) */
@media (max-width: 1280px) {
  .page-inner {
    max-width: 976px;
  }
}

/* Tablet (768px) */
@media (max-width: 768px) {
  .page {
    padding: 0 var(--spacing-600);
    padding-bottom: var(--spacing-600);
  }

  .page-inner {
    max-width: 568px;
    gap: var(--spacing-300);
    margin-top: var(--spacing-300);
  }

  .top-section {
    flex-direction: column;
    gap: var(--spacing-600);
  }

  .top-images {
    gap: var(--spacing-300);
  }

  .top-text h1 {
    font-size: 28px;
  }

  .top-text p {
    font-size: 18px;
  }

  .row-3 {
    gap: var(--spacing-300);
  }

  .footer-links-inner {
    grid-template-columns: repeat(2, 1fr);
  }

  .footer-links-inner,
  .footer-disclaimer-inner,
  .footer-bottom-bar-inner {
    padding-left: 24px;
    padding-right: 24px;
  }

  .footer-bottom-bar-inner {
    flex-direction: column;
    gap: 12px;
    text-align: center;
  }

  .footer-policy-links {
    flex-wrap: wrap;
    justify-content: center;
  }
}

/* Mobile (480px) */
@media (max-width: 480px) {
  .page {
    padding: 0 var(--spacing-200);
    padding-bottom: var(--spacing-600);
  }

  .page-inner {
    max-width: 343px;
    gap: var(--spacing-300);
    margin-top: var(--spacing-300);
  }

  .top-section {
    flex-direction: column;
    gap: var(--spacing-300);
  }

  .top-images {
    gap: var(--spacing-300);
  }

  .top-text h1 {
    font-size: 28px;
  }

  .top-text p {
    font-size: 18px;
  }

  .row-3 {
    gap: var(--spacing-300);
  }

  .footer-links-inner {
    grid-template-columns: 1fr;
  }

  .footer-top-bar-inner,
  .footer-links-inner,
  .footer-disclaimer-inner,
  .footer-bottom-bar-inner {
    padding-left: 16px;
    padding-right: 16px;
  }

  .footer-actions {
    gap: 8px;
  }
}