/* =========================================================
   METAPEPS PREMIUM FOOTER
========================================================= */

.metapeps-footer {

	--mp-orange: #FC710C;
	--mp-dark: #060d13;
	--mp-dark-2: #0b151d;
	--mp-white: #fff;
	--mp-muted: rgba(255,255,255,.48);
	--mp-border: rgba(255,255,255,.10);

	background: var(--mp-dark);

	color: #fff;

	overflow: hidden;
}


/* =========================================================
   CONTAINER
========================================================= */

.metapeps-footer__container {

	width: min(1180px, calc(100% - 40px));

	margin: 0 auto;
}


/* =========================================================
   HERO
========================================================= */

.metapeps-footer__hero {

	position: relative;

	padding: 105px 0;

	background:
		radial-gradient(
			circle at 75% 50%,
			rgba(252,113,12,.13),
			transparent 28%
		),
		linear-gradient(
			135deg,
			#060d13,
			#0b151d
		);

	overflow: hidden;
}


.metapeps-footer__glow {

	position: absolute;

	width: 500px;
	height: 500px;

	right: -180px;
	top: -180px;

	border-radius: 50%;

	background: rgba(252,113,12,.08);

	filter: blur(90px);
}


.metapeps-footer__grid {

	position: absolute;

	inset: 0;

	background-image:
		linear-gradient(
			rgba(255,255,255,.025) 1px,
			transparent 1px
		),
		linear-gradient(
			90deg,
			rgba(255,255,255,.025) 1px,
			transparent 1px
		);

	background-size: 70px 70px;

	mask-image:
		linear-gradient(
			to right,
			transparent,
			black 30%,
			black 80%,
			transparent
		);
}


.metapeps-footer__hero-inner {

	position: relative;

	z-index: 2;

	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: 70px;
}


.metapeps-footer__hero-content {

	max-width: 650px;
}


.metapeps-footer__eyebrow {

	display: block;

	margin-bottom: 18px;

	color: var(--mp-orange);

	font-size: 8px;

	font-weight: 900;

	letter-spacing: .2em;
}


.metapeps-footer__hero h2 {

	margin: 0;

	color: #fff;

	font-size: clamp(42px,5.5vw,70px);

	line-height: .95;

	letter-spacing: -.055em;
}


.metapeps-footer__hero h2 strong {

	color: var(--mp-orange);

	font-weight: inherit;
}


.metapeps-footer__hero p {

	max-width: 560px;

	margin: 25px 0 0;

	color: var(--mp-muted);

	font-size: 14px;

	line-height: 1.8;
}


/* =========================================================
   HERO MARK
========================================================= */

.metapeps-footer__hero-mark {

	position: relative;

	width: 260px;
	height: 260px;

	flex: 0 0 260px;

	display: grid;

	place-items: center;
}


.metapeps-footer__orbit {

	position: absolute;

	border-radius: 50%;

	border: 1px solid rgba(252,113,12,.25);
}


.metapeps-footer__orbit--one {

	width: 250px;
	height: 250px;
}


.metapeps-footer__orbit--two {

	width: 175px;
	height: 175px;

	border-color: rgba(255,255,255,.08);
}


.metapeps-footer__mark-core {

	position: relative;

	z-index: 2;

	width: 105px;
	height: 105px;

	display: grid;

	place-items: center;

	border: 1px solid rgba(252,113,12,.45);

	border-radius: 50%;

	background: rgba(252,113,12,.05);

	box-shadow:
		0 0 70px rgba(252,113,12,.10);
}


.metapeps-footer__mark-core span {

	color: var(--mp-orange);

	font-size: 25px;

	font-weight: 900;

	letter-spacing: -.08em;
}


/* =========================================================
   NEWSLETTER
========================================================= */

.metapeps-footer__newsletter {

	padding: 55px 0;

	background: #0d1821;

	border-top: 1px solid var(--mp-border);

	border-bottom: 1px solid var(--mp-border);
}


.metapeps-footer__newsletter-inner {

	display: grid;

	grid-template-columns: 1fr 1fr;

	gap: 70px;

	align-items: center;
}


.metapeps-footer__small-label {

	display: block;

	margin-bottom: 8px;

	color: var(--mp-orange);

	font-size: 8px;

	font-weight: 900;

	letter-spacing: .17em;
}


.metapeps-footer__newsletter h3 {

	margin: 0 0 8px;

	font-size: 30px;

	line-height: 1;

	letter-spacing: -.04em;
}


.metapeps-footer__newsletter p {

	max-width: 500px;

	margin: 0;

	color: var(--mp-muted);

	font-size: 11px;

	line-height: 1.7;
}


.metapeps-footer__newsletter-form form {

	display: flex;

	border: 1px solid rgba(255,255,255,.13);

	background: rgba(255,255,255,.035);
}


.metapeps-footer__newsletter-form input {

	min-width: 0;

	flex: 1;

	padding: 17px;

	border: 0;

	outline: 0;

	background: transparent;

	color: #fff;

	font-family: inherit;

	font-size: 11px;
}


.metapeps-footer__newsletter-form input::placeholder {

	color: rgba(255,255,255,.3);
}


.metapeps-footer__newsletter-form button {

	padding: 0 22px;

	border: 0;

	background: var(--mp-orange);

	color: #fff;

	font-family: inherit;

	font-size: 8px;

	font-weight: 900;

	letter-spacing: .1em;

	cursor: pointer;
}


.metapeps-footer__newsletter-form button span {

	margin-left: 12px;

	font-size: 15px;
}


/* =========================================================
   MAIN FOOTER
========================================================= */

.metapeps-footer__main {

	padding: 80px 0;

	background: var(--mp-dark);
}


.metapeps-footer__columns {

	display: grid;

	grid-template-columns: 1.8fr repeat(3,1fr);

	gap: 65px;
}


/* BRAND */

.metapeps-footer__brand {

	max-width: 330px;
}


.metapeps-footer__logo {

	display: inline-block;

	color: #fff;

	text-decoration: none;
}


.metapeps-footer__logo img {

	max-width: 165px;

	height: auto;
}


.metapeps-footer__logo-text {

	font-size: 25px;

	font-weight: 900;

	letter-spacing: -.07em;
}


.metapeps-footer__logo-text span {

	color: var(--mp-orange);
}


.metapeps-footer__brand > p {

	margin: 22px 0;

	color: var(--mp-muted);

	font-size: 11px;

	line-height: 1.8;
}


.metapeps-footer__brand-line {

	display: flex;

	align-items: center;

	gap: 10px;

	color: rgba(255,255,255,.3);

	font-size: 7px;

	font-weight: 900;

	letter-spacing: .14em;
}


.metapeps-footer__brand-line span {

	width: 25px;

	height: 1px;

	background: var(--mp-orange);
}


/* COLUMNS */

.metapeps-footer__column h4 {

	margin: 4px 0 22px;

	color: #fff;

	font-size: 8px;

	font-weight: 900;

	letter-spacing: .18em;
}


.metapeps-footer__column ul {

	list-style: none;

	padding: 0;

	margin: 0;
}


.metapeps-footer__column li {

	margin: 0 0 13px;
}


.metapeps-footer__column a {

	color: rgba(255,255,255,.43);

	font-size: 10px;

	text-decoration: none;

	transition: .2s ease;
}


.metapeps-footer__column a:hover {

	color: var(--mp-orange);

	padding-left: 3px;
}


/* =========================================================
   TRUST
========================================================= */

.metapeps-footer__trust {

	background: #0b151d;

	border-top: 1px solid var(--mp-border);

	border-bottom: 1px solid var(--mp-border);
}


.metapeps-footer__trust-grid {

	display: grid;

	grid-template-columns: repeat(3,1fr);
}


.metapeps-footer__trust-item {

	padding: 24px 20px;

	display: flex;

	align-items: center;

	gap: 14px;

	border-right: 1px solid var(--mp-border);
}


.metapeps-footer__trust-item:last-child {

	border-right: 0;
}


.metapeps-footer__trust-icon {

	width: 30px;
	height: 30px;

	flex: 0 0 30px;

	display: grid;

	place-items: center;

	border: 1px solid rgba(252,113,12,.3);

	border-radius: 50%;

	color: var(--mp-orange);

	font-size: 10px;
}


.metapeps-footer__trust-item strong {

	display: block;

	color: rgba(255,255,255,.75);

	font-size: 8px;

	letter-spacing: .12em;
}


.metapeps-footer__trust-item small {

	display: block;

	margin-top: 4px;

	color: rgba(255,255,255,.3);

	font-size: 8px;
}


/* =========================================================
   DISCLAIMER
========================================================= */

.metapeps-footer__disclaimer {

	padding: 35px 0;

	background: #071019;
}


.metapeps-footer__disclaimer-inner {

	display: flex;

	gap: 15px;

	padding: 20px;

	border: 1px solid rgba(255,255,255,.08);

	background: rgba(255,255,255,.025);
}


.metapeps-footer__disclaimer-mark {

	width: 28px;
	height: 28px;

	flex: 0 0 28px;

	display: grid;

	place-items: center;

	border-radius: 50%;

	background: rgba(252,113,12,.12);

	color: var(--mp-orange);

	font-size: 10px;

	font-weight: 900;
}


.metapeps-footer__disclaimer strong {

	display: block;

	margin-bottom: 7px;

	color: var(--mp-orange);

	font-size: 8px;

	letter-spacing: .13em;
}


.metapeps-footer__disclaimer p {

	max-width: 950px;

	margin: 0;

	color: rgba(255,255,255,.32);

	font-size: 9px;

	line-height: 1.7;
}


/* =========================================================
   BOTTOM
========================================================= */

.metapeps-footer__bottom {

	padding: 25px 0;

	background: #050b10;

	border-top: 1px solid rgba(255,255,255,.05);
}


.metapeps-footer__bottom-inner {

	display: grid;

	grid-template-columns: 1fr auto 1fr;

	align-items: center;

	gap: 30px;
}


.metapeps-footer__bottom p {

	margin: 0;

	color: rgba(255,255,255,.28);

	font-size: 8px;
}


.metapeps-footer__bottom-links {

	display: flex;

	gap: 20px;
}


.metapeps-footer__bottom-links a {

	color: rgba(255,255,255,.3);

	font-size: 8px;

	text-decoration: none;
}


.metapeps-footer__bottom-links a:hover {

	color: var(--mp-orange);
}


.metapeps-footer__powered {

	display: flex;

	align-items: center;

	justify-content: flex-end;

	gap: 10px;

	color: rgba(255,255,255,.25);

	font-size: 7px;

	font-weight: 900;

	letter-spacing: .12em;
}


.metapeps-footer__mini-mark {

	width: 24px;
	height: 24px;

	display: grid;

	place-items: center;

	border: 1px solid rgba(252,113,12,.3);

	border-radius: 50%;

	color: var(--mp-orange);

	font-size: 7px;
}


/* =========================================================
   SCREEN READER
========================================================= */

.metapeps-footer .screen-reader-text {

	position: absolute;

	width: 1px;
	height: 1px;

	padding: 0;

	margin: -1px;

	overflow: hidden;

	clip: rect(0,0,0,0);

	white-space: nowrap;

	border: 0;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 900px) {

	.metapeps-footer__hero-inner {

		flex-direction: column;

		align-items: flex-start;
	}

	.metapeps-footer__hero-mark {

		align-self: center;
	}

	.metapeps-footer__columns {

		grid-template-columns: 1.5fr 1fr 1fr;

		gap: 40px;
	}

	.metapeps-footer__brand {

		grid-column: 1 / -1;

		max-width: 600px;
	}

}


@media (max-width: 650px) {

	.metapeps-footer__container {

		width: calc(100% - 28px);
	}

	.metapeps-footer__hero {

		padding: 75px 0;
	}

	.metapeps-footer__hero h2 {

		font-size: 45px;
	}

	.metapeps-footer__hero-mark {

		width: 210px;
		height: 210px;
	}

	.metapeps-footer__orbit--one {

		width: 205px;
		height: 205px;
	}

	.metapeps-footer__orbit--two {

		width: 145px;
		height: 145px;
	}

	.metapeps-footer__mark-core {

		width: 85px;
		height: 85px;
	}

	.metapeps-footer__newsletter-inner {

		grid-template-columns: 1fr;

		gap: 30px;
	}

	.metapeps-footer__newsletter-form form {

		flex-direction: column;

		border: 0;

		gap: 8px;
	}

	.metapeps-footer__newsletter-form input {

		border: 1px solid rgba(255,255,255,.13);
	}

	.metapeps-footer__newsletter-form button {

		padding: 15px;
	}

	.metapeps-footer__columns {

		grid-template-columns: 1fr 1fr;

		gap: 40px 25px;
	}

	.metapeps-footer__brand {

		grid-column: 1 / -1;
	}

	.metapeps-footer__trust-grid {

		grid-template-columns: 1fr;
	}

	.metapeps-footer__trust-item {

		border-right: 0;

		border-bottom: 1px solid var(--mp-border);
	}

	.metapeps-footer__trust-item:last-child {

		border-bottom: 0;
	}

	.metapeps-footer__bottom-inner {

		grid-template-columns: 1fr;

		text-align: center;

		gap: 15px;
	}

	.metapeps-footer__bottom-links {

		justify-content: center;
	}

	.metapeps-footer__powered {

		justify-content: center;
	}

}