/* ============================================================
   layout.css — NovuLead Layout & Responsive
   ============================================================ */

.main-wrap { max-width: 1100px; margin: 0 auto; padding: 0 2rem 4rem; }
.hero-section .main-wrap { padding-bottom: 0; }

@media (max-width: 900px) {
  .hero-stat-bar { flex-wrap: wrap; }
  .stat-item { flex: 1 1 50%; border-right: none; border-bottom: 1px solid #1a1a1a; }
  .stat-item:nth-child(odd) { border-right: 1px solid #1a1a1a; }
  .why-grid { grid-template-columns: 1fr 1fr; }
  .services-grid { grid-template-columns: 1fr; }
  .about-grid { grid-template-columns: 1fr; }
  .capabilities-grid { grid-template-columns: 1fr 1fr; }
  .pricing-highlight { flex-direction: column; gap: 1.5rem; padding: 2rem; }
  .header-inner { padding: 1rem 1.5rem; }
}

@media (max-width: 600px) {
  .main-wrap { padding: 0 1.2rem 3rem; }
  .hero-box { padding: 0 1.2rem; }
  .hero-section { padding-top: 4rem; }
  .hero-title { font-size: 3.5rem; }
  .hero-actions { flex-direction: column; align-items: flex-start; }
  .why-grid { grid-template-columns: 1fr; }
  .capabilities-grid { grid-template-columns: 1fr; }
  .form-row.two-col { grid-template-columns: 1fr; }
  .stat-item { flex: 1 1 100%; border-right: none; }
  .page-hero { padding: 3rem 0 2rem; }
  h1 { font-size: 3rem; }
}