:root {
	--navy-deep:		#070B1A;
	--navy-base:		#0D1225;
	--navy-surface:		#161C35;
	--navy-raised:		#212949;
	--gold:				#F5B942;
	--gold-light:		#FFE6A1;
	--ice:				#3FC6E0;
	--ice-light:		#A5EDF7;
	--mint:				#4ED3A4;
	--periwinkle:		#9080FF;
	--periwinkle-light:	#D8D2FF;
	--expressive-ember:	#FF6A2B;
	--expressive-rose:	#F2617F;
	--cloud-white:		#EDF2FA;
	--neutral-300:		#AEB8D0;
	--neutral-400:		#7E89A6;
	--neutral-500:		#5C6684;
	--neutral-600:		#464F69;
	--neutral-700:		#3D4873;
	--neutral-800:		#2A3356;
	--neutral-900:		#1C2340;

	--tint-gold-subtle:			rgba(245,185,66,0.06);
	--tint-gold:				rgba(245,185,66,0.12);
	--tint-gold-strong:			rgba(245,185,66,0.20);
	--tint-ice-subtle:			rgba(63,198,224,0.06);
	--tint-ice:					rgba(63,198,224,0.12);
	--tint-ice-strong:			rgba(63,198,224,0.20);
	--tint-mint-subtle:			rgba(78,211,164,0.06);
	--tint-mint:				rgba(78,211,164,0.12);
	--tint-mint-strong:			rgba(78,211,164,0.20);
	--tint-periwinkle-subtle:	rgba(144,128,255,0.06);
	--tint-periwinkle:			rgba(144,128,255,0.12);
	--tint-periwinkle-strong:	rgba(144,128,255,0.20);
	--tint-ember-subtle:		rgba(255,106,43,0.06);
	--tint-ember:				rgba(255,106,43,0.12);
	--tint-ember-strong:		rgba(255,106,43,0.20);
	--tint-rose-subtle:			rgba(242,97,127,0.06);
	--tint-rose:				rgba(242,97,127,0.12);
	--tint-rose-strong:			rgba(242,97,127,0.20);

	--gradient-sky:		radial-gradient(ellipse 130% 90% at 50% 0%, #1B2145 0%, var(--navy-base) 48%, var(--navy-deep) 100%);
	--gradient-dusk:	linear-gradient(135deg, var(--gold) 0%, var(--expressive-ember) 30%, var(--expressive-rose) 62%, var(--periwinkle) 100%);
	--gradient-sunrise:	linear-gradient(135deg, var(--gold-light) 0%, var(--gold) 38%, var(--expressive-ember) 100%);
	--gradient-aurora:	linear-gradient(135deg, var(--periwinkle) 0%, var(--ice) 55%, var(--mint) 100%);
	--gradient-halo:	conic-gradient(from 210deg, var(--periwinkle), var(--expressive-rose), var(--gold), var(--ice), var(--periwinkle));
	--gradient-brand:	linear-gradient(135deg, var(--gold-light) 0%, var(--gold) 100%);

	--radius-none:	0px;
	--radius-xs:	2px;
	--radius-sm:	4px;
	--radius-md:	6px;
	--radius-lg:	8px;
	--radius-xl:	12px;
	--radius-2xl:	20px;
	--radius-3xl:	32px;
	--radius-arch:	9999px 9999px 0 0;
	--radius-pill:	9999px;

	--size-18:	18px;
	--size-28:	28px;
	--size-36:	36px;
	--size-44:	44px;
	--size-48:	48px;

	--line-width:		1px;
	--line-width-thick:	1.5px;

	--spacing-0:	0px;
	--spacing-1:	4px;
	--spacing-2:	8px;
	--spacing-3:	12px;
	--spacing-4:	16px;
	--spacing-5:	20px;
	--spacing-6:	24px;
	--spacing-8:	32px;
	--spacing-10:	40px;
	--spacing-12:	48px;
	--spacing-16:	64px;
	--spacing-24:	96px;
	--spacing-30:	120px;

	--shadow-none:	none;
	--shadow-sm:	0 1px 2px rgba(3,5,12,0.40);
	--shadow-md:	0 4px 12px rgba(3,5,12,0.50);
	--shadow-lg:	0 12px 32px rgba(3,5,12,0.55);
	--shadow-xl:	0 24px 64px rgba(3,5,12,0.60);

	--glow-gold:		0 0 24px rgba(245,185,66,0.28);
	--glow-ice:			0 0 24px rgba(63,198,224,0.26);
	--glow-periwinkle:	0 0 24px rgba(144,128,255,0.30);
	--glow-ember:		0 0 32px rgba(255,106,43,0.30);

	--font-family:		'Lato', sans-serif;
	--font-family-mono:	'JetBrains Mono', monospace;

	--font-size-hero:				72px;
	--font-size-hero-small:			22px;
	--font-size-h1:					48px;
	--font-size-h2:					32px;
	--font-size-h3:					24px;
	--font-size-body:				16px;
	--font-size-button:				14px;
	--font-size-nav:				14px;
	--font-size-small:				12px;
	--font-size-xsmall:				9px;
	--font-line-height-hero:		70px;
	--font-line-height-hero-small:	32px;
	--font-line-height-h1:			51px;
	--font-line-height-h2:			36px;
	--font-line-height-h3:			28px;
	--font-line-height-body:		26px;
	--font-line-height-button:		18px;
	--font-line-height-nav:			20px;
	--font-line-height-small:		16px;
	--font-line-height-xsmall:		14px;

	--font-weight-regular:	400;
	--font-weight-bold:		700;
	--font-weight-heavy:	900;


	--bg-base:		var(--navy-base);
	--bg-surface:	var(--navy-surface);
	--bg-raised:	var(--navy-raised);
	--bg-overlay:	var(--navy-raised);
	--bg-deep:		var(--navy-deep);
	--body-bg:		var(--gradient-sky);

	--text-primary:		var(--cloud-white);
	--text-secondary:	var(--neutral-300);
	--text-tertiary:	var(--neutral-400);
	--text-muted:		var(--neutral-500);
	--text-disabled:	var(--neutral-600);
	--text-brand:		var(--gold);
	--text-link:		var(--ice);

	--border-subtle:			var(--neutral-900);
	--border-default:			var(--neutral-800);
	--border-strong:			var(--neutral-700);
	--border-interactive:		var(--neutral-600);
	--border-interactive-hover:	var(--neutral-400);
	--border-focus:				var(--periwinkle);

	--semantic-success:		var(--mint);
	--semantic-success-bg:	rgba(78,211,164,0.12);
	--semantic-error:		#FF5470;	/* 5.98:1 */
	--semantic-error-bg:	rgba(255,84,112,0.12);
	--semantic-warning:		#FFA033;	/* 9.14:1 */
	--semantic-warning-bg:	rgba(255,160,51,0.12);
	--semantic-info:		var(--ice);
	--semantic-info-bg:		rgba(63,198,224,0.12);

	--action-primary-bg:			var(--gold);
	--action-primary-text:			var(--navy-base);
	--action-primary-hover-bg:		#FFC95C;
	--action-primary-active-bg:		#DBA22F;
	--action-primary-disabled-bg:	#3A3524;
	--action-primary-disabled-text:	#6B6146;
	--action-secondary-bg:			var(--periwinkle);
	--action-secondary-text:		var(--navy-base);
	--action-secondary-hover-bg:	#A294FF;
	--action-secondary-active-bg:	#7A69E8;
	--action-tertiary-text:			var(--cloud-white);
	--action-tertiary-hover-bg:		rgba(237,242,250,0.06);
	--action-tertiary-active-bg:	rgba(237,242,250,0.1);
	--action-ghost-border:			var(--gold);
	--action-ghost-text:			var(--text-secondary);
	--action-ghost-hover-bg:		rgba(245,185,66,0.08);
	--action-ghost-active-bg:		rgba(245,185,66,0.14);
	--action-focus-ring:			var(--periwinkle);

	--item-hover-bg:				rgba(237,242,250,0.04);
	--item-active-bg:				rgba(245,185,66,0.1);

	--form-input-bg:			var(--navy-surface);
	--form-input-bg-disabled:	var(--navy-deep);
	--form-label:				var(--text-secondary);
	--form-focus-border:		var(--gold);
	--form-checkbox-hover-bg:	rgba(245,185,66,0.06);
	--form-switch-off-track:	var(--border-strong);
	--form-slider-track:		var(--border-default);

	--select-arrow:				url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6"%3E%3Cpath fill="%237E89A6" d="M0 0H10L5 6L0 0Z"/%3E%3C/svg%3E');
	--select-arrow-disabled:	url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6"%3E%3Cpath fill="%23464F69" d="M0 0H10L5 6L0 0Z"/%3E%3C/svg%3E');

	--input-padding-x:				var(--spacing-4);
	--input-padding-y:				var(--spacing-3);
	--input-radius:					var(--radius-lg);
	--input-font-size:				var(--font-size-body);
	--input-line-height:			var(--font-line-height-body);
	--input-border-width:			var(--line-width);
	--input-min-width:				220px;
	--input-select-padding-right:	var(--spacing-8);

	--field-label-gap:				var(--spacing-1);
	--control-label-gap:			var(--spacing-2);
	--input-message-gap:			var(--spacing-1);
	--input-option-padding-y:		var(--spacing-2);
	--input-option-padding-x:		var(--spacing-3);
	--label-font-size:				var(--font-size-button);
	--label-line-height:			var(--font-line-height-button);
	--control-label-font-size:		var(--font-size-body);
	--control-label-line-height:	var(--font-line-height-body);
	--input-message-font-size:		var(--font-size-small);
	--input-message-line-height:	var(--font-line-height-small);

	--button-height-sm:				var(--size-28);
	--button-height-md:				var(--size-36);
	--button-height-lg:				var(--size-44);
	--button-padding-x-sm:			var(--spacing-3);
	--button-padding-x-md:			var(--spacing-5);
	--button-padding-x-lg:			var(--spacing-6);
	--button-padding-y-sm:			var(--spacing-1);
	--button-padding-y-md:			var(--spacing-2);
	--button-padding-y-lg:			var(--spacing-3);
	--button-radius-sm:				var(--radius-sm);
	--button-radius-md:				var(--radius-md);
	--button-radius-lg:				var(--radius-lg);
	--button-font-size-sm:			var(--font-size-small);
	--button-font-line-height-sm:	var(--font-line-height-small);
	--button-font-size-md:			var(--font-size-button);
	--button-font-line-height-md:	var(--font-line-height-button);
	--button-font-size-lg:			var(--font-size-body);
	--button-font-line-height-lg:	var(--font-line-height-body);
	--button-font-weight:			var(--font-weight-heavy);
	--button-border-width:			var(--line-width);

	--checkbox-size:			var(--size-18);
	--checkbox-radius:			var(--radius-sm);
	--checkbox-border-width:	var(--line-width-thick);
	--radio-size:				var(--size-18);
	--radio-border-width:		var(--line-width-thick);
	--radio-dot-size:			8px;
	--checkbox-checkmark:		url('data:image/svg+xml,%3Csvg viewBox="0 0 14 11" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill="none" d="M0.657959 4.4194L5.45796 9.56226L12.658 0.562256" stroke="%230D1225" stroke-width="1.8"/%3E%3C/svg%3E');
	--checkbox-dash:			url('data:image/svg+xml,%3Csvg viewBox="0 0 10 2" xmlns="http://www.w3.org/2000/svg"%3E%3Crect width="10" height="2" rx="1" fill="%230D1225"/%3E%3C/svg%3E');

	--table-border-width:	var(--line-width);
	--table-cell-padding-y:	var(--spacing-2);
	--table-cell-padding-x:	var(--spacing-4);
	--table-radius:			var(--radius-lg);

	--nav-icon-size:			16px;
	--nav-indicator-width:		10px;
	--nav-panel-gap:			var(--spacing-6);
	--nav-item-gap:				var(--spacing-2);
	--nav-item-padding:			var(--spacing-3);
	--sub-nav-indent:			var(--spacing-4);
	--nav-item-font-size:		var(--font-size-nav);
	--nav-item-line-height:		var(--font-line-height-nav);
	--nav-indicator-gradient:				radial-gradient(10px 50% at 0% 50%, rgba(255, 106, 43, 0.50) 0%, rgba(245, 185, 66, 0.20) 62%, rgba(255, 230, 161, 0.00) 100%);
	--nav-indicator-gradient-hover:			radial-gradient(10px 50% at 0% 50%, rgba(144, 128, 255, 0.50) 0%, rgba(63, 198, 224, 0.20) 62%, rgba(78, 211, 164, 0.00) 100%);
	--nav-indicator-gradient-inline:		radial-gradient(50% 10px at 50% 100%, rgba(255, 106, 43, 0.50) 0%, rgba(245, 185, 66, 0.20) 62%, rgba(255, 230, 161, 0.00) 100%);
	--nav-indicator-gradient-inline-hover:	radial-gradient(50% 10px at 50% 100%, rgba(144, 128, 255, 0.50) 0%, rgba(63, 198, 224, 0.20) 62%, rgba(78, 211, 164, 0.00) 100%);

	--step-circle-size:			24px;
	--step-circle-border-width:	var(--line-width-thick);
	--step-line-width:			2px;
	--step-line-min-height:		32px;
	--step-min-width:			160px;
	--steps-gap:				var(--spacing-1);
	--step-gap:					var(--spacing-3);
	--step-graphic-gap:			var(--spacing-1);
	--step-horizontal-gap:		var(--spacing-2);
	--step-text-padding-left:	var(--spacing-2);
	--step-text-padding-right:	var(--spacing-6);
	--step-circle-radius:		var(--radius-pill);
	--step-line-radius:			var(--radius-pill);
	--step-text-font-size:		var(--font-size-small-web);
	--step-title-font-size:		var(--font-size-body);

	--ease-out:			cubic-bezier(0.0, 0.0, 0.2, 1);
	--ease-in:			cubic-bezier(0.4, 0.0, 1.0, 1.0);
	--ease-in-out:		cubic-bezier(0.4, 0.0, 0.2, 1);
	--ease-cinematic:	cubic-bezier(0.76, 0.0, 0.24, 1);

	--duration-instant:		80ms;
	--duration-fast:		150ms;
	--duration-standard:	250ms;
	--duration-emphasis:	400ms;
	--duration-deliberate:	600ms;

	--beta-line-height: 48px;
	--header-height: 72px;
	--page-margin: var(--spacing-4);
	--max-content-width: 1200px;
}


@media (min-width: 768px)  {
	:root {
		--page-margin: var(--spacing-6);
		--section-spacer: var(--spacing-12);
	}
}
@media (min-width: 1264px) {
	:root {
		--page-margin: var(--spacing-8);
		--section-spacer: var(--spacing-24);
	}
}


HTML, BODY, DIV, SPAN, APPLET, OBJECT, IFRAME, H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, PRE, A, ABBR, ACRONYM, ADDRESS, BIG, CITE, CODE, DEL, DFN, EM, IMG, INS, KBD, Q, S, SAMP, SMALL, STRIKE, STRONG, SUB, SUP, TT, VAR, B, U, I, CENTER, DL, DT, DD, FIELDSET, FORM, LABEL, LEGEND, TABLE, CAPTION, TBODY, TFOOT, THEAD, TR, TH, TD, ARTICLE, ASIDE, CANVAS, DETAILS, EMBED, FIGURE, FIGCAPTION, FOOTER, HEADER, HGROUP, MENU, NAV, OUTPUT, RUBY, SECTION, SUMMARY, TIME, MARK, AUDIO, VIDEO {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
OL, UL, LI {
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
OL, UL {
	margin-top: 1em;
	margin-bottom: 0;
	padding-left: 2em;
}
P + OL, P + UL {
	margin-top: 0;
}
I, EM {
	font-style: italic;
}
ARTICLE, ASIDE, DETAILS, FIGCAPTION, FIGURE, FOOTER, HEADER, HGROUP, MENU, NAV, SECTION {
	display: block;
}
BLOCKQUOTE, Q {
	quotes: none;
}
BLOCKQUOTE:before, Q:before, BLOCKQUOTE:after, Q:after {
	content: '';
	content: none;
}
TABLE {
	border-spacing: 0;
}
IMG, INPUT[type=image], VIDEO, EMBED, IFRAME, MARQUEE, OBJECT {
	aspect-ratio: attr(width) / attr(height);
	display: block;
	max-width: 100%;
}
INPUT, BUTTON, TEXTAREA, SELECT {
	font: inherit;
}
*, *::before, *::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
*:first-child {
	margin-top: 0 !important;
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		transition-duration: 0ms !important;
		animation-duration: 0ms !important;
	}
}



HTML {
	scroll-behavior: smooth;
}
BODY {
	font-family: var(--font-family);
	font-weight: var(--font-weight-regular);
	font-size: var(--font-size-body);
	line-height: var(--font-line-height-body);
	color: var(--text-primary);
	min-height: 100vh;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background: var(--body-bg);
}

H1 {
	font-size: var(--font-size-h1);
	line-height: var(--font-line-height-h1);
	font-weight: var(--font-weight-heavy);
	color: var(--text-primary);
	margin: 2em 0 0.5em;
}
H2 {
	font-size: var(--font-size-h2);
	line-height: var(--font-line-height-h2);
	font-weight: var(--font-weight-bold);
	color: var(--text-primary);
	margin: 2em 0 0.5em;
}
H3 {
	font-size: var(--font-size-h3);
	line-height: var(--font-line-height-h3);
	font-weight: var(--font-weight-bold);
	color: var(--text-primary);
	margin: 2em 0 0.5em;
}
P {
	margin: 1em 0 0;
}

A {
	color: var(--text-link);
	text-decoration: none;
}
A:hover {
	text-decoration: underline;
}

SMALL {
	font-size: var(--font-size-small);
	line-height: var(--font-line-height-small);
}


.btn {
	display: inline-block;
}
.btn, INPUT[type=submit], INPUT[type=button], BUTTON {
	font-family: inherit;
	cursor: pointer;
	font-weight: var(--font-weight-heavy);
}
:is(.btn, INPUT[type=submit], INPUT[type=button], BUTTON):disabled, :is(.btn, INPUT[type=submit], INPUT[type=button], BUTTON).disabled {
	cursor: not-allowed;
}
.btn-sm	{
	display: inline-block;
	min-height: var(--button-height-sm);
	padding: var(--button-padding-y-sm) var(--button-padding-x-sm);
	border-radius: var(--button-radius-sm);
	font-size: var(--button-font-size-sm);
	line-height: var(--button-font-line-height-sm);
	font-weight: var(--button-font-weight);
}
.btn-md	{
	display: inline-block;
	min-height: var(--button-height-md);
	padding: var(--button-padding-y-md) var(--button-padding-x-md);
	border-radius: var(--button-radius-md);
	font-size: var(--button-font-size-md);
	line-height: var(--button-font-line-height-md);
	font-weight: var(--button-font-weight);
}
.btn-lg	{
	display: inline-block;
	min-height: var(--button-height-lg);
	padding: var(--button-padding-y-lg) var(--button-padding-x-lg);
	border-radius: var(--button-radius-lg);
	font-size: var(--button-font-size-lg);
	line-height: var(--button-font-line-height-lg);
	font-weight: var(--button-font-weight);
}
.btn-primary {
	background: var(--action-primary-bg);
	color: var(--action-primary-text);
	border: none;
}
.btn-primary:hover, .btn-primary.hover {
	background: var(--action-primary-hover-bg);
	text-decoration: none;
}
.btn-primary:active, .btn-primary.active {
	background: var(--action-primary-active-bg);
}
.btn-primary:disabled, .btn-primary.disabled {
	background: var(--action-primary-disabled-bg);
	color: var(--action-primary-disabled-text);
	opacity: 1;
}
.btn-secondary {
	background: var(--action-secondary-bg);
	color: var(--action-secondary-text);
	border: none;
}
.btn-secondary:hover, .btn-secondary.hover {
	background: var(--action-secondary-hover-bg);
	text-decoration: none;
}
.btn-secondary:active, .btn-secondary.active {
	background: var(--action-secondary-active-bg);
}
.btn-secondary:disabled, .btn-secondary.disabled {
	background: var(--action-secondary-bg);
	color: var(--action-secondary-text);
	opacity: 0.35;
}
.btn-tertiary {
	background: transparent;
	color: var(--action-tertiary-text);
	border: var(--button-border-width) solid var(--border-interactive);
}
.btn-tertiary:hover, .btn-tertiary.hover {
	background: var(--action-tertiary-hover-bg);
	border-color: var(--border-interactive-hover);
	text-decoration: none;
}
.btn-tertiary:active, .btn-tertiary.active {
	background: var(--action-tertiary-active-bg);
	border-color: var(--border-interactive-hover);
}
.btn-tertiary:disabled, .btn-tertiary.disabled {
	background: transparent;
	color: var(--action-tertiary-text);
	border-color: var(--border-default);
	opacity: 0.35;
}
.btn-ghost {
	background: transparent;
	color: var(--action-ghost-text);
	border: var(--button-border-width) solid transparent;
}
.btn-ghost:hover, .btn-ghost.hover {
	background: var(--action-ghost-hover-bg);
	border-color: var(--action-ghost-border);
	text-decoration: none;
}
.btn-ghost:active, .btn-ghost.active {
	background: var(--action-ghost-active-bg);
	border-color: var(--action-ghost-border);
}
.btn-ghost:disabled, .btn-ghost.disabled {
	background: transparent;
	color: var(--action-ghost-text);
	border-color: transparent;
	opacity: 0.3;
}
.btn-destructive {
	background: transparent;
	color: var(--semantic-error);
	border: var(--button-border-width) solid var(--semantic-error);
}
.btn-destructive:hover, .btn-destructive.hover {
	background: var(--semantic-error-bg);
	text-decoration: none;
}
.btn-destructive:active, .btn-destructive.active {
	background: var(--semantic-error-bg);
}
.btn-destructive:disabled, .btn-destructive.disabled {
	background: transparent;
	color: var(--semantic-error);
	border: var(--button-border-width) solid var(--semantic-error);
	opacity: 0.3;
}

.nav-panel {
	display: flex;
	flex-direction: column;
	gap: 0;
}
.nav-panel.horizontal {
	flex-direction: row;
	gap: var(--nav-panel-gap);
	justify-content: flex-start;
}
.nav-item {
	width: auto;
	display: flex;
	align-items: center;
	gap: var(--nav-item-gap);
	flex-grow: 1;
	flex-shrink: 0;
	padding: var(--nav-item-padding);
	font-size: var(--nav-item-font-size);
	line-height: var(--nav-item-line-height);
	color: var(--text-secondary);
	cursor: default;
	text-decoration: none;
	cursor: pointer;
	white-space: nowrap;
	position: relative;
}
.nav-panel.horizontal .nav-item {
	flex-grow: 0;
}
.nav-item:is(:hover, .hover) {
	text-decoration: none;
}
.nav-item:not(:is(.active, .disabled)):is(:hover, .hover) {
	color: var(--text-primary);
	background: var(--nav-indicator-gradient-hover);
}
.nav-panel.horizontal .nav-item:not(:is(.active, .disabled)):is(:hover, .hover) {
	background: var(--nav-indicator-gradient-inline-hover);
}
.nav-item.active {
	cursor: default;
	color: var(--text-brand);
	background: var(--nav-indicator-gradient);
}
.nav-panel.horizontal .nav-item.active {
	border-color: var(--action-primary-bg);
	background: var(--nav-indicator-gradient-inline);
}
.nav-item.disabled {
	color: var(--text-disabled);
	cursor: not-allowed;
}
.nav-icon {
	flex: var(--nav-icon-size) 0 0;
	aspect-ratio: 1;
	border-radius: var(--nav-icon-radius);
	align-self: flex-start;
}

.icon {
	display: flex;
	justify-content: stretch;
	align-items: stretch;
	aspect-ratio: 1;
	width: 32px;
	height: 32px;
}
.icon svg {
	width: 100%;
	height: 100%;
	fill: currentColor;
}

.text-w-icon {
	display: flex;
	align-items: center;
	gap: var(--spacing-2);
}


INPUT, SELECT, TEXTAREA {
	appearance: none;
	-webkit-appearance: none;
}
INPUT:not(:is([type=button], [type=reset], [type=submit], [type=image], [type=checkbox], [type=radio], [type=range])) {
	display: inline-block;
	min-width: var(--input-min-width);
	max-width: 100%;
	padding: var(--input-padding-y) var(--input-padding-x);
	border-radius: var(--input-radius);
	font-family: var(--font-family);
	font-size: var(--input-font-size);
	line-height: var(--input-line-height);
	background: var(--form-input-bg);
	border: var(--input-border-width) solid var(--border-interactive);
	color: var(--text-primary);
	outline: none;
	transition: border-color var(--duration-fast) var(--ease-out),
				box-shadow var(--duration-fast) var(--ease-out);
}
INPUT:not(:is([type=button], [type=reset], [type=submit], [type=image], [type=checkbox], [type=radio], [type=range]))::placeholder {
	color: var(--text-tertiary);
}
INPUT:not(:is([type=button], [type=reset], [type=submit], [type=image], [type=checkbox], [type=radio], [type=range])):hover,
INPUT:not(:is([type=button], [type=reset], [type=submit], [type=image], [type=checkbox], [type=radio], [type=range])).hover {
	border-color: var(--border-interactive-hover);
}
INPUT:not(:is([type=button], [type=reset], [type=submit], [type=image], [type=checkbox], [type=radio], [type=range])):focus,
INPUT:not(:is([type=button], [type=reset], [type=submit], [type=image], [type=checkbox], [type=radio], [type=range])).focus {
	border-color: var(--form-focus-border);
}
INPUT:not(:is([type=button], [type=reset], [type=submit], [type=image], [type=checkbox], [type=radio], [type=range])):disabled,
INPUT:not(:is([type=button], [type=reset], [type=submit], [type=image], [type=checkbox], [type=radio], [type=range])).disabled {
	background: var(--form-input-bg-disabled);
	border-color: var(--border-subtle);
	color: var(--text-tertiary);
	-webkit-text-fill-color: var(--text-tertiary);
	cursor: not-allowed;
}
INPUT:not(:is([type=button], [type=reset], [type=submit], [type=image], [type=checkbox], [type=radio], [type=range])):user-invalid,
INPUT:not(:is([type=button], [type=reset], [type=submit], [type=image], [type=checkbox], [type=radio], [type=range])).error {
	border-color: var(--semantic-error);
}
INPUT:not(:is([type=button], [type=reset], [type=submit], [type=image], [type=checkbox], [type=radio], [type=range])).warning {
	border-color: var(--semantic-warning);
}
INPUT:not(:is([type=button], [type=reset], [type=submit], [type=image], [type=checkbox], [type=radio], [type=range])).success {
	border-color: var(--semantic-success);
}
SELECT {
	min-width: var(--input-min-width);
	padding: var(--input-padding-y) var(--input-select-padding-right) var(--input-padding-y) var(--input-padding-x);
	border-radius: var(--input-radius);
	border: var(--input-border-width) solid var(--border-interactive);
	background-color: var(--form-input-bg);
	background-image: var(--select-arrow);
	background-repeat: no-repeat;
	background-position: right var(--spacing-3) center;
	background-size: 10px 6px;
	color: var(--text-primary);
	font-family: var(--font-family);
	font-size: var(--input-font-size);
	line-height: var(--input-line-height);
	cursor: pointer;
	outline: none;
	transition: border-color var(--duration-fast) var(--ease-out),
				box-shadow var(--duration-fast) var(--ease-out);
}
SELECT::placeholder {
	color: var(--text-tertiary);
}
SELECT:hover, SELECT.hover {
	border-color: var(--border-interactive-hover);
}
SELECT:focus, SELECT.focus {
	border-color: var(--form-focus-border);
}
SELECT:disabled, SELECT.disabled {
	background-color: var(--form-input-bg-disabled);
	background-image: var(--select-arrow-disabled);
	border-color: var(--border-subtle);
	color: var(--text-tertiary);
	-webkit-text-fill-color: var(--text-tertiary);
	cursor: not-allowed;
	position: relative;
}
SELECT:user-invalid,
SELECT.error {
	border-color: var(--semantic-error);
}
SELECT.warning {
	border-color: var(--semantic-warning);
}
SELECT.success {
	border-color: var(--semantic-success);
}
SELECT::picker-icon {
	display: none;
}
SELECT.listbox {
	padding: 0;
	background-image: none;
}
SELECT OPTION {
	padding: var(--input-option-padding-y) var(--input-option-padding-x);
	color: var(--text-primary);
	min-height: var(--input-option-height);
	color: var(--text-primary);
	font-family: var(--font-family);
	font-size: var(--input-font-size-md);
}
SELECT OPTION:hover {
	background: var(--item-hover-bg);
}
SELECT OPTION:checked {
	background: var(--item-active-bg);
	color: var(--text-brand);
}
SELECT OPTION:disabled {
	background: var(--form-input-bg-disabled);
	border-color: var(--border-subtle);
	color: var(--text-tertiary);
	-webkit-text-fill-color: var(--text-tertiary);
	cursor: not-allowed;
}
TEXTAREA {
	display: block;
	min-width: var(--input-min-width);
	max-width: 100%;
	min-height: calc(var(--input-padding-y) * 2 + var(--input-line-height) * 2 + 2px);
	padding: var(--input-padding-y) var(--input-padding-x);
	border-radius: var(--input-radius);
	font-family: var(--font-family);
	font-size: var(--input-font-size);
	line-height: var(--input-line-height);
	background: var(--form-input-bg);
	border: var(--input-border-width) solid var(--border-interactive);
	color: var(--text-primary);
	outline: none;
	resize: vertical;
	transition: border-color var(--duration-fast) var(--ease-out),
				box-shadow var(--duration-fast) var(--ease-out);
}
TEXTAREA::placeholder {
	color: var(--text-tertiary);
}
TEXTAREA:hover, TEXTAREA.hover {
	border-color: var(--border-interactive-hover);
}
TEXTAREA:focus, TEXTAREA.focus {
	border-color: var(--form-focus-border);
}
TEXTAREA:disabled, TEXTAREA.disabled {
	background: var(--form-input-bg-disabled);
	border-color: var(--border-subtle);
	color: var(--text-tertiary);
	-webkit-text-fill-color: var(--text-tertiary);
	cursor: not-allowed;
}
TEXTAREA:is(:user-invalid, .error) {
	border-color: var(--semantic-error);
}
TEXTAREA.warning {
	border-color: var(--semantic-warning);
}
TEXTAREA.success {
	border-color: var(--semantic-success);
}
LABEL {
	font-size: var(--label-font-size);
	line-height: var(--label-line-height);
	color: var(--text-brand);
	text-transform: uppercase;
	letter-spacing: 0.05em;
}
LABEL + :is(INPUT, SELECT, TEXTAREA) {
	margin-top: var(--field-label-gap);
}
LABEL:has(INPUT:is([type=checkbox], [type=radio])) {
	font-size: var(--control-label-font-size);
	color: var(--text-primary);
	cursor: pointer;
	display: inline-block;
}
LABEL > INPUT:is([type=checkbox], [type=radio]), INPUT:is([type=checkbox], [type=radio]):has( + LABEL) {
	margin-right: var(--control-label-gap);
}
:is(INPUT, SELECT, TEXTAREA) + .input-message {
	display: none;
	margin-top: var(--input-message-gap);
	font-size: var(--input-message-font-size);
}
:is(:is(INPUT, SELECT, TEXTAREA):user-invalid, :is(INPUT, SELECT, TEXTAREA).error) + .input-message {
	display: block;
	color: var(--semantic-error);
}
:is(INPUT, SELECT, TEXTAREA).warning + .input-message {
	display: block;
	color: var(--semantic-warning);
}
:is(INPUT, SELECT, TEXTAREA).success + .input-message {
	display: block;
	color: var(--semantic-success);
}
FORM {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-8);

}
.form-field {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-1);
}



#site-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
}
.beta-line {
	width: 100%;
	padding: var(--spacing-3) var(--page-margin);
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: rgba(33, 41, 73, 0.5);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}
.header-wr {
	padding: 0 var(--page-margin);
	background: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border-bottom-color: var(--border-subtle);
	transition:
		background var(--duration-standard) var(--ease-out),
		border-color var(--duration-standard) var(--ease-out),
		backdrop-filter var(--duration-standard) var(--ease-out);
}
.header-inner {
	height: var(--header-height);
	max-width: var(--max-content-width);
	width: 100%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.header-logo IMG, .header-logo svg {
	height: 40px;
	aspect-ratio: 3;
	width: auto;
	display: block;
}
.header-right {
	display: none;
	position: fixed;
	top: var(--header-height);
	left: 0;
	right: 0;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--spacing-6);
	padding: var(--spacing-6) var(--page-margin);
	background: rgba(22, 28, 54, 0.95);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border-bottom: 1px solid var(--border-subtle);
}
.header-right.is-open {
	display: flex;
}
.header-nav {
	flex-direction: column;
	align-items: flex-start;
	gap: var(--spacing-4);
	width: 100%;
}
.header-hamburger {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 5px;
	background: none;
	border: none;
	cursor: pointer;
	padding: var(--spacing-2);
	width: 36px;
	height: 36px;
}
.header-hamburger SPAN {
	display: block;
	width: 22px;
	height: 2px;
	background: var(--text-primary);
	border-radius: 1px;
	transition:
		transform var(--duration-standard) var(--ease-out),
		opacity var(--duration-standard) var(--ease-out);
}
.nav-item {
	width: 100%;
}
#site-header .btn {
	white-space: nowrap;
}

.header-hamburger[aria-expanded="true"] span:nth-child(1) {
	transform: translateY(7px) rotate(45deg);
}
.header-hamburger[aria-expanded="true"] span:nth-child(2) {
	opacity: 0;
}
.header-hamburger[aria-expanded="true"] span:nth-child(3) {
	transform: translateY(-7px) rotate(-45deg);
}

@media (min-width: 768px) {
	#site-header .header-wr {
		background: none;
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
		border-bottom-color: transparent;
	}
	#site-header.scrolled .header-wr {
		background: rgba(0, 0, 0, 0.5);
		backdrop-filter: blur(12px);
		-webkit-backdrop-filter: blur(12px);
		border-bottom-color: var(--border-subtle);
	}
	.header-right {
		position: static;
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: var(--spacing-16);
		padding: 0;
		background: none;
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
		border-bottom: none;
	}
	.header-nav {
		flex-direction: row;
		gap: var(--nav-panel-gap);
		justify-content: flex-start;
	}
	.header-nav .nav-item {
		flex-grow: 0;
	}
	.header-nav .nav-item:not(:is(.active, .disabled)):is(:hover, .hover) {
		background: var(--nav-indicator-gradient-inline-hover);
	}
	.header-nav .nav-item.active {
		border-color: var(--action-primary-bg);
		background: var(--nav-indicator-gradient-inline);
	}
	.header-hamburger {
		display: none;
	}
	.nav-item {
		width: auto;
	}
}

SECTION .section-wr {
	width: 100%;
	max-width: calc(1200px + 2 * var(--page-margin));
	margin: 0 auto;
	padding: var(--spacing-24) var(--page-margin);
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: var(--spacing-16);
}
SECTION.full-screen {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	align-items: stretch;
}
SECTION .divider {
	position: relative;
	height: 10px;
	background: radial-gradient(50% 100% at 50% 100%, rgba(144, 128, 255, 0.50) 0%, rgba(63, 198, 224, 0.25) 62%, rgba(78, 211, 164, 0.00) 100%);
}
SECTION .divider::after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
	background: linear-gradient(90deg, rgba(78, 211, 164, 0) 0%, rgba(63, 198, 224, 1) 25%, rgba(144, 128, 255, 1) 50%, rgba(63, 198, 224, 1) 75%, rgba(78, 211, 164, 0) 100%);
}
SECTION:nth-child(4n+1) .divider {
	background: radial-gradient(50% 100% at 50% 100%, rgba(245, 185, 66, 0.50) 0%, rgba(255, 230, 161, 0.00) 100%);
}
SECTION:nth-child(4n+1) .divider::after {
	background: linear-gradient(90deg, rgba(255, 230, 161, 0) 0%, rgba(245, 185, 66, 1) 50%,rgba(255, 230, 161, 0) 100%);
}
SECTION:nth-child(4n+2) .divider {
	background: radial-gradient(50% 100% at 50% 100%, rgba(255, 106, 43, 0.50) 0%, rgba(245, 185, 66, 0.25) 62%, rgba(255, 230, 161, 0.00) 100%);
}
SECTION:nth-child(4n+2) .divider::after {
	background: linear-gradient(90deg, rgba(255, 230, 161, 0) 0%, rgba(245, 185, 66, 1) 19%, rgba(255, 106, 43, 1) 50%, rgba(245, 185, 66, 1) 81%, rgba(255, 230, 161, 0) 100%);
}
SECTION:nth-child(4n+3) .divider {
	background: radial-gradient(50% 100% at 50% 100%, rgba(245, 185, 66, 0.50) 0%, rgba(63, 198, 224, 0.50) 50%, rgba(144, 128, 255, 0.00) 100%);
}
SECTION:nth-child(4n+3) .divider::after {
	background: linear-gradient(90deg, rgba(144, 128, 255, 0) 0%, rgba(63, 198, 224, 1) 25%, rgba(245, 185, 66, 1) 50%, rgba(63, 198, 224, 1) 75%,rgba(144, 128, 255, 0) 100%);
}
SECTION:last-child .divider {
	display: none;
}

SECTION .header {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: var(--spacing-10);
}
SECTION:not(#long-text) :is(H1, H2, H3) {
	margin: 0;
}
SECTION:not(#long-text) H2 {
	font-size: var(--font-size-h1);
	line-height: var(--font-line-height-h1);
	font-weight: var(--font-weight-heavy);
	color: var(--text-primary);
	max-width: 980px;
}
SECTION .text {
	max-width: 800px;
}
MAIN.no-hero SECTION:first-child {
	padding-top: calc(var(--beta-line-height) + var(
	--header-height));
}

#hero {
	flex-direction: column;
	align-items: stretch;
	background: radial-gradient(50% 100% at 50% 0%, #1B2145 0%, var(--navy-base) 48%, var(--navy-deep) 100%);
	padding-top: calc(var(--beta-line-height) + var(
	--header-height));
}
SECTION#hero::after {
	display: none;
}
.hero-wr {
	max-width: calc(1200px + 2 * var(--page-margin));
	margin: 0 auto;
}
.hero-main {
	flex-grow: 1;
	display: flex;
	align-items: center;
	justify-content: stretch;
	position: relative;
}
.hero-bg {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.hero-bg .hero-arcs {
	position: absolute;
	right: 0;
	bottom: 0;
	aspect-ratio: 2;
	width: 50%;
	background: url('data:image/svg+xml;utf8,%3Csvg%20width%3D%22737%22%20height%3D%22365%22%20viewBox%3D%220%200%20737%20365%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask%20id%3D%22mask0_4091_201%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22737%22%20height%3D%22365%22%3E%3Crect%20width%3D%22737%22%20height%3D%22365%22%20fill%3D%22white%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url%28%23mask0_4091_201%29%22%3E%3Cpath%20d%3D%22M413%20691C607.956%20691%20766%20544.821%20766%20364.5C766%20184.179%20607.956%2038%20413%2038C218.043%2038%2060%20184.179%2060%20364.5C60%20544.821%20218.043%20691%20413%20691Z%22%20stroke%3D%22url%28%23paint0_linear_4091_201%29%22%20stroke-width%3D%221.15%22%2F%3E%3Cpath%20d%3D%22M413%20624.491C568.243%20624.491%20694.093%20508.089%20694.093%20364.5C694.093%20220.911%20568.243%20104.509%20413%20104.509C257.757%20104.509%20131.907%20220.911%20131.907%20364.5C131.907%20508.089%20257.757%20624.491%20413%20624.491Z%22%20stroke%3D%22url%28%23paint1_linear_4091_201%29%22%20stroke-width%3D%220.95%22%2F%3E%3Cpath%20d%3D%22M413%20561.005C530.335%20561.005%20625.454%20473.027%20625.454%20364.5C625.454%20255.974%20530.335%20167.996%20413%20167.996C295.665%20167.996%20200.546%20255.974%20200.546%20364.5C200.546%20473.027%20295.665%20561.005%20413%20561.005Z%22%20stroke%3D%22url%28%23paint2_linear_4091_201%29%22%20stroke-width%3D%220.9%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_4091_201%22%20x1%3D%227.70371%22%20y1%3D%22334.269%22%20x2%3D%22479.443%22%20y2%3D%22-11.3423%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23F5B942%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%220.38%22%20stop-color%3D%22%23F5B942%22%20stop-opacity%3D%220.1%22%2F%3E%3Cstop%20offset%3D%220.7%22%20stop-color%3D%22%23FFE6A1%22%20stop-opacity%3D%220.58%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F5B942%22%20stop-opacity%3D%220.18%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint1_linear_4091_201%22%20x1%3D%2260%22%20y1%3D%22334.269%22%20x2%3D%22467.319%22%20y2%3D%2210.6571%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FF6A2B%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%220.52%22%20stop-color%3D%22%23FF6A2B%22%20stop-opacity%3D%220.08%22%2F%3E%3Cstop%20offset%3D%220.82%22%20stop-color%3D%22%23F5B942%22%20stop-opacity%3D%220.34%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FFE6A1%22%20stop-opacity%3D%220.08%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint2_linear_4091_201%22%20x1%3D%2292.6852%22%20y1%3D%22340.315%22%20x2%3D%22428.296%22%20y2%3D%2230.2427%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%238B7CFF%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%220.48%22%20stop-color%3D%22%238B7CFF%22%20stop-opacity%3D%220.13%22%2F%3E%3Cstop%20offset%3D%220.82%22%20stop-color%3D%22%238B7CFF%22%20stop-opacity%3D%220.46%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238B7CFF%22%20stop-opacity%3D%220.08%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') no-repeat;
	background-size: contain;
}
.hero-bg .hero-gr {
	position: absolute;
	right: 0;
	bottom: 0;
	aspect-ratio: 2;
	width: 50%;

	opacity: 0.5;
	background:
		radial-gradient(16% 10% at 56% 100%, rgba(255, 255, 244, 0.99) 0%, rgba(255, 238, 190, 0.91) 18%, rgba(245, 185, 66, 0.51) 40%, rgba(245, 185, 66, 0.12) 65%, rgba(0, 0, 0, 0.00) 82%),
		radial-gradient(60% 100% at 56% 100%, rgba(255, 250, 232, 0.45) 0%, rgba(255, 230, 161, 0.34) 9%, rgba(245, 185, 66, 0.20) 23%, rgba(255, 106, 43, 0.06) 39%, rgba(144, 128, 255, 0.03) 55%, rgba(0, 0, 0, 0.00) 73%);
}
.hero-bg .hero-border {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;

	background: linear-gradient(90deg, rgba(144, 128, 255, 0.00) 0%, rgba(245, 185, 66, 0.50) 50%, rgba(144, 128, 255, 0.00) 100%);
}
.hero-bg .hero-arcs + .hero-border {
	background: linear-gradient(90deg, rgba(221, 191, 95, 0.00) 0%, rgba(233, 188, 81, 0.50) 60.04%, var(--brand-sunrise-gold, #F5B942) 75%, rgba(221, 191, 95, 0.00) 100%);
}
.hero-main .hero-wr {
	max-width: calc(1200px + 2 * var(--page-margin));
	padding: var(--spacing-30) var(--page-margin);
	flex-grow: 1;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	gap: var(--spacing-6) var(--spacing-10);
	position: relative;
	z-index: 10;
}
#hero.full-screen .hero-main .hero-wr {
	padding: var(--spacing-12) var(--page-margin);
}
.hero-main .hero-content {
	flex-grow: 2;
	flex-shrink: 2;
	flex-basis: 60%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: var(--spacing-6);
	position: relative;
	z-index: 10;
}
.hero-main .hero-img {
	display: none;
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 30%;
}
.hero-text {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--spacing-4);
	max-width: 880px;
}
#hero H1 {
	font-size: var(--font-size-hero);
	line-height: var(--font-line-height-hero);
	color: var(--text-primary);
}
#hero P {
	font-size: var(--font-size-hero-small);
	line-height: var(--font-line-height-hero-small);
	color: var(--text-secondary);
}
#hero .ctas {
	display: flex;
	flex-wrap: wrap;
	gap: var(--spacing-6);
}
.hero-footer {
	width: 100%;
	max-width: calc(1200px + 2 * var(--page-margin));
	padding: var(--spacing-8) var(--page-margin);
	margin: 0 auto;
	flex-grow: 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: var(--spacing-12);
}
.hero-footer > DIV {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-3);
	flex-grow: 1;
	flex-shrink: 1;
}
.hero-footer > DIV {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-3);
	flex-grow: 1;
	flex-shrink: 1;
}
.hero-footer .clouds {
	flex-grow: 2;
	flex-shrink: 2;
}
.hero-footer .title {
	font-size: var(--font-size-small);
	line-height: var(--font-line-height-small);
	color: var(--text-tertiary);
	text-transform: uppercase;
	letter-spacing: 0.05em;
}
.hero-footer .logos {
	display: flex;
	flex-wrap: wrap;
	gap: var(--spacing-6);
	align-items: center;
	color: var(--text-secondary);
}
.hero-footer .logos .logo {
	display: flex;
	justify-content: stretch;
	align-items: stretch;
}
.hero-footer .logos .logo svg {
	width: 100%;
	height: 100%;
	fill: currentColor;
}
.hero-footer .logos .logo.aws {
	width: 36px;
	height: 24px;
}
.hero-footer .logos .logo.azure {
	width: 64px;
	height: 20px;
}
.hero-footer .logos .logo.googlecloud {
	width: 107px;
	height: 17px;
}
.hero-footer .logos .logo.hetzner {
	width: 89px;
	height: 11px;
}
.hero-footer .logos .logo.mariadb {
	width: 107px;
	height: 32px;
}
.hero-footer .logos .logo.mysql {
	width: 59px;
	height: 40px;
}
.hero-footer .logos .logo.ovhcloud {
	width: 103px;
	height: 17px;
}
.hero-footer .logos .logo.postgresql {
	width: 158px;
	height: 32px;
}
.hero-footer .logos .logo.scaleway {
	width: 84px;
	height: 17px;
}
.hero-footer .logos .logo.upcloud {
	width: 79px;
	height: 15px;
}
.hero-footer .more {
	font-size: var(--font-size-small);
	line-height: var(--font-line-height-small);
	color: var(--text-tertiary);
}

@media (min-width: 996px) {
	.hero-main .hero-img {
		display: block;
	}
}

@media (max-width: 767px) {
	#hero H1 {
		font-size: 48px;
		line-height: 46px;
	}
	#hero P {
		font-size: 18px;
		line-height: 27px;
	}

	.hero-footer {
		flex-wrap: wrap;
	}
}

@media (max-width: 736px) {
	:root {
		--beta-line-height: 76px;
	}
}

@media (max-width: 397px) {
	:root {
		--beta-line-height: 102px;
	}
}


SECTION#team .cards{
	display: flex;
	flex-wrap: wrap;
	gap: var(--spacing-6);
	justify-content: flex-start;
	align-items: stretch;
}
SECTION#team .card {
	flex-basis: 40%;
	flex-grow: 1;
	min-width: 288px;
	padding: var(--spacing-6);
	border-radius: var(--radius-2xl);
	border: 1px solid var(--border-default);
	background: var(--navy-surface);
	display: flex;
	flex-direction: column;
	gap: var(--spacing-3);
}
SECTION#team .card .avatar {
	width: 64px;
	height: 64px;
	border-radius: var(--radius-pill);
	overflow: hidden;
}
SECTION#team .card .avatar IMG {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
SECTION#team .card .content {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-3);
}
SECTION#team .card H3 {
	font-weight: var(--font-weight-regular);
}
SECTION#team .card .role {
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: var(--text-secondary);
}
SECTION#team .card .text {
	color: var(--text-secondary);
}
SECTION#team .card .social {
	display: flex;
	gap: var(--spacing-2);
}
SECTION#team .card .social .icon {
	width: 20px;
	height: 20px;
}
SECTION#team .card .social A.icon:hover {
	color: var(--text-primary);
}


SECTION#contact-us .section-wr {
	flex-direction: row;
	flex-wrap: wrap;
	gap: var(--spacing-8) var(--spacing-24);
	justify-content: center;
}
SECTION#contact-us .info {
	flex-basis: 180px;
	flex-grow: 1;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--spacing-8);
	padding-top: var(--spacing-10);
}
SECTION#contact-us .info .text-w-icon {
	align-items: flex-start;
	color: var(--text-primary);
}
SECTION#contact-us .info .icon {
	width: 26px;
	height: 26px;
}
SECTION#contact-us .form {
	flex-grow: 4;
	min-width: 288px;
	padding: var(--spacing-6);
	border-radius: var(--radius-xl);
	border: 1px solid var(--border-default);
	background: var(--navy-surface);
}

@media (min-width: 768px) {
	SECTION#contact-us .form {
		padding: var(--spacing-10);
		border-radius: var(--radius-2xl);
	}
}


SECTION#join-beta .section-wr {
	flex-direction: row-reverse;
	flex-wrap: wrap;
	gap: var(--spacing-8) var(--spacing-16);
	justify-content: center;
}
SECTION#join-beta .info {
	flex-basis: 180px;
	flex-grow: 1;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--spacing-8);
}
SECTION#join-beta .info .items {
	flex-grow: 1;
	margin-top: var(--spacing-4);
	display: flex;
	flex-direction: column;
	border-left: 1px solid var(--border-default);
}
SECTION#join-beta .info .item {
	--item-color: 245, 185, 66;

	position: relative;
	padding: var(--spacing-4) var(--spacing-6);
	border-right: 1px solid var(--border-default);
	display: flex;
	flex-direction: column;
	gap: var(--spacing-3);
}
SECTION#join-beta .info .item.item2 {
	--item-color: 63, 198, 224;
}
SECTION#join-beta .info .item.item3 {
	--item-color: 144, 128, 255;
}
SECTION#join-beta .info .item:not(:last-child) {
	border-bottom: 1px solid var(--border-default);
}
SECTION#join-beta .info .item .heading {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-3);
}
SECTION#join-beta .info .item .heading .icon {
	color: rgb(var(--item-color));
	width: 30px;
	height: 30px;
}
SECTION#join-beta .info .item .text {
	color: var(--text-secondary);
}
SECTION#join-beta .info .item .glow {
	position: absolute;
	top: var(--spacing-4);
	left: -1px;
	width: 8px;
	height: 30px;
	border-left: 1px solid rgb(var(--item-color));
	background: radial-gradient(100% 50% at 0% 50%, rgba(var(--item-color), 0.70) 0%, rgba(var(--item-color), 0.00) 100%);
}
SECTION#join-beta .form {
	flex-grow: 4;
	min-width: 288px;
	padding: var(--spacing-6);
	border-radius: var(--radius-xl);
	border: 1px solid var(--border-default);
	background: var(--navy-surface);
}


@media (min-width: 768px) {
	SECTION#join-beta .form {
		padding: var(--spacing-10);
		border-radius: var(--radius-2xl);
	}
}


SECTION#long-text .content :not(IMG, TABLE) {
	max-width: 800px;
}


SECTION.privacy-policy .info-blocks {
	display: flex;
	flex-wrap: wrap;
	gap: var(--spacing-8);
	margin-top: 1em;
}
SECTION.privacy-policy .info-block {
	padding: var(--spacing-6);
	border-radius: var(--radius-2xl);
	border: 1px solid var(--border-default);
	background: var(--navy-surface);
}