:root {
	--lumeah-blue: #0b2f5b;
	--lumeah-cyan: #08a8bd;
	--lumeah-ink: #101114;
	--lumeah-muted: #667085;
	--lumeah-border: #dfe5ec;
	--lumeah-soft: #f3f7fa;
	--lumeah-white: #ffffff;
}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
	background: var(--lumeah-soft);
	color: var(--lumeah-ink);
	font-family: Arial, Helvetica, sans-serif;
}

a {
	color: inherit;
}

.lumeah-site-header {
	position: sticky;
	top: 0;
	z-index: 20;
	border-bottom: 1px solid rgba(223, 229, 236, 0.9);
	background: rgba(255, 255, 255, 0.94);
	backdrop-filter: blur(14px);
}

.lumeah-site-header-inner,
.lumeah-site-footer-inner,
.lumeah-hero-inner,
.lumeah-section,
.lumeah-page-shell {
	width: min(1180px, calc(100% - 32px));
	margin: 0 auto;
}

.lumeah-site-header-inner {
	min-height: 72px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

.lumeah-brand {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	text-decoration: none;
}

.lumeah-brand span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 10px;
	background: var(--lumeah-cyan);
	color: var(--lumeah-white);
	font-weight: 800;
}

.lumeah-brand strong {
	font-size: 22px;
	letter-spacing: 0;
}

.lumeah-main-nav {
	display: flex;
	align-items: center;
	gap: 18px;
	color: var(--lumeah-muted);
	font-weight: 700;
}

.lumeah-main-nav a,
.lumeah-site-footer a {
	text-decoration: none;
}

.lumeah-header-cta,
.lumeah-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 10px 16px;
	border: 1px solid var(--lumeah-blue);
	border-radius: 8px;
	background: var(--lumeah-blue);
	color: var(--lumeah-white);
	font-weight: 800;
	text-decoration: none;
}

.lumeah-button-light {
	background: var(--lumeah-white);
	color: var(--lumeah-blue);
}

.lumeah-hero {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(circle at 20% 10%, rgba(8, 168, 189, 0.24), transparent 28%),
		linear-gradient(135deg, #ffffff 0%, #eef7fb 100%);
}

.lumeah-hero-network {
	position: absolute;
	inset: 0;
	opacity: 0.32;
	background-image:
		linear-gradient(32deg, transparent 0 48%, rgba(8, 168, 189, 0.45) 48.1% 48.5%, transparent 48.7%),
		linear-gradient(143deg, transparent 0 54%, rgba(11, 47, 91, 0.3) 54.1% 54.4%, transparent 54.7%),
		radial-gradient(circle, rgba(8, 168, 189, 0.5) 0 2px, transparent 3px);
	background-size: 360px 260px, 420px 280px, 98px 86px;
}

.lumeah-hero-inner {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.92fr);
	gap: 36px;
	align-items: center;
	min-height: 690px;
	padding: 70px 0;
}

.lumeah-eyebrow {
	display: inline-block;
	color: var(--lumeah-cyan);
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0;
}

.lumeah-hero h1,
.lumeah-section h2,
.lumeah-content-card h1 {
	margin: 6px 0 0;
	color: var(--lumeah-ink);
	letter-spacing: 0;
}

.lumeah-hero h1 {
	font-size: clamp(48px, 8vw, 92px);
	line-height: 0.95;
}

.lumeah-hero p {
	max-width: 620px;
	margin: 22px 0 0;
	color: var(--lumeah-muted);
	font-size: 20px;
	line-height: 1.55;
}

.lumeah-hero-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 28px;
}

.lumeah-hero-panel,
.lumeah-content-card,
.lumeah-feature-grid > div,
.lumeah-security-section {
	border: 1px solid var(--lumeah-border);
	border-radius: 8px;
	background: var(--lumeah-white);
	box-shadow: 0 20px 60px rgba(11, 47, 91, 0.09);
}

.lumeah-hero-panel {
	padding: 24px;
}

.lumeah-hero-panel-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 18px;
}

.lumeah-hero-panel-top span,
.lumeah-dashboard-preview span,
.lumeah-feature-grid span,
.lumeah-site-footer span {
	color: var(--lumeah-muted);
}

.lumeah-dashboard-preview {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
}

.lumeah-dashboard-preview div {
	padding: 16px;
	border-radius: 8px;
	background: var(--lumeah-soft);
}

.lumeah-dashboard-preview span,
.lumeah-dashboard-preview strong {
	display: block;
}

.lumeah-dashboard-preview strong {
	margin-top: 8px;
	color: var(--lumeah-blue);
	font-size: 30px;
}

.lumeah-preview-bars {
	display: grid;
	gap: 10px;
	margin-top: 20px;
}

.lumeah-preview-bars span {
	display: block;
	height: 12px;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--lumeah-cyan), var(--lumeah-blue));
}

.lumeah-section {
	padding: 72px 0;
}

.lumeah-section-head {
	max-width: 720px;
	margin-bottom: 24px;
}

.lumeah-section h2 {
	font-size: 38px;
	line-height: 1.1;
}

.lumeah-feature-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
}

.lumeah-feature-grid > div {
	min-height: 180px;
	padding: 22px;
}

.lumeah-feature-grid strong,
.lumeah-feature-grid span,
.lumeah-site-footer strong,
.lumeah-site-footer span {
	display: block;
}

.lumeah-feature-grid strong {
	margin-bottom: 10px;
	font-size: 19px;
}

.lumeah-security-section {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 80px;
	padding: 34px;
}

.lumeah-security-section p {
	max-width: 740px;
	color: var(--lumeah-muted);
}

.lumeah-page-shell {
	padding: 70px 0;
}

.lumeah-content-card {
	padding: 34px;
}

.lumeah-entry-content {
	color: var(--lumeah-muted);
	font-size: 17px;
	line-height: 1.65;
}

.lumeah-site-footer {
	border-top: 1px solid var(--lumeah-border);
	background: var(--lumeah-white);
}

.lumeah-site-footer-inner {
	display: flex;
	justify-content: space-between;
	gap: 24px;
	padding: 28px 0;
}

.lumeah-site-footer nav {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	color: var(--lumeah-muted);
}

.lumeah-theme-app-template,
.lumeah-theme-app-main {
	min-height: 100vh;
	margin: 0;
	background: #071827;
}

.lumeah-theme-missing-core {
	width: min(560px, calc(100% - 32px));
	margin: 80px auto;
	padding: 30px;
	border-radius: 8px;
	background: #ffffff;
}

@media (max-width: 900px) {
	.lumeah-main-nav {
		display: none;
	}

	.lumeah-hero-inner,
	.lumeah-feature-grid {
		grid-template-columns: 1fr;
	}

	.lumeah-hero-inner {
		min-height: auto;
	}

	.lumeah-security-section,
	.lumeah-site-footer-inner {
		display: block;
	}

	.lumeah-security-section .lumeah-button {
		margin-top: 16px;
	}
}

@media (max-width: 620px) {
	.lumeah-site-header-inner {
		min-height: 64px;
	}

	.lumeah-header-cta {
		min-height: 38px;
		padding: 8px 12px;
	}

	.lumeah-hero p {
		font-size: 17px;
	}

	.lumeah-dashboard-preview {
		grid-template-columns: 1fr;
	}
}