/* Homepage hero alignment and whitespace refinement. */

.rai-home-hero {
	padding: 52px 0 48px;
}

.rai-home-hero .rai-container {
	width: min(calc(100% - 48px), 1420px);
}

.rai-home-hero__grid {
	grid-template-columns: minmax(0, 1.04fr) minmax(460px, .96fr);
	gap: 34px;
	align-items: center;
}

.rai-home-hero__grid > div:first-child {
	max-width: 750px;
}

.rai-home-hero h1 {
	max-width: 720px;
	margin: 10px 0 18px;
	font-size: clamp(3rem, 4vw, 4.4rem);
	line-height: .97;
	letter-spacing: -.052em;
}

.rai-home-hero__lead {
	max-width: 660px;
	margin: 0;
	font-size: 1.04rem;
	line-height: 1.58;
}

.rai-home-hero .rai-actions {
	margin-top: 22px;
}

.rai-home-hero__proof {
	gap: 10px;
	margin-top: 24px;
}

.rai-home-hero__proof div {
	padding: 13px 14px;
}

.rai-launch-card {
	width: 100%;
	max-width: 620px;
	justify-self: end;
	padding: 26px;
	border-radius: 24px;
}

.rai-launch-card__head {
	margin-bottom: 18px;
}

.rai-launch-card__head h2 {
	font-size: 1.55rem;
}

.rai-launch-card .rai-form,
.rai-launch-card .rai-domain-live__form {
	gap: 12px;
}

.rai-launch-card .rai-form__row,
.rai-launch-card .rai-domain-live__form .rai-form__row {
	gap: 12px;
}

.rai-launch-card__links {
	gap: 8px;
	margin-top: 14px;
}

.rai-launch-card__links a {
	padding: 10px 9px;
}

@media (max-width: 1180px) {
	.rai-home-hero .rai-container {
		width: min(calc(100% - 40px), 1120px);
	}

	.rai-home-hero__grid {
		grid-template-columns: minmax(0, 1fr) minmax(420px, .9fr);
		gap: 28px;
	}

	.rai-home-hero h1 {
		font-size: clamp(2.8rem, 4.8vw, 4rem);
	}
}

@media (max-width: 980px) {
	.rai-home-hero {
		padding: 48px 0;
	}

	.rai-home-hero__grid {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.rai-home-hero__grid > div:first-child,
	.rai-home-hero h1,
	.rai-home-hero__lead,
	.rai-launch-card {
		max-width: none;
	}

	.rai-launch-card {
		justify-self: stretch;
	}
}

@media (max-width: 680px) {
	.rai-home-hero {
		padding: 38px 0 40px;
	}

	.rai-home-hero .rai-container {
		width: min(calc(100% - 28px), 100%);
	}

	.rai-home-hero h1 {
		margin-bottom: 16px;
		font-size: clamp(2.55rem, 12vw, 3.55rem);
		line-height: .98;
	}

	.rai-home-hero__lead {
		font-size: 1rem;
	}

	.rai-home-hero__proof {
		margin-top: 20px;
	}

	.rai-launch-card {
		padding: 20px;
		border-radius: 20px;
	}
}