/* Container */
.container {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 1.5rem;
}

@media (min-width: 1600px) {
  .container {
    max-width: 1440px;
  }
}

@media (min-width: 2000px) {
  .container {
    max-width: 1600px;
  }
}

/* Sections */
.section {
  padding: var(--space-xxl) 0;
}

.section-light { background: var(--bg-white); }
.section-gray { background: var(--bg-light); }
.section-dark { background: var(--dark); color: var(--bg-white); }
.section-dark .h2, .section-dark .h3 { color: var(--bg-white); }
.section-blue-tint { background: var(--secondary-light); }

/* Grid System */
.grid {
  display: grid;
  gap: var(--space-xl);
}

.grid-2 { grid-template-columns: repeat(2, 1fr); }
.grid-3 { grid-template-columns: repeat(3, 1fr); }
.grid-4 { grid-template-columns: repeat(4, 1fr); }

/* Flex Utilities */
.flex { display: flex; }
.flex-col { display: flex; flex-direction: column; }
.items-center { align-items: center; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.gap-sm { gap: var(--space-sm); }
.gap-md { gap: var(--space-md); }
.gap-lg { gap: var(--space-lg); }

/* Custom Layouts */
.hero-split {
  grid-template-columns: 55% 45%;
  align-items: center;
  min-height: 65vh;
  padding-top: 100px;
}

/* Header & Footer Layouts */
.header-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 80px;
}

.footer-grid {
  display