:root {
			--background: #f4f7f5;
			--surface: rgba(255, 255, 255, 0.94);
			--text: #17211c;
			--muted: #68736d;
			--border: #dce5df;
			--primary: #397857;
			--primary-dark: #28543e;
			--primary-soft: #edf6f0;
			--success: #2f7d4f;
			--shadow: 0 24px 70px rgba(31, 66, 46, 0.12);
		}

		* { box-sizing: border-box; }

		body {
			margin: 0;
			min-height: 100vh;
			font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
			color: var(--text);
			background:
				radial-gradient(circle at 10% 5%, rgba(93, 177, 124, 0.18), transparent 34%),
				radial-gradient(circle at 95% 90%, rgba(90, 145, 118, 0.12), transparent 38%),
				var(--background);
		}

		a { color: inherit; }

		.page {
			position: relative;
			width: min(1080px, calc(100% - 40px));
			margin: 0 auto;
			padding: 44px 0 34px;
		}

		.hero {
			position: relative;
			display: grid;
			grid-template-columns: minmax(0, 1fr) 210px;
			gap: 42px;
			align-items: center;
			padding: 46px;
			border: 1px solid var(--border);
			border-radius: 26px;
			background: var(--surface);
			box-shadow: var(--shadow);
			backdrop-filter: blur(12px);
		}

		.brand {
			display: flex;
			align-items: center;
			gap: 22px;
		}

		.brand img {
			width: 108px;
			height: 108px;
			flex: 0 0 auto;
		}

		.eyebrow {
			margin: 0 0 9px;
			color: var(--primary);
			font-size: 0.8rem;
			font-weight: 700;
			letter-spacing: 0.13em;
			text-transform: uppercase;
		}

		h1 {
			margin: 0;
			font-size: clamp(2.65rem, 7vw, 4.8rem);
			line-height: 0.94;
			letter-spacing: -0.06em;
		}

		.lead {
			max-width: 680px;
			margin: 26px 0 0;
			color: var(--muted);
			font-size: 1.08rem;
			line-height: 1.72;
		}

		.status {
			padding: 23px;
			border: 1px solid var(--border);
			border-radius: 18px;
			background: var(--primary-soft);
		}

		.status__label {
			margin: 0 0 10px;
			color: var(--muted);
			font-size: 0.78rem;
			font-weight: 700;
			letter-spacing: 0.09em;
			text-transform: uppercase;
		}

		.status__value {
			display: flex;
			align-items: center;
			gap: 10px;
			margin: 0;
			color: var(--success);
			font-size: 1.02rem;
			font-weight: 700;
		}

		.status__dot {
			width: 9px;
			height: 9px;
			border-radius: 50%;
			background: currentColor;
			box-shadow: 0 0 0 5px rgba(47, 125, 79, 0.13);
		}

		.meta {
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 12px;
			margin-top: 22px;
			color: var(--muted);
			font-size: 0.83rem;
		}

		.meta strong {
			display: block;
			margin-top: 4px;
			color: var(--text);
			font-size: 1rem;
		}

		.cards {
			display: grid;
			grid-template-columns: repeat(3, minmax(0, 1fr));
			gap: 20px;
			margin-top: 28px;
		}

		.card {
			display: flex;
			flex-direction: column;
			min-height: 218px;
			padding: 28px;
			border: 1px solid var(--border);
			border-radius: 19px;
			background: #fff;
			text-decoration: none;
			transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
		}

		.card:hover {
			transform: translateY(-3px);
			border-color: rgba(57, 120, 87, 0.48);
			box-shadow: 0 16px 36px rgba(30, 67, 45, 0.10);
		}

		.card--primary {
			color: #fff;
			border-color: var(--primary);
			background: var(--primary);
		}

		.card--primary:hover {
			border-color: var(--primary-dark);
			background: var(--primary-dark);
		}

		.card__tag {
			margin-bottom: 24px;
			color: var(--primary);
			font-size: 0.76rem;
			font-weight: 700;
			letter-spacing: 0.11em;
			text-transform: uppercase;
		}

		.card h2 {
			margin: 0 0 12px;
			font-size: 1.32rem;
		}

		.card p {
			margin: 0;
			color: var(--muted);
			line-height: 1.62;
		}

		.card__link {
			margin-top: auto;
			padding-top: 24px;
			color: var(--primary-dark);
			font-weight: 700;
		}

		.card--primary .card__tag,
		.card--primary p,
		.card--primary .card__link {
			color: rgba(255, 255, 255, 0.84);
		}

		.footer {
			display: flex;
			justify-content: space-between;
			gap: 20px;
			margin-top: 34px;
			padding: 0 4px;
			color: var(--muted);
			font-size: 0.87rem;
		}

		.footer a {
			color: var(--primary-dark);
			text-decoration: none;
		}

		.footer a:hover { text-decoration: underline; }

		@media (max-width: 820px) {
			.page { padding-top: 28px; }
			.hero { grid-template-columns: 1fr; padding: 30px; }
			.cards { grid-template-columns: 1fr; }
		}

		@media (max-width: 540px) {
			.page { width: min(100% - 24px, 1080px); }
			.hero { padding: 24px; border-radius: 20px; }
			.brand { align-items: flex-start; }
			.brand img { width: 76px; height: 76px; }
			.meta { grid-template-columns: 1fr; }
			.footer { flex-direction: column; }
		}

        .cards--secondary {
	margin-top: 20px;
}

.provider-list {
	display: flex;
	flex-direction: column;
	gap: 14px;
	margin-top: 12px;
}

.provider {
	display: flex;
	align-items: center;
	gap: 10px;
}

.provider__dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	flex: 0 0 auto;
}

.provider--available .provider__dot {
	background: #35a853;
}

.provider--pending .provider__dot {
	background: #f4b400;
}

.provider--planned .provider__dot {
	background: #b8b8b8;
}

.provider strong {
	min-width: 110px;
}

.provider span:last-child {
	color: var(--muted);
}

.ecosystem {
	display: flex;
	flex-direction: column;
	gap: 18px;
	margin-top: 12px;
}
.ecosystem-header {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 18px;
}

.ecosystem-header img {
	width: 64px;
	height: 64px;
	flex: 0 0 auto;
}

.ecosystem-header strong {
	display: block;
	color: var(--text);
	font-size: 1.15rem;
}

.ecosystem-header span {
	display: block;
	margin-top: 4px;
	color: var(--muted);
	font-size: 0.9rem;
	line-height: 1.4;
}
.ecosystem a {
	display: flex;
	flex-direction: column;
	gap: 4px;
	text-decoration: none;
}

.ecosystem a strong {
	color: var(--text);
	font-size: 1rem;
}

.ecosystem a span {
	color: var(--muted);
	font-size: 0.9rem;
	line-height: 1.45;
}


.footer-copyright {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.footer-copyright strong {
	color: var(--text);
}

.footer-copyright span {
	color: var(--muted);
	font-size: 0.85rem;
}

.footer {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-top: 40px;
	padding-top: 18px;
	border-top: 1px solid var(--border);
}

.dbadmin-link {
	align-self: center;
}



.provider {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	margin-bottom: 22px;
}

.provider__dot {
	width: 11px;
	height: 11px;
	border-radius: 50%;
	margin-top: 8px;
	flex: 0 0 auto;
}

.provider > div {
	flex: 1;
}

.provider strong {
	display: block;
	color: var(--text);
	font-size: 1.1rem;
}

.provider > div span {
	display: block;
	margin-top: 4px;
	color: var(--muted);
	font-size: 0.9rem;
	line-height: 1.35;
}

.provider em {
	font-style: normal;
	color: var(--muted);
	white-space: nowrap;
}


.language-switcher {
	position: absolute;
	top: 15px;
	right: 24px;

	display: flex;
	align-items: center;
	gap: 10px;

	font-size: 0.95rem;
	font-weight: 700;
}

.language-switcher img {
	width: 18px;
	height: 18px;
	opacity: 0.8;
}

.language-switcher a {
	color: var(--muted);
	text-decoration: none;
	transition: color 0.15s ease;
}

.language-switcher a:hover {
	color: var(--primary);
}

.language-switcher a.active {
	color: var(--text);
}

.language-switcher .separator {
	color: #9aa4a0;
}


.footer-powered {
	font-size: .85rem;
	color: var(--muted);
}

.footer-powered a {
	color: var(--primary);
	font-weight: 600;
	text-decoration: none;
}

.footer-powered a:hover {
	text-decoration: underline;
}