.wlo-page {
	--wlo-bg: #F5F4EF;
	--wlo-surface: #FFFFFF;
	--wlo-border: #E2DFD3;
	--wlo-text: #241E1B;
	--wlo-text-secondary: #6E6660;
	--wlo-accent: #E8492D;
	--wlo-accent-dark: #C13A22;
	--wlo-accent-tint: #FBE7E1;
	--wlo-green-dark: #2E7D32;
	--wlo-green-tint: #E7F4E8;
	--wlo-radius: 10px;
	--wlo-radius-lg: 14px;

	font-family: 'Inter', system-ui, sans-serif;
	font-size: 15px;
	line-height: 1.6;
	color: var(--wlo-text);
	max-width: 900px;
	margin: 0 auto;
}

.wlo-page * { box-sizing: border-box; }

.wlo-page h1, .wlo-page h2, .wlo-page h3 {
	font-family: 'Space Grotesk', 'Inter', sans-serif;
}

/* ===================== HERO ===================== */

.wlo-hero {
	text-align: center;
	padding: 8px 0 44px;
}

.wlo-kicker {
	display: inline-block;
	font-weight: 600;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--wlo-accent-dark);
	background: var(--wlo-accent-tint);
	padding: 6px 14px;
	border-radius: 20px;
	margin-bottom: 18px;
}

.wlo-hero h1 {
	font-size: 34px;
	font-weight: 700;
	margin: 0 0 18px;
	line-height: 1.25;
}

.wlo-hero p {
	font-size: 16px;
	color: var(--wlo-text-secondary);
	max-width: 620px;
	margin: 0 auto;
}

/* ===================== PUNKTY ===================== */

.wlo-highlights {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	margin-bottom: 52px;
}

.wlo-highlight {
	background: var(--wlo-surface);
	border: 1px solid var(--wlo-border);
	border-radius: var(--wlo-radius-lg);
	padding: 28px 22px;
	text-align: center;
}

.wlo-highlight-icon {
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: var(--wlo-accent-tint);
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 18px;
	color: var(--wlo-accent-dark);
	font-size: 22px;
}

.wlo-highlight:nth-child(2) .wlo-highlight-icon {
	background: var(--wlo-green-tint);
	color: var(--wlo-green-dark);
}

.wlo-highlight h3 {
	font-size: 18px;
	font-weight: 600;
	margin: 0 0 8px;
}

.wlo-highlight p {
	font-size: 14px;
	color: var(--wlo-text-secondary);
	margin: 0;
}

/* ===================== BLOK TEKSTOWY ===================== */

.wlo-body {
	background: var(--wlo-surface);
	border: 1px solid var(--wlo-border);
	border-radius: var(--wlo-radius-lg);
	padding: 36px 40px;
}

.wlo-body h2 {
	font-size: 22px;
	font-weight: 600;
	margin: 0 0 16px;
}

.wlo-body p {
	margin: 0 0 16px;
	color: var(--wlo-text);
}
.wlo-body p:last-child { margin-bottom: 0; }
.wlo-body strong { color: var(--wlo-accent-dark); }

/* ===================== CTA ===================== */

.wlo-cta {
	text-align: center;
	margin-top: 44px;
}

.wlo-cta a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: var(--wlo-accent);
	color: #fff;
	text-decoration: none;
	font-weight: 600;
	font-size: 15px;
	padding: 13px 28px;
	border-radius: var(--wlo-radius);
}

.wlo-cta a:hover {
	background: var(--wlo-accent-dark);
	color: #fff;
}

@media (max-width: 720px) {
	.wlo-highlights { grid-template-columns: 1fr; }
	.wlo-hero h1 { font-size: 26px; }
	.wlo-body { padding: 28px 22px; }
}