/*
 * CTA strip — final dark banner with heading + button.
 */

/* The strip's top/bottom margin used to leak out of its parent section via
 * CSS margin collapse (the section has zero top padding), exposing the body
 * background between adjacent sections. `display: flow-root` on any section
 * containing a .cta-strip creates a new block formatting context, so the
 * margin stays inside and adjacent backgrounds meet seamlessly. */
.teledom-design section:has(> .container > .cta-strip) {
	display: flow-root;
}

.teledom-design .cta-strip {
	background: var(--ink);
	color: var(--paper);
	border-radius: var(--r-lg);
	padding: 68px 60px;
	display: grid;
	grid-template-columns: 1.4fr auto;
	gap: 34px;
	align-items: center;
	margin: 50px 0;
	position: relative;
	overflow: hidden;
}

.teledom-design .cta-strip::after {
	content: "";
	position: absolute;
	right: -100px;
	top: -100px;
	width: 400px;
	height: 400px;
	border-radius: 50%;
	background: radial-gradient(circle, var(--gold-deep) 0, transparent 70%);
	opacity: 0.4;
}

.teledom-design .cta-strip h2 {
	color: var(--paper);
	margin: 0;
	position: relative;
	z-index: 1;
}

.teledom-design .cta-strip p {
	color: #bdb6a8;
	margin: 14px 0 0;
	font-size: 18px;
	position: relative;
	z-index: 1;
}

.teledom-design .cta-strip .btn {
	position: relative;
	z-index: 1;
}