.md-hero {
  background: linear-gradient(125deg, #071b46 0%, #123f83 55%, #0c7e92 100%);
  color: #fff;
  padding: 112px 0 82px;
}
.md-hero h1 { color: #fff; font-size: clamp(2.15rem, 5vw, 4.1rem); line-height: 1.07; margin-bottom: 22px; }
.md-hero p { color: #eaf3ff; font-size: 1.18rem; line-height: 1.75; max-width: 760px; }
.md-eyebrow { color: #73e2d3; font-size: .84rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.md-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 30px; }
.md-btn { border: 2px solid #fff; border-radius: 8px; color: #fff; display: inline-block; font-weight: 700; padding: 12px 22px; }
.md-btn:hover { background: #fff; color: #123f83; }
.md-btn--accent { background: #20b486; border-color: #20b486; }
.md-pills { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 34px; }
.md-pills span { background: rgba(255,255,255,.11); border: 1px solid rgba(255,255,255,.25); border-radius: 99px; padding: 7px 13px; }
.md-domain { background: #f4f7fb; padding: 36px 0; }
.md-domain h2 { font-size: 1.55rem; }
.md-service-hero { background: linear-gradient(125deg, #071b46, #174e91); color: #fff; padding: 92px 0 72px; }
.md-service-hero h1 { color: #fff; font-size: clamp(2rem, 5vw, 3.45rem); line-height: 1.12; }
.md-service-hero p { color: #e7f0fc; font-size: 1.18rem; max-width: 820px; }
.md-breadcrumb { color: #cfe1f7; margin-bottom: 20px; }
.md-breadcrumb a { color: #fff; text-decoration: underline; }
.md-service-layout { padding: 70px 0; }
.md-service-copy { color: #26354b; font-size: 1.06rem; line-height: 1.82; }
.md-service-copy h2, .md-service-copy h3 { color: #0b2b60; margin: 35px 0 14px; }
.md-service-copy ul { margin: 14px 0 24px; padding-left: 22px; }
.md-service-copy li { margin-bottom: 10px; }
.md-sidebox { background: #f3f7fc; border: 1px solid #dce7f4; border-radius: 12px; padding: 27px; position: sticky; top: 25px; }
.md-sidebox h2 { color: #0b2b60; font-size: 1.45rem; }
.md-sidebox .md-btn { background: #123f83; border-color: #123f83; display: block; text-align: center; }
.md-related { background: #f4f7fb; padding: 60px 0; }
.md-card { background: #fff; border: 1px solid #e0e8f2; border-radius: 10px; height: 100%; padding: 24px; }
.md-card h3 { font-size: 1.2rem; }
.md-card a { color: #123f83; }
@media (max-width: 991px) {
  .md-hero { padding-top: 82px; }
  .md-sidebox { margin-top: 35px; position: static; }
}