body.home,
body.page-template-page-tnea-hub {
	background: #070f24 !important;
}

body.home #page,
body.home .site,
body.home .site-content,
body.home .content-area,
body.home .site-main,
body.home .inside-article,
body.page-template-page-tnea-hub #page,
body.page-template-page-tnea-hub .site,
body.page-template-page-tnea-hub .site-content,
body.page-template-page-tnea-hub .content-area,
body.page-template-page-tnea-hub .site-main,
body.page-template-page-tnea-hub .inside-article {
	background: transparent !important;
}

.th-page {
	--th-ink: #eef6ff;
	--th-ink-soft: #d9e6ff;
	--th-muted: #a9bddc;
	--th-border: rgba(121, 152, 206, 0.42);
	--th-border-strong: rgba(146, 181, 255, 0.56);
	--th-card-bg: linear-gradient(180deg, rgba(20, 38, 78, 0.97) 0%, rgba(15, 30, 64, 0.95) 100%);
	--th-card-alt-bg: linear-gradient(180deg, rgba(17, 33, 70, 0.95) 0%, rgba(13, 25, 54, 0.94) 100%);
	--th-shadow: 0 20px 40px rgba(4, 10, 28, 0.42);
	--th-shadow-soft: 0 14px 30px rgba(4, 10, 28, 0.3);
	--th-btn: linear-gradient(135deg, #2f86ff 0%, #4263ff 100%);
	--th-btn-border: #4a82ff;
	--th-btn-ghost-bg: rgba(16, 35, 74, 0.78);
	--th-btn-ghost-border: #3b5686;
	--th-page-bg:
		radial-gradient(circle at 12% 8%, rgba(86, 163, 255, 0.24), transparent 24rem),
		radial-gradient(circle at 88% 12%, rgba(72, 201, 176, 0.18), transparent 26rem),
		radial-gradient(circle at 42% 82%, rgba(69, 104, 220, 0.22), transparent 32rem),
		linear-gradient(180deg, #070f24 0%, #09142f 55%, #0a1736 100%);
	background: var(--th-page-bg);
	color: var(--th-ink);
	min-height: 100vh;
	padding: 24px 16px 48px;
	font-family: "Sora", "Poppins", "Segoe UI", sans-serif;
}

.th-wrap {
	width: 100%;
	max-width: 1160px;
	margin: 0 auto;
	display: grid;
	gap: 16px;
}

.th-hero,
.th-card {
	background: var(--th-card-bg);
	border: 1px solid var(--th-border);
	border-radius: 28px;
	box-shadow: var(--th-shadow);
}

.th-hero {
	padding: 24px;
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(300px, 0.75fr);
	gap: 16px;
	align-items: stretch;
}

.th-hero-copy,
.th-hero-panel {
	display: grid;
	align-content: start;
}

.th-kicker,
.th-section-kicker,
.th-panel-label {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 6px 11px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	background: rgba(136, 167, 255, 0.2);
	border: 1px solid rgba(157, 184, 240, 0.34);
	color: #dce7ff;
	width: fit-content;
}

.th-title {
	margin: 12px 0 10px;
	line-height: 1.04;
	letter-spacing: -0.02em;
	font-size: clamp(2rem, 3.4vw, 3.25rem);
	max-width: 16ch;
}

.th-subtitle {
	margin: 0;
	color: var(--th-ink-soft);
	font-size: 1rem;
	line-height: 1.6;
	max-width: 68ch;
}

.th-panel-title,
.th-card h2 {
	margin: 12px 0 0;
	line-height: 1.18;
}

.th-panel-title {
	font-size: 1.15rem;
	color: var(--th-ink);
}

.th-panel-list,
.th-bullet-list {
	margin: 14px 0 0;
	padding-left: 20px;
	display: grid;
	gap: 10px;
	color: var(--th-muted);
}

.th-panel-list li,
.th-bullet-list li {
	line-height: 1.55;
}

.th-hero-panel {
	padding: 18px;
	border-radius: 22px;
	background: linear-gradient(180deg, rgba(17, 33, 70, 0.98) 0%, rgba(11, 22, 48, 0.96) 100%);
	border: 1px solid rgba(111, 145, 206, 0.38);
	box-shadow: var(--th-shadow-soft);
}

.th-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 18px;
}

.th-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: var(--tn-touch-target);
	padding: 0 14px;
	border-radius: 12px;
	border: 1px solid transparent;
	font-weight: 800;
	text-decoration: none;
	transition: border-color 0.16s ease, box-shadow 0.16s ease;
}

.th-btn-ghost {
	background: var(--th-btn-ghost-bg);
	border-color: var(--th-btn-ghost-border);
	color: #cfe2ff;
}

.th-card {
	padding: 22px;
}

.th-section-head {
	display: grid;
	gap: 8px;
	margin-bottom: 16px;
}

.th-section-head h2 {
	margin: 0;
	font-size: clamp(1.5rem, 2vw, 2rem);
}

.th-section-head p {
	margin: 0;
	color: var(--th-muted);
	line-height: 1.6;
	max-width: 74ch;
}

.th-meta {
	margin: 10px 0 0;
	color: var(--th-muted);
	font-size: 0.88rem;
	line-height: 1.5;
}

.th-metric-grid,
.th-grid,
.th-step-grid {
	display: grid;
	gap: 12px;
}

.th-metric-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.th-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.th-grid-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.th-metric-card,
.th-link-card,
.th-step-card {
	border-radius: 18px;
	border: 1px solid rgba(102, 130, 182, 0.36);
	background: var(--th-card-alt-bg);
	box-shadow: var(--th-shadow-soft);
}

.th-metric-card {
	padding: 16px;
	font-weight: 700;
	line-height: 1.55;
	color: var(--th-ink-soft);
}

.th-link-card {
	display: grid;
	gap: 9px;
	padding: 16px;
	text-decoration: none;
	color: inherit;
	transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

.th-link-card:hover,
.th-link-card:focus-visible {
	transform: translateY(-2px);
	border-color: #7bc2ff;
	box-shadow: 0 18px 34px rgba(3, 11, 33, 0.35);
}

.th-link-title {
	font-size: 1.02rem;
	font-weight: 800;
	line-height: 1.3;
	color: var(--th-ink);
}

.th-link-desc {
	font-size: 0.94rem;
	line-height: 1.55;
	color: var(--th-muted);
}

.th-link-meta {
	font-size: 0.82rem;
	font-weight: 700;
	color: #7bc2ff;
}

.th-step-card {
	padding: 16px;
	display: grid;
	gap: 8px;
}

.th-step-number {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 999px;
	background: rgba(86, 134, 255, 0.18);
	border: 1px solid rgba(125, 158, 226, 0.42);
	color: #dce7ff;
	font-size: 0.95rem;
	font-weight: 800;
}

.th-step-card h3,
.th-copy-card h2 {
	margin: 0;
	font-size: 1.08rem;
	line-height: 1.35;
}

.th-step-card p,
.th-copy-card p {
	margin: 0;
	color: var(--th-muted);
	line-height: 1.6;
}

.th-copy-card {
	display: grid;
	gap: 12px;
}

.th-faq-list {
	display: grid;
	gap: 12px;
}

.th-faq-item {
	border-radius: 18px;
	border: 1px solid rgba(102, 130, 182, 0.36);
	background: var(--th-card-alt-bg);
	box-shadow: var(--th-shadow-soft);
	padding: 0 16px;
}

.th-faq-item summary {
	list-style: none;
	cursor: pointer;
	padding: 16px 24px 16px 0;
	position: relative;
	font-weight: 800;
	line-height: 1.45;
	color: var(--th-ink);
}

.th-faq-item summary::-webkit-details-marker {
	display: none;
}

.th-faq-item summary::after {
	content: "+";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	color: #7bc2ff;
	font-size: 1.2rem;
	font-weight: 700;
}

.th-faq-item[open] summary::after {
	content: "\2212";
}

.th-faq-item p {
	margin: 0 0 16px;
	color: var(--th-muted);
	line-height: 1.6;
}

.th-cta-card {
	background:
		radial-gradient(circle at right top, rgba(83, 128, 255, 0.16), transparent 18rem),
		var(--th-card-bg);
}

@media (max-width: 1100px) {
	.th-metric-grid,
	.th-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 900px) {
	.th-hero {
		grid-template-columns: 1fr;
	}

	.th-step-grid,
	.th-grid-2 {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 720px) {
	.th-page {
		padding: 16px 12px 36px;
	}

	.th-hero,
	.th-card {
		padding: 16px;
		border-radius: 20px;
	}

	.th-metric-grid,
	.th-grid {
		grid-template-columns: 1fr;
	}

	.th-btn {
		width: 100%;
	}

	.th-title {
		max-width: none;
	}
}