.benefits-hero{
	position:relative;
	min-height:calc(100vh - var(--header-height));
	overflow:hidden;
	background:
		radial-gradient(circle at 75% 42%,rgba(168,85,247,.3),transparent 30rem),
		radial-gradient(circle at 14% 76%,rgba(59,130,246,.16),transparent 26rem),
		linear-gradient(135deg,#050816,#08102a);
}

.benefits-hero::after{
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:26%;
	content:"";
	background:linear-gradient(transparent,#050816);
	pointer-events:none;
}

.benefits-scene{
	position:absolute;
	right:-4%;
	top:4%;
	width:60%;
	height:88%;
	background:transparent;
}

.benefits-hero__inner{
	position:relative;
	z-index:2;
}

.benefits-copy{
	max-width:650px;
	padding:clamp(90px,12vh,150px) 0 120px;
}

.benefits-label{
	margin:0 0 18px;
	color:var(--primary);
	font-size:var(--type-body);
	font-weight:750;
	letter-spacing:.16em;
	text-shadow:0 0 20px rgba(59,130,246,.52);
}

.benefits-copy h1{
	margin:0;
	font-size:var(--type-display);
	font-weight:820;
	line-height:.9;
	letter-spacing:-.07em;
	text-shadow:0 0 54px rgba(59,130,246,.24);
}

.benefits-copy>p:not(.benefits-label){
	max-width:570px;
	margin:34px 0;
	color:var(--text-soft);
	font-size:var(--type-body);
	line-height:1.9;
}

.benefits-phone{
	display:inline-flex;
	flex-direction:column;
	min-width:310px;
	padding:20px 28px;
	border-radius:var(--radius-ui);
	border:1px solid rgba(59,130,246,.24);
	background:
		linear-gradient(105deg,rgba(59,130,246,.88),rgba(168,85,247,.82) 58%,rgba(236,72,153,.76)),
		rgba(16,24,58,.88);
	box-shadow:0 24px 70px rgba(59,130,246,.36),0 0 44px rgba(168,85,247,.2);
	color:#fff!important;
}

.benefits-phone:hover{
	transform:translateY(-4px) scale(1.01);
}

.benefits-phone span{
	font-size:var(--type-caption);
	opacity:.76;
}

.benefits-phone strong{
	font-size:var(--type-heading);
	font-variant-numeric:tabular-nums;
	line-height:1.25;
}

@media (max-width:820px){
	.benefits-hero{
		min-height:720px;
	}

	.benefits-scene{
		right:-25%;
		top:15%;
		width:90%;
		height:70%;
		opacity:.64;
	}

	.benefits-copy{
		padding-top:80px;
	}

	.benefits-copy h1{
		font-size:var(--type-display);
	}
}

@media (max-width:520px){
	.benefits-phone{
		width:100%;
		min-width:0;
	}
}