/* LaunchPress Software Product starter styles, scoped to this starter's classes. */
.lp-software-eyebrow {
	color: #6d42d8;
	font-size: 0.82rem;
	font-weight: 800;
	letter-spacing: 0.11em;
	text-transform: uppercase;
}

.lp-software-hero {
	background: #f6f3ff;
	box-sizing: border-box;
	padding: 96px 0;
	width: 100%;
}

.lp-software-hero-inner {
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	max-width: 1256px;
	padding-left: 28px;
	padding-right: 28px;
}

.lp-software-hero-grid,
.lp-software-safety-grid {
	align-items: center;
	gap: 72px;
}

.lp-software-hero-copy {
	max-width: 620px;
}

.lp-software-hero-note {
	color: #625d70;
	margin-top: 2rem;
}

.lp-software-app-window {
	background: #17112e;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 26px;
	box-shadow: 0 32px 90px rgba(31, 22, 56, 0.28);
	color: #fff;
	overflow: hidden;
	padding: 0;
	transform: rotate(1.5deg);
}

.lp-software-window-bar {
	background: #251b48;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	gap: 18px;
	padding: 14px 20px;
}

.lp-software-window-bar p {
	margin: 0;
}

.lp-software-window-dots span:nth-child(1) {
	color: #ff6b7a;
}

.lp-software-window-dots span:nth-child(2) {
	color: #ffd05c;
}

.lp-software-window-dots span:nth-child(3) {
	color: #55d79a;
}

.lp-software-window-title {
	color: #d8d2e8;
}

.lp-software-app-body {
	padding: 34px;
}

.lp-software-app-label {
	color: #a99dc7;
	font-weight: 800;
	letter-spacing: 0.12em;
}

.lp-software-site-row {
	align-items: center;
	background: rgba(255, 255, 255, 0.07);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 16px;
	gap: 20px;
	padding: 22px;
}

.lp-software-site-row h3,
.lp-software-site-row p {
	color: #fff;
	margin-bottom: 0.35rem;
	margin-top: 0;
}

.lp-software-running {
	color: #55d79a !important;
	white-space: nowrap;
}

.lp-software-app-actions {
	gap: 10px;
	margin-top: 20px;
}

.lp-software-app-actions > .wp-block-column {
	background: #6d42d8;
	border-radius: 999px;
	padding: 10px 12px;
}

.lp-software-app-actions p {
	color: #fff;
	font-size: 0.85rem;
	margin: 0;
}

.lp-software-trust-strip {
	background: #17112e;
	box-sizing: border-box;
	color: #fff;
	padding: 22px 24px;
	width: 100%;
}

.lp-software-trust-strip p {
	margin: 0;
}

.lp-software-native-section {
	box-sizing: border-box;
	padding: 88px max(28px, calc((100% - 1200px) / 2));
	width: 100%;
}

.lp-software-native-section > h2,
.lp-software-native-section > p {
	margin-left: auto;
	margin-right: auto;
	max-width: 820px;
}

.lp-software-products-section,
.lp-software-suite-section {
	background: #fff;
}

.lp-software-inner-hero {
	background: linear-gradient(135deg, #f6f3ff 0%, #eef6ff 100%);
}

.lp-software-inner-hero > h2,
.lp-software-inner-hero > p {
	margin-left: auto;
	margin-right: auto;
	max-width: 900px;
}

.lp-software-workflow-section {
	background: #f6f3ff;
}

.lp-software-routes-section {
	background: #fbfaff;
}

.lp-software-two-grid,
.lp-software-three-grid {
	align-items: stretch;
	gap: 28px;
	margin-top: 56px;
}

.lp-software-two-grid > .wp-block-column,
.lp-software-three-grid > .wp-block-column {
	min-width: 0;
}

.lp-software-product-card,
.lp-software-step-card,
.lp-software-route-card {
	background: #fff;
	border: 1px solid #ded7ef;
	border-radius: 24px;
	box-shadow: 0 18px 60px rgba(31, 22, 56, 0.08);
	box-sizing: border-box;
	height: 100%;
	padding: 38px;
}

.lp-software-product-card {
	border-top: 6px solid #6d42d8;
}

.lp-software-product-card-backup {
	border-top-color: #2b7ccf;
}

.lp-software-card-number {
	color: #6d42d8;
	font-size: 2rem;
	font-weight: 850;
	line-height: 1;
}

.lp-software-product-card-backup .lp-software-card-number {
	color: #2b7ccf;
}

.lp-software-product-card li {
	margin-bottom: 0.7rem;
}

.lp-software-step-card {
	border: 0;
	text-align: center;
}

.lp-software-step-number {
	align-items: center;
	background: linear-gradient(135deg, #6d42d8, #2b7ccf);
	border-radius: 50%;
	color: #fff;
	display: inline-flex;
	font-size: 1.25rem;
	font-weight: 800;
	height: 52px;
	justify-content: center;
	width: 52px;
}

.lp-software-route-card {
	box-shadow: none;
	text-align: center;
}

.lp-software-route-icon {
	color: #6d42d8;
	font-size: 3rem;
	font-weight: 800;
	line-height: 1;
}

.lp-software-safety h2 {
	max-width: 620px;
}

.lp-software-safety {
	background: #17112e;
	box-sizing: border-box;
	padding: 88px 0;
	width: 100%;
}

.lp-software-safety-inner {
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	max-width: 1156px;
	padding-left: 28px;
	padding-right: 28px;
}

.lp-software-safety-list {
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.15);
	border-radius: 24px;
	color: #fff;
	padding: 32px;
}

.lp-software-safety-list p {
	margin: 0 0 1rem;
}

.lp-software-safety-list p:last-child {
	margin-bottom: 0;
}

.lp-software-suite-card {
	background: linear-gradient(135deg, #f6f3ff 0%, #eef6ff 100%);
	border: 1px solid #ded7ef;
	border-radius: 28px;
	box-shadow: 0 24px 80px rgba(31, 22, 56, 0.1);
	padding: 64px max(24px, 8vw);
}

.lp-software-suite-card > h2,
.lp-software-suite-card > p {
	margin-left: auto;
	margin-right: auto;
	max-width: 800px;
}

.lp-software-final-cta {
	background: linear-gradient(135deg, #6d42d8 0%, #2b7ccf 100%);
	box-sizing: border-box;
	padding: 76px 24px;
	width: 100%;
}

.lp-software-final-cta > h2,
.lp-software-final-cta > p {
	margin-left: auto;
	margin-right: auto;
	max-width: 780px;
}

@media (max-width: 1024px) and (min-width: 782px) {
	.lp-software-three-grid {
		flex-wrap: wrap !important;
	}

	.lp-software-three-grid > .wp-block-column {
		flex-basis: calc(50% - 14px) !important;
		flex-grow: 0;
	}
}

@media (max-width: 781px) {
	.lp-software-hero {
		padding: 48px 0;
	}

	.lp-software-hero-inner,
	.lp-software-safety-inner {
		padding-left: 20px;
		padding-right: 20px;
	}

	.lp-software-hero-grid,
	.lp-software-safety-grid {
		gap: 36px;
	}

	.lp-software-safety {
		padding: 44px 0;
	}

	.lp-software-app-window {
		transform: none;
	}

	.lp-software-app-body {
		padding: 22px;
	}

	.lp-software-site-row {
		align-items: flex-start;
		flex-direction: column;
	}

	.lp-software-app-actions {
		flex-direction: column;
	}

	.lp-software-native-section {
		padding: 48px 20px;
	}

	.lp-software-two-grid,
	.lp-software-three-grid {
		margin-top: 36px;
	}

	.lp-software-product-card,
	.lp-software-step-card,
	.lp-software-route-card {
		padding: 26px;
	}

	.lp-software-suite-card {
		padding: 42px 22px;
	}
}