.modules-page { --muted:#475d78; background:#eff5fc; }
.modules-page .page-hero {
  background:linear-gradient(120deg,#102c66 0%,#1f4da8 60%,#286cb7 100%);
  color:#fff;
  padding:76px 0 84px;
  border-bottom:5px solid #80b7ee;
}
.modules-page .page-hero h1 { letter-spacing:-.035em; }
.modules-page .page-hero p { color:#e4efff; }
.modules-page main > .section {
  background:linear-gradient(155deg,#e5effc 0%,#f5f8fd 48%,#e5f0fb 100%);
}
.modules-page article.card {
  position:relative;
  padding:34px;
  border:1px solid #c9dcf2;
  border-top:5px solid #2d64b7;
  border-radius:18px;
  background:linear-gradient(115deg,#fff 30%,#f2f7ff 100%);
  box-shadow:0 12px 32px rgba(22,57,108,.08);
}
.modules-page article.card h3 { color:#174385; font-size:clamp(1.5rem,2.8vw,1.9rem); }
.modules-page article.card > .small-muted { color:#24518e; }
.modules-page article.card > .grid { margin-top:26px; gap:22px; }
.modules-page article.card > .grid > div {
  padding:24px;
  background:#eaf2fc;
  border:1px solid #d2e2f6;
  border-radius:12px;
}
.modules-page article.card > .grid > div + div { background:#f4f8ff; }
.modules-page .badge {
  color:#fff;
  background:#24569c;
  border-color:#24569c;
  border-radius:7px;
  font-size:.875rem;
  padding:6px 12px;
}
.modules-page .feature-list li::before,.modules-page .benefit-list li::before { color:#24569c; }
.modules-page .btn-outline { background:#1f4da8; border-color:#1f4da8; color:white; }
.modules-page .btn-outline:hover { background:#153c85; border-color:#153c85; }
.modules-page a:focus-visible { outline:3px solid #3574ca; outline-offset:5px; }
.modules-page .site-footer { background:#e7eff9; border-top-color:#c5d8ef; }
@media(max-width:760px) {
  .modules-page .page-hero { padding:48px 0 54px; }
  .modules-page article.card { padding:24px 18px; }
  .modules-page article.card > .grid > div { padding:20px 16px; }
  .modules-page .container { width:calc(100% - 2rem); }
}