/* ==========================================================================
   Investment IGST — Main stylesheet
   Gold + Navy palette. Mobile-first. No framework.
   ========================================================================== */

/* ---------- Design tokens ---------- */
:root {
	/* Brand palette — navy #153759 (primary) + gold #CDAE52 (accent). */
	--navy-900: #153759;
	--navy-800: #1B466E;
	--navy-700: #235687;
	--navy-100: #DCE5EE;
	--navy-50: #F2F5F9;

	--gold-700: #A88B36;
	--gold-600: #BC9D44;
	--gold-500: #CDAE52;
	--gold-400: #DCC078;
	--gold-100: #F8F0D7;

	--ink: #0F172A;
	--ink-2: #334155;
	--mute: #64748B;
	--line: #E2E8F0;
	--bg: #FFFFFF;
	--bg-soft: #F8FAFC;

	--success: #16A34A;
	--danger: #DC2626;

	--radius-sm: 6px;
	--radius: 10px;
	--radius-lg: 16px;

	--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06), 0 1px 3px rgba(15, 23, 42, .05);
	--shadow: 0 4px 6px -1px rgba(15, 23, 42, .08), 0 2px 4px -1px rgba(15, 23, 42, .04);
	--shadow-lg: 0 20px 25px -5px rgba(11, 37, 69, .1), 0 10px 10px -5px rgba(11, 37, 69, .04);

	--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--font-serif: "Playfair Display", Georgia, "Times New Roman", serif;

	--container: 1200px;
	--container-narrow: 820px;

	--header-h: 76px;
}

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

html {
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
}

body {
	margin: 0;
	font-family: var(--font-sans);
	font-size: 16px;
	line-height: 1.6;
	color: var(--ink);
	background: var(--bg);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

img,
svg,
video {
	max-width: 100%;
	height: auto;
	display: block;
}

a {
	color: var(--navy-800);
	text-decoration: none;
	transition: color .15s ease;
}

a:hover {
	color: var(--gold-600);
}

button {
	font-family: inherit;
	cursor: pointer;
}

h1,
h2,
h3,
h4 {
	font-family: var(--font-serif);
	color: var(--navy-900);
	line-height: 1.2;
	margin: 0 0 .5em;
	font-weight: 700;
}

h1 {
	font-size: clamp(2rem, 4vw, 3rem);
	letter-spacing: -.02em;
}

h2 {
	font-size: clamp(1.6rem, 2.6vw, 2.25rem);
	letter-spacing: -.01em;
}

h3 {
	font-size: 1.35rem;
}

h4 {
	font-size: 1.1rem;
}

p {
	margin: 0 0 1em;
	color: var(--ink-2);
}

.screen-reader-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.skip-link {
	position: absolute;
	left: -9999px;
	top: 1rem;
	background: var(--navy-900);
	color: #fff;
	padding: .5rem 1rem;
	border-radius: var(--radius-sm);
	z-index: 9999;
}

.skip-link:focus {
	left: 1rem;
}

/* ---------- Layout ---------- */
.container {
	width: 100%;
	max-width: var(--container);
	margin: 0 auto;
	padding: 0 20px;
}

.container--narrow {
	max-width: var(--container-narrow);
}

.section {
	padding: 64px 0;
}

.section--soft {
	background: var(--bg-soft);
}

.section--navy {
	background: var(--navy-900);
	color: #fff;
}

.section--navy h1,
.section--navy h2,
.section--navy h3 {
	color: #fff;
}

.section--navy p {
	color: rgba(255, 255, 255, .85);
}

.section--center {
	padding: 96px 0;
	text-align: center;
}

.section-header {
	text-align: center;
	max-width: 720px;
	margin: 0 auto 48px;
}

.section-header__eyebrow {
	display: inline-block;
	font-size: .85rem;
	font-weight: 600;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: var(--gold-600);
	margin-bottom: 12px;
}

.section-header__title {
	margin-bottom: 12px;
}

.section-header__lead {
	font-size: 1.1rem;
	color: var(--mute);
}

@media (min-width: 768px) {
	.section {
		padding: 96px 0;
	}
}

/* ---------- Buttons ---------- */
.btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 22px;
	font-weight: 600;
	font-size: .95rem;
	border-radius: var(--radius-sm);
	border: 1.5px solid transparent;
	transition: all .18s ease;
	white-space: nowrap;
	text-decoration: none;
	cursor: pointer;
	line-height: 1;
}

.btn-sm {
	padding: 9px 16px;
	font-size: .85rem;
}

.btn-lg {
	padding: 15px 28px;
	font-size: 1rem;
}

.btn-primary {
	background: var(--navy-900);
	color: #fff;
}

.btn-primary:hover {
	background: var(--navy-800);
	color: #fff;
	transform: translateY(-1px);
	box-shadow: var(--shadow);
}

.btn-gold {
	background: var(--gold-500);
	color: var(--navy-900);
}

.btn-gold:hover {
	background: var(--gold-400);
	color: var(--navy-900);
	transform: translateY(-1px);
	box-shadow: 0 6px 16px rgba(205, 174, 82, .35);
}

.btn-outline {
	background: transparent;
	border-color: var(--navy-900);
	color: var(--navy-900);
}

.btn-outline:hover {
	background: var(--navy-900);
	color: #fff;
}

.btn-ghost {
	background: transparent;
	color: var(--navy-900);
}

.btn-ghost:hover {
	background: var(--navy-50);
}

.section--navy .btn-outline {
	border-color: rgba(255, 255, 255, .4);
	color: #fff;
}

.section--navy .btn-outline:hover {
	background: #fff;
	color: var(--navy-900);
}

/* ---------- Header / Nav ---------- */
.site-header {
	position: sticky;
	top: 0;
	z-index: 50;
	background: rgba(255, 255, 255, .96);
	backdrop-filter: saturate(180%) blur(12px);
	-webkit-backdrop-filter: saturate(180%) blur(12px);
	border-bottom: 1px solid var(--line);
}

.site-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: var(--header-h);
	gap: 24px;
}

.site-brand {
	display: inline-flex;
	align-items: center;
}

.site-brand .igst-logo {
	height: 48px;
	width: auto;
	max-width: 240px;
	display: block;
}

.site-brand .igst-logo--img {
	object-fit: contain;
}

.primary-nav {
	display: flex;
	align-items: center;
	gap: 24px;
}

.primary-nav__menu {
	list-style: none;
	display: flex;
	align-items: center;
	gap: 24px;
	margin: 0;
	padding: 0;
}

.primary-nav__menu a {
	color: var(--ink);
	font-weight: 500;
	padding: 8px 0;
	position: relative;
}

.primary-nav__menu a::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
	background: var(--gold-500);
	transform: scaleX(0);
	transform-origin: center;
	transition: transform .2s ease;
}

.primary-nav__menu a:hover {
	color: var(--navy-900);
}

.primary-nav__menu a:hover::after,
.primary-nav__menu .current-menu-item a::after {
	transform: scaleX(1);
}

.primary-nav__menu .current-menu-item a {
	color: var(--navy-900);
	font-weight: 600;
}

.primary-nav__cta {
	display: flex;
	gap: 8px;
}

.nav-toggle {
	display: none;
	background: transparent;
	border: 0;
	padding: 8px;
	width: 44px;
	height: 44px;
	flex-direction: column;
	justify-content: center;
	gap: 5px;
}

.nav-toggle__bar {
	display: block;
	width: 22px;
	height: 2px;
	background: var(--navy-900);
	transition: transform .2s ease, opacity .2s ease;
}

.nav-toggle[aria-expanded="true"] .nav-toggle__bar:nth-child(1) {
	transform: translateY(7px) rotate(45deg);
}

.nav-toggle[aria-expanded="true"] .nav-toggle__bar:nth-child(2) {
	opacity: 0;
}

.nav-toggle[aria-expanded="true"] .nav-toggle__bar:nth-child(3) {
	transform: translateY(-7px) rotate(-45deg);
}

@media (max-width: 960px) {
	.nav-toggle {
		display: inline-flex;
	}

	.primary-nav {
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		background: #fff;
		border-bottom: 1px solid var(--line);
		flex-direction: column;
		align-items: stretch;
		gap: 0;
		padding: 16px 20px 20px;
		transform: translateY(-110%);
		opacity: 0;
		pointer-events: none;
		transition: transform .25s ease, opacity .25s ease;
		box-shadow: var(--shadow-lg);
	}

	.primary-nav.is-open {
		transform: translateY(0);
		opacity: 1;
		pointer-events: auto;
	}

	.primary-nav__menu {
		flex-direction: column;
		align-items: stretch;
		gap: 0;
	}

	.primary-nav__menu li {
		border-bottom: 1px solid var(--line);
	}

	.primary-nav__menu li:last-child {
		border-bottom: 0;
	}

	.primary-nav__menu a {
		padding: 14px 0;
		display: block;
	}

	.primary-nav__cta {
		padding-top: 16px;
	}

	.primary-nav__cta .btn {
		flex: 1;
		justify-content: center;
	}
}

/* ---------- Hero ---------- */
.hero {
	position: relative;
	background: linear-gradient(135deg, var(--navy-900) 0%, var(--navy-700) 100%);
	color: #fff;
	overflow: hidden;
	padding: 80px 0 96px;
}

.hero::before {
	content: '';
	position: absolute;
	inset: 0;
	background-image:
		radial-gradient(circle at 80% 10%, rgba(205, 174, 82, .18), transparent 40%),
		radial-gradient(circle at 10% 90%, rgba(205, 174, 82, .12), transparent 35%);
	pointer-events: none;
}

.hero__inner {
	position: relative;
	display: grid;
	gap: 48px;
	align-items: center;
	grid-template-columns: 1fr;
}

@media (min-width: 960px) {
	.hero__inner {
		grid-template-columns: 1.2fr 1fr;
		padding: 32px 0;
	}
}

.hero__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: rgba(205, 174, 82, .15);
	border: 1px solid rgba(205, 174, 82, .4);
	color: var(--gold-400);
	font-size: .85rem;
	font-weight: 600;
	letter-spacing: .12em;
	text-transform: uppercase;
	padding: 6px 14px;
	border-radius: 999px;
	margin-bottom: 20px;
}

.hero__title {
	color: #fff;
	font-size: clamp(2.25rem, 5vw, 3.75rem);
	margin-bottom: 20px;
	letter-spacing: -.02em;
}

.hero__title .gold {
	color: var(--gold-500);
}

.hero__lead {
	color: rgba(255, 255, 255, .85);
	font-size: 1.15rem;
	max-width: 560px;
	margin-bottom: 32px;
}

.hero__cta {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.hero__trust {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	margin-top: 40px;
	color: rgba(255, 255, 255, .75);
	font-size: .9rem;
}

.hero__trust-item {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.hero__trust-item svg {
	color: var(--gold-500);
}

/* Hero visual: stylised gold/silver tile cards */
.hero__visual {
	position: relative;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}

.metal-card {
	background: rgba(255, 255, 255, .06);
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: var(--radius-lg);
	padding: 24px;
	backdrop-filter: blur(8px);
}

.metal-card--gold {
	background: linear-gradient(160deg, rgba(205, 174, 82, .18), rgba(205, 174, 82, .04));
	border-color: rgba(205, 174, 82, .35);
}

.metal-card--silver {
	background: linear-gradient(160deg, rgba(168, 178, 189, .2), rgba(168, 178, 189, .04));
	border-color: rgba(168, 178, 189, .35);
}

.metal-card__label {
	font-size: .8rem;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, .7);
	margin-bottom: 8px;
}

.metal-card__value {
	font-family: var(--font-serif);
	font-size: 2rem;
	font-weight: 700;
	color: #fff;
	margin: 0;
}

.metal-card__hint {
	font-size: .85rem;
	color: rgba(255, 255, 255, .6);
	margin-top: 6px;
}

.metal-card--gold .metal-card__value {
	color: var(--gold-400);
}

.metal-card--wide {
	grid-column: 1 / -1;
}

.metal-card--wide .metal-card__value {
	font-size: 1.4rem;
}

/* ---------- Cards / features ---------- */
.feature-grid {
	display: grid;
	gap: 24px;
	grid-template-columns: 1fr;
}

@media (min-width: 720px) {
	.feature-grid {
		grid-template-columns: 1fr 1fr;
	}
}

@media (min-width: 1000px) {
	.feature-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

.feature-card {
	background: #fff;
	border: 1px solid var(--line);
	border-radius: var(--radius-lg);
	padding: 28px;
	transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.feature-card:hover {
	transform: translateY(-3px);
	box-shadow: var(--shadow-lg);
	border-color: var(--gold-500);
}

.feature-card__icon {
	width: 48px;
	height: 48px;
	border-radius: 12px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--navy-50);
	color: var(--navy-900);
	margin-bottom: 16px;
}

.feature-card h3 {
	margin-bottom: 8px;
}

.feature-card p {
	margin: 0;
}

/* ---------- Fund cards ---------- */
.fund-grid {
	display: grid;
	gap: 24px;
	grid-template-columns: 1fr;
}

@media (min-width: 720px) {
	.fund-grid {
		grid-template-columns: 1fr 1fr;
	}
}

.fund-card {
	background: #fff;
	border: 1px solid var(--line);
	border-radius: var(--radius-lg);
	padding: 28px;
	display: flex;
	flex-direction: column;
	transition: transform .2s ease, box-shadow .2s ease;
	position: relative;
	overflow: hidden;
}

.fund-card:hover {
	transform: translateY(-3px);
	box-shadow: var(--shadow-lg);
}

.fund-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 4px;
	background: linear-gradient(90deg, var(--gold-500), var(--gold-400));
}

/* (Older fund-card variants `__name`, `__badge`, `__stat-*` etc.
    intentionally removed — current markup uses `__title`, `__metal`,
    `__stats > div > dt/dd`. Styles for those live further down.) */

/* ---------- Single fund page ---------- */
.fund-hero {
	background: linear-gradient(135deg, var(--navy-900) 0%, var(--navy-700) 100%);
	color: #fff;
	padding: 56px 0;
}

.fund-hero__breadcrumb {
	color: rgba(255, 255, 255, .7);
	font-size: .9rem;
	margin-bottom: 16px;
}

.fund-hero__breadcrumb a {
	color: rgba(255, 255, 255, .85);
}

.fund-hero__breadcrumb a:hover {
	color: var(--gold-400);
}

.fund-hero__title {
	color: #fff;
	margin-bottom: 8px;
}

.fund-hero__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 16px;
}

.fund-hero__chip {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: rgba(255, 255, 255, .1);
	border: 1px solid rgba(255, 255, 255, .18);
	padding: 6px 14px;
	border-radius: 999px;
	font-size: .85rem;
	color: #fff;
}

.fund-hero__chip--gold {
	background: rgba(205, 174, 82, .18);
	border-color: rgba(205, 174, 82, .4);
	color: var(--gold-400);
}

.fund-chart-card {
	background: #fff;
	border: 1px solid var(--line);
	border-radius: var(--radius-lg);
	padding: 24px;
	box-shadow: var(--shadow-sm);
}

.fund-chart-card__head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 20px;
}

.fund-chart-card__title {
	margin: 0;
	font-size: 1.25rem;
	color: var(--navy-900);
}

.range-tabs {
	display: inline-flex;
	gap: 4px;
	background: var(--bg-soft);
	padding: 4px;
	border-radius: 999px;
}

.range-tab {
	padding: 6px 14px;
	font-size: .85rem;
	font-weight: 600;
	background: transparent;
	border: 0;
	border-radius: 999px;
	color: var(--mute);
	cursor: pointer;
}

.range-tab.is-active {
	background: var(--navy-900);
	color: #fff;
}

.range-tab:hover:not(.is-active) {
	color: var(--navy-900);
}

.chart-canvas-wrap {
	position: relative;
	height: 360px;
}

.returns-table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 16px;
}

.returns-table th,
.returns-table td {
	text-align: right;
	padding: 10px 12px;
	border-bottom: 1px solid var(--line);
	font-size: .9rem;
}

.returns-table th {
	font-weight: 600;
	color: var(--mute);
	font-size: .78rem;
	letter-spacing: .08em;
	text-transform: uppercase;
	background: var(--bg-soft);
}

.returns-table tbody tr:hover {
	background: var(--bg-soft);
}

.returns-table th:first-child,
.returns-table td:first-child {
	text-align: left;
}

.return-pos {
	color: var(--success);
	font-weight: 600;
}

.return-neg {
	color: var(--danger);
	font-weight: 600;
}

.notice {
	background: var(--navy-50);
	border-left: 3px solid var(--gold-500);
	padding: 16px 20px;
	border-radius: var(--radius);
	margin: 24px 0;
}

.notice__title {
	font-weight: 700;
	color: var(--navy-900);
	margin-bottom: 4px;
	font-size: .95rem;
}

.notice p {
	margin: 0;
	font-size: .92rem;
}

/* ---------- Forms ---------- */
.form-grid {
	display: grid;
	gap: 16px;
}

@media (min-width: 600px) {
	.form-grid--2 {
		grid-template-columns: 1fr 1fr;
	}
}

.form-field {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.form-label {
	font-size: .9rem;
	font-weight: 600;
	color: var(--navy-900);
}

.form-label .req {
	color: var(--danger);
}

.form-input,
.form-textarea {
	font: inherit;
	padding: 11px 14px;
	background: #fff;
	border: 1.5px solid var(--line);
	border-radius: var(--radius-sm);
	transition: border-color .15s ease, box-shadow .15s ease;
	color: var(--ink);
	width: 100%;
}

.form-textarea {
	resize: vertical;
	min-height: 130px;
}

.form-input:focus,
.form-textarea:focus {
	outline: 0;
	border-color: var(--navy-700);
	box-shadow: 0 0 0 3px rgba(27, 64, 121, .15);
}

.form-input.has-error,
.form-textarea.has-error {
	border-color: var(--danger);
}

.form-error {
	font-size: .82rem;
	color: var(--danger);
	margin-top: 2px;
}

.form-honeypot {
	position: absolute;
	left: -9999px;
	top: -9999px;
}

.form-message {
	margin-top: 16px;
	padding: 14px 18px;
	border-radius: var(--radius);
	font-size: .95rem;
	display: none;
}

.form-message.is-success {
	display: block;
	background: #DCFCE7;
	color: #166534;
	border: 1px solid #BBF7D0;
}

.form-message.is-error {
	display: block;
	background: #FEE2E2;
	color: #991B1B;
	border: 1px solid #FECACA;
}

.contact-grid {
	display: grid;
	gap: 32px;
	grid-template-columns: 1fr;
}

@media (min-width: 900px) {
	.contact-grid {
		grid-template-columns: 1.4fr 1fr;
	}
}

.contact-info-card {
	background: var(--navy-900);
	color: #fff;
	border-radius: var(--radius-lg);
	padding: 32px;
}

.contact-info-card h3 {
	color: #fff;
	margin-bottom: 16px;
}

.contact-info-card p {
	color: rgba(255, 255, 255, .85);
}

.contact-info-card ul {
	list-style: none;
	padding: 0;
	margin: 24px 0 0;
	display: grid;
	gap: 16px;
}

.contact-info-card li {
	display: flex;
	gap: 14px;
	align-items: flex-start;
	color: rgba(255, 255, 255, .9);
	font-size: .95rem;
}

.contact-info-card li svg {
	flex: 0 0 auto;
	color: var(--gold-500);
	margin-top: 2px;
}

.contact-info-card a {
	color: #fff;
}

.contact-info-card a:hover {
	color: var(--gold-400);
}

/* ---------- CTA Banner ---------- */
.cta-banner {
	background: linear-gradient(135deg, var(--navy-900), var(--navy-700));
	border-radius: var(--radius-lg);
	padding: 48px 40px;
	color: #fff;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 24px;
	justify-content: space-between;
	position: relative;
	overflow: hidden;
}

.cta-banner::before {
	content: '';
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at 90% 0%, rgba(205, 174, 82, .18), transparent 50%);
	pointer-events: none;
}

.cta-banner__content {
	flex: 1 1 360px;
	position: relative;
}

.cta-banner h2 {
	color: #fff;
	margin: 0 0 8px;
	font-size: 1.75rem;
}

.cta-banner p {
	color: rgba(255, 255, 255, .85);
	margin: 0;
}

.cta-banner__actions {
	position: relative;
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}

/* ---------- Footer ---------- */
.site-footer {
	background: var(--navy-900);
	color: rgba(255, 255, 255, .85);
	padding: 64px 0 24px;
	margin-top: 96px;
}

.footer-grid {
	display: grid;
	gap: 40px;
	grid-template-columns: 1fr;
	padding-bottom: 40px;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
}

@media (min-width: 720px) {
	.footer-grid {
		grid-template-columns: 1.5fr 1fr 1fr 1.2fr;
	}
}

.footer-col--brand {
	max-width: 380px;
}

.footer-logo .igst-logo {
	height: 60px;
	width: auto;
	max-width: 280px;
	display: block;
}

.footer-tagline {
	color: var(--gold-400);
	font-family: var(--font-serif);
	font-size: 1.05rem;
	margin: 16px 0 12px;
	font-style: italic;
}

.footer-address {
	color: rgba(255, 255, 255, .75);
	font-size: .9rem;
	line-height: 1.6;
	margin-bottom: 12px;
}

.footer-meta {
	color: rgba(255, 255, 255, .6);
	font-size: .82rem;
}

.footer-meta strong {
	color: rgba(255, 255, 255, .85);
	font-weight: 600;
}

.footer-heading {
	color: #fff;
	font-family: var(--font-sans);
	font-size: .85rem;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	margin: 0 0 16px;
}

.footer-links {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	gap: 10px;
}

.footer-links a {
	color: rgba(255, 255, 255, .75);
	font-size: .92rem;
}

.footer-links a:hover {
	color: var(--gold-400);
}

.footer-disclaimer {
	font-size: .82rem;
	color: rgba(255, 255, 255, .7);
	padding: 32px 0;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
	line-height: 1.7;
}

.footer-disclaimer h5 {
	color: var(--gold-400);
	font-family: var(--font-sans);
	font-size: .82rem;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	margin: 0 0 12px;
}

.footer-disclaimer p {
	color: rgba(255, 255, 255, .7);
	margin-bottom: 8px;
}

.footer-disclaimer strong {
	color: #fff;
}

.footer-bottom {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding-top: 24px;
}

.footer-copy {
	font-size: .85rem;
	color: rgba(255, 255, 255, .6);
	margin: 0;
}

.footer-bottom__menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
}

.footer-bottom__menu a {
	color: rgba(255, 255, 255, .7);
	font-size: .85rem;
}

.footer-bottom__menu a:hover {
	color: var(--gold-400);
}

/* ---------- Cookie banner ---------- */
.cookie-banner {
	position: fixed;
	bottom: 16px;
	left: 16px;
	right: 16px;
	max-width: 720px;
	margin: 0 auto;
	background: var(--navy-900);
	color: #fff;
	border-radius: var(--radius);
	padding: 18px 22px;
	box-shadow: var(--shadow-lg);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 16px;
	justify-content: space-between;
	z-index: 60;
	transform: translateY(140%);
	transition: transform .35s ease;
}

.cookie-banner.is-visible {
	transform: translateY(0);
}

.cookie-banner__text {
	flex: 1 1 280px;
	font-size: .9rem;
	color: rgba(255, 255, 255, .85);
	margin: 0;
}

.cookie-banner__text a {
	color: var(--gold-400);
	text-decoration: underline;
}

.cookie-banner__actions {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.cookie-banner .btn-gold {
	padding: 9px 16px;
	font-size: .85rem;
}

.cookie-banner .btn-ghost {
	color: rgba(255, 255, 255, .85);
	padding: 9px 12px;
	font-size: .85rem;
}

.cookie-banner .btn-ghost:hover {
	background: rgba(255, 255, 255, .08);
	color: #fff;
}

/* ---------- Page header (for inner pages) ---------- */
.page-hero {
	background: linear-gradient(135deg, var(--navy-900) 0%, var(--navy-700) 100%);
	color: #fff;
	padding: 72px 0;
}

.page-hero__inner {
	max-width: 760px;
}

.page-hero__eyebrow {
	display: inline-block;
	font-size: .82rem;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: var(--gold-400);
	margin-bottom: 12px;
}

.page-hero__title {
	color: #fff;
	margin: 0 0 12px;
}

.page-hero__lead {
	color: rgba(255, 255, 255, .85);
	font-size: 1.1rem;
	margin: 0;
}

/* ---------- Prose (for legal pages) ---------- */
.prose {
	color: var(--ink-2);
	font-size: 1rem;
	line-height: 1.75;
}

.prose h2 {
	font-size: 1.5rem;
	margin-top: 2em;
}

.prose h3 {
	font-size: 1.2rem;
	margin-top: 1.6em;
}

.prose p {
	margin-bottom: 1em;
}

.prose ul,
.prose ol {
	padding-left: 1.4em;
	margin-bottom: 1em;
}

.prose li {
	margin-bottom: 0.4em;
}

.prose strong {
	color: var(--ink);
}

.prose hr {
	border: 0;
	border-top: 1px solid var(--line);
	margin: 2em 0;
}

.prose a {
	color: var(--navy-800);
	text-decoration: underline;
}

.prose a:hover {
	color: var(--gold-600);
}

/* ---------- 404 ---------- */
.error-eyebrow {
	color: var(--gold-600);
	letter-spacing: .15em;
	text-transform: uppercase;
	font-weight: 600;
	margin: 0;
}

.error-title {
	font-size: clamp(2rem, 5vw, 3.25rem);
	margin: 12px 0 16px;
}

.error-text {
	font-size: 1.1rem;
	color: var(--mute);
	margin-bottom: 32px;
}

.error-actions {
	display: flex;
	gap: 12px;
	justify-content: center;
	flex-wrap: wrap;
}

/* ---------- Stats / step list ---------- */
.stats-grid {
	display: grid;
	gap: 24px;
	grid-template-columns: 1fr;
}

@media (min-width: 600px) {
	.stats-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

.stat-card {
	text-align: center;
	padding: 24px;
	border: 1px solid var(--line);
	border-radius: var(--radius-lg);
	background: #fff;
}

.stat-card__value {
	font-family: var(--font-serif);
	font-weight: 700;
	color: var(--navy-900);
	font-size: 2.5rem;
	line-height: 1;
	margin: 0;
}

.stat-card__label {
	color: var(--mute);
	margin-top: 8px;
	font-size: .92rem;
}

.steps-grid {
	display: grid;
	gap: 24px;
	grid-template-columns: 1fr;
	counter-reset: step;
}

@media (min-width: 720px) {
	.steps-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 1000px) {
	.steps-grid {
		grid-template-columns: repeat(4, 1fr);
	}
}

.step-card {
	position: relative;
	padding: 32px 24px 24px;
	border: 1px solid var(--line);
	border-radius: var(--radius-lg);
	background: #fff;
}

.step-card::before {
	counter-increment: step;
	content: "0" counter(step);
	position: absolute;
	top: -16px;
	left: 24px;
	width: 40px;
	height: 40px;
	background: var(--gold-500);
	color: var(--navy-900);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--font-serif);
	font-weight: 700;
	font-size: 1rem;
}

.step-card h3 {
	font-size: 1.1rem;
	margin-bottom: 6px;
}

.step-card p {
	font-size: .92rem;
	margin: 0;
}

/* =============================================================================
 * Supplemental utilities + classes used by page templates.
 * Uses the existing :root tokens (--gold-*, --navy-*, --mute, --line, --bg-soft).
 * ============================================================================= */

.text-gold {
	color: var(--gold-500);
}

.muted {
	color: var(--mute);
}

/* Section variants ---------------------------------------------------------- */
.section--alt {
	background: var(--bg-soft);
}

.section--cta {
	padding-top: 0;
	padding-bottom: 5rem;
}

.section--trust {
	padding: 2.5rem 0;
	background: var(--navy-900);
	color: #fff;
}

.section--trust .trust-item__num {
	color: var(--gold-500);
}

.section-head {
	text-align: center;
	max-width: 760px;
	margin: 0 auto 2.5rem;
}

.section-head--left {
	text-align: left;
	margin-left: 0;
}

.section-eyebrow {
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: .78rem;
	font-weight: 600;
	color: var(--gold-600);
	margin-bottom: .6rem;
}

.section-title {
	font-family: var(--font-serif);
	font-size: clamp(1.6rem, 3vw, 2.4rem);
	color: var(--navy-900);
	margin: 0 0 .8rem;
	line-height: 1.2;
}

.section-title--sm {
	font-size: clamp(1.2rem, 2vw, 1.55rem);
}

.section-lead {
	color: var(--ink-2);
	font-size: 1.02rem;
	max-width: 640px;
	margin: 0 auto;
	line-height: 1.65;
}

.section-head--left .section-lead {
	margin-left: 0;
}

/* Hero ---------------------------------------------------------------------- */
.hero {
	position: relative;
	overflow: hidden;
	color: #fff;
	padding: 5rem 0 6rem;
	background: linear-gradient(135deg, var(--navy-900) 0%, var(--navy-800) 50%, var(--navy-900) 100%);
}

.hero__bg {
	position: absolute;
	inset: 0;
	background:
		radial-gradient(circle at 20% 20%, rgba(205, 174, 82, 0.18), transparent 45%),
		radial-gradient(circle at 80% 70%, rgba(205, 174, 82, 0.10), transparent 50%);
	pointer-events: none;
}

.hero__inner {
	position: relative;
	display: grid;
	grid-template-columns: 1.4fr 1fr;
	gap: 3rem;
	align-items: center;
}

.hero__content .hero__eyebrow {
	color: var(--gold-500);
	letter-spacing: 2px;
	font-size: .8rem;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 1rem;
}

.hero__title {
	font-family: var(--font-serif);
	font-size: clamp(2rem, 4.4vw, 3.4rem);
	line-height: 1.15;
	margin: 0 0 1.2rem;
}

.hero__lead {
	font-size: 1.08rem;
	max-width: 560px;
	opacity: .92;
	margin: 0 0 1.8rem;
	line-height: 1.6;
}

.hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: .8rem;
	margin-bottom: 2rem;
}

.hero__meta {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 1.4rem;
	font-size: .92rem;
	opacity: .85;
}

.hero__meta li {
	border-left: 2px solid var(--gold-500);
	padding-left: .8rem;
}

.hero__visual {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
}

.metal-card {
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(205, 174, 82, 0.3);
	border-radius: 14px;
	padding: 1.4rem;
	text-align: center;
	backdrop-filter: blur(8px);
}

.metal-card--gold {
	background: linear-gradient(160deg, rgba(205, 174, 82, 0.18), rgba(205, 174, 82, 0.04));
}

.metal-card--silver {
	background: linear-gradient(160deg, rgba(200, 205, 215, 0.16), rgba(200, 205, 215, 0.03));
}

.metal-card__label {
	display: block;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: .72rem;
	opacity: .8;
}

.metal-card__symbol {
	font-family: var(--font-serif);
	font-size: 3rem;
	font-weight: 700;
	line-height: 1;
	display: block;
	margin: .5rem 0;
	color: var(--gold-500);
}

.metal-card__sub {
	display: block;
	font-size: .82rem;
	opacity: .7;
}

@media (max-width: 880px) {
	.hero {
		padding: 4rem 0 5rem;
	}

	.hero__inner {
		grid-template-columns: 1fr;
		gap: 2rem;
	}

	.hero__visual {
		max-width: 360px;
	}
}

/* Trust strip --------------------------------------------------------------- */
.trust-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.5rem;
}

.trust-item {
	text-align: center;
}

.trust-item__num {
	display: block;
	font-family: var(--font-serif);
	font-size: 2rem;
	font-weight: 700;
	line-height: 1;
	color: var(--gold-500);
}

.trust-item__label {
	display: block;
	margin-top: .4rem;
	font-size: .9rem;
	opacity: .85;
}

@media (max-width: 700px) {
	.trust-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 1.2rem;
	}
}

/* Fund cards (extended) ----------------------------------------------------- */
.fund-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1.5rem;
}

@media (min-width: 1000px) {
	.fund-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 700px) {
	.fund-grid {
		grid-template-columns: 1fr;
	}
}

.fund-card {
	background: #fff;
	border: 1px solid var(--line);
	border-radius: var(--radius-lg);
	padding: 1.5rem;
	transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.fund-card:hover {
	transform: translateY(-4px);
	box-shadow: var(--shadow-lg);
	border-color: var(--gold-500);
}

.fund-card--fixed {
	border-top: 4px solid var(--gold-500);
}

.fund-card--floating {
	border-top: 4px solid var(--navy-700);
}

.fund-card__head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: .8rem;
	margin-bottom: 1rem;
}

.fund-card__metal {
	font-size: .76rem;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	font-weight: 700;
	padding: .25rem .65rem;
	border-radius: 999px;
}

.fund-card__metal--gold {
	background: var(--gold-100);
	color: var(--gold-700);
}

.fund-card__metal--silver {
	background: #EEF1F5;
	color: #4a5360;
}

.fund-card__metal--mixed {
	background: linear-gradient(90deg, var(--gold-100) 0%, #EEF1F5 100%);
	color: var(--navy-900);
}

.fund-card__cat {
	font-size: .82rem;
	color: var(--mute);
}

.fund-card__title {
	font-family: var(--font-serif);
	font-size: 1.25rem;
	margin: 0 0 .35rem;
	color: var(--navy-900);
}

.fund-card__tag {
	font-size: .92rem;
	color: var(--ink-2);
	margin: 0 0 1.2rem;
}

.fund-card__stats {
	margin: 0 0 1.2rem;
	padding: 0;
	display: block;
	width: 100%;
}

.fund-card__stats>div {
	display: flex;
	flex-wrap: nowrap;
	align-items: baseline;
	justify-content: space-between;
	gap: .8rem;
	font-size: .92rem;
	padding: .55rem 0;
	border-bottom: 1px dashed var(--line);
	width: 100%;
}

.fund-card__stats>div:last-child {
	border-bottom: none;
}

.fund-card__stats dt {
	color: var(--mute);
	margin: 0;
	flex: 0 0 auto;
	white-space: nowrap;
}

.fund-card__stats dd {
	margin: 0;
	font-weight: 600;
	color: var(--navy-900);
	text-align: right;
	flex: 1 1 auto;
	min-width: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* "Early Exit" warning row — full text, allowed to wrap, gold accent. */
.fund-card__stats>.fund-card__stats-row--warn {
	flex-wrap: wrap;
	gap: .35rem .8rem;
	background: var(--gold-100);
	border: 1px solid rgba(205, 174, 82, 0.45);
	border-radius: 8px;
	padding: .55rem .75rem;
	margin-top: .35rem;
}

.fund-card__stats>.fund-card__stats-row--warn:last-child {
	border-bottom: 1px solid rgba(205, 174, 82, 0.45);
}

.fund-card__stats>.fund-card__stats-row--warn dt {
	color: var(--gold-700);
	font-weight: 700;
	font-size: .78rem;
	text-transform: uppercase;
	letter-spacing: .08em;
}

.fund-card__stats>.fund-card__stats-row--warn dd {
	color: var(--navy-900);
	font-weight: 600;
	white-space: normal;
	overflow: visible;
	text-overflow: clip;
	font-size: .88rem;
	line-height: 1.4;
}

.fund-card__link {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	font-weight: 600;
	color: var(--navy-900);
	text-decoration: none;
	font-size: .95rem;
}

.fund-card__link:hover {
	color: var(--gold-700);
}

/* Steps --------------------------------------------------------------------- */
.steps {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.5rem;
}

.steps--horizontal {
	grid-template-columns: repeat(4, 1fr);
}

.step {
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 12px;
	padding: 1.5rem 1.2rem;
	position: relative;
}

.step__num {
	display: inline-block;
	font-family: var(--font-serif);
	font-size: 1rem;
	font-weight: 700;
	color: var(--gold-500);
	margin-bottom: .5rem;
	letter-spacing: 1px;
}

.step h3 {
	margin: 0 0 .4rem;
	color: var(--navy-900);
	font-size: 1.05rem;
}

.step p {
	margin: 0;
	color: var(--ink-2);
	font-size: .92rem;
	line-height: 1.55;
}

@media (max-width: 880px) {

	.steps,
	.steps--horizontal {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 480px) {

	.steps,
	.steps--horizontal {
		grid-template-columns: 1fr;
	}
}

/* CTA banner ---------------------------------------------------------------- */
.cta-banner {
	background: linear-gradient(135deg, var(--navy-900) 0%, var(--navy-800) 100%);
	color: #fff;
	border-radius: 18px;
	padding: 2.5rem;
	display: grid;
	grid-template-columns: 1.5fr 1fr;
	gap: 2rem;
	align-items: center;
	box-shadow: var(--shadow-lg);
}

.cta-banner__eyebrow {
	color: var(--gold-500);
	letter-spacing: 2px;
	font-size: .78rem;
	text-transform: uppercase;
	font-weight: 600;
	margin: 0 0 .6rem;
}

.cta-banner__title {
	font-family: var(--font-serif);
	font-size: clamp(1.4rem, 2.5vw, 2rem);
	line-height: 1.2;
	margin: 0 0 .8rem;
}

.cta-banner__text {
	opacity: .9;
	margin: 0;
	line-height: 1.6;
}

.cta-banner__actions {
	display: flex;
	flex-wrap: wrap;
	gap: .8rem;
	justify-content: flex-end;
}

@media (max-width: 800px) {
	.cta-banner {
		grid-template-columns: 1fr;
		padding: 2rem;
	}

	.cta-banner__actions {
		justify-content: flex-start;
	}
}

.btn-outline--light {
	color: #fff;
	border-color: rgba(255, 255, 255, 0.5);
	background: transparent;
}

.btn-outline--light:hover {
	background: rgba(255, 255, 255, 0.08);
	border-color: #fff;
	color: #fff;
}

/* Feature grid -------------------------------------------------------------- */
.feature-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.5rem;
}

.feature-grid--3 {
	grid-template-columns: repeat(3, 1fr);
}

.feature-card {
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 14px;
	padding: 1.6rem;
	transition: transform .2s ease, box-shadow .2s ease;
}

.feature-card:hover {
	transform: translateY(-3px);
	box-shadow: var(--shadow);
}

.feature-card__icon {
	width: 44px;
	height: 44px;
	border-radius: 10px;
	background: var(--gold-100);
	color: var(--gold-700);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1rem;
}

.feature-card__icon svg {
	width: 22px;
	height: 22px;
}

.feature-card h3 {
	font-family: var(--font-serif);
	font-size: 1.15rem;
	color: var(--navy-900);
	margin: 0 0 .5rem;
}

.feature-card p {
	color: var(--ink-2);
	margin: 0;
	line-height: 1.6;
}

@media (max-width: 880px) {

	.feature-grid,
	.feature-grid--3 {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 600px) {

	.feature-grid,
	.feature-grid--3 {
		grid-template-columns: 1fr;
	}
}

/* About: prose-grid + info cards ------------------------------------------- */
.prose-grid {
	display: grid;
	grid-template-columns: 1.1fr 1fr;
	gap: 3rem;
}

.prose-grid p {
	color: var(--ink-2);
	line-height: 1.7;
}

@media (max-width: 800px) {
	.prose-grid {
		grid-template-columns: 1fr;
		gap: 2rem;
	}
}

.info-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.2rem;
	margin-bottom: 2rem;
}

.info-card {
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 12px;
	padding: 1.2rem;
}

.info-card__label {
	font-size: .76rem;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: var(--mute);
	margin: 0 0 .4rem;
}

.info-card__value {
	margin: 0;
	font-weight: 600;
	color: var(--navy-900);
}

@media (max-width: 800px) {
	.info-grid {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 520px) {
	.info-grid {
		grid-template-columns: 1fr;
	}
}

.muted-note {
	font-size: .88rem;
	color: var(--ink-2);
	padding: 1rem 1.2rem;
	background: var(--bg-soft);
	border-left: 3px solid var(--gold-500);
	border-radius: 4px;
	margin: 0;
}

/* Services grid ------------------------------------------------------------- */
.service-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.5rem;
}

.service-card {
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 14px;
	padding: 1.8rem;
	transition: transform .25s ease, box-shadow .25s ease;
}

.service-card:hover {
	transform: translateY(-3px);
	box-shadow: var(--shadow);
}

.service-card__icon {
	width: 44px;
	height: 44px;
	border-radius: 10px;
	background: var(--gold-100);
	color: var(--gold-700);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1rem;
}

.service-card__icon svg {
	width: 22px;
	height: 22px;
}

.service-card h2 {
	font-family: var(--font-serif);
	font-size: 1.2rem;
	color: var(--navy-900);
	margin: 0 0 .5rem;
}

.service-card p {
	color: var(--ink-2);
	margin: 0 0 .8rem;
	line-height: 1.6;
}

@media (max-width: 880px) {
	.service-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 600px) {
	.service-grid {
		grid-template-columns: 1fr;
	}
}

/* Lists --------------------------------------------------------------------- */
.bullet-list,
.check-list {
	padding-left: 0;
	margin: 0 0 1rem;
	list-style: none;
}

.bullet-list li,
.check-list li {
	padding-left: 1.6rem;
	position: relative;
	margin-bottom: .55rem;
	line-height: 1.55;
	color: var(--ink-2);
}

.bullet-list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: .6rem;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--gold-500);
}

.check-list li {
	padding-left: 1.8rem;
}

.check-list li::before {
	content: "\2713";
	position: absolute;
	left: 0;
	top: 0;
	color: var(--gold-700);
	font-weight: 700;
	font-size: 1.05rem;
}

.link-arrow {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	font-weight: 600;
	color: var(--navy-900);
	text-decoration: none;
}

.link-arrow:hover {
	color: var(--gold-700);
}

/* Contact ------------------------------------------------------------------- */
.contact-grid {
	display: grid;
	grid-template-columns: 1fr 1.4fr;
	gap: 3rem;
}

.contact-info {
	background: var(--navy-900);
	color: #fff;
	border-radius: 14px;
	padding: 2rem;
}

.contact-info .section-title {
	color: #fff;
}

.contact-item {
	padding: .9rem 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.contact-item:last-of-type {
	border-bottom: none;
}

.contact-item__label {
	display: block;
	font-size: .76rem;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: var(--gold-500);
	margin-bottom: .25rem;
}

.contact-item__value {
	color: #fff;
	font-style: normal;
	line-height: 1.5;
	text-decoration: none;
}

.contact-item__value:hover {
	color: var(--gold-500);
}

.contact-info p {
	color: rgba(255, 255, 255, 0.92);
}

.contact-info address {
	color: rgba(255, 255, 255, 0.92);
	font-style: normal;
}

.contact-info__note {
	margin-top: 1.5rem;
	padding-top: 1rem;
	border-top: 1px solid rgba(255, 255, 255, 0.12);
	font-size: .9rem;
	color: rgba(255, 255, 255, 0.85);
	line-height: 1.55;
}

.contact-info__note p {
	color: rgba(255, 255, 255, 0.85);
	margin: 0;
}

.contact-info__note a {
	color: var(--gold-500);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.contact-info__note a:hover {
	color: var(--gold-400);
}

.contact-form-wrap__lead {
	color: var(--ink-2);
	margin: 0 0 1.5rem;
}

.contact-form {
	display: grid;
	gap: 1.1rem;
}

.form-row label {
	display: block;
	font-weight: 600;
	color: var(--navy-900);
	margin-bottom: .35rem;
	font-size: .92rem;
}

.form-row input[type="text"],
.form-row input[type="email"],
.form-row input[type="tel"],
.form-row select,
.form-row textarea {
	width: 100%;
	padding: .7rem .9rem;
	border: 1px solid var(--line);
	border-radius: 8px;
	font: inherit;
	color: var(--ink);
	background: #fff;
	transition: border-color .2s ease, box-shadow .2s ease;
}

.form-row input:focus,
.form-row select:focus,
.form-row textarea:focus {
	outline: none;
	border-color: var(--gold-500);
	box-shadow: 0 0 0 3px rgba(205, 174, 82, 0.18);
}

.form-row textarea {
	resize: vertical;
	min-height: 110px;
}

.form-row--split {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
}

@media (max-width: 600px) {
	.form-row--split {
		grid-template-columns: 1fr;
	}
}

.form-row--consent .checkbox {
	display: flex;
	gap: .6rem;
	align-items: flex-start;
	font-size: .9rem;
	color: var(--ink-2);
	cursor: pointer;
}

.form-row--consent .checkbox input {
	margin-top: .25rem;
}

.form-row--consent .checkbox a {
	color: var(--navy-900);
}

.req {
	color: var(--gold-700);
}

.form-honeypot {
	position: absolute !important;
	left: -9999px !important;
	height: 0;
	width: 0;
	overflow: hidden;
}

.form-actions {
	display: flex;
	gap: .8rem;
}

.form-submit__spinner {
	display: inline-block;
	width: 14px;
	height: 14px;
	border: 2px solid rgba(255, 255, 255, 0.4);
	border-top-color: #fff;
	border-radius: 50%;
	margin-left: .5rem;
	animation: igstSpin .7s linear infinite;
	opacity: 0;
	vertical-align: middle;
}

.is-submitting .form-submit__spinner {
	opacity: 1;
}

@keyframes igstSpin {
	to {
		transform: rotate(360deg);
	}
}

.form-feedback {
	font-size: .92rem;
	padding: 0;
	min-height: 1.4em;
}

.form-feedback.is-success {
	color: var(--success);
}

.form-feedback.is-error {
	color: var(--danger);
}

.form-feedback.is-info {
	color: var(--ink-2);
}

@media (max-width: 880px) {
	.contact-grid {
		grid-template-columns: 1fr;
		gap: 2rem;
	}
}

/* Map ----------------------------------------------------------------------- */
.map-block {
	display: grid;
	grid-template-columns: 1fr 1.4fr;
	gap: 2rem;
	align-items: center;
}

.map-block__head h2 {
	margin-top: 0;
}

.map-block__embed {
	border-radius: 14px;
	overflow: hidden;
	box-shadow: var(--shadow-lg);
	aspect-ratio: 16/10;
}

.map-block__embed iframe {
	width: 100%;
	height: 100%;
	border: 0;
	display: block;
}

@media (max-width: 800px) {
	.map-block {
		grid-template-columns: 1fr;
	}
}

/* Cookie banner ------------------------------------------------------------- */
.cookie-banner {
	position: fixed;
	left: 1rem;
	right: 1rem;
	bottom: 1rem;
	z-index: 999;
	transform: translateY(120%);
	transition: transform .35s ease;
}

.cookie-banner.is-visible {
	transform: translateY(0);
}

.cookie-banner__inner {
	background: var(--navy-900);
	color: #fff;
	border-radius: 12px;
	padding: 1.1rem 1.4rem;
	display: flex;
	align-items: center;
	gap: 1.4rem;
	max-width: 1100px;
	margin: 0 auto;
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.25);
}

.cookie-banner__text {
	flex: 1;
	font-size: .92rem;
	line-height: 1.5;
}

.cookie-banner__text strong {
	display: block;
	margin-bottom: .25rem;
	color: var(--gold-500);
}

.cookie-banner__text a {
	color: var(--gold-500);
}

.cookie-banner__actions {
	display: flex;
	gap: .6rem;
	flex-shrink: 0;
}

@media (max-width: 600px) {
	.cookie-banner__inner {
		flex-direction: column;
		align-items: stretch;
		gap: .8rem;
	}

	.cookie-banner__actions {
		justify-content: flex-end;
	}
}

/* Single fund page --------------------------------------------------------- */
.breadcrumbs {
	font-size: .85rem;
	color: var(--mute);
	margin-bottom: 1.2rem;
	display: flex;
	gap: .5rem;
	flex-wrap: wrap;
}

.breadcrumbs a {
	color: var(--mute);
	text-decoration: none;
}

.breadcrumbs a:hover {
	color: var(--navy-900);
}

.fund-hero {
	padding: 3.5rem 0 2.5rem;
	background: linear-gradient(180deg, var(--bg-soft) 0%, #fff 100%);
}

.fund-hero__grid {
	display: grid;
	grid-template-columns: 1.4fr 1fr;
	gap: 2.5rem;
	align-items: start;
}

.fund-hero__tags {
	display: flex;
	gap: .5rem;
	flex-wrap: wrap;
	margin-bottom: 1rem;
}

.fund-tag {
	font-size: .76rem;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: .3rem .7rem;
	border-radius: 999px;
	background: rgba(11, 37, 69, 0.06);
	color: var(--navy-900);
	font-weight: 600;
}

.fund-tag--metal.fund-tag--gold {
	background: var(--gold-100);
	color: var(--gold-700);
}

.fund-tag--metal.fund-tag--silver {
	background: #EEF1F5;
	color: #4a5360;
}

.fund-tag--metal.fund-tag--mixed {
	background: linear-gradient(90deg, var(--gold-100) 0%, #EEF1F5 100%);
	color: var(--navy-900);
}

.fund-tag--code {
	background: var(--navy-900);
	color: var(--gold-500);
}

.fund-hero__title {
	font-family: var(--font-serif);
	font-size: clamp(1.8rem, 3.5vw, 2.6rem);
	color: var(--navy-900);
	margin: 0 0 .5rem;
	line-height: 1.2;
}

.fund-hero__tagline {
	font-size: 1.1rem;
	color: var(--gold-700);
	margin: 0 0 1rem;
	font-weight: 500;
}

.fund-hero__desc {
	color: var(--ink-2);
	line-height: 1.65;
	margin: 0 0 1.6rem;
}

.fund-hero__actions {
	display: flex;
	gap: .8rem;
	flex-wrap: wrap;
}

.fund-summary {
	display: block;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 14px;
	padding: 1.8rem;
	box-shadow: var(--shadow);
	width: 100%;
}

.fund-summary__heading {
	display: block;
	width: 100%;
	font-family: var(--font-serif);
	font-size: 1.1rem;
	color: var(--navy-900);
	margin: 0 0 1rem;
	padding-bottom: .8rem;
	border-bottom: 2px solid var(--gold-500);
}

.fund-summary__list {
	margin: 0;
	padding: 0;
	display: block;
	width: 100%;
}

.fund-summary__list>div {
	display: flex;
	flex-wrap: nowrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 1rem;
	padding: .55rem 0;
	border-bottom: 1px dashed var(--line);
	width: 100%;
}

.fund-summary__list>div:last-child {
	border-bottom: none;
}

.fund-summary__list dt {
	color: var(--mute);
	margin: 0;
	font-size: .92rem;
	flex: 0 0 auto;
}

.fund-summary__list dd {
	margin: 0;
	font-weight: 600;
	color: var(--navy-900);
	text-align: right;
	flex: 1 1 auto;
	min-width: 0;
	word-break: break-word;
}

.fund-summary__list .is-positive {
	color: var(--success);
}

.fund-summary__list .is-negative {
	color: var(--danger);
}

.fund-summary__note {
	display: block;
	width: 100%;
	margin-top: 1rem;
	padding-top: .9rem;
	border-top: 1px solid var(--line);
	font-size: .82rem;
	color: var(--mute);
	line-height: 1.5;
}

@media (max-width: 880px) {
	.fund-hero__grid {
		grid-template-columns: 1fr;
	}
}

/* NAV chart card ------------------------------------------------------------ */
.fund-chart-card {
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 14px;
	padding: 1.8rem;
	margin-bottom: 2.5rem;
}

.fund-chart-card__head {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	gap: 1.5rem;
	flex-wrap: wrap;
	margin-bottom: 1.5rem;
}

.fund-chart-card__body {
	position: relative;
	height: 320px;
}

.fund-chart-card__body canvas {
	width: 100% !important;
	height: 100% !important;
}

.range-tabs {
	display: inline-flex;
	background: var(--navy-50);
	border-radius: 999px;
	padding: 4px;
	gap: 2px;
}

.range-tab {
	background: transparent;
	border: 0;
	padding: .4rem .85rem;
	font-size: .85rem;
	font-weight: 600;
	color: var(--ink-2);
	cursor: pointer;
	border-radius: 999px;
	transition: background .2s, color .2s;
}

.range-tab:hover {
	color: var(--navy-900);
}

.range-tab.is-active {
	background: var(--navy-900);
	color: #fff;
}

/* Returns table ------------------------------------------------------------- */
.returns-table-wrap {
	margin-top: 1rem;
}

.returns-table {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 12px;
	overflow: hidden;
	margin-top: 1rem;
}

.returns-table th,
.returns-table td {
	padding: .8rem 1rem;
	text-align: center;
	border-bottom: 1px solid var(--line);
	font-size: .95rem;
}

.returns-table thead th {
	background: var(--bg-soft);
	color: var(--navy-900);
	font-weight: 600;
}

.returns-table tbody th {
	text-align: left;
	color: var(--navy-900);
	font-weight: 600;
}

.returns-table tbody tr:last-child td,
.returns-table tbody tr:last-child th {
	border-bottom: none;
}

.returns-table .is-positive {
	color: var(--success);
	font-weight: 600;
}

.returns-table .is-negative {
	color: var(--danger);
	font-weight: 600;
}

.returns-table__note {
	margin-top: .8rem;
	font-size: .82rem;
	color: var(--mute);
}

/* Fund detail grid ---------------------------------------------------------- */
.fund-detail-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 3rem;
}

.fund-detail-grid p {
	color: var(--ink-2);
	line-height: 1.7;
}

.fund-detail-grid h2 {
	color: var(--navy-900);
}

@media (max-width: 800px) {
	.fund-detail-grid {
		grid-template-columns: 1fr;
		gap: 2rem;
	}
}

/* Page hero ----------------------------------------------------------------- */
.page-hero {
	padding: 3.5rem 0 2.2rem;
	background: linear-gradient(180deg, var(--bg-soft), #fff);
}

.page-hero__eyebrow {
	color: var(--gold-700);
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 600;
	font-size: .78rem;
	margin: 0 0 .6rem;
}

.page-hero__title {
	font-family: var(--font-serif);
	font-size: clamp(1.8rem, 3.5vw, 2.8rem);
	color: var(--navy-900);
	margin: 0 0 .8rem;
	line-height: 1.2;
}

.page-hero__lead {
	color: var(--ink-2);
	font-size: 1.05rem;
	max-width: 680px;
	line-height: 1.6;
	margin: 0;
}

.page-hero--legal {
	padding: 3rem 0 1.5rem;
}

.page-hero__meta {
	color: var(--mute);
	font-size: .88rem;
	margin-top: .5rem;
}

.page-title {
	font-family: var(--font-serif);
	color: var(--navy-900);
}

.page-header {
	margin-bottom: 1.5rem;
}

/* Prose --------------------------------------------------------------------- */
.prose h2 {
	font-family: var(--font-serif);
	color: var(--navy-900);
	margin-top: 2rem;
	margin-bottom: .6rem;
	font-size: 1.35rem;
}

.prose h3 {
	color: var(--navy-900);
	margin-top: 1.5rem;
	margin-bottom: .4rem;
	font-size: 1.1rem;
}

.prose p,
.prose li {
	color: var(--ink-2);
	line-height: 1.7;
}

.prose ul {
	padding-left: 1.2rem;
	margin: 0 0 1rem;
}

.prose ul li {
	margin-bottom: .4rem;
}

.prose a {
	color: var(--navy-900);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.prose a:hover {
	color: var(--gold-700);
}

.prose code {
	background: var(--bg-soft);
	padding: .12rem .35rem;
	border-radius: 4px;
	font-size: .9em;
}

/* 404 ----------------------------------------------------------------------- */
.error-404 {
	text-align: center;
	padding: 2rem 0;
}

.error-404 .error-eyebrow {
	color: var(--gold-700);
	letter-spacing: 3px;
	text-transform: uppercase;
	font-size: .8rem;
	font-weight: 600;
}

.error-404 .error-title {
	font-family: var(--font-serif);
	font-size: clamp(2rem, 4vw, 3rem);
	color: var(--navy-900);
	margin: .8rem 0 .8rem;
}

.error-404 .error-text {
	color: var(--ink-2);
	max-width: 520px;
	margin: 0 auto 1.6rem;
	line-height: 1.6;
}

.error-404 .error-actions {
	display: flex;
	justify-content: center;
	gap: .8rem;
	flex-wrap: wrap;
}

/* Sticky header behaviour -------------------------------------------------- */
.site-header {
	transition: box-shadow .25s ease, background .25s ease;
}

.site-header.is-stuck {
	box-shadow: var(--shadow);
	background: rgba(255, 255, 255, 0.96);
	backdrop-filter: blur(10px);
}

body.has-nav-open {
	overflow: hidden;
}

/* Mobile nav toggle visibility --------------------------------------------- */
@media (max-width: 960px) {
	.nav-toggle {
		display: inline-flex;
	}

	.primary-nav {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		background: #fff;
		padding: 1.2rem 1.5rem 1.5rem;
		box-shadow: var(--shadow-lg);
		flex-direction: column;
		gap: 1rem;
	}

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

	.primary-nav__menu {
		flex-direction: column;
		gap: .5rem;
	}

	.primary-nav__cta {
		flex-direction: column;
		gap: .5rem;
		align-items: stretch;
	}
}

@media (min-width: 961px) {
	.nav-toggle {
		display: none;
	}
}

/* Compare table (Funds page) ----------------------------------------------- */
.compare-table-wrap {
	overflow-x: auto;
	border-radius: 14px;
	box-shadow: var(--shadow);
}

.compare-table {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
	min-width: 640px;
}

.compare-table th,
.compare-table td {
	padding: 1rem 1.2rem;
	border-bottom: 1px solid var(--line);
	text-align: left;
	vertical-align: top;
}

.compare-table thead th {
	background: var(--navy-900);
	color: #fff;
	font-weight: 600;
}

.compare-table thead th:first-child {
	background: var(--navy-900);
}

.compare-table tbody th {
	background: var(--bg-soft);
	color: var(--navy-900);
	font-weight: 600;
	width: 22%;
}

.compare-table tbody tr:last-child th,
.compare-table tbody tr:last-child td {
	border-bottom: none;
}

.compare-table tbody td {
	color: var(--ink-2);
}

/* ==========================================================================
   v2 — Footer socials, app badges, blog, help, trust, payments
   ========================================================================== */

/* Footer headings (small variant) ----------------------------------------- */
.footer-heading--sm {
	margin-top: 1.5rem;
	font-size: .85rem;
	opacity: .85;
}

/* Social icons ------------------------------------------------------------- */
.social-icons {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
	list-style: none;
	padding: 0;
	margin: .5rem 0 0;
}

.social-icons__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	color: rgba(255, 255, 255, .85);
	background: rgba(255, 255, 255, .06);
	transition: background .18s ease, color .18s ease, transform .18s ease;
}

.social-icons__link svg {
	width: 18px;
	height: 18px;
	fill: currentColor;
}

.social-icons__link:hover {
	background: var(--gold-500);
	color: var(--navy-900);
	transform: translateY(-2px);
}

.social-icons--dark .social-icons__link {
	color: var(--ink-2);
	background: var(--bg-soft);
}

.social-icons--dark .social-icons__link:hover {
	background: var(--navy-900);
	color: var(--gold-500);
}

/* App store badges --------------------------------------------------------- */
.app-badges {
	display: flex;
	flex-wrap: wrap;
	gap: .6rem;
	margin-top: .5rem;
}

.app-badge {
	display: inline-flex;
	align-items: center;
	gap: .55rem;
	padding: .55rem .85rem;
	border-radius: 8px;
	background: #000;
	color: #fff;
	text-decoration: none;
	transition: transform .15s ease, opacity .15s ease;
	min-width: 150px;
}

.app-badge:hover {
	opacity: .92;
	transform: translateY(-2px);
	color: #fff;
}

.app-badge svg {
	width: 26px;
	height: 26px;
	fill: currentColor;
	flex: 0 0 auto;
}

.app-badge__txt {
	display: flex;
	flex-direction: column;
	line-height: 1.05;
}

.app-badge__txt small {
	font-size: .65rem;
	opacity: .85;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.app-badge__txt strong {
	font-size: 1rem;
	font-weight: 600;
}

.app-badges--light .app-badge {
	background: var(--navy-900);
}

/* ==========================================================================
   Blog (Groww-style)
   ========================================================================== */
.blog-hero {
	padding: 4rem 0 1.8rem;
	background: linear-gradient(180deg, var(--navy-50) 0%, #fff 100%);
	border-bottom: 1px solid var(--line);
}

.blog-hero--sm {
	padding: 3rem 0 1.4rem;
}

.blog-hero__eyebrow {
	color: var(--mute);
	text-transform: uppercase;
	letter-spacing: .12em;
	font-size: .8rem;
	margin: 0 0 .5rem;
}

.blog-hero__title {
	font-family: var(--font-serif);
	font-size: clamp(1.8rem, 4vw, 2.5rem);
	margin: 0 0 .8rem;
	color: var(--navy-900);
}

.blog-hero__lead {
	color: var(--ink-2);
	max-width: 680px;
	margin: 0 0 1.4rem;
	font-size: 1.05rem;
}

.blog-search {
	display: flex;
	gap: .5rem;
	max-width: 520px;
}

.blog-search input {
	flex: 1;
	padding: .7rem .9rem;
	border: 1px solid var(--line);
	border-radius: 8px;
	font-size: 1rem;
	background: #fff;
}

.blog-search input:focus {
	outline: 2px solid var(--gold-500);
	outline-offset: 1px;
}

.blog-cats {
	background: #fff;
	border-bottom: 1px solid var(--line);
	position: sticky;
	top: var(--header-h);
	z-index: 5;
}

.blog-cats__inner {
	display: flex;
	gap: .35rem;
	overflow-x: auto;
	padding: .65rem 0;
	scrollbar-width: thin;
}

.blog-cat {
	flex: 0 0 auto;
	padding: .45rem .9rem;
	border-radius: 999px;
	background: var(--bg-soft);
	color: var(--ink-2);
	text-decoration: none;
	font-size: .9rem;
	font-weight: 500;
	border: 1px solid transparent;
	transition: all .15s ease;
	white-space: nowrap;
}

.blog-cat:hover {
	background: var(--navy-50);
	color: var(--navy-900);
}

.blog-cat.is-active {
	background: var(--navy-900);
	color: #fff;
}

.section--tight {
	padding: 2.2rem 0;
}

.blog-featured {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.4rem;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 14px;
	overflow: hidden;
	box-shadow: var(--shadow);
}

@media (min-width: 800px) {
	.blog-featured {
		grid-template-columns: 1.2fr 1fr;
	}
}

.blog-featured__media {
	display: block;
	aspect-ratio: 16/10;
	overflow: hidden;
	background: var(--navy-50);
}

.blog-featured__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .4s ease;
}

.blog-featured__media:hover .blog-featured__img {
	transform: scale(1.04);
}

.blog-featured__placeholder {
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, var(--navy-900), var(--navy-700) 60%, var(--gold-500));
}

.blog-featured__body {
	padding: 1.6rem 1.8rem;
	display: flex;
	flex-direction: column;
	gap: .7rem;
	justify-content: center;
}

.blog-featured__eyebrow {
	display: flex;
	gap: .5rem;
	align-items: center;
	margin: 0;
	font-size: .82rem;
}

.blog-featured__tag {
	background: var(--gold-500);
	color: var(--navy-900);
	padding: .15rem .55rem;
	border-radius: 4px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .06em;
	font-size: .7rem;
}

.blog-featured__title {
	font-family: var(--font-serif);
	font-size: clamp(1.4rem, 2.5vw, 1.9rem);
	margin: 0;
	line-height: 1.2;
}

.blog-featured__title a {
	color: var(--navy-900);
	text-decoration: none;
}

.blog-featured__title a:hover {
	color: var(--gold-700);
}

.blog-featured__excerpt {
	color: var(--ink-2);
	margin: 0;
	line-height: 1.55;
}

.blog-meta {
	color: var(--mute);
	font-size: .85rem;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap: .35rem;
	align-items: center;
}

.blog-meta--sm {
	font-size: .8rem;
}

.blog-meta__cat {
	color: var(--navy-700);
	font-weight: 600;
}

.section-head--row {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: 1.6rem;
}

.blog-grid {
	display: grid;
	gap: 1.4rem;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}

.blog-card {
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 12px;
	overflow: hidden;
	transition: transform .2s ease, box-shadow .2s ease;
}

.blog-card:hover {
	transform: translateY(-3px);
	box-shadow: var(--shadow-lg);
}

.blog-card__media {
	display: block;
	aspect-ratio: 16/10;
	overflow: hidden;
	background: var(--navy-50);
}

.blog-card__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.blog-card__placeholder {
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, var(--navy-700), var(--gold-500));
}

.blog-card__body {
	padding: 1.1rem 1.2rem 1.3rem;
	display: flex;
	flex-direction: column;
	gap: .55rem;
	flex: 1;
}

.blog-card__cat {
	font-size: .72rem;
	text-transform: uppercase;
	letter-spacing: .08em;
	color: var(--gold-700);
	margin: 0;
	font-weight: 600;
}

.blog-card__title {
	font-family: var(--font-serif);
	font-size: 1.2rem;
	margin: 0;
	line-height: 1.3;
}

.blog-card__title a {
	color: var(--navy-900);
	text-decoration: none;
}

.blog-card__title a:hover {
	color: var(--gold-700);
}

.blog-card__excerpt {
	color: var(--ink-2);
	font-size: .92rem;
	line-height: 1.5;
	margin: 0;
	flex: 1;
}

.blog-pagination {
	margin-top: 2rem;
	display: flex;
	justify-content: center;
	gap: .25rem;
	flex-wrap: wrap;
}

.blog-pagination .page-numbers,
.blog-pagination a.page-numbers {
	display: inline-flex;
	padding: .5rem .9rem;
	border-radius: 6px;
	background: var(--bg-soft);
	color: var(--ink-2);
	text-decoration: none;
	font-weight: 500;
	font-size: .9rem;
	min-width: 40px;
	justify-content: center;
}

.blog-pagination .page-numbers:hover {
	background: var(--navy-100);
}

.blog-pagination .page-numbers.current {
	background: var(--navy-900);
	color: #fff;
}

.blog-empty {
	text-align: center;
	padding: 3rem 1rem;
	color: var(--mute);
}

/* Single post / article ---------------------------------------------------- */
.article-hero {
	padding: 3rem 0 1.6rem;
	background: var(--bg-soft);
	border-bottom: 1px solid var(--line);
}

.article-eyebrow {
	display: flex;
	gap: .4rem;
	flex-wrap: wrap;
	margin: .8rem 0 .6rem;
}

.article-eyebrow__cat {
	background: var(--gold-100);
	color: var(--gold-700);
	padding: .2rem .65rem;
	border-radius: 4px;
	font-size: .78rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .06em;
	text-decoration: none;
}

.article-eyebrow__cat:hover {
	background: var(--gold-500);
	color: var(--navy-900);
}

.article-title {
	font-family: var(--font-serif);
	font-size: clamp(1.8rem, 4vw, 2.6rem);
	color: var(--navy-900);
	margin: 0 0 .8rem;
	line-height: 1.2;
}

.article-meta {
	color: var(--mute);
	font-size: .9rem;
	display: flex;
	gap: .4rem;
	flex-wrap: wrap;
	align-items: center;
}

.article-author {
	color: var(--navy-900);
	font-weight: 600;
}

.article-cover {
	padding-top: 1.4rem;
}

.article-cover__img {
	width: 100%;
	max-height: 480px;
	object-fit: cover;
	border-radius: 12px;
}

.article-content.prose {
	font-size: 1.05rem;
	line-height: 1.75;
	color: var(--ink-2);
}

.article-content.prose h2 {
	font-family: var(--font-serif);
	color: var(--navy-900);
	margin: 2rem 0 .8rem;
	font-size: 1.6rem;
}

.article-content.prose h3 {
	color: var(--navy-900);
	margin: 1.6rem 0 .6rem;
	font-size: 1.25rem;
}

.article-content.prose p {
	margin: 0 0 1rem;
}

.article-content.prose ul,
.article-content.prose ol {
	margin: 0 0 1rem 1.4rem;
}

.article-content.prose li {
	margin-bottom: .35rem;
}

.article-content.prose blockquote {
	border-left: 4px solid var(--gold-500);
	padding: .4rem 1.2rem;
	margin: 1.4rem 0;
	color: var(--navy-900);
	font-style: italic;
	background: var(--gold-100);
	border-radius: 0 8px 8px 0;
}

.article-content.prose img {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
	margin: 1rem 0;
}

.article-content.prose a {
	color: var(--gold-700);
	text-decoration: underline;
}

.article-content.prose code {
	background: var(--bg-soft);
	padding: .15rem .35rem;
	border-radius: 4px;
	font-size: .92em;
}

.article-tags {
	display: flex;
	flex-wrap: wrap;
	gap: .4rem;
	margin: 1.5rem 0;
}

.article-tag {
	background: var(--bg-soft);
	color: var(--ink-2);
	padding: .3rem .7rem;
	border-radius: 999px;
	font-size: .82rem;
	text-decoration: none;
}

.article-tag:hover {
	background: var(--navy-100);
	color: var(--navy-900);
}

.article-share {
	display: flex;
	gap: .5rem;
	align-items: center;
	margin: 1.4rem 0 2rem;
	padding: 1rem 0;
	border-top: 1px solid var(--line);
	border-bottom: 1px solid var(--line);
}

.article-share__label {
	font-weight: 600;
	color: var(--navy-900);
	margin-right: .4rem;
}

.article-share__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: var(--bg-soft);
	color: var(--ink-2);
	transition: all .15s ease;
}

.article-share__btn svg {
	width: 16px;
	height: 16px;
	fill: currentColor;
}

.article-share__btn:hover {
	background: var(--navy-900);
	color: var(--gold-500);
}

.article-author-card {
	display: flex;
	gap: 1rem;
	align-items: flex-start;
	background: var(--bg-soft);
	padding: 1.2rem;
	border-radius: 12px;
	margin: 2rem 0;
}

.article-author-card__avatar {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: var(--navy-900);
	color: var(--gold-500);
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--font-serif);
	font-weight: 700;
	font-size: 1.5rem;
	flex: 0 0 auto;
}

.article-author-card__label {
	font-size: .78rem;
	text-transform: uppercase;
	letter-spacing: .08em;
	color: var(--mute);
	margin: 0 0 .15rem;
}

.article-author-card__name {
	font-weight: 700;
	color: var(--navy-900);
	margin: 0 0 .25rem;
}

.article-author-card__bio {
	margin: 0;
	color: var(--ink-2);
	font-size: .92rem;
}

/* ==========================================================================
   Help & Support
   ========================================================================== */
.help-grid {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}

.help-card {
	display: flex;
	flex-direction: column;
	gap: .55rem;
	padding: 1.4rem 1.3rem;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 12px;
	text-decoration: none;
	color: var(--navy-900);
	transition: all .18s ease;
}

.help-card:hover {
	border-color: var(--gold-500);
	transform: translateY(-2px);
	box-shadow: var(--shadow);
	color: var(--navy-900);
}

.help-card__icon {
	width: 44px;
	height: 44px;
	border-radius: 10px;
	background: var(--gold-100);
	color: var(--gold-700);
	display: flex;
	align-items: center;
	justify-content: center;
}

.help-card__icon svg {
	width: 22px;
	height: 22px;
}

.help-card h3 {
	margin: 0;
	font-size: 1.05rem;
}

.help-card p {
	margin: 0;
	color: var(--ink-2);
	font-size: .9rem;
	line-height: 1.5;
}

/* FAQ accordion ---------------------------------------------------------- */
.faq-list {
	display: flex;
	flex-direction: column;
	gap: .65rem;
	margin-top: 1.5rem;
}

.faq-item {
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 10px;
	overflow: hidden;
	transition: box-shadow .15s ease, border-color .15s ease;
}

.faq-item[open] {
	border-color: var(--gold-500);
	box-shadow: var(--shadow-sm);
}

.faq-item__q {
	cursor: pointer;
	padding: 1rem 1.2rem;
	font-weight: 600;
	color: var(--navy-900);
	font-size: 1rem;
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
}

.faq-item__q::-webkit-details-marker {
	display: none;
}

.faq-item__q::after {
	content: '+';
	font-size: 1.4rem;
	color: var(--gold-700);
	transition: transform .2s ease;
	line-height: 1;
}

.faq-item[open] .faq-item__q::after {
	content: '−';
}

.faq-item__a {
	padding: 0 1.2rem 1rem;
	color: var(--ink-2);
	line-height: 1.6;
}

.faq-item__a p {
	margin: 0;
}

/* Support channels --------------------------------------------------------- */
.support-channels {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.support-card {
	padding: 1.4rem;
	background: var(--bg-soft);
	border-radius: 12px;
	border: 1px solid var(--line);
}

.support-card h3 {
	margin: 0 0 .4rem;
	color: var(--navy-900);
	font-size: 1rem;
	text-transform: uppercase;
	letter-spacing: .08em;
	font-weight: 600;
}

.support-card__big {
	font-size: 1.2rem;
	margin: .25rem 0 .5rem;
}

.support-card__big a {
	color: var(--navy-900);
	font-weight: 600;
	text-decoration: none;
}

.support-card__big a:hover {
	color: var(--gold-700);
}

.support-card .muted-note {
	color: var(--mute);
	font-size: .85rem;
	margin: 0;
}

/* ==========================================================================
   Trust & Safety
   ========================================================================== */
.trust-pillars {
	display: grid;
	gap: 1.4rem;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.trust-pillar {
	background: #fff;
	padding: 1.6rem 1.4rem;
	border: 1px solid var(--line);
	border-radius: 12px;
	transition: all .2s ease;
}

.trust-pillar:hover {
	border-color: var(--gold-500);
	box-shadow: var(--shadow);
	transform: translateY(-2px);
}

.trust-pillar__icon {
	width: 52px;
	height: 52px;
	border-radius: 12px;
	background: var(--navy-900);
	color: var(--gold-500);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1rem;
}

.trust-pillar__icon svg {
	width: 26px;
	height: 26px;
}

.trust-pillar h2 {
	font-family: var(--font-serif);
	font-size: 1.25rem;
	color: var(--navy-900);
	margin: 0 0 .55rem;
}

.trust-pillar p {
	color: var(--ink-2);
	margin: 0 0 .8rem;
	line-height: 1.55;
}

.check-list--lg li {
	font-size: 1rem;
	padding: 0 0 .35rem 1.5rem;
}

.report-card {
	background: var(--bg-soft);
	border-left: 4px solid var(--gold-500);
	padding: 1.2rem 1.4rem;
	border-radius: 0 10px 10px 0;
}

.report-card p {
	margin: 0 0 .55rem;
	color: var(--ink-2);
}

.report-card p:last-child {
	margin: 0;
}

.report-card code {
	background: var(--navy-900);
	color: var(--gold-500);
	padding: .15rem .4rem;
	border-radius: 4px;
	font-size: .92em;
}

/* ==========================================================================
   Disclaimer / legal pages
   ========================================================================== */
.legal-content {
	color: var(--ink-2);
	line-height: 1.7;
}

.legal-content h2 {
	font-family: var(--font-serif);
	color: var(--navy-900);
	font-size: 1.35rem;
	margin: 2rem 0 .7rem;
}

.legal-content p {
	margin: 0 0 1rem;
}

.legal-content ul {
	margin: 0 0 1rem 1.4rem;
}

.legal-content li {
	margin-bottom: .35rem;
}

.legal-meta {
	color: var(--mute);
	font-size: .85rem;
	margin-bottom: 1.5rem;
}

/* ==========================================================================
   Payment options
   ========================================================================== */
.section--payments {
	background: var(--bg-soft);
}

.payment-grid {
	display: grid;
	gap: 1.4rem;
	margin-top: 1.6rem;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}

.payment-card {
	background: #fff;
	padding: 1.6rem 1.5rem;
	border: 1px solid var(--line);
	border-radius: 14px;
	transition: all .2s ease;
}

.payment-card:hover {
	box-shadow: var(--shadow);
	border-color: var(--gold-500);
}

.payment-card__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .6rem;
	margin-bottom: 1rem;
	flex-wrap: wrap;
}

.payment-card__logo svg {
	height: 28px;
	width: auto;
}

.payment-card__badge {
	font-size: .72rem;
	text-transform: uppercase;
	letter-spacing: .08em;
	color: var(--navy-900);
	background: var(--gold-100);
	padding: .2rem .55rem;
	border-radius: 4px;
	font-weight: 600;
}

.payment-card h3 {
	font-family: var(--font-serif);
	color: var(--navy-900);
	margin: 0 0 .5rem;
	font-size: 1.3rem;
}

.payment-card p {
	color: var(--ink-2);
	line-height: 1.55;
	margin: 0 0 .8rem;
}

.payment-card__min {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: .35rem;
	margin: .25rem 0 .8rem;
	padding: .55rem .8rem;
	background: var(--gold-100);
	border-radius: 8px;
	color: var(--navy-900);
	font-size: .95rem;
}

.payment-card__min strong {
	color: var(--navy-900);
	font-weight: 700;
}

.payment-card__min-extra {
	color: var(--mute);
	font-size: .82rem;
}

.payment-methods {
	list-style: none;
	padding: 0;
	margin: .6rem 0 1rem;
	display: grid;
	gap: .4rem;
}

.payment-methods li {
	display: flex;
	gap: .55rem;
	align-items: baseline;
	color: var(--ink-2);
	font-size: .92rem;
	padding: .35rem .5rem;
	background: var(--bg-soft);
	border-radius: 6px;
}

.payment-methods li span {
	font-weight: 700;
	color: var(--navy-900);
	min-width: 64px;
}

.payment-card .muted-note {
	color: var(--mute);
	font-size: .82rem;
	margin: 0;
}

.payment-note {
	margin-top: 1.4rem;
	padding: 1rem 1.2rem;
	background: var(--gold-100);
	border-radius: 8px;
	color: var(--navy-900);
	font-size: .92rem;
	line-height: 1.55;
}

/* ==========================================================================
   Founder card (About page)
   ========================================================================== */
.founder-card {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 1.6rem;
	background: #fff;
	border: 1px solid var(--line);
	border-left: 4px solid var(--gold-500);
	border-radius: 14px;
	padding: 1.8rem;
	box-shadow: var(--shadow-sm);
}

@media (max-width: 640px) {
	.founder-card {
		grid-template-columns: 1fr;
	}
}

.founder-card__avatar {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: var(--navy-900);
	color: var(--gold-500);
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--font-serif);
	font-weight: 800;
	font-size: 1.8rem;
	flex: 0 0 auto;
}

.founder-card__quote {
	font-style: italic;
	font-size: 1.05rem;
	line-height: 1.65;
	color: var(--navy-900);
	margin: 0 0 1.2rem;
}

.founder-card__meta {
	margin: 0;
	padding: 0;
	display: grid;
	gap: .55rem;
}

.founder-card__meta>div {
	display: flex;
	gap: .8rem;
	align-items: baseline;
	padding: .4rem 0;
	border-bottom: 1px dashed var(--line);
}

.founder-card__meta>div:last-child {
	border-bottom: none;
}

.founder-card__meta dt {
	color: var(--mute);
	font-size: .8rem;
	text-transform: uppercase;
	letter-spacing: .08em;
	margin: 0;
	min-width: 110px;
	flex: 0 0 auto;
}

.founder-card__meta dd {
	margin: 0;
	color: var(--navy-900);
	font-weight: 600;
}

/* Trust pills (10yr / Back-tested / 68% / 1.5%) -------------------------- */
.trust-pills {
	display: flex;
	flex-wrap: wrap;
	gap: .8rem;
	margin: 1.6rem 0;
}

.trust-pill {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	gap: .15rem;
	padding: .65rem 1rem;
	background: #fff;
	border: 1px solid var(--line);
	border-left: 3px solid var(--gold-500);
	border-radius: 8px;
	box-shadow: var(--shadow-sm);
	transition: transform .15s ease, box-shadow .15s ease;
}

.trust-pill:hover {
	transform: translateY(-2px);
	box-shadow: var(--shadow);
}

.trust-pill__num {
	font-family: var(--font-serif);
	font-weight: 800;
	color: var(--navy-900);
	font-size: 1.15rem;
	line-height: 1.1;
}

.trust-pill__label {
	font-size: .78rem;
	color: var(--mute);
	text-transform: uppercase;
	letter-spacing: .04em;
	font-weight: 600;
}

.trust-pills--hero {
	margin-top: 1.6rem;
}

.trust-pills--hero .trust-pill {
	background: rgba(255, 255, 255, 0.92);
}

/* Quote callout (re-usable) ----------------------------------------------- */
.quote-callout {
	border-left: 4px solid var(--gold-500);
	padding: .8rem 1.2rem;
	font-style: italic;
	color: var(--navy-900);
	background: var(--gold-100);
	border-radius: 0 8px 8px 0;
	margin: 1rem 0;
	line-height: 1.6;
}

.quote-callout--lg {
	font-size: 1.15rem;
	padding: 1.2rem 1.6rem;
	margin: 2rem auto 0;
	max-width: 820px;
}

/* ==========================================================================
   Trading Strategy page
   ========================================================================== */

/* Asset cards (Gold / Silver) -------------------------------------------- */
.asset-grid {
	display: grid;
	gap: 1.4rem;
	margin-top: 1.6rem;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.asset-card {
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 14px;
	padding: 1.6rem 1.5rem;
	transition: all .18s ease;
}

.asset-card:hover {
	border-color: var(--gold-500);
	box-shadow: var(--shadow);
	transform: translateY(-2px);
}

.asset-card__symbol {
	display: inline-block;
	background: var(--navy-900);
	color: var(--gold-500) !important;
	padding: .25rem .7rem;
	border-radius: 6px;
	font-family: 'Courier New', monospace;
	font-weight: 700;
	font-size: .85rem;
	letter-spacing: .04em;
	margin: 0 0 .6rem;
}

.asset-card h3 {
	font-family: var(--font-serif);
	color: var(--navy-900);
	margin: 0 0 .55rem;
	font-size: 1.5rem;
}

.asset-card p {
	color: var(--ink-2);
	margin: 0 0 .8rem;
	line-height: 1.55;
}

/* Strategy 3-step grid --------------------------------------------------- */
.strategy-grid {
	display: grid;
	gap: 1.4rem;
	margin-top: 1.6rem;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.strategy-card {
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 14px;
	padding: 1.6rem 1.5rem;
	position: relative;
	transition: all .18s ease;
}

.strategy-card:hover {
	border-color: var(--gold-500);
	box-shadow: var(--shadow);
	transform: translateY(-2px);
}

.strategy-card__num {
	position: absolute;
	top: -14px;
	left: 1.5rem;
	background: var(--gold-500);
	color: var(--navy-900);
	width: 44px;
	height: 44px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--font-serif);
	font-weight: 800;
	font-size: 1.1rem;
	box-shadow: var(--shadow-sm);
}

.strategy-card h3 {
	margin: 1rem 0 .6rem;
	font-family: var(--font-serif);
	color: var(--navy-900);
	font-size: 1.25rem;
}

.strategy-card p {
	color: var(--ink-2);
	margin: 0 0 .7rem;
	line-height: 1.55;
}

.strategy-card .bullet-list li strong {
	color: var(--navy-900);
}

/* ==========================================================================
   How to Register page
   ========================================================================== */

/* Step list ---------------------------------------------------------------- */
.register-steps {
	list-style: none;
	padding: 0;
	margin: 1.5rem 0 0;
	display: grid;
	gap: 1.2rem;
	counter-reset: register-step;
}

.register-step {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 1.2rem;
	align-items: flex-start;
	background: #fff;
	border: 1px solid var(--line);
	border-left: 4px solid var(--gold-500);
	border-radius: 12px;
	padding: 1.4rem 1.6rem;
	transition: box-shadow .18s ease, transform .18s ease;
}

.register-step:hover {
	box-shadow: var(--shadow);
	transform: translateY(-2px);
}

.register-step__num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: var(--navy-900);
	color: var(--gold-500);
	font-family: var(--font-serif);
	font-weight: 800;
	font-size: 1.25rem;
	flex: 0 0 auto;
}

.register-step__body {
	min-width: 0;
}

.register-step__body h3 {
	font-family: var(--font-serif);
	font-size: 1.2rem;
	color: var(--navy-900);
	margin: 0 0 .45rem;
}

.register-step__body p {
	color: var(--ink-2);
	margin: 0 0 .5rem;
	line-height: 1.6;
}

.register-step__body p:last-child {
	margin-bottom: 0;
}

.register-step__time {
	font-size: .85rem;
	color: var(--mute);
}

.register-step__time strong {
	color: var(--navy-900);
	font-weight: 600;
}

.register-steps__total {
	margin-top: 2rem;
	padding: 1rem 1.4rem;
	background: var(--gold-100);
	border-radius: 10px;
	color: var(--navy-900);
	text-align: center;
	font-size: 1.02rem;
}

.register-steps__total strong {
	font-weight: 700;
}

/* Document checklist cards ------------------------------------------------- */
.docs-grid {
	display: grid;
	gap: 1.4rem;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	margin-top: 1.6rem;
}

.docs-card {
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 14px;
	padding: 1.4rem 1.5rem 1.5rem;
	transition: all .18s ease;
}

.docs-card:hover {
	border-color: var(--gold-500);
	box-shadow: var(--shadow);
	transform: translateY(-2px);
}

.docs-card__head {
	display: flex;
	gap: 1rem;
	align-items: center;
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid var(--line);
}

.docs-card__icon {
	width: 48px;
	height: 48px;
	flex: 0 0 auto;
	border-radius: 12px;
	background: var(--navy-900);
	color: var(--gold-500);
	display: flex;
	align-items: center;
	justify-content: center;
}

.docs-card__icon svg {
	width: 24px;
	height: 24px;
}

.docs-card__head h3 {
	margin: 0;
	font-family: var(--font-serif);
	font-size: 1.15rem;
	color: var(--navy-900);
	line-height: 1.25;
}

.docs-card__sub {
	font-size: .8rem;
	color: var(--mute);
	margin: .2rem 0 0;
}

.docs-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	gap: .55rem;
}

.docs-list li {
	position: relative;
	padding-left: 1.6rem;
	color: var(--ink-2);
	font-size: .94rem;
	line-height: 1.5;
}

.docs-list li::before {
	content: '';
	position: absolute;
	left: 0;
	top: .55em;
	width: .65rem;
	height: .35rem;
	border-left: 2px solid var(--gold-500);
	border-bottom: 2px solid var(--gold-500);
	transform: rotate(-45deg) translateY(-2px);
}

.docs-list li strong {
	color: var(--navy-900);
	font-weight: 600;
}

.docs-eligibility-note {
	margin-top: 1.6rem;
	padding: 1rem 1.2rem;
	background: var(--bg-soft);
	border-left: 3px solid var(--gold-500);
	border-radius: 0 8px 8px 0;
	color: var(--ink-2);
	font-size: .95rem;
	line-height: 1.55;
}
.docs-eligibility-note strong { color: var(--navy-900); }

/* page-hero actions row (re-usable) --------------------------------------- */
.page-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: .65rem;
	margin-top: 1.4rem;
}

/* Exit-load callout (single fund page) ----------------------------------- */
.exit-load-card {
	margin-top: 1.4rem;
	padding: 1rem 1.2rem;
	background: var(--gold-100);
	border-left: 4px solid var(--gold-500);
	border-radius: 0 10px 10px 0;
	color: var(--navy-900);
}

.exit-load-card__label {
	font-size: .78rem;
	text-transform: uppercase;
	letter-spacing: .08em;
	font-weight: 700;
	color: var(--gold-700);
	margin: 0 0 .35rem;
}

.exit-load-card__text {
	margin: 0;
	line-height: 1.55;
	color: var(--ink-2);
}

/* ==========================================================================
   Misc
   ========================================================================== */
.page-hero__title .text-gold {
	display: inline;
}

.section-head--left {
	text-align: left;
}

.section-head--left .section-eyebrow,
.section-head--left .section-title,
.section-head--left .section-lead {
	margin-left: 0;
	margin-right: 0;
	max-width: 760px;
}

/* Mobile tweaks ----------------------------------------------------------- */
@media (max-width: 640px) {
	.app-badges {
		justify-content: flex-start;
	}

	.app-badge {
		min-width: 0;
		flex: 1;
	}

	.blog-cats__inner {
		gap: .25rem;
	}

	.article-share {
		flex-wrap: wrap;
	}

	.payment-card__head {
		flex-direction: column;
		align-items: flex-start;
	}
}