/*
Lamy LP — LamyFlow (Meta Tech Provider disclosure section)

Section label + H2 + paragraph block, mirroring the Why Lamy section pattern
(part-why-lamy.php / why-lamy.css) — simple typography section, no grid.

Placement: between What We Connect (--bg-section) and the mid-page lead form
(gradient off --bg-section), so this section uses --bg-primary to alternate,
same convention as Why Lamy.

Purple Accent (top-right corner wash) — same treatment as Why Lamy.
Mobile-first: paragraphs stack at all viewports.
*/

.lp-lamyflow {
	position: relative;
	overflow: hidden;
	background: var(--bg-primary);
	padding-inline: clamp(64px, 10vw, 128px);
	padding-block: clamp(32px, 5vw, 40px);
}

.lp-lamyflow > .lp-divider-gradient {
	height: 1px;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	margin-block: clamp(48px, 8vw, 96px);
	margin-block-start: 0;
	background: var(--accent-gradient);
	border: 0;
}

.lp-lamyflow__bg-glow {
	position: absolute;
	top: -10%;
	right: -10%;
	width: 60%;
	height: 70%;
	background: radial-gradient(circle, var(--purple-atmosphere) 0%, transparent 70%);
	filter: blur(100px);
	opacity: 0.10;
	z-index: 0;
	pointer-events: none;
}

.lp-lamyflow .lp-container {
	position: relative;
	z-index: 1;
}

.lp-lamyflow .lp-section-label {
	display: inline-block;
	font-family: 'Heebo', sans-serif;
	font-size: 14px;
	font-weight: 600;
	padding: 6px 14px;
	background: rgba(212, 175, 55, 0.1);
	border: 1px solid var(--gold-primary);
	border-radius: 999px;
	color: var(--gold-highlight);
	margin-bottom: 16px;
	letter-spacing: 0.02em;
	text-transform: none;
}

.lp-lamyflow .lp-section-label::before,
.lp-lamyflow .lp-section-label::after {
	content: none;
}

.lp-lamyflow__heading {
	font-family: 'Rubik', 'Heebo', sans-serif;
	font-weight: 800;
	font-size: clamp(28px, 4vw, 48px);
	color: var(--gold-highlight);
	text-wrap: balance;
	letter-spacing: -0.01em;
	line-height: 1.15;
	margin: 0 0 24px 0;
	max-width: 28ch;
}

.lp-lamyflow__body {
	display: flex;
	flex-direction: column;
	gap: clamp(12px, 1.5vw, 18px);
	max-width: 720px;
}

.lp-lamyflow__paragraph {
	font-family: 'Heebo', sans-serif;
	font-weight: 400;
	font-size: clamp(16px, 1.4vw, 17px);
	color: var(--text-body);
	line-height: 1.8;
	margin: 0;
	text-wrap: pretty;
}