/* Laptop layout tuning (1024–1439px): add breathing room and avoid overcrowding */
@media (min-width: 1024px) and (max-width: 1439px) {
  .grid-hero { gap: clamp(24px, 3vw, 48px); }
  .features-grid { gap: clamp(24px, 2.8vw, 36px); }
  .feature-card { padding: clamp(24px, 2vw, 32px); }
  .section { padding: clamp(48px, 6vw, 96px) 0; }
  .nav__pill { gap: 12px; }
}

/* Keep laptop container modest to reduce visual crowding on 1280–1439px */
@media (min-width: 1280px) and (max-width: 1439px) {
  .container { width: min(1120px, 86%); }
}

