/* ───────────────────  GLOBAL  ─────────────────── */
body {
  font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif;
  background: #f9f9f9;
  margin: 0;
  padding: 0;
}

nav {
  background: #009fdb;
  padding: 12px 20px;
  text-align: center;
}

nav a {
  color: #fff;
  margin: 0 15px;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
}

/* ───────────────────  LAYOUT  ─────────────────── */
.container       { max-width: 1100px; margin: 0 auto; padding: 30px 20px; }
.section-pair,
.section-trio    { display:flex; flex-wrap:wrap; gap:20px; justify-content:space-between; margin-bottom:40px; }
.section         { flex: 1 1 480px; background:#fff; padding:25px; border-radius:10px; box-shadow:0 4px 8px rgba(0,0,0,.05); }
.section-trio .section { flex:1 1 300px; }
.section h2      { margin:0; text-align:center; color:#003366; }

/* ───────────────────  LOGO  ─────────────────── */
.logo-wrapper {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  margin:20px 0;
}
.logo-icon       { font-size:50px; color:#007bff; }
.logo-text       { display:flex; flex-direction:column; line-height:1.1; }
.logo-line1      { font-size:24px; font-weight:bold; color:#007bff; }
.logo-line2      { font-size:32px; font-weight:bold; color:#003366; }

/* ───────────────────  CTA GRID  ─────────────────── */
.cta-grid        { display:flex; flex-wrap:wrap; gap:20px; justify-content:center; margin-bottom:40px; }
.cta-grid a      { flex:1 1 280px; padding:20px; background:#009fdb; color:#fff; font-weight:bold; text-align:center; border-radius:10px; text-decoration:none; transition:background .2s ease; }
.cta-grid a:hover{ background:#007bb8; }

/* ───────────────────  LISTS & FOOTER  ─────────────────── */
.section ul      { list-style:none; padding:0; text-align:center; }
.section li      { margin:10px 0; }
.section a       { color:#009fdb; font-weight:bold; text-decoration:none; }
.section a:hover { text-decoration:underline; }

.footer          { text-align:center; padding:15px; background:#f1f1f1; font-size:.9em; color:#777; }

/* ───────────────────  RESPONSIVE  ─────────────────── */
@media (max-width:768px){
  .cta-grid a{
    padding:10px 12px;
    font-size:15px;
    max-height:60px;
    display:flex; align-items:center; justify-content:center;
  }
  .section-trio { flex-direction:column; align-items:stretch; }
}