/* =======================================================================
 * Nextstage About CTA Widget — 5/7 split with heading + description + CTAs
 * + single-badge on left, single video/image on right (rounded, landscape).
 * ======================================================================= */
.nsa-about { padding: 4rem 0; }
.nsa-about .nsa-container { width: 100%; max-width: 1320px; margin: 0 auto; padding: 0 1.5rem; box-sizing: border-box; }
.nsa-about *, .nsa-about *::before, .nsa-about *::after { box-sizing: border-box; }

.nsa-about .nsa-row { display: grid; grid-template-columns: 1fr; gap: 2rem; align-items: center; }
@media (min-width: 992px) { .nsa-about .nsa-row { grid-template-columns: 5fr 7fr; gap: 3rem; } }

/* ---- Left ---- */
.nsa-about h1, .nsa-about h2, .nsa-about h3 {
	font-family: "Inter", sans-serif;
	font-weight: 700;
	font-size: clamp(2rem, 1.3rem + 2.4vw, 3.5rem);
	line-height: 1.15;
	color: #1e2022;
	margin: 0 0 1.5rem;
}
.nsa-about .nsa-desc {
	color: #1e2022;
	font-size: 1.15rem;
	line-height: 1.6;
	margin: 0 0 1rem;
}

.nsa-about .nsa-cta-row { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; margin-top: 1.5rem; }
.nsa-about .nsa-btn {
	display: inline-flex; align-items: center; justify-content: center;
	padding: 0.75rem 1.5rem; font-size: 1rem; font-weight: 600; line-height: 1.4;
	border-radius: 0.5rem; border: 1px solid transparent; text-decoration: none;
	transition: all 0.2s ease-in-out; cursor: pointer; font-family: inherit;
}
.nsa-about .nsa-btn--primary { background: #377eff; border-color: #377eff; color: #fff; }
.nsa-about .nsa-btn--primary:hover { background: #1f66e6; border-color: #1f66e6; transform: scale(1.03); box-shadow: 0 6px 20px rgba(55, 126, 255, 0.25); }
.nsa-about .nsa-btn--outline { background: transparent; border-color: #e7eaf3; color: #1e2022; }
.nsa-about .nsa-btn--outline:hover { border-color: #377eff; color: #377eff; }
.nsa-about .nsa-btn i, .nsa-about .nsa-btn svg { margin-right: 0.5rem; }

.nsa-about .nsa-check {
	display: inline-flex; align-items: center; gap: 0.5rem;
	margin-top: 1.75rem;
	color: #1e2022; font-size: 0.9375rem;
}
.nsa-about .nsa-check .nsa-check-icon {
	color: #00c988; font-size: 1.125rem; line-height: 1;
}

/* ---- Right (media) ---- */
.nsa-about .nsa-media {
	width: 100%;
	border-radius: 1.25rem;
	overflow: hidden;
	box-shadow: 0 1rem 3rem rgba(30, 32, 34, 0.1);
	aspect-ratio: 16 / 10;
	background: #f6f7f9;
}
.nsa-about .nsa-media > video,
.nsa-about .nsa-media > img,
.nsa-about .nsa-media > iframe {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border: 0;
}