.md-site-page {
	--md-navy: #123361;
	--md-blue: #eaf7ff;
	--md-mint: #d9f2eb;
	--md-coral: #ef6f61;
	--md-text: #15233b;
	--md-muted: #53657a;
	color: var(--md-text);
	font-size: 1.05rem;
	line-height: 1.7;
	margin: 0 auto;
	max-width: 1120px;
	padding: 2rem 1.25rem 4rem;
}

.md-site-page--narrow { max-width: 860px; }
.md-site-page section { margin: 0 0 2.5rem; }
.md-site-page h2 { color: var(--md-navy); font-size: clamp(1.7rem, 3vw, 2.4rem); line-height: 1.2; margin: 0 0 1rem; }
.md-site-page h3 { color: var(--md-navy); font-size: 1.25rem; margin: 0 0 .55rem; }
.md-site-page p { margin: 0 0 1rem; }
.md-site-page a { color: #0c6571; font-weight: 650; }
.md-site-page ul { padding-left: 1.4rem; }
.md-site-page li { margin-bottom: .55rem; }
.md-site-hero { background: linear-gradient(135deg, var(--md-blue), #f7fcff); border-radius: 28px; padding: clamp(1.7rem, 5vw, 3.5rem); }
.md-site-hero--center { text-align: center; }
.md-site-eyebrow, .md-site-tag { color: #0b746b; font-size: .82rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.md-site-lead { color: #34495e; font-size: clamp(1.1rem, 2vw, 1.3rem); max-width: 780px; }
.md-site-hero--center .md-site-lead { margin-left: auto; margin-right: auto; }
.md-site-grid, .md-site-steps { display: grid; gap: 1.25rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.md-site-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.md-site-card, .md-site-steps article, .md-site-contact-card, .md-site-price-card { background: #fff; border: 1px solid #d8e5eb; border-radius: 22px; box-shadow: 0 12px 35px rgba(18, 51, 97, .07); padding: 1.6rem; }
.md-site-steps span { align-items: center; background: var(--md-mint); border-radius: 50%; color: var(--md-navy); display: inline-flex; font-size: 1.15rem; font-weight: 800; height: 2.5rem; justify-content: center; margin-bottom: .75rem; width: 2.5rem; }
.md-site-panel { background: #f4fbf9; border: 1px solid #cfe8e1; border-radius: 24px; padding: clamp(1.4rem, 4vw, 2.4rem); }
.md-site-callout { background: #fff8df; border-left: 7px solid #dbad1a; border-radius: 18px; padding: 1.5rem 1.7rem; }
.md-site-callout--urgent { background: #fff0ee; border-left-color: var(--md-coral); }
.md-site-callout h2 { font-size: 1.35rem; }
.md-site-signal { border-radius: 999px; display: inline-block; margin-bottom: .65rem; padding: .4rem .75rem; }
.md-site-signal--green { background: #dff4e8; color: #17623b; }
.md-site-signal--amber { background: #fff0bf; color: #785800; }
.md-site-signal--red { background: #ffe1dd; color: #8a2c22; }
.md-site-actions { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 1.5rem !important; }
.md-site-button { background: var(--md-navy); border: 2px solid var(--md-navy); border-radius: 14px; color: #fff !important; display: inline-block; padding: .8rem 1.25rem; text-align: center; text-decoration: none !important; }
.md-site-button:hover, .md-site-button:focus { background: #0a2348; }
.md-site-button--secondary { background: #fff; color: var(--md-navy) !important; }
.md-site-button--wide { width: 100%; }
.md-site-price { color: var(--md-navy); line-height: 1; margin: 1.2rem 0 !important; }
.md-site-price strong { font-size: clamp(3rem, 8vw, 5.5rem); }
.md-site-checklist { list-style: none; padding: 0 !important; }
.md-site-checklist li { padding-left: 1.9rem; position: relative; }
.md-site-checklist li::before { color: #16816f; content: "✓"; font-weight: 900; left: 0; position: absolute; }
.md-site-contact-card h2 { font-size: 1.2rem; margin-top: 1.35rem; }
.md-site-contact-card h2:first-child { margin-top: 0; }
.md-site-contact-card address { font-style: normal; }
.md-site-small { color: var(--md-muted); font-size: .92rem; }
.md-site-page blockquote { border-left: 6px solid var(--md-coral); color: var(--md-navy); font-size: clamp(1.5rem, 4vw, 2.2rem); font-weight: 750; margin: 1.5rem 0; padding: .5rem 0 .5rem 1.5rem; }
.md-site-legal { max-width: 900px; }
.md-site-legal > section:not(.md-site-hero):not(.md-site-callout) { border-bottom: 1px solid #dbe4ea; padding-bottom: 1.8rem; }
.md-site-legal h2 { font-size: clamp(1.35rem, 2.3vw, 1.7rem); }

@media (max-width: 760px) {
	.md-site-grid, .md-site-grid--three, .md-site-steps { grid-template-columns: 1fr; }
	.md-site-page { font-size: 1rem; padding-left: .8rem; padding-right: .8rem; }
	.md-site-hero { border-radius: 20px; }
}