@charset "utf-8";
/*
Theme Name: USite
Description: USite - Enterprise WordPress Template
Text Domain: usite
Author: USite
Version: 4.5
Tested up to: 6.8
Requires PHP: 7.4
Requires at least: 5.9
License: Located in 'licensing' folder
License URI: license.txt
Tags: custom-header, custom-background, threaded-comments, custom-menu, featured-images, full-width-template, theme-options, translation-ready
Domain Path: /languages
*/

/* USite premium content pages */
.usite-page {
	--usite-ink: #071421;
	--usite-muted: #5f6b7a;
	--usite-line: #dde5ef;
	--usite-soft: #f4f7fb;
	--usite-accent: #421039;
	--usite-accent-2: #0c8d91;
	color: var(--usite-ink);
	background: #fff;
}
.usite_full_page_template[data-style="full"] .full_content > .usite-page:first-child {
	margin-top: 32px;
}
.usite-page,
.usite-page * {
	box-sizing: border-box;
}
.usite-page .container {
	max-width: 1180px;
}
.usite-page__hero {
	position: relative;
	overflow: hidden;
	padding: clamp(44px, 5.6vw, 82px) 0;
	background:
		linear-gradient(120deg, rgba(66, 16, 57, 0.94), rgba(7, 20, 33, 0.98) 52%, rgba(12, 141, 145, 0.74)),
		linear-gradient(180deg, #071421, #071421);
	color: #fff;
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.usite-page__hero:after {
	content: "";
	position: absolute;
	inset: auto -12% -42% 34%;
	height: 72%;
	background: linear-gradient(90deg, rgba(255,255,255,0.18), rgba(255,255,255,0));
	transform: rotate(-9deg);
	pointer-events: none;
}
.usite-page__hero .container {
	position: relative;
	z-index: 1;
}
.usite-page__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 16px;
	padding: 8px 12px;
	border: 1px solid rgba(255, 255, 255, 0.26);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.1);
	color: rgba(255, 255, 255, 0.9);
	font-family: var(--hff);
	font-size: 12px;
	font-weight: 900;
	letter-spacing: 0;
	text-transform: uppercase;
}
.usite-page__title {
	max-width: 820px;
	margin: 0;
	color: #fff;
	font-family: var(--hff);
	font-size: clamp(36px, 5vw, 68px);
	line-height: 0.98;
	font-weight: 900;
	letter-spacing: 0;
}
.usite-page__lead {
	max-width: 760px;
	margin: 22px 0 0;
	color: rgba(255, 255, 255, 0.82);
	font-size: clamp(17px, 2vw, 22px);
	line-height: 1.55;
}
.usite-page__badges {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 28px 0 0;
	padding: 0;
	list-style: none;
}
.usite-page__badges li {
	display: inline-flex;
	align-items: center;
	min-height: 34px;
	padding: 8px 13px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.12);
	border: 1px solid rgba(255, 255, 255, 0.2);
	color: #fff;
	font-family: var(--hff);
	font-size: 13px;
	font-weight: 800;
}
.usite-page__body {
	padding: clamp(42px, 6vw, 82px) 0;
}
.usite-page__section {
	margin: 0 0 44px;
}
.usite-page__section:last-child {
	margin-bottom: 0;
}
.usite-page__section h2 {
	margin: 0 0 16px;
	color: var(--usite-ink);
	font-family: var(--hff);
	font-size: clamp(25px, 3vw, 42px);
	line-height: 1.08;
	font-weight: 900;
	letter-spacing: 0;
}
.usite-page__section h3 {
	margin: 0 0 10px;
	color: var(--usite-ink);
	font-family: var(--hff);
	font-size: 19px;
	line-height: 1.2;
	font-weight: 900;
	letter-spacing: 0;
}
.usite-page__section p,
.usite-page__section li {
	color: var(--usite-muted);
	font-size: 16px;
	line-height: 1.75;
}
.usite-page__section p {
	margin: 0 0 16px;
}
.usite-page__section a {
	color: var(--usite-accent);
	font-weight: 900;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}
.usite-page__intro {
	max-width: 850px;
	margin-bottom: 26px;
	font-size: 18px;
}
.usite-page__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}
.usite-page__grid--two {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.usite-page__card {
	position: relative;
	min-height: 100%;
	padding: 26px;
	border: 1px solid var(--usite-line);
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 14px 40px rgba(7, 20, 33, 0.07);
}
.usite-page__card:before {
	content: "";
	display: block;
	width: 42px;
	height: 4px;
	margin: 0 0 20px;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--usite-accent), var(--usite-accent-2));
}
.usite-page__card p:last-child,
.usite-page__card ul:last-child {
	margin-bottom: 0;
}
.usite-page__card ul {
	margin: 0;
	padding-left: 18px;
}
.usite-page__feature {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(280px, 0.95fr);
	gap: 22px;
	align-items: stretch;
}
.usite-page__panel {
	padding: clamp(28px, 4vw, 46px);
	border-radius: 8px;
	background: var(--usite-soft);
	border: 1px solid var(--usite-line);
}
.usite-page__panel--dark {
	background:
		linear-gradient(135deg, rgba(66,16,57,0.96), rgba(7,20,33,0.98) 58%, rgba(12,141,145,0.78));
	color: #fff;
	border-color: rgba(255,255,255,0.12);
}
.usite-page__panel--dark h2,
.usite-page__panel--dark h3,
.usite-page__panel--dark p,
.usite-page__panel--dark li {
	color: #fff;
}
.usite-page__stats {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin-top: 22px;
}
.usite-page__stat {
	padding: 18px;
	border: 1px solid rgba(255,255,255,0.18);
	border-radius: 8px;
	background: rgba(255,255,255,0.1);
}
.usite-page__stat strong {
	display: block;
	color: #fff;
	font-family: var(--hff);
	font-size: 26px;
	line-height: 1;
	font-weight: 900;
}
.usite-page__stat span {
	display: block;
	margin-top: 8px;
	color: rgba(255,255,255,0.76);
	font-size: 13px;
	font-weight: 800;
	text-transform: uppercase;
}
.usite-page__timeline {
	display: grid;
	gap: 14px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.usite-page__timeline li {
	position: relative;
	padding: 18px 20px 18px 54px;
	border: 1px solid var(--usite-line);
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 10px 28px rgba(7, 20, 33, 0.05);
}
.usite-page__timeline li:before {
	content: attr(data-step);
	position: absolute;
	top: 18px;
	left: 18px;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: var(--usite-ink);
	color: #fff;
	font-family: var(--hff);
	font-size: 12px;
	font-weight: 900;
	line-height: 24px;
	text-align: center;
}
.usite-page__cta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 22px;
	padding: clamp(26px, 4vw, 42px);
	border-radius: 8px;
	background: #071421;
	color: #fff;
}
.usite-page__cta h2,
.usite-page__cta p {
	color: #fff;
	margin-bottom: 0;
}
.usite-page__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 0 22px;
	border-radius: 999px;
	background: #fff;
	color: #071421 !important;
	font-family: var(--hff);
	font-size: 14px;
	font-weight: 900;
	text-decoration: none !important;
	white-space: nowrap;
}
.usite-page__contact {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}
.usite-page__contact a {
	display: block;
	padding: 22px;
	border: 1px solid var(--usite-line);
	border-radius: 8px;
	background: #fff;
	color: var(--usite-ink);
	text-decoration: none;
	box-shadow: 0 14px 40px rgba(7, 20, 33, 0.06);
}
.usite-page__contact span {
	display: block;
	margin-bottom: 8px;
	color: var(--usite-muted);
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
}
.usite-page__contact strong {
	display: block;
	font-family: var(--hff);
	font-size: 17px;
	line-height: 1.25;
	font-weight: 900;
}
.usite_full_page_template[data-style="full"] .usite-page + .clearfix {
	display: none;
}

@media (max-width: 1040px) {
	.usite-page__grid,
	.usite-page__grid--two,
	.usite-page__feature,
	.usite-page__contact {
		grid-template-columns: 1fr;
	}
	.usite-page__stats {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	.usite_full_page_template[data-style="full"] .full_content > .usite-page:first-child {
		margin-top: 22px;
	}
	.usite-page__hero {
		padding: 38px 0 44px;
	}
	.usite-page__body {
		padding: 34px 0 52px;
	}
	.usite-page__card,
	.usite-page__panel,
	.usite-page__cta {
		padding: 22px;
	}
	.usite-page__stats {
		grid-template-columns: 1fr;
	}
	.usite-page__cta {
		align-items: flex-start;
		flex-direction: column;
	}
	.usite-page__button {
		width: 100%;
	}
}