.cta {
		background: var(--paper);
		color: var(--ink-dark);
		padding: 0 0 6rem;
	}

	.cta-box {
		position: relative;
		overflow: hidden;
		padding: 3rem;
		border-radius: var(--radius-lg);
		background:
			radial-gradient(circle at 86% 20%, rgba(215, 255, 69, 0.36), transparent 20rem),
			linear-gradient(135deg, #0b0d12, #141827);
		color: white;
		box-shadow: var(--shadow);
	}

	.cta-box::after {
		content: "";
		position: absolute;
		right: -5rem;
		bottom: -7rem;
		width: 20rem;
		height: 20rem;
		border: 1px solid rgba(255, 255, 255, 0.16);
		border-radius: 999px;
	}

	.cta-inner {
		position: relative;
		z-index: 1;
		display: grid;
		grid-template-columns: minmax(0, 0.72fr) auto;
		gap: 2rem;
		align-items: end;
	}

	.cta p:not(.eyebrow) {
		max-width: 38rem;
		margin: 1.2rem 0 0;
		color: rgba(255, 255, 255, 0.72);
	}

	.cta .button {
		min-width: 13rem;
		background: var(--accent-3);
		color: var(--ink-dark);
		border-color: rgba(215, 255, 69, 0.8);
		box-shadow: 0 18px 54px rgba(215, 255, 69, 0.2);
	}

	.cta .button:hover {
		background: white;
		border-color: white;
		box-shadow: 0 20px 60px rgba(255, 255, 255, 0.18);
	}

	@media (max-width: 760px) {
		.cta {
			padding-bottom: 4.5rem;
		}

		.cta-box {
			padding: 1.5rem;
		}

		.cta-inner {
			grid-template-columns: 1fr;
		}

		.cta .button {
			width: 100%;
		}
	}