/* Amber Coast landing — brand tokens from MAIN/WWW */

:root {
	--ac-bg-root: #080a0f;
	--ac-bg-hero: #0e1018;
	--ac-bg-panel: #12161f;
	--ac-bg-elevated: #181e2a;

	--ac-border: #2e3848;
	--ac-border-subtle: #1c2433;
	--ac-border-amber: rgba(232, 168, 56, 0.35);

	--ac-text-primary: #f0ebe3;
	--ac-text-secondary: #a8b0c4;
	--ac-text-muted: #6e7a94;

	--ac-accent: #e8a838;
	--ac-accent-bright: #f0c56a;
	--ac-accent-dim: #a87828;
	--ac-accent-glow: rgba(232, 168, 56, 0.22);
	--ac-coastal: #4a9fd4;
	--ac-coastal-dim: #2d5f82;

	--ac-font-display: "Oswald", "Segoe UI", system-ui, sans-serif;
	--ac-font-body: "Manrope", "Segoe UI", system-ui, sans-serif;

	--ac-radius-sm: 6px;
	--ac-radius-md: 12px;
	--ac-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
	--ac-motion-fast: 0.2s;
	--ac-motion-medium: 0.45s;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	min-height: 100vh;
	font-family: var(--ac-font-body);
	background: #0c0907;
	color: var(--ac-text-primary);
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	position: relative;
}

/* WWW SiteAmbientBackground — animated mode (orbs + fog + embers) */
.ambient {
	position: fixed;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	overflow: hidden;
}

.ambient__base {
	position: absolute;
	inset: 0;
	background:
		radial-gradient(ellipse 120% 75% at 50% -8%, rgba(232, 168, 56, 0.26), transparent 54%),
		radial-gradient(ellipse 55% 45% at 8% 85%, rgba(72, 110, 62, 0.2), transparent 48%),
		radial-gradient(ellipse 45% 38% at 92% 72%, rgba(160, 90, 35, 0.16), transparent 42%),
		linear-gradient(180deg, #0c0907 0%, #0a0806 32%, #0c0a08 48%, #0e0c09 100%);
}

.ambient__top-glow {
	position: absolute;
	top: 0;
	left: -12%;
	right: -12%;
	height: min(48vh, 420px);
	background:
		radial-gradient(ellipse 85% 70% at 50% 0%, rgba(232, 168, 56, 0.2), transparent 68%),
		radial-gradient(ellipse 50% 45% at 18% 12%, rgba(160, 95, 40, 0.12), transparent 58%);
}

.ambient__lower-glow {
	position: absolute;
	left: -10%;
	right: -10%;
	bottom: 0;
	height: 72%;
	background:
		radial-gradient(ellipse 70% 55% at 50% 88%, rgba(232, 168, 56, 0.32), transparent 68%),
		radial-gradient(ellipse 45% 40% at 18% 70%, rgba(72, 110, 62, 0.22), transparent 62%);
}

.ambient__warm {
	position: absolute;
	inset: 0;
	opacity: 0.9;
	background: radial-gradient(ellipse 90% 55% at 50% 100%, rgba(120, 70, 30, 0.18), transparent 62%);
}

.ambient__noise {
	position: absolute;
	inset: 0;
	opacity: 0.06;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
	background-size: 180px 180px;
	mix-blend-mode: soft-light;
}

.ambient__fog-top {
	position: absolute;
	inset: -8% -18% 62%;
	opacity: 0.85;
	background:
		radial-gradient(ellipse 75% 55% at 42% 18%, rgba(255, 200, 120, 0.16), transparent 62%),
		radial-gradient(ellipse 55% 40% at 78% 8%, rgba(232, 168, 56, 0.12), transparent 58%);
	animation: ambientFogSweep 18s ease-in-out infinite;
}

.ambient__fog {
	position: absolute;
	inset: 20% -20% -15%;
	opacity: 0.92;
	background: radial-gradient(ellipse 80% 50% at 35% 55%, rgba(255, 200, 120, 0.2), transparent 58%);
	animation: ambientFogSweep 18s ease-in-out infinite;
}

.ambient__fog-lower {
	position: absolute;
	inset: 45% -25% -20%;
	opacity: 0.88;
	background: radial-gradient(ellipse 70% 45% at 65% 60%, rgba(232, 168, 56, 0.18), transparent 60%);
	animation: ambientFogSweep 24s ease-in-out infinite reverse;
}

.ambient__orb {
	position: absolute;
	border-radius: 50%;
	filter: blur(72px);
	transform: translate3d(0, 0, 0);
}

.ambient__orb--top {
	width: min(58vw, 520px);
	height: min(58vw, 520px);
	left: 28%;
	top: -22%;
	background: rgba(232, 168, 56, 0.28);
	animation: ambientOrbDrift 30s ease-in-out infinite alternate-reverse;
}

.ambient__orb--amber {
	width: min(72vw, 620px);
	height: min(72vw, 620px);
	left: -8%;
	top: 52%;
	filter: blur(76px);
	background: rgba(232, 168, 56, 0.42);
	animation: ambientOrbDrift 22s ease-in-out infinite alternate;
}

.ambient__orb--copper {
	width: min(48vw, 420px);
	height: min(48vw, 420px);
	right: -8%;
	top: 58%;
	filter: blur(68px);
	background: rgba(160, 95, 40, 0.28);
	animation: ambientOrbDrift 30s ease-in-out infinite alternate-reverse;
}

.ambient__orb--jungle {
	width: min(40vw, 360px);
	height: min(40vw, 360px);
	left: 10%;
	bottom: 4%;
	background: rgba(58, 92, 52, 0.24);
	animation: ambientOrbDrift 22s ease-in-out infinite alternate;
}

.ambient__embers-top,
.ambient__embers {
	position: absolute;
	inset: 0;
}

.ambient__embers-top {
	clip-path: inset(0 0 72% 0);
}

.ambient__embers {
	clip-path: inset(38% 0 0 0);
}

.ambient__ember {
	position: absolute;
	border-radius: 50%;
	background: rgba(255, 210, 130, 0.78);
	box-shadow: 0 0 14px rgba(232, 168, 56, 0.55);
	animation: ambientEmberRise linear infinite;
}

.ambient__ember--top {
	background: rgba(255, 210, 130, 0.72);
	box-shadow: 0 0 12px rgba(232, 168, 56, 0.45);
	animation-name: ambientEmberTopDrift;
}

@keyframes ambientOrbDrift {
	from { transform: translate3d(0, 0, 0) scale(1); }
	to { transform: translate3d(4%, -3%, 0) scale(1.08); }
}

@keyframes ambientFogSweep {
	0%, 100% { transform: translate3d(-3%, 0, 0); opacity: 0.7; }
	50% { transform: translate3d(4%, -2%, 0); opacity: 1; }
}

@keyframes ambientEmberTopDrift {
	0% { transform: translate3d(0, 0, 0); opacity: 0; }
	12% { opacity: 0.75; }
	88% { opacity: 0.35; }
	100% { transform: translate3d(-10px, 18vh, 0); opacity: 0; }
}

@keyframes ambientEmberRise {
	0% { transform: translate3d(0, 0, 0); opacity: 0; }
	10% { opacity: 0.85; }
	85% { opacity: 0.4; }
	100% { transform: translate3d(12px, -85vh, 0); opacity: 0; }
}

.page {
	position: relative;
	z-index: 1;
}

img {
	max-width: 100%;
	height: auto;
}

a {
	color: inherit;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

/* ── Site topbar + portal nav (WWW-style) ── */
.site-topbar {
	position: sticky;
	top: 0;
	z-index: 45;
	width: 100%;
	background: rgba(10, 8, 6, 0.72);
	backdrop-filter: blur(16px) saturate(1.15);
	border-bottom: 1px solid rgba(232, 168, 56, 0.16);
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.22);
}

.site-topbar__inner {
	max-width: 72rem;
	margin: 0 auto;
	padding: 0.62rem 1.15rem;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	align-items: center;
	gap: 0.85rem;
}

.site-topbar__brand {
	display: inline-flex;
	flex-shrink: 0;
	justify-self: start;
	line-height: 0;
	transition: opacity 0.18s ease, transform 0.18s ease;
}

.site-topbar__brand:hover {
	opacity: 0.92;
	transform: translateY(-1px);
}

.site-topbar__brand img {
	height: 2rem;
	width: auto;
}

.site-topbar__lang {
	justify-self: end;
	flex-shrink: 0;
}

.site-topbar__menu-btn {
	display: none;
	justify-self: end;
	width: 2.4rem;
	height: 2.4rem;
	border-radius: 999px;
	border: 1px solid rgba(232, 168, 56, 0.35);
	background: rgba(18, 13, 10, 0.85);
	color: #fff4d4;
	cursor: pointer;
	align-items: center;
	justify-content: center;
	transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.site-topbar__menu-btn:hover {
	border-color: rgba(232, 168, 56, 0.55);
	background: rgba(232, 168, 56, 0.12);
	box-shadow: 0 0 16px rgba(232, 168, 56, 0.12);
}

.site-topbar__menu-icon,
.site-topbar__menu-icon::before,
.site-topbar__menu-icon::after {
	display: block;
	width: 1rem;
	height: 2px;
	background: currentColor;
	border-radius: 2px;
	position: relative;
}

.site-topbar__menu-icon::before,
.site-topbar__menu-icon::after {
	content: "";
	position: absolute;
	left: 0;
}

.site-topbar__menu-icon::before { top: -5px; }
.site-topbar__menu-icon::after { top: 5px; }

.portal-nav {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	gap: 0.2rem;
	padding: 0.28rem;
	margin: 0;
	justify-self: center;
	border-radius: 999px;
	border: 1px solid rgba(232, 168, 56, 0.32);
	background: linear-gradient(180deg, rgba(28, 20, 14, 0.94) 0%, rgba(12, 9, 7, 0.92) 100%);
	box-shadow:
		0 0 0 1px rgba(255, 220, 160, 0.05) inset,
		0 6px 20px rgba(0, 0, 0, 0.28);
}

.portal-nav__link {
	display: inline-flex;
	align-items: center;
	padding: 0.48rem 0.95rem;
	border-radius: 999px;
	font-family: var(--ac-font-body);
	font-size: 0.74rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-decoration: none;
	color: rgba(210, 195, 175, 0.78);
	white-space: nowrap;
	transition:
		color 0.18s ease,
		background 0.18s ease,
		box-shadow 0.18s ease,
		transform 0.18s ease;
}

.portal-nav__link:hover {
	color: #fff4d4;
	background: rgba(232, 168, 56, 0.14);
	box-shadow: 0 0 14px rgba(232, 168, 56, 0.08);
	transform: translateY(-1px);
}

.portal-nav__link.is-active {
	color: #fffaf2;
	background: linear-gradient(180deg, rgba(232, 168, 56, 0.34) 0%, rgba(180, 120, 40, 0.26) 100%);
	box-shadow:
		0 0 0 1px rgba(255, 220, 160, 0.1) inset,
		0 0 18px rgba(232, 168, 56, 0.16);
}

.portal-nav__link.is-active:hover {
	color: #fffaf2;
	background: linear-gradient(180deg, rgba(240, 180, 70, 0.4) 0%, rgba(190, 130, 45, 0.3) 100%);
}

.portal-nav-backdrop {
	display: none;
}

@media (max-width: 960px) {
	.site-topbar__inner {
		display: flex;
		gap: 0.65rem;
	}

	.site-topbar__menu-btn {
		display: inline-flex;
		margin-left: auto;
	}

	.site-topbar__lang {
		margin-left: 0;
		justify-self: auto;
	}

	.portal-nav {
		display: none;
		position: fixed;
		top: 3.75rem;
		left: 1rem;
		right: 1rem;
		z-index: 46;
		flex-direction: column;
		align-items: stretch;
		flex-wrap: nowrap;
		gap: 0.25rem;
		padding: 0.65rem;
		border-radius: 14px;
		margin: 0;
		justify-self: auto;
	}

	.portal-nav.is-open {
		display: flex;
	}

	.portal-nav__link {
		justify-content: flex-start;
		padding: 0.75rem 0.9rem;
	}

	.portal-nav-backdrop.is-open {
		display: block;
		position: fixed;
		inset: 0;
		z-index: 44;
		background: rgba(0, 0, 0, 0.45);
	}
}

/* Content pages (rules / support) */
.content-body .page,
.legal-body .page {
	padding-top: 0;
}

.content-page {
	position: relative;
	z-index: 1;
	max-width: 68rem;
	margin: 0 auto;
	padding: 1.5rem 1.25rem 2.5rem;
}

.content-hero {
	margin-bottom: 1.5rem;
}

.content-hero__eyebrow {
	margin: 0 0 0.45rem;
	font-family: var(--ac-font-body);
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgba(232, 168, 56, 0.82);
}

.content-hero__title {
	margin: 0 0 0.45rem;
	font-family: var(--ac-font-display);
	font-size: clamp(1.6rem, 3.5vw, 2.2rem);
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #fffaf2;
}

.content-hero__subtitle {
	margin: 0;
	max-width: 38rem;
	font-family: var(--ac-font-body);
	font-size: 0.95rem;
	line-height: 1.55;
	color: #b8a894;
}

.rules-pills {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem;
	margin-top: 1rem;
}

.rules-pill {
	display: inline-flex;
	padding: 0.4rem 0.75rem;
	border-radius: 999px;
	border: 1px solid rgba(232, 168, 56, 0.28);
	background: rgba(18, 13, 10, 0.7);
	color: #e8dcc8;
	font-family: var(--ac-font-body);
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-decoration: none;
	text-transform: uppercase;
}

.rules-pill:hover {
	border-color: rgba(232, 168, 56, 0.5);
	color: #fff4d4;
}

.rules-stack {
	display: flex;
	flex-direction: column;
	gap: 1.75rem;
}

.rules-section {
	scroll-margin-top: 5rem;
}

.rules-section__title {
	margin: 0 0 0.35rem;
	font-family: var(--ac-font-display);
	font-size: 1.15rem;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #fff4d4;
}

.rules-section__desc {
	margin: 0 0 0.9rem;
	color: #9a8b78;
	font-size: 0.9rem;
}

.rule-cards {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.75rem;
}

@media (min-width: 820px) {
	.rule-cards {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.rule-card {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 1rem 1.05rem 1.1rem;
	border-radius: 12px;
	border: 1px solid rgba(232, 168, 56, 0.24);
	background: linear-gradient(155deg, rgba(30, 22, 14, 0.96) 0%, rgba(16, 12, 8, 0.92) 100%);
	box-shadow:
		0 0 0 1px rgba(255, 220, 160, 0.05) inset,
		0 8px 22px rgba(0, 0, 0, 0.28);
	transition:
		border-color 0.18s ease,
		background 0.18s ease,
		box-shadow 0.18s ease,
		transform 0.18s ease;
}

.rule-card:hover {
	border-color: rgba(232, 168, 56, 0.44);
	background: linear-gradient(155deg, rgba(38, 28, 18, 0.98) 0%, rgba(22, 16, 10, 0.95) 100%);
	box-shadow:
		0 0 0 1px rgba(255, 220, 160, 0.1) inset,
		0 8px 22px rgba(0, 0, 0, 0.34),
		0 0 16px rgba(232, 168, 56, 0.1);
	transform: translateY(-2px);
}

.rule-card__top {
	display: flex;
	align-items: flex-start;
	gap: 0.65rem;
	margin-bottom: 0.55rem;
}

.rule-card__num {
	display: inline-flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	min-width: 1.75rem;
	height: 1.75rem;
	padding: 0 0.35rem;
	border-radius: 999px;
	border: 1px solid rgba(232, 168, 56, 0.35);
	background: rgba(232, 168, 56, 0.1);
	font-family: var(--ac-font-body);
	font-size: 0.72rem;
	font-weight: 700;
	color: #f5d78a;
}

.rule-card__title {
	margin: 0;
	flex: 1;
	font-family: var(--ac-font-display);
	font-size: 0.95rem;
	font-weight: 600;
	letter-spacing: 0.03em;
	line-height: 1.3;
	color: #fff4d4;
}

.rule-card__body,
.rule-card__note {
	margin: 0;
	font-family: var(--ac-font-body);
	font-size: 0.86rem;
	line-height: 1.6;
	color: rgba(225, 210, 190, 0.88);
}

.rule-card__bullets {
	margin: 0.55rem 0 0;
	padding-left: 1.15rem;
	font-size: 0.84rem;
	line-height: 1.55;
	color: rgba(210, 195, 175, 0.88);
}

.rule-card__note {
	margin-top: 0.55rem;
	color: rgba(232, 168, 56, 0.88);
	font-size: 0.8rem;
	font-style: italic;
}

.pack-limits {
	display: flex;
	flex-direction: column;
	gap: 1.15rem;
}

.pack-category__title {
	margin: 0 0 0.55rem;
	font-family: var(--ac-font-display);
	font-size: 0.95rem;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #fff4d4;
}

.pack-category__count {
	margin-left: 0.45rem;
	font-family: var(--ac-font-body);
	font-size: 0.72rem;
	font-weight: 500;
	letter-spacing: 0;
	text-transform: none;
	color: #8a7a68;
}

.pack-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(11.5rem, 1fr));
	gap: 0.65rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.pack-card {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 0.4rem;
	min-height: 4.6rem;
	padding: 0.78rem 0.85rem;
	border-radius: 12px;
	border: 1px solid rgba(232, 168, 56, 0.22);
	background: linear-gradient(155deg, rgba(30, 22, 14, 0.94) 0%, rgba(14, 11, 8, 0.9) 100%);
	box-shadow:
		0 0 0 1px rgba(255, 220, 160, 0.04) inset,
		0 6px 16px rgba(0, 0, 0, 0.22);
	transition:
		border-color 0.18s ease,
		background 0.18s ease,
		box-shadow 0.18s ease,
		transform 0.18s ease;
}

.pack-card:hover {
	border-color: rgba(232, 168, 56, 0.4);
	background: linear-gradient(155deg, rgba(38, 28, 18, 0.98) 0%, rgba(20, 14, 10, 0.95) 100%);
	box-shadow:
		0 0 0 1px rgba(255, 220, 160, 0.08) inset,
		0 8px 20px rgba(0, 0, 0, 0.3),
		0 0 14px rgba(232, 168, 56, 0.08);
	transform: translateY(-2px);
}

.pack-card__species {
	font-family: var(--ac-font-body);
	font-weight: 700;
	color: #fff4e0;
	font-size: 0.88rem;
	line-height: 1.25;
}

.pack-card__limit {
	font-size: 0.72rem;
	color: #e8b84a;
	font-weight: 600;
	letter-spacing: 0.02em;
}

.pack-category--carnivore .pack-card { border-color: rgba(220, 90, 70, 0.32); }
.pack-category--herbivore .pack-card { border-color: rgba(90, 180, 100, 0.32); }
.pack-category--omnivore .pack-card { border-color: rgba(200, 160, 70, 0.32); }
.pack-category--carnivore .pack-card:hover { border-color: rgba(220, 90, 70, 0.5); }
.pack-category--herbivore .pack-card:hover { border-color: rgba(90, 180, 100, 0.5); }
.pack-category--omnivore .pack-card:hover { border-color: rgba(200, 160, 70, 0.5); }

.support-intro {
	margin: 0 0 1.5rem;
	padding: 0.9rem 1rem;
	border-radius: 12px;
	border: 1px solid rgba(232, 168, 56, 0.22);
	background: rgba(232, 168, 56, 0.08);
	color: #e8dcc8;
	font-size: 0.92rem;
	line-height: 1.55;
}

.support-benefits__label {
	margin: 0 0 0.35rem;
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: rgba(232, 168, 56, 0.82);
}

.support-benefits__title {
	margin: 0 0 0.9rem;
	font-family: var(--ac-font-display);
	font-size: 1.15rem;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #fff4d4;
}

.support-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
	gap: 0.75rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.support-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 8.5rem;
	padding: 1rem 1.05rem 1.1rem;
	border-radius: 12px;
	border: 1px solid rgba(232, 168, 56, 0.24);
	background: linear-gradient(155deg, rgba(30, 22, 14, 0.96) 0%, rgba(16, 12, 8, 0.92) 100%);
	box-shadow:
		0 0 0 1px rgba(255, 220, 160, 0.05) inset,
		0 8px 22px rgba(0, 0, 0, 0.28);
	transition:
		border-color 0.18s ease,
		background 0.18s ease,
		box-shadow 0.18s ease,
		transform 0.18s ease;
}

.support-card:hover {
	border-color: rgba(232, 168, 56, 0.44);
	background: linear-gradient(155deg, rgba(38, 28, 18, 0.98) 0%, rgba(22, 16, 10, 0.95) 100%);
	box-shadow:
		0 0 0 1px rgba(255, 220, 160, 0.1) inset,
		0 8px 22px rgba(0, 0, 0, 0.34),
		0 0 16px rgba(232, 168, 56, 0.1);
	transform: translateY(-2px);
}

.support-card.is-unavailable,
.support-card.is-wip {
	opacity: 0.78;
}

.support-card.is-wip:hover {
	opacity: 0.9;
}

.support-card__badge {
	display: inline-flex;
	align-self: flex-start;
	margin-bottom: 0.55rem;
	padding: 0.2rem 0.55rem;
	border-radius: 999px;
	border: 1px solid rgba(232, 168, 56, 0.35);
	background: rgba(232, 168, 56, 0.1);
	font-size: 0.65rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #f5d78a;
}

.support-card.is-wip .support-card__badge {
	border-color: rgba(180, 150, 100, 0.4);
	color: #d4c4a8;
	background: rgba(120, 100, 70, 0.12);
}

.support-card__title {
	margin: 0 0 0.4rem;
	font-family: var(--ac-font-display);
	font-size: 0.92rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #fffaf2;
	line-height: 1.3;
}

.support-card__body {
	margin: 0;
	margin-top: auto;
	font-size: 0.82rem;
	line-height: 1.55;
	color: #a89880;
}

.support-fair {
	margin: 1rem 0 0;
	font-size: 0.84rem;
	color: #9a8b78;
	line-height: 1.5;
}

.support-cta {
	margin-top: 2rem;
	padding: 1.25rem 1.1rem;
	border-radius: 14px;
	border: 1px solid rgba(232, 168, 56, 0.26);
	background: linear-gradient(165deg, rgba(26, 19, 12, 0.95) 0%, rgba(14, 11, 8, 0.9) 100%);
	text-align: center;
}

.support-cta__title {
	margin: 0 0 0.9rem;
	font-family: var(--ac-font-display);
	font-size: 1.1rem;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #fff4d4;
}

.support-cta__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.65rem;
}

.support-cta__disabled {
	opacity: 0.55;
	pointer-events: none;
	cursor: not-allowed;
}

.support-cta__note {
	margin: 0.85rem 0 0;
	font-size: 0.82rem;
	color: #9a8b78;
}

/* ── Status bar (legacy lang-only; kept for previews) ── */
.status-bar {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 40;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 0.55rem 0.75rem;
	background: transparent;
	pointer-events: none;
}

.status-bar--lang-only {
	border: none;
	backdrop-filter: none;
}

.status-bar__lang {
	position: static;
	transform: none;
	pointer-events: auto;
}

.lang-switcher {
	position: relative;
}

.lang-trigger {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.38rem 0.65rem;
	border: 1px solid rgba(232, 168, 56, 0.3);
	border-radius: 999px;
	background: linear-gradient(180deg, rgba(28, 20, 14, 0.94) 0%, rgba(12, 9, 7, 0.92) 100%);
	color: var(--ac-text-primary);
	font-family: var(--ac-font-body);
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	cursor: pointer;
	box-shadow: 0 0 0 1px rgba(255, 220, 160, 0.04) inset;
	transition:
		border-color 0.18s ease,
		background 0.18s ease,
		box-shadow 0.18s ease,
		transform 0.18s ease;
}

.lang-trigger:hover,
.lang-switcher.is-open .lang-trigger {
	border-color: rgba(232, 168, 56, 0.52);
	background: linear-gradient(180deg, rgba(38, 28, 18, 0.96) 0%, rgba(18, 13, 10, 0.94) 100%);
	box-shadow: 0 0 16px rgba(232, 168, 56, 0.12);
	transform: translateY(-1px);
}

.lang-trigger__flag {
	width: 18px;
	height: 12px;
	object-fit: cover;
	border-radius: 2px;
}

.lang-trigger__chevron {
	opacity: 0.65;
	font-size: 0.65rem;
}

.lang-menu {
	display: none;
	position: absolute;
	top: calc(100% + 0.4rem);
	right: 0;
	min-width: 8.5rem;
	padding: 0.35rem;
	border-radius: var(--ac-radius-sm);
	border: 1px solid rgba(232, 168, 56, 0.22);
	background: linear-gradient(180deg, rgba(26, 19, 13, 0.98), rgba(12, 9, 7, 0.98));
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45);
	z-index: 50;
}

.lang-switcher.is-open .lang-menu {
	display: block;
}

.lang-option {
	display: flex;
	align-items: center;
	gap: 0.55rem;
	width: 100%;
	padding: 0.45rem 0.55rem;
	border: none;
	border-radius: 4px;
	background: transparent;
	color: var(--ac-text-secondary);
	font-family: var(--ac-font-body);
	font-size: 0.8rem;
	cursor: pointer;
	text-align: left;
}

.lang-option:hover {
	background: rgba(232, 168, 56, 0.1);
	color: var(--ac-text-primary);
}

.lang-option.is-active {
	background: rgba(232, 168, 56, 0.16);
	color: var(--ac-text-primary);
}

.lang-option__flag {
	width: 18px;
	height: 12px;
	object-fit: cover;
	border-radius: 2px;
}

.status-dot {
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	background: var(--ac-text-muted);
	box-shadow: 0 0 0 0 transparent;
}

.status-dot--online {
	background: var(--ac-accent);
	box-shadow: 0 0 0 0 rgba(232, 168, 56, 0.55);
	animation: statusPulse 2.4s ease-out infinite;
}

.status-dot--offline {
	background: #c45c5c;
}

@keyframes statusPulse {
	0% { box-shadow: 0 0 0 0 rgba(232, 168, 56, 0.45); }
	70% { box-shadow: 0 0 0 8px rgba(232, 168, 56, 0); }
	100% { box-shadow: 0 0 0 0 rgba(232, 168, 56, 0); }
}

/* ── Hero ── */
.hero {
	position: relative;
	min-height: calc(100vh - 3.5rem);
	min-height: calc(100dvh - 3.5rem);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	padding: 2.5rem 1.25rem 3rem;
}

.hero__media {
	position: absolute;
	inset: 0;
	z-index: 0;
}

.hero__poster,
.hero__video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 24%;
}

.hero__poster {
	filter: sepia(0.1) saturate(1.15) brightness(0.9);
}

.hero__video-stack {
	position: absolute;
	inset: 0;
}

.hero__video {
	filter: sepia(0.12) saturate(1.2) contrast(1.03) brightness(0.98);
	transform: none;
	transition: opacity 600ms ease-in-out;
	opacity: 0;
}

.hero__video.is-active {
	opacity: 1;
	z-index: 1;
}

.hero__video.is-incoming {
	z-index: 2;
}

.hero__grade {
	position: absolute;
	inset: 0;
	z-index: 3;
	background: linear-gradient(115deg, rgba(232, 168, 56, 0.14), transparent 48%);
	mix-blend-mode: soft-light;
	pointer-events: none;
}

.hero__scrim-top {
	position: absolute;
	inset: 0;
	z-index: 4;
	background: linear-gradient(180deg, rgba(10, 8, 6, 0.45) 0%, transparent 22%);
	pointer-events: none;
}

.hero__scrim-center {
	position: absolute;
	inset: 0;
	z-index: 5;
	background: radial-gradient(ellipse 85% 65% at 50% 48%, rgba(12, 9, 6, 0.52), transparent 72%);
	pointer-events: none;
}

.hero__scrim-bottom {
	position: absolute;
	inset: 0;
	z-index: 6;
	background: linear-gradient(0deg, rgba(8, 10, 15, 0.95) 0%, rgba(8, 10, 15, 0.4) 32%, transparent 58%);
	pointer-events: none;
}

.hero__light-leak {
	position: absolute;
	inset: 0;
	z-index: 7;
	background: radial-gradient(ellipse 50% 42% at 50% 44%, rgba(232, 168, 56, 0.14), transparent);
	pointer-events: none;
	opacity: 0.85;
}

.hero__inner {
	position: relative;
	z-index: 10;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	max-width: 52rem;
	width: 100%;
	animation: heroRise 0.9s var(--ac-ease-out) both;
}

@keyframes heroRise {
	from {
		opacity: 0;
		transform: translateY(18px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.hero__brand {
	display: block;
	margin: 0 auto;
}

.hero__brand-btn {
	display: block;
	margin: 0 auto 0.15rem;
	padding: 0;
	border: none;
	background: none;
	cursor: pointer;
}

.hero__brand-img {
	display: block;
	width: clamp(270px, 70vw, 760px);
	max-height: min(29vh, 255px);
	height: auto;
	margin: 0 auto;
	object-fit: contain;
	filter: drop-shadow(0 6px 24px rgba(0, 0, 0, 0.38));
	pointer-events: none;
}

/* WWW premium logo hover / press */
.premium-logo {
	position: relative;
	border-radius: 8px;
	transition:
		transform 0.32s cubic-bezier(0.22, 1, 0.36, 1),
		filter 0.32s ease;
}

.premium-logo--hero {
	border-radius: 10px;
}

.premium-logo--hero:hover,
.premium-logo--hero:focus-visible {
	transform: translateY(-2px) scale(1.014);
	filter:
		drop-shadow(0 6px 20px rgba(0, 0, 0, 0.32))
		drop-shadow(0 0 14px rgba(232, 168, 56, 0.22));
}

.premium-logo--hero:active {
	transform: translateY(-1px) scale(1.008);
	filter:
		drop-shadow(0 4px 14px rgba(0, 0, 0, 0.3))
		drop-shadow(0 0 10px rgba(232, 168, 56, 0.16));
}

.premium-logo:focus-visible {
	outline: 2px solid rgba(232, 168, 56, 0.52);
	outline-offset: 6px;
}

@media (hover: none) {
	.premium-logo:hover,
	.premium-logo:focus-visible {
		transform: none;
		filter: none;
	}
}

.hero__tagline {
	margin: 1.1rem 0 0;
	max-width: 28rem;
	font-size: clamp(1rem, 2.4vw, 1.2rem);
	font-weight: 500;
	line-height: 1.45;
	color: var(--ac-text-secondary);
	text-wrap: balance;
}

.hero__ctas {
	margin-top: 1.5rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 0.75rem;
}

.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.55rem;
	font-family: var(--ac-font-body);
	font-weight: 600;
	font-size: 1rem;
	letter-spacing: 0.02em;
	text-decoration: none;
	cursor: pointer;
	transition:
		border-color 0.2s ease,
		background 0.2s ease,
		box-shadow 0.25s ease,
		transform 0.15s ease,
		color 0.2s ease;
}

.btn__icon {
	width: 1.1rem;
	height: 1.1rem;
	flex-shrink: 0;
	opacity: 0.9;
}

/* WWW heroLoginCta */
.btn--login {
	padding: 0.88rem 1.55rem;
	border-radius: 999px;
	border: 1px solid rgba(232, 168, 56, 0.42);
	color: #f5d78a;
	background:
		radial-gradient(circle at 30% 25%, rgba(232, 168, 56, 0.14), transparent 58%),
		linear-gradient(155deg, rgba(22, 16, 10, 0.82), rgba(10, 8, 6, 0.78));
	backdrop-filter: blur(10px);
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.28);
}

.btn--login:hover,
.btn--login:focus-visible {
	border-color: rgba(232, 168, 56, 0.62);
	color: #ffe8b0;
	background:
		radial-gradient(circle at 30% 25%, rgba(232, 168, 56, 0.24), transparent 58%),
		linear-gradient(155deg, rgba(32, 20, 10, 0.9), rgba(12, 8, 5, 0.86));
	box-shadow: 0 0 24px rgba(232, 168, 56, 0.22);
	transform: translateY(-1px);
	outline: none;
}

.btn--login:focus-visible {
	outline: 2px solid rgba(232, 168, 56, 0.58);
	outline-offset: 3px;
}

/* WWW discordInviteCta */
.btn--invite {
	padding: 0.88rem 1.65rem;
	border-radius: 10px;
	border: 1px solid rgba(232, 168, 56, 0.42);
	color: #f5d78a;
	background: linear-gradient(155deg, rgba(22, 16, 10, 0.72), rgba(10, 8, 6, 0.65));
	backdrop-filter: blur(10px);
	box-shadow:
		0 0 0 1px rgba(255, 220, 160, 0.04) inset,
		0 4px 18px rgba(0, 0, 0, 0.28);
}

.btn--invite:hover,
.btn--invite:focus-visible {
	color: #fff4d4;
	border-color: rgba(232, 168, 56, 0.62);
	background: linear-gradient(155deg, rgba(232, 168, 56, 0.14), rgba(14, 10, 8, 0.78));
	box-shadow:
		0 0 0 1px rgba(255, 220, 160, 0.08) inset,
		0 0 28px rgba(232, 168, 56, 0.18);
	transform: translateY(-1px);
	outline: none;
}

.btn--invite:focus-visible {
	outline: 2px solid rgba(232, 168, 56, 0.58);
	outline-offset: 3px;
}

.btn--amber {
	padding: 0.88rem 1.55rem;
	border-radius: 999px;
	border: 1px solid rgba(232, 168, 56, 0.42);
	color: var(--ac-text-primary);
	background:
		radial-gradient(circle at 30% 25%, rgba(232, 168, 56, 0.18), transparent 58%),
		linear-gradient(180deg, rgba(232, 168, 56, 0.22), rgba(168, 120, 40, 0.16));
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.28), 0 0 0 1px rgba(232, 168, 56, 0.08);
}

.btn--amber:hover {
	border-color: rgba(240, 197, 106, 0.55);
	box-shadow: 0 10px 32px rgba(0, 0, 0, 0.35), 0 0 24px rgba(232, 168, 56, 0.18);
	transform: translateY(-2px);
}

.hero__scroll {
	position: absolute;
	bottom: 1.15rem;
	left: 50%;
	z-index: 12;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.55rem;
	height: 2.55rem;
	transform: translateX(-50%);
	color: #fff4d4;
	border-radius: 999px;
	border: 1px solid rgba(232, 168, 56, 0.42);
	background: linear-gradient(180deg, rgba(24, 18, 12, 0.94) 0%, rgba(10, 8, 6, 0.92) 100%);
	box-shadow:
		0 4px 24px rgba(0, 0, 0, 0.45),
		0 0 18px rgba(232, 168, 56, 0.1);
	backdrop-filter: blur(12px);
	transition:
		color 0.22s ease,
		border-color 0.22s ease,
		box-shadow 0.22s ease,
		transform 0.22s ease;
}

.hero__scroll:hover {
	color: #fffaf2;
	border-color: rgba(232, 168, 56, 0.62);
	box-shadow:
		0 6px 28px rgba(0, 0, 0, 0.5),
		0 0 24px rgba(232, 168, 56, 0.18);
	transform: translateX(-50%) translateY(-2px);
}

.hero__scroll-icon {
	display: block;
	width: 1.05rem;
	height: 1.05rem;
	animation: scrollBounce 1.8s ease-in-out infinite;
}

@keyframes scrollBounce {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(3px); }
}

/* ── Server status (below hero, not over video) ── */
.server-status {
	position: relative;
	z-index: 10;
	width: 100%;
	margin-top: 0;
	padding: 1.35rem 0 0.15rem;
	scroll-margin-top: 4.5rem;
	background: linear-gradient(
		180deg,
		rgba(14, 11, 8, 0.72) 0%,
		rgba(14, 12, 9, 0.82) 55%,
		rgba(14, 12, 9, 0.88) 100%
	);
}

.server-status__shell {
	max-width: 68rem;
	margin: 0 auto;
	padding: 0 1.25rem;
}

.server-status__card {
	display: flex;
	flex-direction: column;
	gap: 0.7rem;
	padding: 0.95rem 1.05rem 1rem;
	border-radius: 14px;
	border: 1px solid rgba(232, 168, 56, 0.26);
	background: linear-gradient(165deg, rgba(26, 19, 12, 0.96) 0%, rgba(14, 11, 8, 0.92) 100%);
	box-shadow:
		0 0 0 1px rgba(255, 220, 160, 0.05) inset,
		0 10px 28px rgba(0, 0, 0, 0.28),
		0 0 48px rgba(232, 168, 56, 0.06);
}

.server-status__title {
	margin: 0;
	font-family: var(--ac-font-display);
	font-size: clamp(1rem, 2vw, 1.2rem);
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #fffaf2;
}

.server-status__tiles {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.5rem;
	margin: 0;
	padding: 0;
	list-style: none;
	align-items: stretch;
}

@media (min-width: 640px) {
	.server-status__tiles {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (min-width: 1100px) {
	.server-status__tiles {
		grid-template-columns: repeat(7, minmax(0, 1fr));
	}
}

.server-status__tile {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.28rem;
	min-height: 5.35rem;
	height: 100%;
	padding: 0.62rem 0.65rem 0.7rem;
	border-radius: 10px;
	border: 1px solid rgba(232, 168, 56, 0.16);
	background: linear-gradient(165deg, rgba(22, 16, 11, 0.9) 0%, rgba(10, 8, 6, 0.82) 100%);
	box-shadow: 0 0 0 1px rgba(255, 220, 160, 0.03) inset;
	transition:
		border-color 0.18s ease,
		background 0.18s ease,
		box-shadow 0.18s ease,
		transform 0.18s ease;
}

.server-status__tile:hover {
	border-color: rgba(232, 168, 56, 0.42);
	background: linear-gradient(155deg, rgba(36, 26, 17, 0.96) 0%, rgba(16, 12, 9, 0.9) 100%);
	box-shadow:
		0 0 0 1px rgba(255, 220, 160, 0.08) inset,
		0 8px 20px rgba(0, 0, 0, 0.28),
		0 0 16px rgba(232, 168, 56, 0.1);
	transform: translateY(-2px);
}

.server-status__tile:hover .server-status__tile-icon {
	border-color: rgba(232, 168, 56, 0.45);
	background: rgba(232, 168, 56, 0.18);
	color: #f5d78a;
}

.server-status__tile:hover .server-status__tile-label {
	color: rgba(245, 215, 138, 0.95);
}

.server-status__tile-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.55rem;
	height: 1.55rem;
	border-radius: 7px;
	border: 1px solid rgba(232, 168, 56, 0.24);
	background: rgba(232, 168, 56, 0.1);
	color: #e8b84a;
	flex-shrink: 0;
}

.server-status__tile-icon svg {
	width: 0.85rem;
	height: 0.85rem;
	display: block;
}

.server-status__tile-label {
	font-family: var(--ac-font-body);
	font-size: 0.58rem;
	font-weight: 600;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	color: rgba(232, 168, 56, 0.78);
	line-height: 1.2;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.server-status__tile-value {
	margin-top: auto;
	font-family: var(--ac-font-body);
	font-size: 0.8rem;
	font-weight: 600;
	color: #fff4e0;
	line-height: 1.25;
	max-width: 100%;
	overflow-wrap: anywhere;
	hyphens: auto;
}

.server-status__tile-value--live {
	color: #8fd4a8;
}

.server-status__tile-value--muted {
	color: #7a6e62;
}

.server-status__population {
	display: flex;
	flex-direction: column;
	gap: 0.42rem;
	padding-top: 0.55rem;
	border-top: 1px solid rgba(232, 168, 56, 0.12);
}

.server-status__pop-head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 0.75rem;
}

.server-status__pop-label {
	font-family: var(--ac-font-body);
	font-size: 0.68rem;
	font-weight: 500;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #8a7a68;
}

.server-status__pop-value {
	font-family: var(--ac-font-body);
	font-size: 1rem;
	font-weight: 700;
	color: #fffaf2;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

.server-status__pop-bar {
	width: 100%;
	height: 10px;
	border-radius: 999px;
	background: rgba(6, 5, 4, 0.92);
	border: 1px solid rgba(232, 168, 56, 0.24);
	overflow: hidden;
}

.server-status__pop-bar--muted {
	opacity: 0.45;
}

.server-status__pop-fill {
	display: block;
	height: 100%;
	min-width: 2px;
	border-radius: inherit;
	background: linear-gradient(90deg, rgba(232, 168, 56, 0.75), rgba(240, 197, 106, 1));
}

/* ── Module tiles (WWW LandingModules) ── */
.landing-main {
	position: relative;
	z-index: 1;
	padding: 0;
	max-width: none;
	margin: 0;
}

.modules-section {
	position: relative;
	z-index: 10;
	width: 100%;
	padding: clamp(1.15rem, 2.8vw, 1.75rem) 0 clamp(2rem, 4vw, 2.85rem);
	background: linear-gradient(180deg, rgba(14, 12, 9, 0.78) 0%, rgba(14, 12, 9, 0.88) 100%);
	border-top: none;
}

.module-groups {
	display: flex;
	flex-direction: column;
	gap: clamp(1.55rem, 3.5vw, 2.15rem);
	max-width: 68rem;
	margin: 0 auto;
	padding: 0 1.25rem;
}

.module-group__header {
	margin-bottom: 0.9rem;
}

.module-group__title {
	margin: 0;
	font-family: var(--ac-font-display);
	font-size: clamp(1.05rem, 2.2vw, 1.35rem);
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #f2ebe0;
}

.module-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 0.85rem;
}

@media (min-width: 640px) {
	.module-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.9rem;
	}
}

@media (min-width: 960px) {
	.module-grid--offers {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.module-grid--tools {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

.module-card {
	display: flex;
	flex-direction: column;
	min-height: 9.75rem;
	opacity: 0;
	border-radius: 12px;
	border: 1px solid rgba(232, 168, 56, 0.24);
	background: linear-gradient(155deg, rgba(30, 22, 14, 0.96) 0%, rgba(16, 12, 8, 0.92) 100%);
	box-shadow:
		0 0 0 1px rgba(255, 220, 160, 0.05) inset,
		0 8px 22px rgba(0, 0, 0, 0.34);
	transition:
		opacity 0.55s ease var(--reveal-delay, 0ms),
		border-color 0.18s ease,
		background 0.18s ease,
		box-shadow 0.18s ease;
}

.module-card.is-revealed {
	opacity: 1;
}

.module-card:hover,
.module-card:focus-within {
	border-color: rgba(232, 168, 56, 0.44);
	background: linear-gradient(155deg, rgba(38, 28, 18, 0.98) 0%, rgba(22, 16, 10, 0.95) 100%);
	box-shadow:
		0 0 0 1px rgba(255, 220, 160, 0.1) inset,
		0 8px 22px rgba(0, 0, 0, 0.34),
		0 0 16px rgba(232, 168, 56, 0.1);
}

.module-card__body {
	display: flex;
	flex-direction: column;
	flex: 1;
	padding: 1.08rem 1.08rem 1.12rem;
	text-align: left;
}

.module-card__top {
	display: flex;
	align-items: flex-start;
	margin-bottom: 0.78rem;
}

.module-icon {
	display: flex;
	width: 2.95rem;
	height: 2.95rem;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	border: 1px solid rgba(232, 168, 56, 0.28);
	background: linear-gradient(145deg, rgba(232, 168, 56, 0.18), rgba(80, 50, 20, 0.12));
	color: #f5d78a;
}

.module-icon svg {
	width: 1.25rem;
	height: 1.25rem;
}

.module-card__title {
	margin: 0;
	font-family: var(--ac-font-display);
	font-size: 0.92rem;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #fffaf2;
	line-height: 1.28;
}

.module-card__desc {
	margin: 0.48rem 0 0;
	font-size: 0.78rem;
	line-height: 1.55;
	color: #a89880;
}

@media (max-width: 959px) and (min-width: 640px) {
	.module-grid {
		display: flex;
		gap: 0.85rem;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		padding-bottom: 0.35rem;
		scrollbar-width: none;
	}

	.module-grid::-webkit-scrollbar { display: none; }

	.module-card {
		flex: 0 0 min(72vw, 240px);
		scroll-snap-align: start;
	}
}

.community-band {
	position: relative;
	z-index: 10;
	width: 100%;
	padding: clamp(2rem, 4vw, 2.75rem) 0 clamp(2.25rem, 4.5vw, 2.85rem);
	background: linear-gradient(180deg, rgba(14, 12, 9, 0.68) 0%, rgba(12, 10, 8, 0.74) 100%);
	border-top: 1px solid rgba(232, 168, 56, 0.12);
}

.community-band__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.72rem;
	max-width: min(40rem, calc(100% - 2.5rem));
	margin: 0 auto;
	padding: clamp(1.45rem, 3.2vw, 1.95rem) clamp(1.35rem, 3vw, 1.85rem);
	text-align: center;
	opacity: 0;
	border-radius: 14px;
	border: 1px solid rgba(232, 168, 56, 0.22);
	background: linear-gradient(155deg, rgba(30, 22, 14, 0.94) 0%, rgba(16, 12, 8, 0.9) 100%);
	box-shadow:
		0 0 0 1px rgba(255, 220, 160, 0.05) inset,
		0 10px 28px rgba(0, 0, 0, 0.3);
	transition: opacity 0.55s ease;
}

.community-band__inner.is-revealed {
	opacity: 1;
}

.community-band__title {
	margin: 0;
	font-family: var(--ac-font-display);
	font-size: clamp(1.15rem, 2.5vw, 1.55rem);
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #fffaf2;
	line-height: 1.25;
}

.community-band__body {
	margin: 0;
	max-width: 32rem;
	font-size: 0.84rem;
	line-height: 1.55;
	color: #a89882;
}

.community-band__cta {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	margin-top: 0.25rem;
	padding: 0.62rem 1.15rem;
	border-radius: 999px;
	border: 1px solid rgba(232, 168, 56, 0.42);
	background: linear-gradient(180deg, rgba(232, 168, 56, 0.16) 0%, rgba(232, 168, 56, 0.1) 100%);
	color: #f5d78a;
	font-size: 0.82rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-decoration: none;
	transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

.community-band__cta:hover {
	border-color: rgba(232, 168, 56, 0.5);
	background: rgba(232, 168, 56, 0.16);
	box-shadow: 0 0 18px rgba(232, 168, 56, 0.12);
}

/* ── Footer ── */
.site-footer {
	position: relative;
	z-index: 1;
	padding: clamp(0.75rem, 1.8vw, 1.1rem) clamp(0.75rem, 2vw, 1.1rem) clamp(0.9rem, 2vw, 1.2rem);
	border-top: 1px solid rgba(232, 168, 56, 0.12);
	background: linear-gradient(180deg, rgba(10, 8, 6, 0.68), rgba(8, 6, 5, 0.82));
}

.site-footer__shell {
	max-width: 68rem;
	margin: 0 auto;
}

.site-footer__panel {
	border: 1px solid rgba(232, 168, 56, 0.16);
	border-radius: 12px;
	padding: clamp(0.85rem, 1.6vw, 1.1rem) clamp(0.9rem, 1.8vw, 1.25rem);
	background: linear-gradient(165deg, rgba(18, 15, 11, 0.94), rgba(11, 9, 7, 0.98));
	box-shadow:
		inset 0 1px 0 rgba(255, 244, 212, 0.05),
		0 0 0 1px rgba(0, 0, 0, 0.18),
		0 6px 18px rgba(0, 0, 0, 0.2),
		0 0 16px rgba(232, 168, 56, 0.03);
	text-align: center;
}

.site-footer__brand {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.4rem;
}

.site-footer__brand-link {
	display: inline-block;
	line-height: 0;
}

.site-footer__logo {
	display: block;
	height: clamp(2.1rem, 2.6vw, 2.45rem);
	width: auto;
	max-width: 100%;
	object-fit: contain;
	filter: drop-shadow(0 0 12px rgba(232, 168, 56, 0.26));
}

.site-footer__legal {
	margin-top: 0.85rem;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.45rem;
	font-family: var(--ac-font-body);
	font-size: 0.78rem;
	font-weight: 600;
}

.site-footer__legal a {
	color: #e8dcc8;
	text-decoration: none;
	transition: color 0.2s ease;
}

.site-footer__legal a:hover {
	color: #f5d78a;
}

.site-footer__sep {
	color: #6e6254;
}

.site-footer__copy {
	margin: 0.75rem 0 0;
	font-family: var(--ac-font-body);
	font-size: 0.72rem;
	letter-spacing: 0.04em;
	color: #8a7d6c;
}

.site-footer__credit {
	margin: 0.35rem 0 0;
	font-family: var(--ac-font-body);
	font-size: 0.7rem;
	line-height: 1.45;
	color: #7a6e5e;
}

.site-footer__credit a {
	color: #c9a962;
	text-decoration: none;
	border-bottom: 1px solid rgba(201, 169, 98, 0.35);
	transition: color 0.2s ease, border-color 0.2s ease;
}

.site-footer__credit a:hover {
	color: #f5d78a;
	border-bottom-color: rgba(245, 215, 138, 0.55);
}

/* ── Legal pages ── */
.legal-body .page {
	padding-top: 0;
}

.legal-topbar {
	position: sticky;
	top: 0;
	z-index: 40;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 0.75rem 1.25rem;
	background: rgba(12, 9, 7, 0.82);
	backdrop-filter: blur(10px);
	border-bottom: 1px solid rgba(232, 168, 56, 0.12);
}

.legal-topbar__home {
	display: inline-flex;
	align-items: center;
	line-height: 0;
}

.legal-topbar__home img {
	height: 1.85rem;
	width: auto;
	filter: drop-shadow(0 0 10px rgba(232, 168, 56, 0.22));
}

.legal-page {
	max-width: 44rem;
	margin: 0 auto;
	padding: 2.5rem 1.25rem 3.5rem;
}

.legal-hero {
	margin-bottom: 1.35rem;
}

.legal-hero__eyebrow {
	margin: 0 0 0.45rem;
	font-family: var(--ac-font-display);
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: #c9a24a;
}

.legal-hero__title {
	margin: 0;
	font-family: var(--ac-font-display);
	font-size: clamp(1.7rem, 4vw, 2.35rem);
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #fffaf2;
}

.legal-card {
	padding: clamp(1.2rem, 3vw, 1.65rem);
	border-radius: 14px;
	border: 1px solid rgba(232, 168, 56, 0.18);
	background: linear-gradient(165deg, rgba(18, 15, 11, 0.94), rgba(11, 9, 7, 0.98));
	box-shadow:
		inset 0 1px 0 rgba(255, 244, 212, 0.05),
		0 10px 28px rgba(0, 0, 0, 0.28);
}

.legal-intro {
	margin: 0 0 1.35rem;
	font-family: var(--ac-font-body);
	font-size: 0.95rem;
	line-height: 1.6;
	color: #c9bba8;
}

.legal-section {
	margin-top: 1.25rem;
	padding-top: 1.15rem;
	border-top: 1px solid rgba(232, 168, 56, 0.1);
}

.legal-section__title {
	margin: 0 0 0.45rem;
	font-family: var(--ac-font-display);
	font-size: 0.95rem;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #f2ebe0;
}

.legal-section__text {
	margin: 0 0 0.55rem;
	font-family: var(--ac-font-body);
	font-size: 0.88rem;
	line-height: 1.6;
	color: #a89880;
}

.legal-inline-link {
	color: #c9a962;
	text-decoration: none;
	border-bottom: 1px solid rgba(201, 169, 98, 0.4);
}

.legal-inline-link:hover {
	color: #f5d78a;
}

.legal-contact-cta {
	margin-top: 0.75rem;
	font-size: 0.88rem;
	padding: 0.72rem 1.25rem;
}

.legal-updated {
	margin: 1.5rem 0 0;
	font-family: var(--ac-font-body);
	font-size: 0.72rem;
	color: #6e6254;
}

/* ── Back to top ── */
.back-to-top {
	position: fixed;
	right: clamp(0.75rem, 2vw, 1.35rem);
	bottom: clamp(0.75rem, 2vw, 1.35rem);
	z-index: 50;
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	padding: 0.52rem 0.88rem;
	font-family: var(--ac-font-body);
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #fff4d4;
	border-radius: 999px;
	border: 1px solid rgba(232, 168, 56, 0.42);
	background: linear-gradient(180deg, rgba(24, 18, 12, 0.94) 0%, rgba(10, 8, 6, 0.92) 100%);
	box-shadow:
		0 4px 24px rgba(0, 0, 0, 0.45),
		0 0 18px rgba(232, 168, 56, 0.1);
	backdrop-filter: blur(12px);
	cursor: pointer;
	opacity: 0;
	pointer-events: none;
	transform: translateY(8px);
	transition:
		color 0.22s ease,
		border-color 0.22s ease,
		box-shadow 0.22s ease,
		transform 0.22s ease,
		opacity 0.22s ease;
}

.back-to-top.is-visible {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
}

.back-to-top:hover {
	color: #fffaf2;
	border-color: rgba(232, 168, 56, 0.62);
	box-shadow:
		0 6px 28px rgba(0, 0, 0, 0.5),
		0 0 24px rgba(232, 168, 56, 0.18);
	transform: translateY(-2px);
}

.back-to-top:focus-visible {
	outline: 2px solid rgba(232, 168, 56, 0.62);
	outline-offset: 2px;
}

.back-to-top__icon {
	width: 0.95rem;
	height: 0.95rem;
}

@media (prefers-reduced-motion: reduce) {
	.hero__inner,
	.hero__video,
	.hero__scroll-icon,
	.status-dot--online,
	.ambient__fog-top,
	.ambient__fog,
	.ambient__fog-lower,
	.ambient__orb,
	.ambient__ember {
		animation: none !important;
	}

	.hero__video {
		transform: none;
	}

	.module-card,
	.community-band__inner {
		opacity: 1;
		transition: none;
	}
}

@media (max-width: 720px) {
	.hero {
		padding-top: 3.5rem;
	}
}