.tr-body {
	--tr-ink: #0b1720;
	--tr-line: rgba( 244, 235, 223, .14 );
	--tr-mist: #f4ebdf;
	--tr-mist-muted: #c9d4ce;
	--tr-seaglass: #8fc7bd;

	background: var( --tr-ink );
	margin: 0;
}

.tr-seo {

	position: relative;
	z-index: 1;
	background: transparent;
	padding: 64px 20px 88px;
}

.tr-seo::before {
	content: '';
	position: absolute;
	inset-inline: 0;
	top: 0;
	height: 1px;
	background: linear-gradient( to right, transparent, rgba( 143, 199, 189, .28 ), transparent );
}

.tr-seo__in {
	max-width: 760px;
	margin: 0 auto;

	color: #e8e0d4;
	text-shadow: 0 1px 12px rgba( 5, 13, 18, .95 ), 0 0 3px rgba( 5, 13, 18, .8 );
}

.tr-seo__in.mpt-prose h2,
.tr-seo__in.mpt-prose h3,
.tr-seo__in.mpt-prose h4,
.tr-seo__in.mpt-prose strong {
	color: var( --tr-mist );
}

.tr-seo__in.mpt-prose a {
	color: var( --tr-seaglass );
}

.tr-intro,
.tr-luuy {
	position: relative;
	z-index: 1;
	background: transparent;
	padding: 96px 20px;
}

.tr-intro::before,
.tr-luuy::before {
	content: '';
	position: absolute;
	inset-inline: 0;
	top: 0;
	height: 1px;
	background: linear-gradient( to right, transparent, rgba( 143, 199, 189, .28 ), transparent );
}

.tr-intro__in,
.tr-luuy__in {
	max-width: 760px;
	margin: 0 auto;
}

.tr-intro__h,
.tr-luuy__h {
	font-family: 'Cinzel Decorative', 'Cormorant Garamond', Georgia, serif;
	font-size: clamp( 1.75rem, 1.2rem + 2.2vw, 2.75rem );
	font-weight: 900;
	letter-spacing: .04em;
	line-height: 1.2;
	color: #f4ebdf;
	text-align: center;
	margin: 0 0 14px;
	filter: drop-shadow( 0 0 26px rgba( 127, 209, 200, .35 ) );
}

.tr-orn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin: 0 auto 34px;
	color: #e67e55;
	font-size: .85rem;
	letter-spacing: .3em;
	opacity: .55;
}

.tr-orn::before,
.tr-orn::after {
	content: '';
	width: clamp( 40px, 12vw, 110px );
	height: 1px;
	background: linear-gradient( to right, transparent, rgba( 230, 126, 85, .5 ), transparent );
}

.tr-intro__p {
	font-size: clamp( 1rem, .96rem + .2vw, 1.125rem );
	line-height: 1.85;
	color: #e8e0d4;
	text-shadow: 0 1px 12px rgba( 5, 13, 18, .95 ), 0 0 3px rgba( 5, 13, 18, .8 );
	margin: 0 0 20px;
}

.tr-intro__p:last-of-type { margin-bottom: 0; }

.tr-intro__p:first-of-type {
	font-size: clamp( 1.0625rem, 1rem + .35vw, 1.25rem );
	color: #f4ebdf;
}

.tr-intro__cta {
	margin: 44px 0 0;
	text-align: center;
}

.tr-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	min-height: 52px;
	padding: 17px 46px;
	border: 1px solid rgba( 230, 126, 85, .55 );
	border-radius: 60px;
	background: rgba( 12, 26, 33, .55 );
	-webkit-backdrop-filter: blur( 10px );
	backdrop-filter: blur( 10px );
	color: #f7d9c4;
	font-family: 'Philosopher', Georgia, serif;
	font-size: 1rem;
	line-height: 1.2;
	letter-spacing: .14em;
	text-decoration: none;
	box-shadow: 0 0 34px rgba( 230, 126, 85, .22 ), inset 0 1px 0 rgba( 255, 255, 255, .06 );

	transition: border-color .35s ease, background .35s ease, color .35s ease, box-shadow .35s ease;
}

.tr-cta:hover,
.tr-cta:focus-visible {
	border-color: rgba( 240, 160, 120, .85 );
	background: rgba( 230, 126, 85, .16 );
	color: #fff6ec;
	box-shadow: 0 0 52px rgba( 230, 126, 85, .38 ), inset 0 1px 0 rgba( 255, 255, 255, .1 );
}

.tr-cta:focus-visible {
	outline: 2px solid #f0a078;
	outline-offset: 3px;
}

.tr-luuy__grid {
	display: grid;
	grid-template-columns: repeat( 2, 1fr );
	gap: 20px;
}

.tr-luuy__card {
	position: relative;
	padding: 30px 28px 32px;
	border: 1px solid rgba( 127, 209, 200, .22 );
	border-radius: 22px;
	background: linear-gradient( 160deg, rgba( 16, 31, 38, .72 ), rgba( 8, 21, 27, .78 ) );
	-webkit-backdrop-filter: blur( 14px );
	backdrop-filter: blur( 14px );
	box-shadow: 0 24px 60px rgba( 0, 0, 0, .5 ), inset 0 1px 0 rgba( 255, 255, 255, .06 );
}

.tr-luuy__card::after {
	content: counter( tr-luuy );
	position: absolute;
	top: 18px;
	right: 24px;
	font-family: 'Cinzel Decorative', 'Cormorant Garamond', Georgia, serif;
	font-size: 2.75rem;
	font-weight: 900;
	line-height: 1;
	color: rgba( 127, 209, 200, .13 );
	pointer-events: none;
}

.tr-luuy__grid { counter-reset: tr-luuy; }
.tr-luuy__card { counter-increment: tr-luuy; }

.tr-luuy__title {
	font-family: 'Philosopher', Georgia, serif;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.35;
	color: #8fc7bd;

	padding-right: 46px;
	margin: 0 0 14px;
}

.tr-luuy__p {
	font-size: .96875rem;
	line-height: 1.75;
	color: #dcd5c9;
	margin: 0 0 12px;
}

.tr-luuy__p:last-child { margin-bottom: 0; }

@media ( max-width: 768px ) {
	.tr-seo { padding: 44px 18px 60px; }

	.tr-intro,
	.tr-luuy { padding: 60px 18px 64px; }

	.tr-orn { margin-bottom: 26px; }

	.tr-luuy__grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.tr-luuy__card { padding: 24px 20px 26px; }

	.tr-luuy__card::after {
		font-size: 2rem;
		top: 14px;
		right: 18px;
	}

	.tr-luuy__title { padding-right: 36px; }

	.tr-cta {
		width: 100%;
		max-width: 340px;
		padding: 16px 24px;
	}
}

@media ( prefers-reduced-motion: reduce ) {
	.tr-cta { transition: none; }
}

.tr-scrollhint {
	position: fixed;
	left: 50%;
	bottom: 16px;
	translate: -50% 0;
	z-index: 40;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	gap: 3px;
	padding: 8px 14px;
	border: 0;
	background: none;
	color: rgba(244, 235, 223, .72);
	font-size: 10.5px;
	font-weight: 600;
	letter-spacing: .14em;
	text-transform: uppercase;
	cursor: pointer;
	animation: tr-hint 2.4s ease-in-out infinite;
	transition: opacity .3s ease;
}
.tr-scrollhint:hover { color: #e8a87c; }
.tr-scrollhint.is-gone { opacity: 0; pointer-events: none; animation: none; }

@keyframes tr-hint {
	0%, 100% { transform: translateY(0);   opacity: .7; }
	50%      { transform: translateY(6px); opacity: 1; }
}

@media ( prefers-reduced-motion: reduce ) {
	.tr-scrollhint { animation: none; }
}

body.tr-in-app .tr-intro,
body.tr-in-app .tr-luuy,
body.tr-in-app .tr-seo,
body.tr-in-app .tr-scrollhint {
	display: none;
}

.tr-cer {
	position: fixed;
	inset: 0;

	z-index: 10050;
	display: grid;
	place-items: center;
	padding: 20px;
}

.tr-cer[hidden] { display: none; }

.tr-cer__scrim {
	position: absolute;
	inset: 0;
	background: rgb( 5 13 18 / .86 );
	backdrop-filter: blur( 10px );
	-webkit-backdrop-filter: blur( 10px );
}

.tr-cer__box {
	position: relative;
	width: min( 620px, 100% );
	max-height: 88svh;
	overflow-y: auto;
	padding: 32px;
	border: 1px solid rgb( var( --c-gold-rgb, 230, 126, 85 ) / .28 );
	border-radius: 24px;
	background: var( --c-dark, #0b1720 );
	box-shadow: 0 30px 70px rgb( 5 13 18 / .6 );
	animation: tr-cer-in .26s ease both;
	text-align: center;
}

.tr-cer__step {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin: 0 0 14px;
	color: rgb( var( --c-gold-rgb, 230, 126, 85 ) );
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .16em;
	text-transform: uppercase;
}

.tr-cer__step i {
	display: block;
	width: 26px;
	height: 1px;
	background: rgb( var( --c-gold-rgb, 230, 126, 85 ) / .55 );
}

.tr-cer__h {
	margin: 0 0 12px;
	font-family: 'Cinzel Decorative', 'Philosopher', Georgia, serif;
	font-size: clamp( 22px, 3vw, 30px );
	font-weight: 600;
	line-height: 1.2;
	color: rgb( var( --c-gold-rgb, 230, 126, 85 ) );
}

.tr-cer__p {
	margin: 0 0 14px;
	color: rgb( var( --c-pale-rgb, 244, 235, 223 ) / .88 );
	font-family: 'EB Garamond', Georgia, serif;
	font-size: 16px;
	line-height: 1.75;
}

.tr-cer__p--soft { color: rgb( var( --c-pale-rgb, 244, 235, 223 ) / .66 ); font-size: 15px; }

.tr-breath {
	display: grid;
	place-items: center;
	width: 88px;
	height: 88px;
	margin: 4px auto 14px;
	border-radius: 50%;
	border: 2px solid rgb( var( --c-gold-rgb, 230, 126, 85 ) / .5 );
	background: rgb( var( --c-purple-deep-rgb, 16, 42, 51 ) / .6 );
	font-size: 36px;
	animation: tr-breath 3.4s ease-in-out infinite;
}

.tr-clock {
	margin: 0 auto 4px;
	font-family: 'Philosopher', Georgia, serif;
	font-size: 42px;
	font-weight: 600;
	letter-spacing: .06em;
	color: rgb( var( --c-pale-rgb, 244, 235, 223 ) );
	text-align: center;
	font-variant-numeric: tabular-nums;
}

.tr-cer__btns {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 12px;
	margin-top: 20px;
}

.tr-cer__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 52px;
	padding: 0 26px;
	border: 1px solid transparent;
	border-radius: 999px;
	cursor: pointer;
	font-family: 'Philosopher', Georgia, serif;
	font-size: 17px;
	font-weight: 600;
	letter-spacing: .02em;

	transition: background-color .22s ease, border-color .22s ease, color .22s ease;
}
.tr-cer__cta--primary {
	background: rgb( var( --c-gold-rgb, 230, 126, 85 ) / .16 );
	border-color: rgb( var( --c-gold-rgb, 230, 126, 85 ) / .7 );
	color: rgb( var( --c-gold-bright-rgb, 240, 160, 120 ) );
}
.tr-cer__cta--primary:hover {
	background: rgb( var( --c-gold-rgb, 230, 126, 85 ) / .28 );
	border-color: rgb( var( --c-gold-rgb, 230, 126, 85 ) );
}
.tr-cer__cta--ghost {
	background: transparent;
	border-color: rgb( var( --c-pale-rgb, 244, 235, 223 ) / .28 );
	color: rgb( var( --c-pale-rgb, 244, 235, 223 ) / .8 );
}
.tr-cer__cta--ghost:hover { border-color: rgb( var( --c-pale-rgb, 244, 235, 223 ) / .55 ); }

.tr-cer__note {
	flex-basis: 100%;
	color: rgb( var( --c-pale-rgb, 244, 235, 223 ) / .55 );
	font-size: 13px;
}

body.tr-noscroll { overflow: hidden; }

@keyframes tr-cer-in {
	from { opacity: 0; transform: translateY( 12px ) scale( .98 ); }
	to   { opacity: 1; transform: none; }
}
@keyframes tr-breath {
	0%, 100% { transform: scale( 1 );    box-shadow: 0 0 0 0 rgb( var( --c-gold-rgb, 230, 126, 85 ) / .26 ); }
	50%      { transform: scale( 1.06 ); box-shadow: 0 0 0 14px rgb( var( --c-gold-rgb, 230, 126, 85 ) / 0 ); }
}

@media ( prefers-reduced-motion: reduce ) {
	.tr-breath { animation: none; }
	.tr-cer__box { animation: none; }
}