/**
 * Axencia.co — Responsive UI + Glass Enhancements
 * Modern, sleek, mobile-first
 */

/* ===== GLOBAL RESPONSIVE ===== */
@media (max-width: 768px) {
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 480px) {
  .container {
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* ===== GLASS CARDS — Enhanced on mobile ===== */
@media (max-width: 768px) {
  .expertise-card,
  .plan-card,
  .dev-card,
  .ci-card {
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
  }
}

/* ===== HERO — Responsive typography ===== */
@media (max-width: 768px) {
  .hero-content {
    padding: 0 16px;
  }
  .hero-title {
    line-height: 1.2;
  }
  .hero-desc {
    font-size: clamp(0.95rem, 2.5vw, 1.1rem);
  }
}

/* ===== BUTTONS — Touch-friendly ===== */
@media (max-width: 768px) {
  .btn {
    min-height: 48px;
    padding: 14px 24px;
  }
}

/* ===== NAVBAR — Glass on scroll ===== */
.navbar.scrolled {
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  background: rgba(15, 23, 42, 0.9);
}

/* ===== REDUCED MOTION ===== */
@media (prefers-reduced-motion: reduce) {
  .hero-actions .btn,
  .hero-actions .btn::after,
  .quick-action-btn,
  .mobile-bottom-bar {
    transition-duration: 0.15s !important;
  }
}