/* =====================================================
   UniSewa — Coming Soon — Responsive
===================================================== */

@media (max-width: 1024px) {
  .feature-grid { grid-template-columns: repeat(2, 1fr); }
  .glass-card { padding: 56px 40px; }
}

@media (max-width: 768px) {
  .container { padding: 0 18px; }
  .site-header { padding: 20px 0 0; }
  .brand__name { font-size: 22px; }
  .hero { padding: 48px 0 40px; min-height: auto; }
  .glass-card { padding: 44px 24px; border-radius: 22px; }
  .hero__title { font-size: clamp(30px, 8vw, 42px); margin-bottom: 20px; }
  .hero__text { font-size: 16px; margin-bottom: 36px; }
  .feature-grid { grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 36px; }
  .feature { padding: 20px 14px; }
  .feature h3 { font-size: 17px; }
  .btn-primary { padding: 15px 30px; font-size: 14px; width: 100%; justify-content: center; }
  .hero__actions { width: 100%; }
  .footer__meta { font-size: 12px; gap: 8px; }
}

@media (max-width: 480px) {
  .feature-grid { grid-template-columns: 1fr; }
  .badge { font-size: 11px; padding: 8px 16px; }
  .glass-card { padding: 36px 18px; }
  .hero__title { font-size: 28px; }
  .footer__inner { gap: 10px; }
}

@media (hover: none) {
  .feature:hover, .social-icons a:hover, .btn-primary:hover {
    transform: none;
  }
}

/* Reduce backdrop-filter cost on small/low-power devices */
@media (max-width: 768px) {
  .glass-card { backdrop-filter: blur(12px) saturate(120%); -webkit-backdrop-filter: blur(12px) saturate(120%); }
  .bg__glow { filter: blur(70px); }
}

/* Landscape phones: avoid hero overflowing viewport */
@media (max-height: 480px) and (orientation: landscape) {
  .hero { min-height: auto; padding: 32px 0; }
}

/* High-DPI: crisper hairline borders */
@media (min-resolution: 2dppx) {
  .glass-card, .feature { border-width: 0.5px; }
}