/* ══════════════════════════════════════════════════════
   CABIDOTS TECHNOLOGIES — css/layout.css
   Container, section spacing, grids
   ══════════════════════════════════════════════════════ */

/* ── Container ──────────────────────────────────────── */
.container {
  width: 92%;
  max-width: 1200px;
  margin: 0 auto;
}

/* ── Section base ────────────────────────────────────── */
.section { padding: 100px 0; }

/* ── About grid ─────────────────────────────────────── */
.about-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: center;
}

/* ── Services grid ───────────────────────────────────── */
.services-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

/* ── Why grid ────────────────────────────────────────── */
.why-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

/* ── Impact grid ─────────────────────────────────────── */
.impact-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-top: 48px;
}

/* ── Contact grid ────────────────────────────────────── */
.contact-grid {
  display: grid;
  grid-template-columns: 5fr 7fr;
  gap: 80px;
  align-items: start;
}

/* ── Footer layout ───────────────────────────────────── */
.footer-top-inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 60px;
}

.ft-cols {
  display: flex;
  gap: 48px;
  flex-wrap: wrap;
}

.footer-bottom-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}