.mmr-home-hero {
	padding-block: var(--mmr-space-7);
	background: var(--mmr-color-surface);
	border-bottom: 1px solid var(--mmr-color-line);
}

.mmr-hero-layout {
	display: grid;
	gap: var(--mmr-space-5);
}

.mmr-hero-copy h1 {
	max-width: 58rem;
	margin-bottom: var(--mmr-space-4);
}

.mmr-hero-lead {
	max-width: 46rem;
	margin-bottom: var(--mmr-space-5);
	color: var(--mmr-color-muted);
	font-size: clamp(1.05rem, 3vw, 1.25rem);
}

.mmr-hero-note {
	padding: var(--mmr-space-5);
	background: var(--mmr-color-surface-soft);
	border: 1px solid var(--mmr-color-line);
	border-radius: var(--mmr-radius-lg);
}

.mmr-hero-note__title {
	margin-bottom: var(--mmr-space-3);
	font-weight: 800;
}

.mmr-hero-note ul {
	padding-left: 1.2rem;
	margin-bottom: 0;
}

.mmr-hero-note li + li {
	margin-top: var(--mmr-space-2);
}

.mmr-method-layout {
	display: grid;
	gap: var(--mmr-space-5);
}

.mmr-home-section--method {
	background: #172b24;
	color: #dce8e3;
}

.mmr-home-section--method h2 {
	color: #ffffff;
}

.mmr-home-section--method .mmr-eyebrow {
	color: #8fd4bc;
}

.mmr-method-steps {
	padding: var(--mmr-space-5) var(--mmr-space-5) var(--mmr-space-5) 3rem;
	margin: 0;
	background: rgba(255, 255, 255, 0.07);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: var(--mmr-radius-lg);
}

.mmr-method-steps li + li {
	margin-top: var(--mmr-space-3);
}

.mmr-safety-notice {
	display: grid;
	gap: var(--mmr-space-4);
	padding: clamp(1.25rem, 5vw, 2.25rem);
	background: var(--mmr-color-warning-bg);
	border: 1px solid #ecd39d;
	border-radius: var(--mmr-radius-lg);
}

.mmr-safety-notice h2,
.mmr-safety-notice p {
	margin-bottom: 0;
}