/* Bluebird AGI — Page system, container, sections, grids */

.page {
  display:none;
  min-height:100vh;
}

.page.active {
  display:block;
}

.page-content {
  padding-top:106px;
}

.container {
  max-width:1100px;
  margin:0 auto;
  padding:0 clamp(20px,5vw,60px);
}

.section {
  padding:clamp(72px,10vw,100px) 0;
}

.section-white {
  background:var(--sky);
}

.section-sky {
  background:var(--cream-dark);
}

.section-off {
  background:var(--off);
}

.section-navy {
  background:var(--dark-radial);
}

.section-eyebrow {
  display:inline-block;
  font-size:0.72rem;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#2E734C;
  margin-bottom:14px;
}

.section-heading {
  font-size:clamp(1.9rem,3.8vw,2.9rem);
  font-weight:800;
  letter-spacing:-0.02em;
  line-height:1.15;
  margin-bottom:14px;
  color:#234261;
}

.section-sub {
  font-size:1rem;
  color:var(--text-muted);
  line-height:1.65;
  margin-bottom:48px;
}

.text-center {
  text-align:center;
}

.divider {
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(13,42,110,0.1),transparent);
  max-width:1100px;
  margin:0 auto;
}

.divider-full {
  height:1px;
  background:rgba(13,42,110,0.08);
}

.three-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}

@media(max-width:700px) {
  .three-grid {
    grid-template-columns:1fr;
  }
}

.two-grid {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:20px;
}

@media(max-width:700px) {
  .two-grid {
    grid-template-columns:1fr;
  }
}

.four-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}

@media(max-width:800px) {
  .four-grid {
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:480px) {
  .four-grid {
    grid-template-columns:1fr;
  }
}