.bg-l {
	background-color: #f1f5f8;
}

.button {
	display: inline-block;
	height: 2.625rem;
	line-height: 2.625rem;
	padding: 0 1.25rem;
}

.outline {
	background: none;
	border: solid 0.0625rem #2b223d;
}

.hero h1 {
	font-weight: 600;
	font-size: 2.75rem;
	letter-spacing: 0.1ex;
	line-height: 1.3;
	max-width: 30rem;
}

.hero h4 {
	font-weight: 500;
	font-size: 1.5rem;
}

.hero p {
	font-size: 1.25rem;
	margin: 1.75rem 0;
	font-weight: 370;
	line-height: 1.5;
	max-width: 40rem;
}

.hero .subtitle {
	font-size: 1rem;
	font-weight: 450;
	display: block;
	margin-bottom: 0.75rem;
}

.hero .subtitle svg {
	width: 2rem;
	margin-right: 0.5rem;
	vertical-align: middle;
}

.hero .button {
	font-size: 0.9rem;
	padding: 0 2.25rem;
	height: 3rem;
	line-height: 2.9rem;
	margin-right: 1rem;
	font-weight: 420;
}

.hero .button:last-child {
	margin-right: 0;
}

.hero_dark {
	background-color: #2b223d;
	width: 100%;
	border-radius: 0.3rem;
	padding: 7rem;
	color: #fff;
}

.hero_dark a, .hero_dark a:hover, .hero_dark a:visited, .hero_dark a:focus {
	color: #fff;
}

.hero_light {
	padding: 9rem 0 12rem 0;
}

.hero_light h1 {
	color: #2b223d;
}

.hero_light .outline {
	color: #6359F9;
	border: 0;
}

.hero_small {
	padding: 0 4.5rem;
	line-height: 3.5rem;
	height: 11.75rem;
}

.hero_small .col {
	margin-top: 4.125rem;
}

.hero_small .col:first-child {
	width: calc(100% - 20rem);
}

.hero_small .col:last-child {
	width: 20rem;
}

.hero_dark h1 {
	margin-top: 1rem;
}

.hero_dark .button {
	border: solid 0.0625rem #6359f9;
}

.hero_dark .outline {
	border: solid 0.0625rem #80798b;
}

.hero_spacing {
	height: 12.875rem;
}

.hero_spacing_big {
	height: 9rem;
}

.equal, .equal-m {
	display: grid;
	grid-auto-columns: 1fr;
	grid-auto-flow: column;
	gap: 1.9rem;
	line-height: 1.7;
	font-size: 1.04rem;
}

.equal-m {
	font-size: 1.09rem;
	font-weight: 350;	
}

.ecol {
	background-color: #fff;
	border-radius: 0.3rem;
	box-shadow: rgba(43, 34, 61, 0.2) 0 1.5625rem 3.125rem -1.5rem;
	padding: 2.625rem;
}

.ecol h3 {
	font-size: 1.5rem;
	font-weight: 550;
	color: #2b223d;
	margin: 0 0 0.75rem 0;
}

.equal-m h3 {
	font-size: 1.5rem;
	font-weight: 600;
}

.ecol svg {
	width: 2rem;
	margin: 0 0 0.5rem 0;
}

.ecol a {
	font-size: 0.875rem;
	color: #6359F9;
	display: block;
	font-weight: 430;
	margin-top: 1.2rem;
}

.features {
	margin: 12rem 0 7rem 0;
}

.features, .terms {
	margin: 7rem 0 12rem 0;
}

.equal.feature {
	align-items: center;
}

.feature, .term {
	font-size: 0.9375rem;
	line-height: 1.7;
}

.feature h4, .term h4 {
	color: #2b223d;
	font-size: 1.5rem;
	margin: 0 0 1.5rem 0;
}

.equal.feature h4 {
	margin-top: -3.5rem;
}

.feature img, .feature svg {
	width: 100%;
	max-height: 24.5rem;
}

.fcol {
	margin-top: 7rem;
}

.table_box {
	padding: 1.75rem;
	box-shadow: rgba(43, 34, 61, 0.2) 0 1.5625rem 3.125rem -1.5rem;
}

table {
	line-height: 1.7;
	font-size: 0.9375rem;
	width: 100%;
	border-radius: 0.3rem;
	border-spacing: 0;
	border-collapse: collapse;
}

table thead {
	font-size: 13px;
	height: 4rem;
	color: #a1a5b2;
	font-weight: 300;
	/*background-color: #f1f5f8;*/
	/*text-transform: uppercase;*/
	/*font-weight: 500;*/
}

table td {
	margin: 0 1.75rem;
}

table td {
	padding: 0.75rem 1.5rem;
}

table tbody tr {
	height: 4rem;
	border-top: solid #f1f5f8 0.0625rem;
	color: #2b223d;
}

td span {
	font-weight: 350;
	color: #a1a5b2;
	font-size: 0.8rem;
}

.pricing {
	padding: 7rem 0 5rem 0;
}

@media (max-width: 70rem) {
	.hero_small {
		padding: 0 2rem;
		line-height: 3.5rem;
		height: 11.75rem;
	}

	.hero_small h4 {
		font-size: 1.25rem;
	}
}

@media (max-width: 60rem) {
	.hero_small {
		padding: 0 1.75rem;
		line-height: 2.45rem;
	}

	.hero_small h4 {
		font-size: 1.15rem;
	}

	.hero_small .button {
		font-size: 0.8rem;
		padding: 0 1.75rem;
		height: 2.5rem;
		line-height: 2.45rem;
		margin-right: 0.75rem;
	}
}

@media (max-width: 45rem) {
	.hero_dark {
		padding: 4rem;
	}

	.hero h1 {
		font-size: 2.5rem;
		margin: 0;
	}

	.hero_small {
		height: auto;
	}

	.hero_small h4 {
		line-height: 1.7;
	}

	.hero_small .col:first-child, .hero_small .col:last-child {
		width: 100%;
		margin-top: 0;
		float: none;
		text-align: left;
	}

	.hero_small .col:last-child {
		margin-top: 1rem;
	}
}

@media (max-width: 40rem) {
	.equal, .equal-m {
		grid-auto-flow: row;
	}

	.fcol.center.reverse {
		order: -1;
	}

	.fcol {
		margin-top: 3rem;
		text-align: left;
	}

	.fcol img {
		width: 60%;
		max-height: 36vw;
	}

	.equal.feature {
		margin-top: 3rem;
	}
}

@media (max-width: 30rem) {
	.hero_dark {
		padding: 2rem;
	}

	.hero h1 {
		font-size: 2rem;
	}

	.hero .button {
		font-size: 0.8rem;
		padding: 0 2rem;
		height: 2.5rem;
		line-height: 2.45rem;
		margin-right: 0.75rem;
	}

	.ecol {
		padding: 2rem;
	}
}

@media (max-width: 25rem) {
	.hero_dark {
		padding: 1.75rem;
	}

	.hero h1 {
		font-size: 1.75rem;
	}

	.hero p {
		font-size: 1rem;
	}

	.hero .button {
		font-size: 0.75rem;
		padding: 0 1.5rem;
		height: 2rem;
		line-height: 2rem;
		margin-right: 0.5rem;
	}

	.ecol {
		padding: 1.75rem;
	}
}