*{box-sizing:border-box}
:root{font-family:Arial,Helvetica,sans-serif;color:#152235;background:#f4f7fa}
body{margin:0}
.home-shell{max-width:1100px;margin:0 auto;padding:70px 24px}
.hero{background:#fff;border:1px solid #d9e0e7;border-radius:18px;padding:54px;box-shadow:0 12px 32px rgba(0,0,0,.06)}
.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-weight:700;font-size:.8rem;color:#4d647a}
h1{font-size:clamp(2.5rem,7vw,5rem);margin:.2em 0}
.lede{font-size:1.2rem;max-width:720px;line-height:1.6}
.primary-btn{display:inline-block;margin-top:20px;background:#173b5e;color:white;text-decoration:none;padding:14px 22px;border-radius:10px;font-weight:700}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}
.feature-grid article{background:#fff;border:1px solid #d9e0e7;border-radius:14px;padding:24px}
@media(max-width:760px){.feature-grid{grid-template-columns:1fr}.hero{padding:34px 24px}}

.byline{
  display:block;
  font-size:.28em;
  font-weight:500;
  margin-top:.35em;
  letter-spacing:.03em;
  color:#4d647a;
}

.level-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-top:24px;
}
.level-card{
  background:#fff;
  border:1px solid #d9e0e7;
  border-radius:14px;
  padding:26px;
  box-shadow:0 6px 18px rgba(0,0,0,.04);
}
.level-card.featured{border:2px solid #315f88}
.level-card h2{margin:.45rem 0 .6rem}
.level-card p{line-height:1.55;color:#536577}
.level-badge{
  display:inline-block;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.08em;
  padding:5px 8px;
  border-radius:999px;
  background:#e8eef4;
  color:#2d4d69;
}
.status-pill{
  display:inline-block;
  margin-top:16px;
  font-size:.78rem;
  font-weight:700;
  color:#6d7882;
  background:#eef2f5;
  padding:7px 10px;
  border-radius:999px;
}
@media(max-width:760px){.level-grid{grid-template-columns:1fr}}