.fmc-section { padding-block: var(--fmc-space-section); }
.fmc-section-white { background: var(--fmc-white); }
.fmc-section-warm { background: var(--fmc-off-white); }
.fmc-section-cream { background: var(--fmc-cream); }

.fmc-section-header {
	margin: 0 auto var(--fmc-space-group);
	max-width: var(--fmc-max-width-narrow);
	text-align: center;
}

.fmc-hero {
	background-color: var(--fmc-white);
	background-image: repeating-linear-gradient(-45deg, transparent 0, transparent 16px, var(--fmc-texture-line) 16px, var(--fmc-texture-line) 17px);
	overflow: hidden;
	position: relative;
}

.fmc-hero__grid {
	align-items: center;
	display: grid;
	gap: var(--fmc-space-12);
	grid-template-columns: 55fr 45fr;
}

.fmc-hero__content { display: flex; flex-direction: column; gap: var(--fmc-space-element); }
.fmc-hero__actions { display: flex; flex-wrap: wrap; gap: var(--fmc-space-3); }
.fmc-hero__visual { min-width: 0; }
.fmc-hero__ring { opacity: 0.06; pointer-events: none; position: absolute; right: 0; top: 0; }

.mihub-dashboard {
	background: var(--fmc-white);
	border: 1px solid var(--fmc-border-default);
	border-radius: var(--fmc-radius-xl);
	box-shadow: var(--fmc-shadow-lg);
	overflow: hidden;
}

.mihub-dashboard__header {
	align-items: center;
	background: var(--fmc-off-white);
	border-bottom: 1px solid var(--fmc-border-default);
	display: flex;
	justify-content: space-between;
	padding: var(--fmc-space-3) var(--fmc-space-4);
}

.mihub-dashboard__timestamp,
.mihub-kpi__label,
.mihub-kpi__value,
.mihub-kpi__delta { font-family: var(--fmc-font-mono); }

.mihub-dashboard__timestamp { color: var(--fmc-text-secondary); font-size: var(--fmc-text-label); }
.mihub-dashboard__body { padding: var(--fmc-space-4); }
.mihub-dashboard__kpis { display: grid; gap: var(--fmc-space-3); grid-template-columns: repeat(2, minmax(0, 1fr)); }

.mihub-kpi { background: var(--fmc-off-white); border-radius: var(--fmc-radius-md); padding: var(--fmc-space-3); }
.mihub-kpi__label { color: var(--fmc-grey); font-size: 9px; font-weight: var(--fmc-weight-bold); letter-spacing: 1.3px; margin-bottom: var(--fmc-space-1); }
.mihub-kpi__value { color: var(--fmc-black); font-size: 21px; font-weight: var(--fmc-weight-max); letter-spacing: var(--fmc-ls-heading); }
.mihub-kpi__delta { color: var(--fmc-orange); font-size: 9.5px; font-weight: var(--fmc-weight-bold); margin-top: 3px; }
.mihub-kpi--alert { border: 1.5px solid var(--fmc-orange-tint-strong); }
.mihub-kpi--alert :is(.mihub-kpi__label, .mihub-kpi__value) { color: var(--fmc-orange); }
.mihub-chart { margin-top: var(--fmc-space-4); }
.mihub-chart__bars { align-items: end; display: grid; gap: var(--fmc-space-1); grid-template-columns: repeat(24, 1fr); height: 96px; }
.mihub-chart__bar { background: var(--fmc-light-grey); border-radius: var(--fmc-radius-sm) var(--fmc-radius-sm) 0 0; min-height: var(--fmc-space-1); }
.mihub-chart__bar--anomaly { background: var(--fmc-orange); }

.fmc-steps { display: grid; gap: var(--fmc-space-3); grid-template-columns: repeat(5, 1fr); position: relative; }
.fmc-steps__connector { background: linear-gradient(to right, transparent, var(--fmc-orange-tint-strong), transparent); height: 1.5px; left: 10%; position: absolute; right: 10%; top: 30px; z-index: 1; }
.fmc-step { position: relative; text-align: center; z-index: 2; }
.fmc-step__circle { align-items: center; background: var(--fmc-white); border: 2px solid var(--fmc-orange); border-radius: 50%; color: var(--fmc-orange); display: flex; font-family: var(--fmc-font-mono); font-size: 15px; font-weight: var(--fmc-weight-max); height: 62px; justify-content: center; margin: 0 auto var(--fmc-space-4); width: 62px; }
.fmc-step__circle--complete { background: var(--fmc-orange); color: var(--fmc-white); }
.fmc-step__title { color: var(--fmc-text-primary); font-size: var(--fmc-text-small); font-weight: var(--fmc-weight-heading); margin-bottom: var(--fmc-space-2); }
.fmc-step__description { color: var(--fmc-text-secondary); font-size: var(--fmc-text-caption); line-height: 1.45; }