/* Google Fonts Import */
@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter+Tight:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&family=DM+Mono:wght@300;400;500&display=swap');

/* ═══════════════════════════════════════════════
FOREMARK GLOBAL — INVESTMENT PAGE
foremarkglobal.com · by WONE Global
═══════════════════════════════════════════════ */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

:root {
	--cream:        #f7f4ef;
	--cream-mid:    #eeebe3;
	--cream-deep:   #e4dfd5;

	--ink:          #141210;
	--ink-mid:      #252320;
	--ink-light:    #4a4742;
	--ink-muted:    #7a7770;

	--gold:         #9a7830;
	--gold-bright:  #b8922e;
	--gold-light:   #c9a84c;

	--gold-bg:      rgba(154,120,48,0.08);
	--gold-border:  rgba(154,120,48,0.25);

	--border:       rgba(20,18,16,0.12);
	--border-mid:   rgba(20,18,16,0.22);

	--tight:        'Inter Tight', sans-serif;
	--sans:         'Inter', sans-serif;
	--mono:         'DM Mono', monospace;

	--page:         60px;

	--bg:           #f7f4ef;
	--bg1:          #efebe3;
	--bg2:          #e5dfd5;
	--bg3:          #d9d1c4;

	--ink2:         #2a2724;
	--inkl:         #5e5a55;
	--inkg:         #9b9690;

	--g:            #9a7830;
	--gb:           #b8922e;
	--gl:           #c9a84c;
	--gxx:          #e8c870;

	--gfill:        rgba(154,120,48,.07);
	--gfill2:       rgba(154,120,48,.14);
	--gborder:      rgba(154,120,48,.22);
	--gborder2:     rgba(154,120,48,.42);

	--line:         rgba(19,17,16,.09);
	--line2:        rgba(19,17,16,.16);
	--line3:        rgba(19,17,16,.28);

	--serif:        'Inter Tight', sans-serif;
	--head:         'Inter Tight', sans-serif;

	--ease:         cubic-bezier(.4,0,.2,1);

	--india:        #2e6b3e;
	--india-l:      rgba(46,107,62,.08);
	--india-b:      rgba(46,107,62,.22);

	--uae:          #8b1a1a;
	--uae-l:        rgba(139,26,26,.08);
	--uae-b:        rgba(139,26,26,.22);

	--sg:           #1a4a8b;
	--sg-l:         rgba(26,74,139,.08);
	--sg-b:         rgba(26,74,139,.22);
}
html { scroll-behavior: smooth; background: var(--cream); }

::-webkit-scrollbar { width: 3px; }
::-webkit-scrollbar-track { background: var(--cream); }
::-webkit-scrollbar-thumb { background: var(--gold); border-radius: 2px; }
/* ── FULL WIDTH / INNER WRAPPER ── */
.fw-section { width: 100%; }
.inner {
	margin: 0 auto;
	padding-left: var(--page);
	padding-right: var(--page);
}

/* ── SECTION WRAPPERS ── */
.section { padding: 88px 0; border-bottom: 1px solid var(--border); }
.section.alt { background: var(--cream-mid); }

/* ── SECTION HEADER ── */
.sec-hdr {
	display: grid; grid-template-columns: 80px 1fr;
	gap: 36px; margin-bottom: 56px;
	padding-bottom: 40px; border-bottom: 1px solid var(--border);
	align-items: start;
}
.sec-num {
	font-family: var(--mono); font-size: 11px;
	font-weight: 500; letter-spacing: 0.1em;
	color: var(--ink-muted); padding-top: 4px;
}
.sec-tag {
	font-family: var(--mono); font-size: 10px;
	font-weight: 500; letter-spacing: 0.22em;
	color: var(--gold-bright); text-transform: uppercase; margin-bottom: 12px;
	display: flex; align-items: center; gap: 12px;
}
.sec-tag::before {
	content: ''; display: block; width: 20px; height: 1.5px; background: var(--gold-bright);
}

/* ── HEADINGS ── */
.h-display {
	font-family: var(--tight); font-weight: 800;
	font-size: clamp(40px, 8vw, 96px);
	line-height: 0.94; letter-spacing: -0.04em;
	color: var(--ink);
}
.h-display em { font-style: normal; color: var(--gold); font-weight: 700; }

.h2 {
	font-family: var(--tight); font-weight: 700;
	font-size: clamp(24px, 3.5vw, 46px);
	line-height: 1.05; letter-spacing: -0.03em;
	color: var(--ink);
}
.h2 em { font-style: normal; color: var(--gold); }

.body-lg { font-size: 17px; font-weight: 400; color: var(--ink-light); line-height: 1.8; }
.body-light { color: rgba(247,244,239,0.62); }

.label {
	font-family: var(--mono); font-size: 10px;
	font-weight: 500; letter-spacing: 0.18em;
	color: var(--ink-muted); text-transform: uppercase;
}
.label-gold { color: var(--gold-bright); }

/* ── BUTTONS ── */
.btn-primary {
	display: inline-flex; align-items: center;
	padding: 14px 36px;
	background: var(--ink); color: var(--cream);
	font-family: var(--mono); font-size: 10px;
	font-weight: 500; letter-spacing: 0.14em;
	text-transform: uppercase; text-decoration: none !important;
	transition: background 0.25s; border: none; cursor: pointer;
}
.btn-primary:hover { background: var(--gold); }

.btn-secondary {
	display: inline-flex; align-items: center;
	padding: 14px 32px;
	border: 1.5px solid var(--border-mid); color: var(--ink-light);
	font-family: var(--mono); font-size: 10px;
	font-weight: 500; letter-spacing: 0.12em;
	text-transform: uppercase; text-decoration: none !important; transition: all 0.25s;
	background: transparent; cursor: pointer;
}
.btn-secondary:hover { background: var(--cream-mid); color: var(--ink); border-color: var(--ink); }

/* ── TIER CARDS ── */
.tier-grid {
	display: grid; grid-template-columns: repeat(3,1fr);
	border: 1.5px solid var(--border);
}
.tier-card {
	padding: 48px 44px; border-right: 1.5px solid var(--border);
	border-top: 1.5px solid var(--border);
	position: relative; transition: background 0.25s;
}
.tier-card:last-child { border-right: none; }
.tier-card.featured { background: var(--cream-deep); }
.tier-card.featured::before {
	content: 'Recommended';
	position: absolute; top: -1px; left: 50%; transform: translateX(-50%);
	background: var(--gold); color: #fff;
	font-family: var(--mono); font-size: 9px; font-weight: 500;
	letter-spacing: 0.18em; text-transform: uppercase; padding: 5px 16px;
}
.tier-price {
	font-family: var(--tight); font-size: 48px;
	font-weight: 800; letter-spacing: -0.04em;
	color: var(--ink); line-height: 1; margin-bottom: 4px;
}
.tier-note {
	font-family: var(--mono); font-size: 10px; font-weight: 500;
	letter-spacing: 0.1em; color: var(--ink-muted); margin-bottom: 24px;
}
.tier-desc {
	font-size: 14px; color: var(--ink-light); line-height: 1.75;
	margin-bottom: 24px; padding-bottom: 24px; border-bottom: 1.5px solid var(--border);
}
.tier-features { list-style: none; margin-bottom: 32px; }
.tier-features li {
	font-size: 13px; color: var(--ink-light); padding: 9px 0;
	border-bottom: 1px solid var(--border);
	display: flex; align-items: flex-start; gap: 10px; line-height: 1.5;
}
.tier-features li::before {
	content: '✦'; color: var(--gold); font-size: 8px;
	flex-shrink: 0; margin-top: 4px; font-weight: 500;
}
.tier-btn {
	display: block; width: 100%; padding: 13px;
	text-align: center; font-family: var(--mono);
	font-size: 10px; font-weight: 500; letter-spacing: 0.14em;
	text-transform: uppercase; text-decoration: none !important;
	border: 1.5px solid var(--border-mid); color: var(--ink);
	background: transparent; cursor: pointer; transition: all 0.25s;
}
.tier-btn:hover { background: var(--ink); color: var(--cream); border-color: var(--ink); }
.tier-card.featured .tier-btn {
	background: var(--ink); color: var(--cream); border-color: var(--ink);
}
.tier-card.featured .tier-btn:hover { background: var(--gold); border-color: var(--gold); }

/* ── COMPARISON TABLE ── */
.table-wrap { border: 1.5px solid var(--border); overflow-x: auto; }
table { width: 100%; border-collapse: collapse; font-size: 14px; }
thead tr { border-bottom: 2px solid var(--border-mid); }
th {
	font-family: var(--mono); font-size: 10px; font-weight: 500;
	letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-light);
	padding: 16px 24px; text-align: left;
}
th:not(:first-child) { text-align: center; }
td { padding: 13px 24px; color: var(--ink-light); }
td:not(:first-child) { text-align: center; }
tr { border-bottom: 1px solid var(--border); }
tr:last-child { border-bottom: none; }
.col-featured { background: var(--cream-deep); }
.check { color: var(--gold-bright); font-weight: 600; }
.dash { color: var(--ink-muted); }

/* ── FAQ ── */
.faq-list { border-top: 1.5px solid var(--border); }
.faq-item { border-bottom: 1.5px solid var(--border); }
.faq-q {
	width: 100%; padding: 22px 0; background: none !important; border: none;
	text-align: left; font-family: var(--tight); font-size: 17px;
	font-weight: 600; color: var(--ink); cursor: pointer;
	display: flex; justify-content: space-between; align-items: center;
	gap: 20px; letter-spacing: -0.01em; transition: color 0.2s;
	white-space: normal; word-break: break-word;
}
.faq-q:hover { color: var(--gold); }
.faq-icon {
	font-family: var(--mono); font-size: 16px; font-weight: 500;
	color: var(--gold); flex-shrink: 0; transition: transform 0.3s;
	min-width: 16px; text-align: right;
}
.faq-item.open .faq-icon { transform: rotate(45deg); }
.faq-a {
	font-size: 15px; color: var(--ink-light); line-height: 1.85;
	max-height: 0; overflow: hidden; transition: max-height 0.4s ease, padding 0.4s ease;
}
.faq-item.open .faq-a { max-height: 500px; padding-bottom: 24px; }

/* ── CTA BANNER ── */
.cta-banner {
	padding: 96px 0; text-align: center;
	background: var(--cream-mid); position: relative; overflow: hidden;
}
.cta-bg-word {
	position: absolute; top: 50%; left: 50%;
	transform: translate(-50%, -50%);
	font-family: var(--tight); font-size: 20vw; font-weight: 800;
	letter-spacing: -0.05em; color: rgba(154,120,48,0.05);
	white-space: nowrap; pointer-events: none; line-height: 1;
}
.cta-tag {
	font-family: var(--mono); font-size: 10px; font-weight: 500;
	letter-spacing: 0.24em; color: var(--gold-bright); text-transform: uppercase;
	margin-bottom: 20px; position: relative;
}
.cta-h2 {
	font-family: var(--tight); font-size: clamp(32px, 6vw, 76px);
	font-weight: 800; letter-spacing: -0.04em; line-height: 0.96;
	color: var(--ink); margin-bottom: 20px; position: relative;
}
.cta-h2 em { font-style: normal; color: var(--gold); }
.cta-sub {
	font-size: 16px; color: var(--ink-light); max-width: 500px;
	margin: 0 auto 44px; line-height: 1.8; position: relative;
}
.cta-actions { display: flex; justify-content: center; gap: 0; position: relative; flex-wrap: wrap; }

/* ── PAGE HERO ── */
.page-hero {
	padding: 72px 0 60px;
	border-bottom: 1.5px solid var(--border);
	background: var(--cream);
}
.breadcrumb {
	font-family: var(--mono); font-size: 10px; font-weight: 500;
	letter-spacing: 0.14em; color: var(--ink-muted);
	text-transform: uppercase; margin-bottom: 24px;
	display: flex; align-items: center; gap: 8px;
}
.breadcrumb a { color: var(--gold-bright); text-decoration: none !important; }

/* ── ANIMATIONS ── */
@keyframes fadeUp {
	from { opacity: 0; transform: translateY(24px); }
	to   { opacity: 1; transform: translateY(0); }
}
.reveal { opacity: 0; transform: translateY(18px); transition: opacity 0.7s ease, transform 0.7s ease; }
.reveal.visible { opacity: 1; transform: translateY(0); }
.d1 { transition-delay: .1s } .d2 { transition-delay: .2s }
.d3 { transition-delay: .3s } .d4 { transition-delay: .4s }
.anim-hero { opacity: 0; animation: fadeUp 0.8s ease forwards; }
.anim-hero.d2 { animation-delay: .4s }

/* ══════════════════════════════════════════
   RESPONSIVE — 1400px
══════════════════════════════════════════ */
@media (max-width: 1400px) {
	:root { --page: 52px; }
	.tier-card { padding: 40px 36px; }
	.tier-price { font-size: 42px; }
}

/* ══════════════════════════════════════════
   RESPONSIVE — 1080px
══════════════════════════════════════════ */
@media (max-width: 1080px) {
	:root { --page: 40px; }
	.tier-card { padding: 36px 28px; }
	.tier-price { font-size: 38px; }
	.section { padding: 72px 0; }
}

/* ══════════════════════════════════════════
   RESPONSIVE — 980px
══════════════════════════════════════════ */
@media (max-width: 980px) {
	:root { --page: 32px; }
	.tier-grid { grid-template-columns: 1fr; }
	.tier-card { border-right: none !important; }
	.tier-card.featured::before { font-size: 8px; }
	.sec-hdr { grid-template-columns: 1fr; gap: 12px; }
	.sec-num { display: none; }
	.section { padding: 64px 0; }
	.cta-banner { padding: 72px 0; }
	.faq-q { font-size: 16px; }
}

/* ══════════════════════════════════════════
   RESPONSIVE — 780px
══════════════════════════════════════════ */
@media (max-width: 780px) {
	:root { --page: 24px; }
	.section { padding: 56px 0; }
	.sec-hdr { margin-bottom: 36px; padding-bottom: 28px; gap: 10px; }
	.tier-grid { border: none; }
	.tier-card {
		border: 1.5px solid var(--border) !important;
		margin-bottom: 16px;
		padding: 32px 24px;
	}
	.tier-card.featured::before { left: 24px; transform: none; }
	.tier-price { font-size: 36px; }
	table th, table td { padding: 10px 14px; font-size: 13px; }
	.faq-q { font-size: 15px; padding: 18px 0; gap: 14px; }
	.faq-a { font-size: 14px; }
	.cta-banner { padding: 60px 0; }
	.cta-actions { flex-direction: column; align-items: center; gap: 12px; }
	.btn-primary, .btn-secondary { width: 100%; max-width: 340px; justify-content: center; }
	.h-display { font-size: clamp(36px, 9vw, 72px); }
	.body-lg { font-size: 15px; }
}

/* ══════════════════════════════════════════
   RESPONSIVE — 680px
══════════════════════════════════════════ */
@media (max-width: 680px) {
	:root { --page: 20px; }
	.faq-q { font-size: 14px; letter-spacing: -0.005em; padding: 16px 0; }
	.faq-icon { font-size: 14px; }
	.tier-card { padding: 28px 20px; }
	.tier-price { font-size: 34px; }
	.tier-note { font-size: 9px; }
	table th { font-size: 9px; padding: 10px 10px; letter-spacing: 0.1em; }
	table td { padding: 10px 10px; font-size: 12px; }
	.cta-sub { font-size: 14px; }
	.page-hero { padding: 52px 0 40px; }
	.section { padding: 48px 0; }
}

/* ══════════════════════════════════════════
   RESPONSIVE — 480px
══════════════════════════════════════════ */
@media (max-width: 480px) {
	:root { --page: 16px; }
	.faq-q { font-size: 13.5px; gap: 10px; padding: 14px 0; }
	.faq-icon { font-size: 13px; min-width: 13px; }
	.faq-a { font-size: 13px; }
	.tier-price { font-size: 30px; }
	.tier-card { padding: 24px 16px; }
	.tier-features li { font-size: 12px; }
	.tier-btn { font-size: 9px; padding: 12px; }
	table { font-size: 12px; }
	table th { font-size: 8px; padding: 8px 8px; }
	table td { padding: 8px 8px; font-size: 11px; }
	.cta-h2 { font-size: clamp(26px, 8vw, 48px); }
	.cta-sub { font-size: 13px; }
	.btn-primary, .btn-secondary { font-size: 9px; padding: 12px 20px; }
	.breadcrumb { font-size: 9px; }
	.sec-tag { font-size: 9px; }
	.section { padding: 40px 0; }
	.cta-banner { padding: 48px 0; }
}

/* ══════════════════════════════════════════
   RESPONSIVE — 360px
══════════════════════════════════════════ */
@media (max-width: 360px) {
	:root { --page: 14px; }
	.faq-q { font-size: 12.5px; gap: 8px; padding: 12px 0; }
	.faq-icon { font-size: 12px; min-width: 12px; }
	.faq-a { font-size: 12.5px; }
	.tier-price { font-size: 28px; }
	.tier-card { padding: 20px 14px; }
	.tier-features li { font-size: 11.5px; gap: 7px; }
	table th { font-size: 7.5px; padding: 7px 7px; }
	table td { padding: 7px 7px; font-size: 10.5px; }
	.h-display { font-size: clamp(28px, 9vw, 52px); }
	.cta-h2 { font-size: clamp(22px, 8vw, 40px); line-height: 1.05; }
	.cta-bg-word { display: none; }
	.btn-primary, .btn-secondary { font-size: 8.5px; padding: 11px 16px; }
	.section { padding: 36px 0; }
	.cta-banner { padding: 40px 0; }
	.page-hero { padding: 36px 0 28px; }
}
/* *
 * Render Foremark Corridors page shortcode.
 *
 * Displays India, UAE, and Singapore corridor sections,
 * including stats, services, features, CTA, and responsive styling.
 *
 * @return void
*/
/* FOREMARK GLOBAL — CORRIDORS PAGE */
.fw-section { width: 100%; }
.inner {
    margin: 0 auto;
    padding-left: var(--page);
    padding-right: var(--page);
}

.section { padding: 88px 0; border-bottom: 1px solid var(--border); }
.section.alt { background: var(--cream-mid); }

.sec-hdr {
    display: grid; grid-template-columns: 80px 1fr;
    gap: 36px; margin-bottom: 56px;
    padding-bottom: 40px; border-bottom: 1px solid var(--border);
    align-items: start;
}
.sec-num {
    font-family: var(--mono); font-size: 11px;
    font-weight: 500; letter-spacing: 0.1em;
    color: var(--ink-muted); padding-top: 4px;
}
.sec-tag {
    font-family: var(--mono); font-size: 10px;
    font-weight: 500; letter-spacing: 0.22em;
    color: var(--gold-bright); text-transform: uppercase; margin-bottom: 12px;
    display: flex; align-items: center; gap: 12px;
}
.sec-tag::before {
    content: ''; display: block; width: 20px; height: 1.5px; background: var(--gold-bright);
}
.sec-sub {
    margin-top: 14px; font-size: 16px; font-weight: 400;
    color: var(--ink-light); line-height: 1.75; max-width: 560px;
}

.h-display {
    font-family: var(--tight); font-weight: 800;
    font-size: clamp(52px, 8vw, 96px);
    line-height: 0.94; letter-spacing: -0.04em;
    color: var(--ink);
}
.h-display em { font-style: normal; color: var(--gold); font-weight: 700; }

.h2 {
    font-family: var(--tight); font-weight: 700;
    font-size: clamp(28px, 3.5vw, 46px);
    line-height: 1.05; letter-spacing: -0.03em;
    color: var(--ink);
}
.h2 em { font-style: normal; color: var(--gold); }

.h4 {
    font-family: var(--tight); font-weight: 600;
    font-size: 18px; line-height: 1.2;
    letter-spacing: -0.015em; color: var(--ink);
}

.body-lg { font-size: 17px; font-weight: 400; color: var(--ink-light); line-height: 1.8; }
.body-md { font-size: 15px; font-weight: 400; color: var(--ink-light); line-height: 1.8; }
.body-sm { font-size: 14px; font-weight: 400; color: var(--ink-light); line-height: 1.75; }

.label {
    font-family: var(--mono); font-size: 10px;
    font-weight: 500; letter-spacing: 0.18em;
    color: var(--ink-muted); text-transform: uppercase;
}
.label-gold { color: var(--gold-bright); }

.btn-primary {
    display: inline-flex; align-items: center;
    padding: 14px 36px;
    background: var(--ink); color: var(--cream);
    font-family: var(--mono); font-size: 10px;
    font-weight: 500; letter-spacing: 0.14em;
    text-transform: uppercase; text-decoration: none !important;
    transition: background 0.25s; border: none; cursor: pointer;
}
.btn-primary:hover { background: var(--gold); }

.btn-secondary {
    display: inline-flex; align-items: center;
    padding: 14px 32px;
    border: 1.5px solid var(--border-mid); color: var(--ink-light);
    font-family: var(--mono); font-size: 10px;
    font-weight: 500; letter-spacing: 0.12em;
    text-transform: uppercase; text-decoration: none !important; transition: all 0.25s;
    background: transparent; cursor: pointer;
}
.btn-secondary:hover { background: var(--cream-mid); color: var(--ink); border-color: var(--ink); }

.corridor-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
}
.corridor-left {
    padding-right: 60px;
    border-right: 1.5px solid var(--border);
}
.corridor-right {
    padding-left: 60px;
}

.stats-grid {
    display: grid; grid-template-columns: 1fr 1fr;
    gap: 0; margin-top: 36px;
    border: 1.5px solid var(--border);
}
.stat-cell { padding: 24px; }
.stat-cell.br { border-right: 1.5px solid var(--border); }
.stat-cell.bt { border-top: 1.5px solid var(--border); }
.stat-n {
    font-family: var(--tight); font-size: 36px;
    font-weight: 800; letter-spacing: -0.03em; color: var(--ink);
}

.feature-list { list-style: none; }
.feature-list li {
    padding: 16px 0;
    border-bottom: 1.5px solid var(--border);
}
.feature-list li:last-child { border-bottom: none; }

.page-hero {
    padding: 72px 0 60px;
    border-bottom: 1.5px solid var(--border);
    background: var(--cream);
}
.breadcrumb {
    font-family: var(--mono); font-size: 10px; font-weight: 500;
    letter-spacing: 0.14em; color: var(--ink-muted);
    text-transform: uppercase; margin-bottom: 24px;
    display: flex; align-items: center; gap: 8px;
}
.breadcrumb a { color: var(--gold-bright); text-decoration: none !important;}
.breadcrumb span { color: var(--ink-muted); }

.cta-banner {
    padding: 96px 0; text-align: center;
    background: var(--cream-mid); position: relative; overflow: hidden;
}
.cta-bg-word {
    position: absolute; top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    font-family: var(--tight); font-size: 20vw; font-weight: 800;
    letter-spacing: -0.05em; color: rgba(154,120,48,0.05);
    white-space: nowrap; pointer-events: none; line-height: 1;
}
.cta-tag {
    font-family: var(--mono); font-size: 10px; font-weight: 500;
    letter-spacing: 0.24em; color: var(--gold-bright); text-transform: uppercase;
    margin-bottom: 20px; position: relative;
}
.cta-h2 {
    font-family: var(--tight); font-size: clamp(40px, 6vw, 76px);
    font-weight: 800; letter-spacing: -0.04em; line-height: 0.96;
    color: var(--ink); margin-bottom: 20px; position: relative;
}
.cta-h2 em { font-style: normal; color: var(--gold); }
.cta-sub {
    font-size: 16px; color: var(--ink-light); max-width: 500px;
    margin: 0 auto 44px; line-height: 1.8; position: relative;
}
.cta-actions {
    display: flex; justify-content: center;
    gap: 0; position: relative;
}

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

.reveal { opacity: 0; transform: translateY(18px); transition: opacity 0.7s ease, transform 0.7s ease; }
.reveal.visible { opacity: 1; transform: translateY(0); }
.d1 { transition-delay: .1s } .d2 { transition-delay: .2s }
.d3 { transition-delay: .3s } .d4 { transition-delay: .4s }

.anim-hero { opacity: 0; animation: fadeUp 0.8s ease forwards; }
.anim-hero.d2 { animation-delay: .4s; }

@media(max-width: 1024px) {
    :root { --page: 36px; }
}
@media(max-width: 768px) {
    :root { --page: 20px; }
    .section { padding: 56px 0; }
    .sec-hdr { grid-template-columns: 1fr; gap: 12px; }
    .corridor-grid { grid-template-columns: 1fr; }
    .corridor-left { padding-right: 0; border-right: none; border-bottom: 1.5px solid var(--border); padding-bottom: 40px; margin-bottom: 40px; }
    .corridor-right { padding-left: 0; }
}
@media(max-width: 480px) {
    :root { --page: 16px; }
    .h-display { font-size: clamp(36px, 9vw, 72px); }
    .h2 { font-size: clamp(24px, 5vw, 46px); }
    .stat-n { font-size: 28px; }
    .cta-h2 { font-size: clamp(26px, 8vw, 48px); line-height: 1.05; }
    .cta-bg-word { display: none; }
}
/* ============================================================
FOREMARK GLOBAL · MEGA HEADER — LIGHT THEME
Instrument Serif · Inter · DM Mono
All classes prefixed fmg2- · Zero external dependencies
Breakpoints: 1400 · 1080 · 980 · 780 · 680 · 480 · 360
============================================================ */

.fmg2-wrap, .fmg2-wrap * {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
.fmg2-wrap {
	--bg:       #f7f4ef;
	--bg1:      #efebe3;
	--bg2:      #e5dfd5;
	--bg3:      #d9d1c4;
	--ink:      #131110;
	--ink2:     #2a2724;
	--inkl:     #5e5a55;
	--inkg:     #9b9690;
	--g:        #9a7830;
	--gb:       #b8922e;
	--gl:       #c9a84c;
	--gxx:      #e8c870;
	--gfill:    rgba(154,120,48,.07);
	--gfill2:   rgba(154,120,48,.14);
	--gborder:  rgba(154,120,48,.22);
	--gborder2: rgba(154,120,48,.42);
	--line:     rgba(19,17,16,.09);
	--line2:    rgba(19,17,16,.16);
	--line3:    rgba(19,17,16,.28);
	--serif:    'Inter Tight', sans-serif;
	--sans:     'Inter', sans-serif;
	--mono:     'DM Mono', monospace;
	--ease:     cubic-bezier(.4,0,.2,1);
	--nh:       72px;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}
.fmg2-wrap a { text-decoration: none !important; }
.fmg2-wrap ul, .fmg2-wrap ol { list-style: none; }
.fmg2-wrap button { cursor: pointer; background: none; border: none; font-family: inherit; }

/* ── TOPBAR ───────────────────────────────────────── */
.fmg2-top {
	height: 36px;
	background: var(--ink2);
	display: flex; align-items: center;
	padding: 0 clamp(20px, 4vw, 60px);
	position: relative; overflow: hidden; z-index: 10;
}
.fmg2-top::after {
	content: ''; position: absolute; inset: 0;
	background: repeating-linear-gradient(90deg,
		transparent, transparent 90px,
		rgba(154,120,48,.04) 90px, rgba(154,120,48,.04) 91px);
	pointer-events: none;
}
.fmg2-top-pill {
	font-family: var(--mono); font-size: 8px; letter-spacing: .22em;
	font-weight: 500; text-transform: uppercase;
	background: var(--gb); color: #fff;
	padding: 2px 9px; margin-right: 14px; flex-shrink: 0;
	position: relative; z-index: 1;
}
.fmg2-top-msg {
	font-family: var(--mono); font-size: 9.5px; letter-spacing: .07em;
	color: rgba(247,244,239,.42); flex: 1;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
	position: relative; z-index: 1;
}
.fmg2-top-msg strong { color: rgba(247,244,239,.8); font-weight: 500; }
.fmg2-top-links {
	display: flex; margin-left: 20px;
	position: relative; z-index: 1;
}
.fmg2-top-links a {
	font-family: var(--mono); font-size: 9px; letter-spacing: .12em;
	color: rgba(247,244,239,.32); text-transform: uppercase;
	padding: 0 13px; border-left: 1px solid rgba(247,244,239,.07);
	transition: color .18s;
}
.fmg2-top-links a:first-child { border-left: none; }
.fmg2-top-links a:hover { color: var(--gl); }

/* ── NAV WRAPPER ──────────────────────────────────── */
.fmg2-nav-wrap {
	position: sticky; top: 0; z-index: 900;
	background: rgba(247,244,239,.98);
	border-bottom: 1px solid var(--line);
	transition: box-shadow .3s var(--ease), background .3s;
}
.fmg2-nav-wrap.scrolled {
	backdrop-filter: blur(20px) saturate(1.5);
	-webkit-backdrop-filter: blur(20px) saturate(1.5);
	box-shadow: 0 1px 0 var(--line), 0 6px 30px rgba(19,17,16,.08);
}

/* ── NAV BAR ──────────────────────────────────────── */
.fmg2-nav {
	display: flex; align-items: stretch;
	height: var(--nh); padding: 0 clamp(20px, 4vw, 60px);
	position: relative;
}

/* Logo */
.fmg2-logo {
	display: flex; align-items: center; gap: 14px;
	padding-right: 32px; border-right: 1px solid var(--line);
	flex-shrink: 0; margin-right: 4px; transition: opacity .2s;
}
.fmg2-logo:hover { opacity: .78; }
.fmg2-logo img { height: 40px !important; width: auto; display: block; }
.fmg2-logo-sep { width: 1px; height: 22px; background: var(--line2); }
.fmg2-logo-sub {
	font-family: var(--mono); font-size: 7.5px; letter-spacing: .22em;
	color: var(--inkg); text-transform: uppercase; line-height: 1.5;
}

/* Nav items */
.fmg2-items { display: flex; align-items: stretch; flex: 1; }
.fmg2-ni { display: flex; align-items: stretch; }
.fmg2-ni-a {
	display: flex; align-items: center; gap: 5px;
	font-family: var(--mono); font-size: 9.5px; font-weight: 500;
	letter-spacing: .1em; color: var(--inkl);
	text-transform: uppercase; padding: 0 15px;
	white-space: nowrap; transition: color .18s;
	background: none; border: none; cursor: pointer;
	position: relative;
}
.fmg2-ni-a::after {
	content: ''; position: absolute;
	bottom: -1px; left: 50%; right: 50%; height: 2px;
	background: var(--gb);
	transition: left .27s var(--ease), right .27s var(--ease);
}
.fmg2-ni:hover > .fmg2-ni-a { color: var(--ink); }
.fmg2-ni:hover > .fmg2-ni-a::after { left: 15px; right: 15px; }
.fmg2-chev {
	display: inline-flex; flex-shrink: 0;
	transition: transform .25s var(--ease);
}
.fmg2-ni:hover .fmg2-chev { transform: rotate(180deg); }

/* ── RIGHT BUTTONS ────────────────────────────────── */
.fmg2-right {
	display: flex; align-items: center;
	border-left: 1px solid var(--line);
	padding-left: 16px; gap: 8px; flex-shrink: 0; margin-left: auto;
}
.fmg2-btn-o {
	font-family: var(--mono); font-size: 9px; font-weight: 500;
	letter-spacing: .12em; color: var(--inkl); text-transform: uppercase;
	padding: 8px 15px; border: 1px solid var(--line2); transition: all .2s;
	text-decoration: none !important; display: inline-block;
}
.fmg2-btn-o:hover { color: var(--ink); border-color: var(--line3); background: var(--bg1); }
.fmg2-btn-s {
	display: flex; align-items: center; gap: 8px;
	font-family: var(--mono); font-size: 9px; font-weight: 500;
	letter-spacing: .12em; color: #fff !important; text-transform: uppercase;
	padding: 9px 22px; background: var(--ink);
	text-decoration: none !important; position: relative; overflow: hidden;
}
.fmg2-btn-s::before {
	content: ''; position: absolute; inset: 0;
	background: var(--gb); transform: translateX(-101%);
	transition: transform .3s var(--ease);
}
.fmg2-btn-s:hover::before { transform: translateX(0); }
.fmg2-btn-s > * { position: relative; z-index: 1; }
.fmg2-btn-arr {
	width: 18px; height: 18px; border-radius: 50%;
	background: rgba(255,255,255,.15);
	display: flex; align-items: center; justify-content: center;
	font-size: 11px; transition: transform .22s;
}
.fmg2-btn-s:hover .fmg2-btn-arr { transform: translateX(3px); }

/* Search icon button */
.fmg2-search-btn {
	width: 36px; height: 36px; border: 1px solid var(--line2);
	background: transparent; display: flex; align-items: center;
	justify-content: center; color: var(--inkl); transition: all .2s;
}
.fmg2-search-btn:hover { background: var(--bg1); color: var(--ink); border-color: var(--line3); }

/* Hamburger */
.fmg2-ham {
	display: none; flex-direction: column; justify-content: center;
	gap: 5px; background: none; border: none; padding: 10px; margin-left: 6px;
}
.fmg2-ham span { display: block; width: 20px; height: 1.5px; background: var(--ink); transition: all .3s; }
.fmg2-ham.open span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
.fmg2-ham.open span:nth-child(2) { opacity: 0; }
.fmg2-ham.open span:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); }

/* ── MEGA MENU ────────────────────────────────────── */
.fmg2-mega {
	position: absolute;
	top: 100%; left: 0; right: 0;
	background: var(--bg);
	border-bottom: 2px solid var(--bg2);
	box-shadow: 0 1px 0 var(--line), 0 28px 70px rgba(19,17,16,.12), 0 8px 28px rgba(19,17,16,.07);
	opacity: 0; visibility: hidden; pointer-events: none;
	transform: translateY(-10px);
	transition: opacity .28s var(--ease), transform .28s var(--ease), visibility .28s;
	z-index: 800;
}
.fmg2-ni:hover .fmg2-mega, .fmg2-mega:hover {
	opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0);
}

/* ── SHARED PROMO COLUMN (dark left panel) ────────── */
.fmg2-promo {
	background: var(--ink);
	padding: 44px 34px; display: flex; flex-direction: column;
	position: relative; overflow: hidden; flex-shrink: 0;
}
.fmg2-promo::before {
	content: ''; position: absolute; top: -70px; right: -70px;
	width: 210px; height: 210px;
	border: 42px solid rgba(154,120,48,.06); border-radius: 50%; pointer-events: none;
}
.fmg2-promo::after {
	content: ''; position: absolute; bottom: -50px; left: -50px;
	width: 175px; height: 175px;
	border: 30px solid rgba(154,120,48,.04); border-radius: 50%; pointer-events: none;
}
.fmg2-promo-eye {
	font-family: var(--mono); font-size: 8px; letter-spacing: .28em;
	font-weight: 500; color: var(--gb); text-transform: uppercase;
	margin-bottom: 18px; display: flex; align-items: center; gap: 10px;
}
.fmg2-promo-eye::before { content: ''; display: block; width: 14px; height: 1.5px; background: var(--gb); }
.fmg2-promo-h {
	font-family: var(--serif); font-size: 26px; font-weight: 400;
	color: #fff; line-height: 1.2; margin-bottom: 12px;
}
.fmg2-promo-h em { font-style: normal; color: var(--gl); }
.fmg2-promo-p { font-size: 12.5px; color: rgba(247,244,239,.4); line-height: 1.8; margin-bottom: auto; }
.fmg2-promo-stats {
	display: flex; margin-top: 28px; padding-top: 22px;
	border-top: 1px solid rgba(247,244,239,.07); gap: 0;
}
.fmg2-ps { flex: 1; padding: 0 10px; border-right: 1px solid rgba(247,244,239,.07); }
.fmg2-ps:first-child { padding-left: 0; }
.fmg2-ps:last-child { border-right: none; }
.fmg2-ps-n { display: block; font-family: var(--serif); font-size: 28px; color: var(--gl); line-height: 1; margin-bottom: 5px; }
.fmg2-ps-l { display: block; font-family: var(--mono); font-size: 7.5px; letter-spacing: .14em; color: rgba(247,244,239,.26); text-transform: uppercase; }
.fmg2-promo-cta {
	display: flex; align-items: center; justify-content: space-between;
	margin-top: 24px; padding-top: 22px;
	border-top: 1px solid rgba(247,244,239,.07);
	font-family: var(--mono); font-size: 9px; letter-spacing: .16em;
	font-weight: 500; color: var(--gl); text-transform: uppercase;
	transition: color .2s; text-decoration: none !important;
}
.fmg2-promo-cta:hover { color: #fff; }
.fmg2-promo-cta span:last-child { transition: transform .2s; }
.fmg2-promo-cta:hover span:last-child { transform: translateX(4px); }

/* Shared section label */
.fmg2-lbl {
	font-family: var(--mono); font-size: 7.5px; letter-spacing: .28em;
	font-weight: 500; color: var(--gb); text-transform: uppercase;
	margin-bottom: 18px; display: flex; align-items: center; gap: 10px;
}
.fmg2-lbl::before { content: ''; display: block; width: 12px; height: 1.5px; background: var(--gb); }

/* Mega footer strip */
.fmg2-mfoot {
	border-top: 1px solid var(--line); padding: 12px 40px; background: var(--bg1);
	display: flex; align-items: center; justify-content: space-between;
}
.fmg2-mfoot-links { display: flex; }
.fmg2-mfoot-links li { border-left: 1px solid var(--line); }
.fmg2-mfoot-links li:first-child { border-left: none; }
.fmg2-mfoot-links a {
	font-family: var(--mono); font-size: 8.5px; letter-spacing: .11em;
	color: var(--inkl); text-transform: uppercase; padding: 0 15px; transition: color .18s;
}
.fmg2-mfoot-links a:hover { color: var(--gb); }
.fmg2-mfoot-trust {
	font-family: var(--mono); font-size: 8.5px;
	letter-spacing: .1em; color: var(--gb);
	display: flex; align-items: center; gap: 7px;
}
.fmg2-trust-dot {
	width: 6px; height: 6px; border-radius: 50%; background: var(--gb);
	animation: fmg2blink 2.5s ease-in-out infinite;
}
@keyframes fmg2blink { 0%,100%{opacity:.6} 50%{opacity:1} }

/* ── 1. CORRIDORS ─────────────────────────────────── */
.fmg2-cor-wrap { display: grid; grid-template-columns: 260px 1fr 250px; width: 100%; }
.fmg2-cor-centre { padding: 36px 40px; border-right: 1px solid var(--line); min-width: 0; overflow: hidden; }
.fmg2-cor-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; margin-top: 4px; }

.fmg2-cc {
	display: flex; flex-direction: column;
	padding: 22px 20px; border: 1px solid var(--line);
	position: relative; overflow: hidden; transition: all .24s var(--ease);
	text-decoration: none !important;
}
.fmg2-cc::after {
	content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
	background: linear-gradient(90deg, var(--g), var(--gl));
	transform: scaleX(0); transform-origin: left; transition: transform .32s var(--ease);
}
.fmg2-cc:hover { background: var(--bg1); border-color: var(--line2); transform: translateY(-3px); box-shadow: 0 10px 32px rgba(19,17,16,.08); }
.fmg2-cc:hover::after { transform: scaleX(1); }
.fmg2-cc-flag {
	width: 40px; height: 40px; border-radius: 50%;
	background: var(--bg2); border: 1px solid var(--line2);
	display: flex; align-items: center; justify-content: center;
	font-size: 20px; margin-bottom: 14px;
}
.fmg2-cc-reg { display: block; font-family: var(--mono); font-size: 8px; letter-spacing: .18em; color: var(--gb); text-transform: uppercase; margin-bottom: 5px; }
.fmg2-cc-name { display: block; font-family: var(--serif); font-size: 22px; color: var(--ink); line-height: 1; margin-bottom: 9px; }
.fmg2-cc-stat { display: block; font-family: var(--serif); font-size: 24px; color: var(--g); line-height: 1; }
.fmg2-cc-stat-l { display: block; font-family: var(--mono); font-size: 8px; letter-spacing: .1em; color: var(--inkg); text-transform: uppercase; margin-bottom: 11px; }
.fmg2-cc-desc { font-size: 12px; color: var(--inkl); line-height: 1.65; margin-bottom: 12px; flex: 1; }
.fmg2-cc-tags { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 14px; }
.fmg2-cc-tags span {
	font-family: var(--mono); font-size: 7.5px; letter-spacing: .06em;
	color: var(--inkl); padding: 3px 8px;
	background: var(--bg2); border: 1px solid var(--line);
	text-transform: uppercase; transition: all .18s;
}
.fmg2-cc:hover .fmg2-cc-tags span { background: var(--gfill); border-color: var(--gborder); color: var(--g); }
.fmg2-cc-go {
	display: inline-flex; align-items: center; gap: 7px;
	font-family: var(--mono); font-size: 8.5px; letter-spacing: .1em;
	color: var(--gb); text-transform: uppercase; margin-top: auto; transition: gap .2s;
}
.fmg2-cc:hover .fmg2-cc-go { gap: 11px; }

/* Corridors right panel */
.fmg2-cor-right { padding: 36px 26px; display: flex; flex-direction: column; }
.fmg2-qlinks { display: flex; flex-direction: column; flex: 1; }
.fmg2-ql {
	display: flex; align-items: flex-start; gap: 13px;
	padding: 12px 0; border-bottom: 1px solid var(--line);
	transition: all .18s; text-decoration: none !important;
}
.fmg2-ql:last-of-type { border-bottom: none; }
.fmg2-ql:hover { padding-left: 6px; }
.fmg2-ql-ico {
	width: 32px; height: 32px; flex-shrink: 0;
	background: var(--bg1); border: 1px solid var(--line);
	display: flex; align-items: center; justify-content: center;
	font-family: var(--mono); font-size: 11px; color: var(--gb);
	margin-top: 1px; transition: all .18s;
}
.fmg2-ql:hover .fmg2-ql-ico { background: var(--gfill); border-color: var(--gborder); }
.fmg2-ql-t { display: block; font-size: 13px; font-weight: 500; color: var(--ink); margin-bottom: 2px; transition: color .18s; }
.fmg2-ql:hover .fmg2-ql-t { color: var(--g); }
.fmg2-ql-s { display: block; font-size: 11.5px; color: var(--inkl); line-height: 1.5; }
.fmg2-cta-stack { display: flex; flex-direction: column; gap: 8px; padding-top: 18px; border-top: 1px solid var(--line); margin-top: auto; }
.fmg2-cta-a {
	display: flex; align-items: center; justify-content: space-between;
	padding: 12px 16px; background: #000000;
	font-family: var(--mono); font-size: 9px; letter-spacing: .14em;
	font-weight: 500; color: #fff !important; text-transform: uppercase;
	text-decoration: none !important; position: relative; overflow: hidden;
}
.fmg2-cta-a::before {
	content: ''; position: absolute; inset: 0; background: var(--gb);
	transform: translateX(-101%); transition: transform .3s var(--ease);
}
.fmg2-cta-a:hover::before { transform: translateX(0); }
.fmg2-cta-a > * { position: relative; z-index: 1; }
.fmg2-cta-b {
	display: flex; align-items: center; justify-content: space-between;
	padding: 11px 16px; border: 1px solid var(--line2);
	font-family: var(--mono); font-size: 9px; letter-spacing: .14em;
	font-weight: 500; color: var(--inkl); text-transform: uppercase;
	transition: all .2s; text-decoration: none !important;
}
.fmg2-cta-b:hover { border-color: var(--line3); color: var(--ink); background: var(--bg1); }

/* ── 2. SERVICES ──────────────────────────────────── */
.fmg2-svc-wrap { display: grid; grid-template-columns: 240px 1fr 230px; width: 100%; }
.fmg2-svc-centre { padding: 36px 40px; border-right: 1px solid var(--line); min-width: 0; }
.fmg2-phases { display: flex; flex-direction: column; gap: 2px; }
.fmg2-phase {
	display: flex; align-items: center; gap: 14px;
	padding: 13px 14px; border: 1px solid transparent;
	position: relative; overflow: hidden; transition: all .2s;
	text-decoration: none !important;
}
.fmg2-phase::before {
	content: ''; position: absolute; left: 0; top: 0; bottom: 0;
	width: 2px; background: var(--gb);
	transform: scaleY(0); transform-origin: bottom; transition: transform .26s var(--ease);
}
.fmg2-phase:hover { background: var(--bg1); border-color: var(--line); }
.fmg2-phase:hover::before { transform: scaleY(1); }
.fmg2-ph-n {
	width: 32px; height: 32px; flex-shrink: 0;
	background: var(--bg2); border: 1px solid var(--line2);
	display: flex; align-items: center; justify-content: center;
	font-family: var(--mono); font-size: 9px; font-weight: 500; color: var(--gb); transition: all .2s;
}
.fmg2-phase:hover .fmg2-ph-n { background: var(--gfill); border-color: var(--gborder); }
.fmg2-ph-body { flex: 1; }
.fmg2-ph-t { font-size: 13.5px; font-weight: 500; color: var(--ink); margin-bottom: 2px; transition: color .18s; }
.fmg2-phase:hover .fmg2-ph-t { color: var(--g); }
.fmg2-ph-s { font-size: 11.5px; color: var(--inkl); line-height: 1.5; }
.fmg2-ph-p { font-family: var(--mono); font-size: 9px; font-weight: 500; color: var(--gb); flex-shrink: 0; padding-left: 10px; white-space: nowrap; }
.fmg2-ph-badge {
	font-family: var(--mono); font-size: 7.5px; letter-spacing: .08em;
	padding: 2px 8px; background: var(--gfill2); color: var(--gb);
	border: 1px solid var(--gborder); text-transform: uppercase; flex-shrink: 0;
}

/* Tiers column */
.fmg2-svc-right { padding: 36px 24px; display: flex; flex-direction: column; gap: 10px; }
.fmg2-tier {
	padding: 18px 16px; border: 1.5px solid var(--line);
	display: flex; flex-direction: column;
	position: relative; overflow: hidden; transition: all .22s;
	text-decoration: none !important;
}
.fmg2-tier::after {
	content: ''; position: absolute; left: 0; top: 0; bottom: 0;
	width: 3px; background: var(--g);
	transform: scaleY(0); transform-origin: bottom; transition: transform .3s var(--ease);
}
.fmg2-tier:hover, .fmg2-tier.rec { border-color: var(--gborder); background: var(--gfill); }
.fmg2-tier:hover::after, .fmg2-tier.rec::after { transform: scaleY(1); }
.fmg2-tier-l { font-family: var(--mono); font-size: 8px; letter-spacing: .2em; color: var(--gb); text-transform: uppercase; margin-bottom: 5px; }
.fmg2-tier-p { font-family: var(--serif); font-size: 26px; color: var(--ink); line-height: 1; margin-bottom: 3px; }
.fmg2-tier-n { font-family: var(--mono); font-size: 8px; letter-spacing: .08em; color: var(--inkg); text-transform: uppercase; margin-bottom: 8px; }
.fmg2-tier-f { font-size: 11.5px; color: var(--inkl); line-height: 1.5; }
.fmg2-tier-note { font-size: 11px; color: var(--inkl); font-style: normal; line-height: 1.65; margin-top: auto; padding-top: 12px; border-top: 1px solid var(--line); }

/* ── 3. COMPANY ───────────────────────────────────── */
.fmg2-co-wrap { display: grid; grid-template-columns: 240px 1fr; width: 100%; }
.fmg2-co-centre { padding: 36px 40px; min-width: 0; }
.fmg2-co-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 6px; }
.fmg2-co-card {
	display: flex; align-items: flex-start; gap: 12px;
	padding: 16px 14px; border: 1px solid transparent; transition: all .2s;
	text-decoration: none !important;
}
.fmg2-co-card:hover { background: var(--bg1); border-color: var(--line); }
.fmg2-co-ico {
	width: 34px; height: 34px; flex-shrink: 0;
	background: var(--bg2); border: 1px solid var(--line2);
	display: flex; align-items: center; justify-content: center;
	font-family: var(--mono); font-size: 14px; color: var(--gb);
	margin-top: 1px; transition: all .18s;
}
.fmg2-co-card:hover .fmg2-co-ico { background: var(--gfill); border-color: var(--gborder); }
.fmg2-co-t { font-size: 13.5px; font-weight: 500; color: var(--ink); margin-bottom: 3px; transition: color .18s; }
.fmg2-co-card:hover .fmg2-co-t { color: var(--g); }
.fmg2-co-s { font-size: 11.5px; color: var(--inkl); line-height: 1.55; }

/* ── 4. INSIGHTS ──────────────────────────────────── */
.fmg2-ins-wrap { display: grid; grid-template-columns: 240px 1fr 240px; width: 100%; }
.fmg2-ins-centre { padding: 36px 40px; border-right: 1px solid var(--line); min-width: 0; }
.fmg2-ins-feat {
	display: flex; gap: 18px; padding: 18px;
	border: 1px solid var(--line); margin-bottom: 12px; transition: all .22s;
	text-decoration: none !important;
}
.fmg2-ins-feat:hover { background: var(--bg1); border-color: var(--line2); }
.fmg2-ins-thumb {
	width: 80px; height: 64px; flex-shrink: 0; background: var(--ink);
	display: flex; align-items: center; justify-content: center;
	font-family: var(--serif); font-size: 22px; color: var(--gl); font-style: normal;
}
.fmg2-ins-tag { display: block; font-family: var(--mono); font-size: 8px; letter-spacing: .16em; color: var(--gb); text-transform: uppercase; margin-bottom: 5px; }
.fmg2-ins-title { font-size: 13px; font-weight: 500; color: var(--ink); line-height: 1.4; margin-bottom: 5px; transition: color .18s; }
.fmg2-ins-feat:hover .fmg2-ins-title { color: var(--g); }
.fmg2-ins-by { font-family: var(--mono); font-size: 8px; letter-spacing: .08em; color: var(--inkg); text-transform: uppercase; }
.fmg2-ins-list { display: flex; flex-direction: column; }
.fmg2-ins-item {
	display: flex; align-items: flex-start; gap: 12px;
	padding: 11px 0; border-bottom: 1px solid var(--line);
	transition: all .18s; text-decoration: none !important;
}
.fmg2-ins-item:last-child { border-bottom: none; }
.fmg2-ins-item:hover { padding-left: 5px; }
.fmg2-ins-item-tag { font-family: var(--mono); font-size: 8px; letter-spacing: .1em; color: var(--gb); text-transform: uppercase; flex-shrink: 0; margin-top: 2px; }
.fmg2-ins-item-t { font-size: 12.5px; color: var(--ink); line-height: 1.4; transition: color .18s; }
.fmg2-ins-item:hover .fmg2-ins-item-t { color: var(--g); }

/* Insights right */
.fmg2-ins-right { padding: 36px 26px; display: flex; flex-direction: column; }
.fmg2-topics { display: flex; flex-direction: column; gap: 6px; margin-bottom: 22px; }
.fmg2-topic {
	display: flex; align-items: center; justify-content: space-between;
	padding: 10px 14px; border: 1px solid var(--line); transition: all .2s;
	text-decoration: none !important;
}
.fmg2-topic:hover { background: var(--bg1); border-color: var(--line2); }
.fmg2-topic-n { font-size: 13px; font-weight: 500; color: var(--ink); transition: color .18s; }
.fmg2-topic:hover .fmg2-topic-n { color: var(--g); }
.fmg2-topic-c { font-family: var(--mono); font-size: 9px; color: var(--inkg); }
.fmg2-subscribe { margin-top: auto; padding: 18px; background: var(--ink); }
.fmg2-sub-lbl { font-family: var(--mono); font-size: 8px; letter-spacing: .2em; color: var(--gb); text-transform: uppercase; margin-bottom: 8px; }
.fmg2-sub-p { font-size: 12px; color: rgba(247,244,239,.38); line-height: 1.65; margin-bottom: 14px; }
.fmg2-sub-form { display: flex; }
.fmg2-sub-form input {
	flex: 1; min-width: 0;
	background: rgba(247,244,239,.06);
	border: 1px solid rgba(247,244,239,.12); border-right: none;
	color: #fff; font-family: var(--sans); font-size: 12.5px;
	padding: 9px 12px; outline: none; transition: border-color .25s;
}
.fmg2-sub-form input:focus { border-color: var(--gb); }
.fmg2-sub-form input::placeholder { color: rgba(247,244,239,.2); }
.fmg2-sub-form button {
	background: var(--gb); color: #fff; border: none;
	font-family: var(--mono); font-size: 8.5px; letter-spacing: .12em;
	text-transform: uppercase; padding: 9px 14px;
	cursor: pointer; transition: background .25s; flex-shrink: 0;
}
.fmg2-sub-form button:hover { background: var(--gl); }

/* ── 5. PARTNERS ──────────────────────────────────── */
.fmg2-par-wrap { display: grid; grid-template-columns: 240px 1fr; width: 100%; }
.fmg2-par-centre { padding: 36px 40px; min-width: 0; }
.fmg2-par-paths { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 14px; margin-bottom: 22px; }
.fmg2-par-path {
	padding: 24px 22px; border: 1.5px solid var(--line);
	position: relative; overflow: hidden; transition: all .24s;
	text-decoration: none !important; display: block;
}
.fmg2-par-path::before {
	content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
	background: linear-gradient(90deg, var(--g), var(--gl));
	transform: scaleX(0); transform-origin: left; transition: transform .3s var(--ease);
}
.fmg2-par-path:hover { background: var(--gfill); border-color: var(--gborder); }
.fmg2-par-path:hover::before { transform: scaleX(1); }
.fmg2-par-pct { font-family: var(--serif); font-size: 48px; color: var(--g); line-height: 1; margin-bottom: 6px; }
.fmg2-par-role { font-family: var(--mono); font-size: 9px; letter-spacing: .14em; color: var(--gb); text-transform: uppercase; margin-bottom: 8px; }
.fmg2-par-title { font-size: 15px; font-weight: 600; color: var(--ink); margin-bottom: 8px; transition: color .18s; }
.fmg2-par-path:hover .fmg2-par-title { color: var(--g); }
.fmg2-par-desc { font-size: 12px; color: var(--inkl); line-height: 1.65; }
.fmg2-open-cors { padding: 20px 22px; background: var(--bg1); border: 1px solid var(--line); }
.fmg2-open-h {
	font-family: var(--mono); font-size: 8px; letter-spacing: .2em;
	color: var(--gb); text-transform: uppercase; margin-bottom: 14px;
	display: flex; align-items: center; gap: 10px;
}
.fmg2-open-h::before { content: ''; display: block; width: 12px; height: 1.5px; background: var(--gb); }
.fmg2-open-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.fmg2-open-tag {
	font-family: var(--mono); font-size: 9px; letter-spacing: .08em;
	color: var(--inkl); padding: 6px 14px;
	border: 1px solid var(--line2); text-transform: uppercase;
	transition: all .18s; text-decoration: none !important; display: inline-block;
}
.fmg2-open-tag:hover { background: var(--gfill); border-color: var(--gborder); color: var(--g); }

/* ── SEARCH OVERLAY ───────────────────────────────── */
.fmg2-search {
	position: fixed; inset: 0; z-index: 1000;
	background: rgba(19,17,16,.72); backdrop-filter: blur(14px);
	display: flex; align-items: flex-start; justify-content: center; padding-top: 110px;
	opacity: 0; visibility: hidden; transition: all .28s var(--ease);
}
.fmg2-search.on { opacity: 1; visibility: visible; }
.fmg2-search-box { width: 100%; max-width: 660px; background: var(--bg); box-shadow: 0 40px 80px rgba(19,17,16,.3); }
.fmg2-search-head {
	display: flex; align-items: center; gap: 0;
	padding: 0 24px; border-bottom: 1px solid var(--line);
}
.fmg2-search-icon { color: var(--inkg); flex-shrink: 0; margin-right: 14px; display: flex; align-items: center; }
.fmg2-search-inp {
	flex: 1; padding: 20px 0;
	font-family: var(--sans); font-size: 18px;
	color: var(--ink); background: none; border: none; outline: none;
}
.fmg2-search-inp::placeholder { color: var(--inkg); }
.fmg2-search-esc {
	font-family: var(--mono); font-size: 9px; letter-spacing: .1em;
	color: var(--inkl); background: none;
	border: 1px solid var(--line2); padding: 7px 11px;
	transition: all .18s; cursor: pointer;
}
.fmg2-search-esc:hover { color: var(--ink); border-color: var(--line3); }
.fmg2-search-body { padding: 22px 24px; }
.fmg2-s-cat {
	font-family: var(--mono); font-size: 8px; letter-spacing: .22em;
	color: var(--gb); text-transform: uppercase; margin-bottom: 10px;
	display: flex; align-items: center; gap: 8px;
}
.fmg2-s-cat::before { content: ''; display: block; width: 8px; height: 1.5px; background: var(--gb); }
.fmg2-s-items { margin-bottom: 20px; }
.fmg2-s-item {
	display: flex; align-items: center; gap: 12px;
	padding: 10px 0; border-bottom: 1px solid var(--line);
	cursor: pointer; transition: all .18s;
}
.fmg2-s-item:last-child { border-bottom: none; }
.fmg2-s-item:hover { padding-left: 5px; }
.fmg2-s-ico {
	width: 28px; height: 28px; background: var(--bg1);
	border: 1px solid var(--line);
	display: flex; align-items: center; justify-content: center;
	font-family: var(--mono); font-size: 9px; color: var(--gb); flex-shrink: 0; transition: all .18s;
}
.fmg2-s-item:hover .fmg2-s-ico { background: var(--gfill); border-color: var(--gborder); }
.fmg2-s-t { font-size: 13px; font-weight: 500; color: var(--ink); transition: color .18s; }
.fmg2-s-item:hover .fmg2-s-t { color: var(--g); }
.fmg2-s-tag { font-family: var(--mono); font-size: 9px; color: var(--inkg); margin-left: auto; flex-shrink: 0; }

/* ── MOBILE MENU ──────────────────────────────────── */
.fmg2-mobile {
	display: none; position: fixed; inset: 0;
	background: var(--bg); z-index: 9999;
	overflow-y: auto; padding-bottom: 40px;
}
.fmg2-mobile.open { display: block; }
.fmg2-mobile-header {
	display: flex; align-items: center; justify-content: space-between;
	padding: 0 20px; height: var(--nh);
	border-bottom: 1px solid var(--line);
	background: var(--bg); position: sticky; top: 0; z-index: 2;
}
.fmg2-mobile-header img { height: 28px; width: auto; }
.fmg2-mobile-close {
	font-family: var(--mono); font-size: 12px; color: var(--inkl);
	cursor: pointer; background: none; border: none; padding: 8px; transition: color .15s;
}
.fmg2-mobile-close:hover { color: var(--ink); }
.fmg2-mobile-section { border-bottom: 1px solid var(--line); }
.fmg2-mobile-section-hdr {
	font-family: var(--mono); font-size: 8px; font-weight: 700;
	letter-spacing: .22em; text-transform: uppercase;
	color: var(--gb); padding: 16px 20px 8px;
}
.fmg2-mobile-link {
	display: block; font-family: var(--sans); font-size: 14px;
	color: var(--inkl); text-decoration: none !important;
	padding: 11px 20px 11px 28px;
	border-bottom: 1px solid var(--line); transition: color .15s;
}
.fmg2-mobile-link:hover { color: var(--ink); }
.fmg2-mobile-actions { padding: 20px; display: flex; flex-direction: column; gap: 10px; }
.fmg2-mob-btn-pri {
	display: block; text-align: center;
	font-family: var(--mono); font-size: 11px; font-weight: 700;
	letter-spacing: .12em; text-transform: uppercase;
	color: #fff; background: var(--ink);
	padding: 14px 20px; text-decoration: none !important; transition: background .15s;
}
.fmg2-mob-btn-pri:hover { background: var(--gb); }
.fmg2-mob-btn-sec {
	display: block; text-align: center;
	font-family: var(--mono); font-size: 11px; font-weight: 700;
	letter-spacing: .12em; text-transform: uppercase;
	color: var(--inkl); background: transparent;
	border: 1px solid var(--line2);
	padding: 13px 20px; text-decoration: none !important; transition: all .15s;
}
.fmg2-mob-btn-sec:hover { border-color: var(--gb); color: var(--g); }

/* ── 1400px ── */
@media (max-width: 1400px) {
	.fmg2-nav { padding: 0 clamp(20px, 3vw, 48px); }
	.fmg2-top { padding: 0 clamp(20px, 3vw, 48px); }
	.fmg2-cor-wrap { grid-template-columns: 240px 1fr 230px; }
	.fmg2-svc-wrap { grid-template-columns: 220px 1fr 210px; }
	.fmg2-ins-wrap { grid-template-columns: 220px 1fr 220px; }
	.fmg2-co-wrap  { grid-template-columns: 220px 1fr; }
	.fmg2-par-wrap { grid-template-columns: 220px 1fr; }
	.fmg2-promo { padding: 36px 26px; }
	.fmg2-promo-h { font-size: 22px; }
	.fmg2-cor-centre, .fmg2-svc-centre, .fmg2-ins-centre, .fmg2-co-centre, .fmg2-par-centre { padding: 30px 28px; }
	.fmg2-cor-right, .fmg2-ins-right, .fmg2-svc-right { padding: 30px 20px; }
	.fmg2-ni-a { padding: 0 11px; font-size: 9px; }
	.fmg2-btn-s { padding: 9px 16px; }
	.fmg2-cor-grid { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 10px; }
	.fmg2-co-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
	.fmg2-mfoot { padding: 12px 28px; }
	.fmg2-top-links a { padding: 0 10px; }
}

/* ── 1080px ── */
@media (max-width: 1080px) {
	.fmg2-cor-wrap, .fmg2-svc-wrap, .fmg2-ins-wrap, .fmg2-co-wrap, .fmg2-par-wrap { grid-template-columns: 1fr; }
	.fmg2-promo, .fmg2-cor-right, .fmg2-svc-right, .fmg2-ins-right { display: none; }
	.fmg2-cor-centre, .fmg2-svc-centre, .fmg2-ins-centre { border-right: none; }
	.fmg2-cor-centre, .fmg2-svc-centre, .fmg2-ins-centre, .fmg2-co-centre, .fmg2-par-centre { padding: 28px 32px; }
	.fmg2-cor-grid { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 10px; }
	.fmg2-co-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
	.fmg2-par-paths { grid-template-columns: repeat(2, minmax(0,1fr)); }
	.fmg2-mfoot { padding: 12px 32px; }
	.fmg2-mfoot-trust { display: none; }
	.fmg2-ni-a { padding: 0 10px; }
	.fmg2-btn-o { display: none; }
}

/* ── 980px ── */
@media (max-width: 980px) {
	.fmg2-wrap { --nh: 64px; }
	.fmg2-top-msg { font-size: 8.5px; }
	.fmg2-top-links a { padding: 0 8px; font-size: 8px; }
	.fmg2-logo img { height: 34px; }
	.fmg2-logo-sub, .fmg2-logo-sep { display: none; }
	.fmg2-logo { padding-right: 20px; }
	.fmg2-ni-a { padding: 0 9px; font-size: 8.5px; letter-spacing: .08em; }
	.fmg2-cor-grid, .fmg2-co-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
	.fmg2-par-paths { grid-template-columns: repeat(2, minmax(0,1fr)); }
	.fmg2-cor-centre, .fmg2-svc-centre, .fmg2-ins-centre, .fmg2-co-centre, .fmg2-par-centre { padding: 24px 24px; }
	.fmg2-phases { gap: 1px; }
	.fmg2-ph-t { font-size: 12.5px; }
	.fmg2-ph-s { font-size: 11px; }
	.fmg2-search-box { max-width: 92vw; }
}

/* ── 780px ── */
@media (max-width: 780px) {
	.fmg2-top { display: none; }
	.fmg2-items, .fmg2-right { display: none; }
	.fmg2-ham { display: flex !important; }
	.fmg2-nav { padding-left: 20px; padding-right: 20px; display: flex; justify-content: space-between; align-items: center; }
	.fmg2-mobile-header { padding-left: 20px; padding-right: 20px; }
	.fmg2-logo { padding-right: 0; margin-right: 0; border-right: none; }
	.fmg2-ham { margin-left: auto; }
	.fmg2-cor-grid, .fmg2-co-grid, .fmg2-par-paths { grid-template-columns: 1fr; }
	.fmg2-logo img { height: 30px; }
	.fmg2-mobile-link { font-size: 14px; }
}

/* ── 680px ── */
@media (max-width: 680px) {
	.fmg2-search { padding-top: 70px; padding-left: 12px; padding-right: 12px; }
	.fmg2-search-box { max-width: 100%; }
	.fmg2-search-inp { font-size: 16px; }
	.fmg2-search-head { padding: 0 16px; }
	.fmg2-search-body { padding: 16px; }
	.fmg2-s-item { padding: 9px 0; }
	.fmg2-s-t { font-size: 12px; }
	.fmg2-mobile-link { font-size: 13.5px; padding: 10px 20px 10px 24px; }
	.fmg2-mobile-section-hdr { font-size: 7.5px; padding: 14px 20px 7px; }
	.fmg2-mob-btn-pri, .fmg2-mob-btn-sec { font-size: 10px; padding: 13px 16px; }
	.fmg2-mobile-actions { padding: 16px; gap: 8px; }
}

/* ── 480px ── */
@media (max-width: 480px) {
	.fmg2-wrap { --nh: 58px; }
	.fmg2-logo img { height: 26px; }
	.fmg2-nav { padding-left: 16px; padding-right: 16px; }
	.fmg2-mobile-header { padding-left: 16px; padding-right: 16px; height: 58px; }
	.fmg2-mobile-header img { height: 24px; }
	.fmg2-mobile-link { font-size: 13px; padding: 10px 16px 10px 22px; }
	.fmg2-mobile-section-hdr { font-size: 7px; letter-spacing: .18em; padding: 12px 16px 6px; }
	.fmg2-mobile-close { font-size: 11px; }
	.fmg2-mob-btn-pri, .fmg2-mob-btn-sec { font-size: 9.5px; letter-spacing: .1em; padding: 12px 14px; }
	.fmg2-mobile-actions { padding: 14px 16px; gap: 8px; }
	.fmg2-search { padding-top: 58px; padding-left: 0; padding-right: 0; align-items: flex-start; }
	.fmg2-search-box { border-radius: 0; }
	.fmg2-search-inp { font-size: 15px; padding: 16px 0; }
	.fmg2-search-head { padding: 0 14px; }
	.fmg2-search-body { padding: 14px; }
	.fmg2-s-cat { font-size: 7.5px; }
	.fmg2-s-t { font-size: 11.5px; }
	.fmg2-s-tag { display: none; }
}

/* ── 360px ── */
@media (max-width: 360px) {
	.fmg2-wrap { --nh: 54px; }
	.fmg2-logo img { height: 22px; }
	.fmg2-nav { padding-left: 12px; padding-right: 12px; }
	.fmg2-mobile-header { padding-left: 12px; padding-right: 12px; height: 54px; }
	.fmg2-mobile-header img { height: 20px; }
	.fmg2-mobile-link { font-size: 12.5px; padding: 9px 12px 9px 18px; }
	.fmg2-mobile-section-hdr { font-size: 6.5px; letter-spacing: .15em; padding: 10px 12px 5px; }
	.fmg2-mobile-close { font-size: 10px; padding: 6px; }
	.fmg2-mob-btn-pri, .fmg2-mob-btn-sec { font-size: 9px; letter-spacing: .08em; padding: 11px 12px; }
	.fmg2-mobile-actions { padding: 12px; gap: 7px; }
	.fmg2-ham { padding: 8px; margin-left: 4px; }
	.fmg2-ham span { width: 18px; }
	.fmg2-search-head { padding: 0 12px; }
	.fmg2-search-body { padding: 12px; }
	.fmg2-search-inp { font-size: 14px; }
	.fmg2-s-ico { width: 24px; height: 24px; font-size: 8px; }
	.fmg2-s-t { font-size: 11px; }
	.fmg2-s-items { margin-bottom: 14px; }
}

/* ── Forced desktop nav always visible above 780px ── */
@media (min-width: 781px) {
	.fmg2-mobile { display: none !important; }
	.fmg2-ham { display: none !important; }
}
/* ══════════════════════════════════════════════════════════════
FOREMARK GLOBAL — FOOTER  (fmg2-footer-*)
BG cream: #efebe2  Dark: #12110f  Gold: #997632
══════════════════════════════════════════════════════════════ */

:root {
    --fmg2-cream:      #efebe2;
    --fmg2-cream-dk:   #e6e1d6;
    --fmg2-cream-dkr:  #ddd8cc;
    --fmg2-dark:       #12110f;
    --fmg2-dark-mid:   #2a2820;
    --fmg2-gold:       #997632;
    --fmg2-gold-lt:    #b89040;
    --fmg2-gold-dim:   rgba(153,118,50,.12);
    --fmg2-muted:      #8a8578;
    --fmg2-muted-lt:   #b0ac9f;
    --fmg2-border:     #ccc8bf;
    --fmg2-border-lt:  #ddd9d0;
    --fmg2-white:      #faf8f4;
    --fmg2-max:        1340px;
    --fmg2-g:          clamp(20px, 4vw, 52px);
}

*, *::before, *::after { box-sizing: border-box; }
.fmg2-footer-root a { text-decoration: none;  }
.fmg2-footer-root { font-family: 'Inter', sans-serif; color: var(--fmg2-dark); }

/* ══ TICKER ══════════════════════════════════════════════════ */
.fmg2-footer-ticker {
    background: var(--fmg2-dark);
    overflow: hidden;
    height: 38px;
    display: flex;
    align-items: center;
}
.fmg2-footer-ticker-track {
    display: flex;
    animation: fmg2TickerScroll 32s linear infinite;
    white-space: nowrap;
}
.fmg2-footer-ticker-track:hover { animation-play-state: paused; }
@keyframes fmg2TickerScroll {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
.fmg2-footer-ticker-item {
    font-family: 'Inter Tight', sans-serif;
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--fmg2-muted-lt);
    padding: 0 28px;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}
.fmg2-footer-ticker-item strong { color: var(--fmg2-gold-lt); font-weight: 700; }
.fmg2-footer-ticker-sep {
    width: 3px; height: 3px;
    background: var(--fmg2-gold);
    border-radius: 50%;
    opacity: .6;
    flex-shrink: 0;
    display: inline-block;
}

/* ══ CTA BAND ════════════════════════════════════════════════ */
.fmg2-footer-cta {
    background: var(--fmg2-dark-mid);
    border-top: 1px solid rgba(153,118,50,.25);
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding: clamp(52px,7vw,84px) 0;
    position: relative;
    overflow: hidden;
}
.fmg2-footer-cta::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at 75% 40%, rgba(153,118,50,.07) 0%, transparent 65%);
    pointer-events: none;
}
.fmg2-footer-cta-inner {
    max-width: var(--fmg2-max);
    margin: 0 auto;
    padding: 0 var(--fmg2-g);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
}
.fmg2-footer-cta-eyebrow {
    font-family: 'Inter Tight', sans-serif;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--fmg2-gold-lt);
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
}
.fmg2-footer-cta-eyebrow::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 1px;
    background: var(--fmg2-gold);
}
.fmg2-footer-cta-h {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(26px, 3.4vw, 42px);
    font-weight: 700;
    color: var(--fmg2-white);
    line-height: 1.1;
    letter-spacing: -.03em;
}
.fmg2-footer-cta-h p { color: var(--fmg2-gold-lt); }
.fmg2-footer-cta-note {
    margin-top: 14px;
    font-size: 13px;
    color: var(--fmg2-muted);
    letter-spacing: .02em;
}
.fmg2-footer-cta-btns {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    flex-shrink: 0;
}
.fmg2-footer-btn-primary {
    font-family: 'Inter Tight', sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--fmg2-dark);
    background: var(--fmg2-gold);
    border: 2px solid var(--fmg2-gold);
    padding: 15px 30px;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    transition: background .15s, border-color .15s;
    white-space: nowrap;
    cursor: pointer;
}
.fmg2-footer-btn-primary:hover { background: var(--fmg2-gold-lt); border-color: var(--fmg2-gold-lt); }
.fmg2-footer-btn-ghost {
    font-family: 'Inter Tight', sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--fmg2-muted-lt);
    background: transparent;
    border: 2px solid rgba(255,255,255,.15);
    padding: 15px 30px;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    transition: border-color .15s, color .15s;
    white-space: nowrap;
    cursor: pointer;
}
.fmg2-footer-btn-ghost:hover { border-color: var(--fmg2-gold); color: var(--fmg2-gold-lt); }

/* ══ MAIN FOOTER ══════════════════════════════════════════ */
.fmg2-footer-main {
    background: var(--fmg2-cream-dk);
    border-top: 1px solid var(--fmg2-border);
    padding: clamp(56px,8vw,96px) 0 0;
}
.fmg2-footer-wrap {
    max-width: var(--fmg2-max);
    margin: 0 auto;
    padding: 0 var(--fmg2-g);
}

/* ── TOP SECTION ─────────────────────────────────────────── */
.fmg2-footer-top {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 80px;
    padding-bottom: 56px;
    border-bottom: 1px solid var(--fmg2-border);
}

/* Brand column */
.fmg2-footer-logo {
    display: inline-flex;
    align-items: center;
    margin-bottom: 22px;
}
.fmg2-footer-logo-img {
    display: block;
    width: 180px;
    height: auto;
    max-width: 100%;
}
@media(max-width:480px){
    .fmg2-footer-logo-img { width: 150px; }
}
.fmg2-footer-brand-desc {
    font-size: 13.5px;
    line-height: 1.8;
    color: var(--fmg2-muted);
    margin-bottom: 26px;
    max-width: 240px;
}

/* Credential list */
.fmg2-footer-creds {
    list-style: none;
    padding: 0;
    margin: 0 0 28px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.fmg2-footer-cred {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 12.5px;
    color: var(--fmg2-muted);
    line-height: 1.5;
}
.fmg2-footer-cred-dash {
    width: 14px;
    height: 1px;
    background: var(--fmg2-gold);
    flex-shrink: 0;
    margin-top: 9px;
}
.fmg2-footer-cred strong { color: var(--fmg2-dark-mid); font-weight: 600; }

/* Socials */
.fmg2-footer-socials {
    display: flex;
    gap: 8px;
    list-style: none;
    padding: 0;
    margin: 0;
}
.fmg2-footer-social {
    width: 34px; height: 34px;
    border: 1px solid var(--fmg2-border);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    font-family: 'Inter Tight', sans-serif;
    color: var(--fmg2-muted);
    transition: border-color .15s, color .15s, background .15s;
    cursor: pointer;
}
.fmg2-footer-social:hover {
    border-color: var(--fmg2-gold);
    color: var(--fmg2-gold);
    background: var(--fmg2-gold-dim);
}

/* Nav grid */
.fmg2-footer-nav {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 32px;
}

/* ── Accordion col titles ─────────────────────────────────── */
.fmg2-footer-col-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 10.5px !important;
    font-weight: 700;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--fmg2-dark) !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 16px;
    padding-bottom: 12px !important;
    border-bottom: 1px solid var(--fmg2-border) ! IMPORTANT;
    cursor: default;
    background: none !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}
.fmg2-footer-col-title .fmg2-footer-acc-icon {
    display: none;
    font-size: 18px;
    font-weight: 300;
    line-height: 1;
    color: var(--fmg2-gold);
    transition: transform .2s;
    flex-shrink: 0;
    margin-left: 8px;
}

.fmg2-footer-col ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.fmg2-footer-col ul li a {
    font-size: 13px;
    font-weight: 400;
    color: var(--fmg2-muted);
    line-height: 1.4;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    transition: color .12s;
}
.fmg2-footer-col ul li a:hover { color: var(--fmg2-dark); }

/* Pills */
.fmg2-footer-pill {
    font-family: 'Inter Tight', sans-serif;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    padding: 2px 6px;
    line-height: 1.6;
    flex-shrink: 0;
}
.fmg2-footer-pill-gold { color: var(--fmg2-cream); background: var(--fmg2-gold); }
.fmg2-footer-pill-dark { color: var(--fmg2-cream); background: var(--fmg2-dark-mid); }

/* ── STATS STRIP ─────────────────────────────────────────── */
.fmg2-footer-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-top: 1px solid var(--fmg2-border);
    border-bottom: 1px solid var(--fmg2-border);
}
.fmg2-footer-stat {
    padding: 30px 0 30px 24px;
    border-right: 1px solid var(--fmg2-border);
    position: relative;
}
.fmg2-footer-stat::before {
    content: '';
    position: absolute;
    top: 50%; left: 0;
    transform: translateY(-50%);
    width: 2px; height: 24px;
    background: var(--fmg2-gold);
    opacity: .6;
}
.fmg2-footer-stat:last-child { border-right: none; }
.fmg2-footer-stat-n {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(26px, 2.8vw, 36px);
    font-weight: 700;
    color: var(--fmg2-dark);
    letter-spacing: -.035em;
    line-height: 1;
    display: block;
    margin-bottom: 5px;
}
.fmg2-footer-stat-n .fmg2-footer-gold { color: var(--fmg2-gold); }
.fmg2-footer-stat-l {
    font-size: 11px;
    font-weight: 400;
    color: var(--fmg2-muted);
    letter-spacing: .1em;
    text-transform: uppercase;
    display: block;
}
.fmg2-footer-stat-sub {
    font-size: 11px;
    color: var(--fmg2-muted-lt);
    display: block;
    margin-top: 2px;
}

/* ── BOTTOM BAR ──────────────────────────────────────────── */
.fmg2-footer-bottom {
    padding: 22px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}
.fmg2-footer-copy {
    font-size: 12px;
    color: var(--fmg2-muted);
    line-height: 1.6;
}
.fmg2-footer-copy a { color: var(--fmg2-muted); transition: color .12s; }
.fmg2-footer-copy a:hover { color: var(--fmg2-gold); }
.fmg2-footer-legal {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}
.fmg2-footer-legal a {
    font-family: 'Inter Tight', sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--fmg2-muted);
    padding: 0 8px;
    transition: color .12s;
}
.fmg2-footer-legal a:hover { color: var(--fmg2-gold); }
.fmg2-footer-legal-sep { color: var(--fmg2-border); font-size: 12px; }

/* Commitment strip */
.fmg2-footer-commit {
    background: var(--fmg2-cream-dkr);
    border-top: 1px solid var(--fmg2-border);
    padding: 14px var(--fmg2-g);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}
.fmg2-footer-commit-dot {
    width: 5px; height: 5px;
    background: var(--fmg2-gold);
    border-radius: 50%;
    flex-shrink: 0;
}
.fmg2-footer-commit-txt {
    font-family: 'Inter Tight', sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--fmg2-muted);
}

/* ══ RESPONSIVE ══════════════════════════════════════════ */

/* 1400px — slight gutter tighten */
@media(max-width:1400px){
    :root { --fmg2-max: 1280px; }
}

/* 1080px — compress grid */
@media(max-width:1080px){
    .fmg2-footer-top { grid-template-columns: 240px 1fr; gap: 48px; }
    .fmg2-footer-nav { grid-template-columns: repeat(3, 1fr); }
}

/* 980px — stack brand above nav */
@media(max-width:980px){
    .fmg2-footer-top { grid-template-columns: 1fr; gap: 40px; }
    .fmg2-footer-brand-desc { max-width: 100%; }
    .fmg2-footer-nav { grid-template-columns: repeat(3, 1fr); gap: 24px; }
    .fmg2-footer-stats { grid-template-columns: repeat(2, 1fr); }
    .fmg2-footer-stat:nth-child(2) { border-right: none; }
    .fmg2-footer-cta-inner { flex-direction: column; align-items: flex-start; }
}

/* 780px — 2-col nav, accordion ON */
@media(max-width:780px){
    .fmg2-footer-nav { grid-template-columns: 1fr 1fr; gap: 0; }
    .fmg2-footer-col { border-bottom: 1px solid var(--fmg2-border-lt); }
    .fmg2-footer-col:first-child { border-top: 1px solid var(--fmg2-border-lt); }
    .fmg2-footer-col-title {
        cursor: pointer;
        padding: 16px 0;
        margin-bottom: 0;
        border-bottom: none;
        user-select: none;
        -webkit-user-select: none;
    }
    .fmg2-footer-col-title .fmg2-footer-acc-icon { display: inline-block; }
    .fmg2-footer-col-title.fmg2-footer-acc-open .fmg2-footer-acc-icon {
        transform: rotate(45deg);
    }
    .fmg2-footer-col ul { display: none; padding: 0 0 18px; }
    .fmg2-footer-col ul.fmg2-footer-acc-expanded { display: flex; }
}

/* 680px — single col nav */
@media(max-width:680px){
    .fmg2-footer-nav { grid-template-columns: 1fr; }
    .fmg2-footer-bottom { flex-direction: column; align-items: flex-start; gap: 14px; }
    .fmg2-footer-cta-btns { flex-direction: column; width: 100%; }
    .fmg2-footer-btn-primary,
    .fmg2-footer-btn-ghost { justify-content: center; }
}

/* 480px — tighten stats to stacked 2-col */
@media(max-width:480px){
    .fmg2-footer-stats { grid-template-columns: 1fr 1fr; }
    .fmg2-footer-stat { padding: 22px 0 22px 16px; }
}

/* 360px — single col stats */
@media(max-width:360px){
    .fmg2-footer-stats { grid-template-columns: 1fr; }
    .fmg2-footer-stat { border-right: none; }
    .fmg2-footer-stat:nth-child(2) { border-top: 1px solid var(--fmg2-border); }
}

/* ==========================================================
   FOREMARK GLOBAL — Homepage Styles
   Scoped to #fg-hp-wrap
========================================================== */

#fg-hp-wrap {
    --bg: #f7f4ef;
    --bg1: #efebe3;
    --bg2: #e5dfd5;
    --ink: #131110;
    --ink2: #1e1c1a;
    --inkl: #5e5a55;
    --inkg: #9b9690;
    --gold: #b8922e;
    --gl: #c9a84c;
    --gd: #9a7830;
    --line: rgba(19, 17, 16, .08);
    --line2: rgba(19, 17, 16, .14);
    --gfill: rgba(184, 146, 46, .07);
    --gborder: rgba(184, 146, 46, .2);
    --tight: 'Inter Tight', sans-serif;
    --sans: 'Inter', sans-serif;
    --mono: 'DM Mono', monospace;
    --ease: cubic-bezier(.4, 0, .2, 1);
    font-family: var(--sans);
    background: var(--bg);
    color: var(--ink);
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}

#fg-hp-wrap *,
#fg-hp-wrap *::before,
#fg-hp-wrap *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

#fg-hp-wrap a {
    text-decoration: none;
    
}

#fg-hp-wrap img {
    display: block;
    max-width: 100%;
}

#fg-hp-wrap ul {
    list-style: none;
}

#fg-hp-wrap h1,
#fg-hp-wrap h2,
#fg-hp-wrap h3,
#fg-hp-wrap h4 {
    font-family: var(--tight);
    font-style: normal;
    font-weight: 800;
    line-height: 1.04;
    letter-spacing: -.03em;
}

/* ── HERO ── */
#fg-hp-wrap .fg-hero {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 90vh;
    background: var(--ink);
}

#fg-hp-wrap .fg-hero-left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 88px 72px 72px 64px;
    position: relative;
    border-right: 1px solid rgba(255, 255, 255, .07);
}

#fg-hp-wrap .fg-hero-left::before {
    content: '';
    position: absolute;
    inset: 0;
    background: repeating-linear-gradient(0deg, transparent, transparent 72px, rgba(184, 146, 46, .025) 72px, rgba(184, 146, 46, .025) 73px);
    pointer-events: none;
}

#fg-hp-wrap .fg-eyebrow {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 28px;
    position: relative;
    z-index: 1;
}

#fg-hp-wrap .fg-eyebrow-dash {
    width: 36px;
    height: 1.5px;
    background: var(--gold);
}

#fg-hp-wrap .fg-eyebrow-text {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .32em;
    color: var(--gold);
    text-transform: uppercase;
}

#fg-hp-wrap .fg-h1 {
    font-size: clamp(48px, 5.5vw, 88px);
    color: #fff;
    margin-bottom: 32px;
    position: relative;
    z-index: 1;
    max-width: 560px;
}

#fg-hp-wrap .fg-h1 em {
    font-style: normal;
    color: var(--gl);
}

#fg-hp-wrap .fg-deck {
    font-size: 17px;
    color: rgba(247, 244, 239, .46);
    line-height: 1.8;
    max-width: 480px;
    margin-bottom: 52px;
    position: relative;
    z-index: 1;
}

#fg-hp-wrap .fg-ctas {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 52px;
    position: relative;
    z-index: 1;
}

#fg-hp-wrap .fg-cta-gold {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-family: var(--mono);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink);
    background: var(--gold);
    padding: 16px 34px;
    transition: background .22s, transform .18s;
}

#fg-hp-wrap .fg-cta-gold:hover {
    background: var(--gl);
    transform: translateY(-1px);
}

#fg-hp-wrap .fg-cta-ghost {
    font-family: var(--mono);
    font-size: 9.5px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: rgba(247, 244, 239, .45);
    padding: 15px 26px;
    border: 1px solid rgba(255, 255, 255, .14);
    transition: all .22s;
}

#fg-hp-wrap .fg-cta-ghost:hover {
    color: #fff;
    border-color: rgba(255, 255, 255, .32);
}

#fg-hp-wrap .fg-hero-proof {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: var(--mono);
    font-size: 8.5px;
    letter-spacing: .08em;
    color: rgba(247, 244, 239, .22);
    text-transform: uppercase;
    position: relative;
    z-index: 1;
}

#fg-hp-wrap .fg-hero-proof::before {
    content: '✓';
    color: var(--gold);
    font-size: 11px;
}

/* Hero Right Photos */
#fg-hp-wrap .fg-hero-right {
    display: grid;
    grid-template-rows: 1fr 1fr;
    position: relative;
}

#fg-hp-wrap .fg-photo-top {
    position: relative;
    overflow: hidden;
    background: url('https://images.unsplash.com/photo-1512453979798-5ea266f8880c?w=900&q=85&auto=format&fit=crop') center/cover no-repeat;
    border-bottom: 1px solid rgba(255, 255, 255, .07);
}

#fg-hp-wrap .fg-photo-bot {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

#fg-hp-wrap .fg-photo-ind {
    position: relative;
    overflow: hidden;
    background: url('https://images.unsplash.com/photo-1524492412937-b28074a5d7da?w=600&q=85&auto=format&fit=crop') center/cover no-repeat;
    border-right: 1px solid rgba(255, 255, 255, .07);
}

#fg-hp-wrap .fg-photo-sg {
    position: relative;
    overflow: hidden;
    background: url('https://images.unsplash.com/photo-1525625293386-3f8f99389edd?w=600&q=85&auto=format&fit=crop') center/cover no-repeat;
}

#fg-hp-wrap .fg-photo-top::after,
#fg-hp-wrap .fg-photo-ind::after,
#fg-hp-wrap .fg-photo-sg::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(19, 17, 16, .45);
    transition: background .4s;
}

#fg-hp-wrap .fg-photo-top:hover::after,
#fg-hp-wrap .fg-photo-ind:hover::after,
#fg-hp-wrap .fg-photo-sg:hover::after {
    background: rgba(19, 17, 16, .3);
}

#fg-hp-wrap .fg-photo-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px 24px;
    z-index: 1;
    background: linear-gradient(to top, rgba(19, 17, 16, .75), transparent);
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

#fg-hp-wrap .fg-pc-name {
    font-family: var(--tight);
    font-size: 18px;
    font-weight: 800;
    color: #fff;
    letter-spacing: -.02em;
}

#fg-hp-wrap .fg-pc-sub {
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .1em;
    color: rgba(247, 244, 239, .4);
    text-transform: uppercase;
}

#fg-hp-wrap .fg-pc-score {
    font-family: var(--tight);
    font-weight: 900;
    color: var(--gl);
    letter-spacing: -.04em;
    line-height: 1;
}

#fg-hp-wrap .fg-pc-score-lbl {
    font-family: var(--mono);
    font-size: 7px;
    letter-spacing: .14em;
    color: rgba(247, 244, 239, .4);
    text-transform: uppercase;
    margin-top: 2px;
    text-align: right;
}

/* Hero stat bar */
#fg-hp-wrap .fg-hero-stats {
    grid-column: 1/-1;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-top: 1px solid rgba(255, 255, 255, .07);
}

#fg-hp-wrap .fg-hstat {
    padding: 26px 32px;
    border-right: 1px solid rgba(255, 255, 255, .07);
    position: relative;
    overflow: hidden;
}

#fg-hp-wrap .fg-hstat:last-child {
    border-right: none;
}

#fg-hp-wrap .fg-hstat::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--gold);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .4s var(--ease);
}

#fg-hp-wrap .fg-hstat:hover::after {
    transform: scaleX(1);
}

#fg-hp-wrap .fg-hstat-n {
    font-family: var(--tight);
    font-size: 36px;
    font-weight: 900;
    color: var(--gl);
    letter-spacing: -.05em;
    line-height: 1;
    margin-bottom: 4px;
}

#fg-hp-wrap .fg-hstat-l {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .12em;
    color: rgba(247, 244, 239, .25);
    text-transform: uppercase;
    line-height: 1.5;
}

#fg-hp-wrap .fg-hstat-sub {
    font-size: 11.5px;
    color: rgba(247, 244, 239, .18);
    margin-top: 3px;
    line-height: 1.4;
}

/* ── PROBLEM ── */
#fg-hp-wrap .fg-problem {
    padding: 128px 64px;
    background: var(--bg);
    border-bottom: 1px solid var(--line);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 100px;
    align-items: center;
}

#fg-hp-wrap .fg-sec-eyebrow {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .3em;
    color: var(--gold);
    text-transform: uppercase;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
}

#fg-hp-wrap .fg-sec-eyebrow::before {
    content: '';
    display: block;
    width: 20px;
    height: 1.5px;
    background: var(--gold);
}

#fg-hp-wrap .fg-problem-h2 {
    font-size: clamp(36px, 4.5vw, 62px);
    color: var(--ink);
    margin-bottom: 36px;
    max-width: 520px;
}

#fg-hp-wrap .fg-problem-body {
    font-size: 16px;
    color: var(--inkl);
    line-height: 1.85;
    max-width: 480px;
}

#fg-hp-wrap .fg-problem-body p+p {
    margin-top: 20px;
}

#fg-hp-wrap .fg-problem-right {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

#fg-hp-wrap .fg-pf {
    padding: 28px 32px;
    border: 1px solid var(--line);
    background: var(--bg);
    display: flex;
    align-items: flex-start;
    gap: 24px;
    transition: background .2s, border-color .2s, transform .2s;
    position: relative;
    overflow: hidden;
}

#fg-hp-wrap .fg-pf::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: var(--gold);
    transform: scaleY(0);
    transform-origin: top;
    transition: transform .3s var(--ease);
}

#fg-hp-wrap .fg-pf:hover {
    background: var(--bg1);
    border-color: var(--line2);
    transform: translateX(4px);
}

#fg-hp-wrap .fg-pf:hover::before {
    transform: scaleY(1);
}

#fg-hp-wrap .fg-pf-num {
    font-family: var(--tight);
    font-size: 44px;
    font-weight: 900;
    color: var(--line2);
    letter-spacing: -.05em;
    line-height: 1;
    flex-shrink: 0;
    min-width: 60px;
}

#fg-hp-wrap .fg-pf-title {
    font-family: var(--tight);
    font-size: 17px;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 6px;
    letter-spacing: -.02em;
}

#fg-hp-wrap .fg-pf-desc {
    font-size: 13px;
    color: var(--inkl);
    line-height: 1.7;
}

/* ── CORRIDORS ── */
#fg-hp-wrap .fg-corridors {
    background: var(--ink);
    border-bottom: 3px solid var(--gold);
}

#fg-hp-wrap .fg-cor-header {
    padding: 80px 64px 60px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255, 255, 255, .07);
}

#fg-hp-wrap .fg-eyebrow-light {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .3em;
    color: rgba(184, 146, 46, .7);
    text-transform: uppercase;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 12px;
}

#fg-hp-wrap .fg-eyebrow-light::before {
    content: '';
    display: block;
    width: 20px;
    height: 1.5px;
    background: var(--gold);
}

#fg-hp-wrap .fg-cor-header h2 {
    font-size: clamp(36px, 4vw, 56px);
    color: #fff;
    max-width: 600px;
}

#fg-hp-wrap .fg-ch-compare {
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .14em;
    color: rgba(184, 146, 46, .8);
    text-transform: uppercase;
    border-bottom: 1px solid rgba(184, 146, 46, .3);
    padding-bottom: 4px;
    transition: color .18s;
}

#fg-hp-wrap .fg-ch-compare:hover {
    color: var(--gl);
}

#fg-hp-wrap .fg-ccard-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

#fg-hp-wrap .fg-ccard {
    position: relative;
    overflow: hidden;
    height: 620px;
    cursor: pointer;
    display: block;
}

#fg-hp-wrap .fg-ccard:not(:last-child) {
    border-right: 1px solid rgba(255, 255, 255, .07);
}

#fg-hp-wrap .fg-ccard-photo {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    transition: transform 6s ease;
}

#fg-hp-wrap .fg-ccard:hover .fg-ccard-photo {
    transform: scale(1.04);
}

#fg-hp-wrap .fg-ccard-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(19, 17, 16, .92) 0%, rgba(19, 17, 16, .55) 50%, rgba(19, 17, 16, .2) 100%);
    transition: background .4s;
}

#fg-hp-wrap .fg-ccard:hover .fg-ccard-overlay {
    background: linear-gradient(to top, rgba(19, 17, 16, .92) 0%, rgba(19, 17, 16, .4) 50%, rgba(19, 17, 16, .1) 100%);
}

#fg-hp-wrap .fg-ccard-content {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 40px;
}

#fg-hp-wrap .fg-ccard-tag {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .24em;
    color: rgba(184, 146, 46, .7);
    text-transform: uppercase;
    margin-bottom: 12px;
}

#fg-hp-wrap .fg-ccard-name {
    font-family: var(--tight);
    font-size: 42px;
    font-weight: 900;
    color: #fff;
    letter-spacing: -.04em;
    line-height: 1;
    margin-bottom: 8px;
}

#fg-hp-wrap .fg-ccard-tagline {
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .1em;
    color: rgba(247, 244, 239, .4);
    text-transform: uppercase;
    margin-bottom: 28px;
}

#fg-hp-wrap .fg-ccard-metrics {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-bottom: 28px;
    opacity: 0;
    transform: translateY(12px);
    transition: opacity .32s var(--ease), transform .32s var(--ease);
}

#fg-hp-wrap .fg-ccard:hover .fg-ccard-metrics {
    opacity: 1;
    transform: translateY(0);
}

#fg-hp-wrap .fg-ccard-metric {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 9px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}

#fg-hp-wrap .fg-ccard-metric:last-child {
    border-bottom: none;
}

#fg-hp-wrap .fg-cm-label {
    font-size: 12.5px;
    color: rgba(247, 244, 239, .5);
}

#fg-hp-wrap .fg-cm-val {
    font-family: var(--mono);
    font-size: 11.5px;
    color: #fff;
}

#fg-hp-wrap .fg-cm-badge {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .1em;
    text-transform: uppercase;
    background: rgba(184, 146, 46, .18);
    border: 1px solid rgba(184, 146, 46, .32);
    color: var(--gl);
    padding: 2px 8px;
}

#fg-hp-wrap .fg-ccard-score {
    display: flex;
    align-items: baseline;
    gap: 6px;
    margin-bottom: 20px;
}

#fg-hp-wrap .fg-ccard-score-n {
    font-family: var(--tight);
    font-size: 56px;
    font-weight: 900;
    color: var(--gl);
    letter-spacing: -.05em;
    line-height: 1;
}

#fg-hp-wrap .fg-ccard-score-den {
    font-family: var(--tight);
    font-size: 22px;
    font-weight: 700;
    color: rgba(247, 244, 239, .3);
}

#fg-hp-wrap .fg-ccard-score-l {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .12em;
    color: rgba(247, 244, 239, .35);
    text-transform: uppercase;
    margin-left: 4px;
}

#fg-hp-wrap .fg-ccard-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .14em;
    text-transform: uppercase;
    padding: 14px 18px;
    background: rgba(184, 146, 46, .15);
    border: 1px solid rgba(184, 146, 46, .3);
    color: var(--gl);
    transition: all .22s;
}

#fg-hp-wrap .fg-ccard:hover .fg-ccard-cta {
    background: var(--gold);
    color: var(--ink);
    border-color: var(--gold);
}

#fg-hp-wrap .fg-ccard-cta-arr {
    transition: transform .2s;
}

#fg-hp-wrap .fg-ccard:hover .fg-ccard-cta-arr {
    transform: translateX(4px);
}

/* ── COMMITMENTS ── */
#fg-hp-wrap .fg-commitments {
    background: var(--ink);
    border-top: 1px solid rgba(255, 255, 255, .06);
    border-bottom: 1px solid rgba(255, 255, 255, .06);
}

#fg-hp-wrap .fg-cm-header {
    padding: 100px 64px 72px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 100px;
    border-bottom: 1px solid rgba(255, 255, 255, .07);
}

#fg-hp-wrap .fg-cm-lbl {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .3em;
    color: rgba(184, 146, 46, .7);
    text-transform: uppercase;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
}

#fg-hp-wrap .fg-cm-lbl::before {
    content: '';
    display: block;
    width: 20px;
    height: 1.5px;
    background: var(--gold);
}

#fg-hp-wrap .fg-cm-h {
    font-size: clamp(36px, 4.2vw, 58px);
    color: #fff;
    line-height: 1.05;
}

#fg-hp-wrap .fg-cm-right p {
    font-size: 16px;
    color: rgba(247, 244, 239, .42);
    line-height: 1.82;
    margin-bottom: 20px;
}

#fg-hp-wrap .fg-commit-row {
    display: grid;
    grid-template-columns: 120px 1fr 1fr;
    gap: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .06);
    padding: 0 64px;
    align-items: center;
    min-height: 120px;
    transition: background .22s;
}

#fg-hp-wrap .fg-commit-row:hover {
    background: rgba(255, 255, 255, .025);
}

#fg-hp-wrap .fg-commit-row:last-child {
    border-bottom: none;
}

#fg-hp-wrap .fg-cr-num {
    font-family: var(--tight);
    font-size: 72px;
    font-weight: 900;
    color: rgba(255, 255, 255, .06);
    letter-spacing: -.06em;
    line-height: 1;
    transition: color .22s;
    padding: 32px 0;
}

#fg-hp-wrap .fg-commit-row:hover .fg-cr-num {
    color: rgba(184, 146, 46, .2);
}

#fg-hp-wrap .fg-cr-title {
    font-family: var(--tight);
    font-size: clamp(19px, 2vw, 27px);
    font-weight: 800;
    color: #fff;
    letter-spacing: -.03em;
    padding: 32px 40px 32px 0;
    border-right: 1px solid rgba(255, 255, 255, .06);
}

#fg-hp-wrap .fg-cr-desc {
    font-size: 14px;
    color: rgba(247, 244, 239, .38);
    line-height: 1.78;
    padding: 32px 0 32px 40px;
    max-width: 480px;
}

#fg-hp-wrap .fg-cr-tag {
    display: inline-block;
    margin-top: 10px;
    font-family: var(--mono);
    font-size: 7.5px;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--gold);
    background: rgba(184, 146, 46, .08);
    border: 1px solid rgba(184, 146, 46, .2);
    padding: 3px 10px;
}

/* ── PROCESS ── */
#fg-hp-wrap .fg-process {
    padding: 120px 64px;
    background: var(--bg1);
    border-bottom: 1px solid var(--line);
    position: relative;
    overflow: hidden;
}

#fg-hp-wrap .fg-process::before {
    content: '90';
    font-family: var(--tight);
    font-weight: 900;
    font-size: 520px;
    color: rgba(19, 17, 16, .04);
    position: absolute;
    right: -60px;
    top: 50%;
    transform: translateY(-50%);
    line-height: 1;
    letter-spacing: -.1em;
    pointer-events: none;
}

#fg-hp-wrap .fg-process-top {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 80px;
    align-items: flex-end;
    margin-bottom: 72px;
}

#fg-hp-wrap .fg-pt-eyebrow {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .3em;
    color: var(--gold);
    text-transform: uppercase;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 12px;
}

#fg-hp-wrap .fg-pt-eyebrow::before {
    content: '';
    display: block;
    width: 20px;
    height: 1.5px;
    background: var(--gold);
}

#fg-hp-wrap .fg-process-h2 {
    font-size: clamp(34px, 4vw, 52px);
    color: var(--ink);
    max-width: 540px;
}

#fg-hp-wrap .fg-pt-right {
    background: var(--ink);
    padding: 24px 28px;
    min-width: 200px;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
}

#fg-hp-wrap .fg-ptr-n {
    font-family: var(--tight);
    font-size: 52px;
    font-weight: 900;
    color: var(--gl);
    letter-spacing: -.05em;
    line-height: 1;
    margin-bottom: 4px;
}

#fg-hp-wrap .fg-ptr-l {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .14em;
    color: rgba(247, 244, 239, .3);
    text-transform: uppercase;
    line-height: 1.5;
}

#fg-hp-wrap .fg-process-steps {
    display: flex;
    gap: 0;
    position: relative;
    z-index: 1;
}

#fg-hp-wrap .fg-process-steps::before {
    content: '';
    position: absolute;
    top: 28px;
    left: 0;
    right: 0;
    height: 1px;
    background: var(--line2);
    z-index: 0;
}

#fg-hp-wrap .fg-pstep {
    flex: 1;
    position: relative;
    z-index: 1;
}

#fg-hp-wrap .fg-pstep-dot {
    width: 12px;
    height: 12px;
    background: var(--gold);
    border: 3px solid var(--bg1);
    border-radius: 50%;
    margin: 0 auto 24px;
    transition: transform .28s var(--ease), box-shadow .28s;
    position: relative;
    z-index: 1;
}

#fg-hp-wrap .fg-pstep:first-child .fg-pstep-dot::before {
    content: '';
    position: absolute;
    inset: -8px;
    border: 1px solid rgba(184, 146, 46, .3);
    border-radius: 50%;
    animation: fg-ripple 2.2s ease-in-out infinite;
}

@keyframes fg-ripple {
    0%, 100% {
        transform: scale(1);
        opacity: .5;
    }
    50% {
        transform: scale(1.7);
        opacity: 0;
    }
}

#fg-hp-wrap .fg-pstep:hover .fg-pstep-dot {
    transform: scale(1.4);
    box-shadow: 0 0 0 8px rgba(184, 146, 46, .18);
}

#fg-hp-wrap .fg-pstep-card {
    background: var(--bg);
    border: 1px solid var(--line);
    padding: 24px 20px;
    margin: 0 6px;
    transition: background .2s, border-color .2s, transform .2s;
}

#fg-hp-wrap .fg-pstep:hover .fg-pstep-card {
    background: var(--bg2);
    border-color: var(--line2);
    transform: translateY(-2px);
}

#fg-hp-wrap .fg-ps-phase {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .2em;
    color: var(--gold);
    text-transform: uppercase;
    margin-bottom: 6px;
}

#fg-hp-wrap .fg-ps-days {
    font-family: var(--mono);
    font-size: 10px;
    font-weight: 500;
    color: var(--inkg);
    margin-bottom: 8px;
}

#fg-hp-wrap .fg-ps-title {
    font-family: var(--tight);
    font-size: 15px;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 6px;
    letter-spacing: -.02em;
}

#fg-hp-wrap .fg-ps-desc {
    font-size: 12px;
    color: var(--inkl);
    line-height: 1.6;
}

/* ── OUTCOMES ── */
#fg-hp-wrap .fg-outcomes {
    padding: 120px 64px;
    background: var(--bg);
    border-bottom: 1px solid var(--line);
}

#fg-hp-wrap .fg-outcomes-top {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 64px;
}

#fg-hp-wrap .fg-ot-eyebrow {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .3em;
    color: var(--gold);
    text-transform: uppercase;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 12px;
}

#fg-hp-wrap .fg-ot-eyebrow::before {
    content: '';
    display: block;
    width: 20px;
    height: 1.5px;
    background: var(--gold);
}

#fg-hp-wrap .fg-outcomes-h2 {
    font-size: clamp(34px, 4vw, 52px);
    color: var(--ink);
    max-width: 520px;
}

#fg-hp-wrap .fg-outcomes-all {
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .14em;
    color: var(--gold);
    text-transform: uppercase;
    border-bottom: 1px solid var(--gborder);
    padding-bottom: 4px;
    transition: color .18s;
}

#fg-hp-wrap .fg-outcomes-all:hover {
    color: var(--gd);
}

#fg-hp-wrap .fg-outcomes-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2px;
}

#fg-hp-wrap .fg-ocard {
    position: relative;
    overflow: hidden;
    background: var(--ink);
    cursor: pointer;
    display: block;
}

#fg-hp-wrap .fg-ocard-photo {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    opacity: .25;
    transition: opacity .4s, transform 6s ease;
}

#fg-hp-wrap .fg-ocard:hover .fg-ocard-photo {
    opacity: .38;
    transform: scale(1.04);
}

#fg-hp-wrap .fg-ocard-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(19, 17, 16, .96), rgba(19, 17, 16, .6));
}

#fg-hp-wrap .fg-ocard-content {
    position: relative;
    z-index: 1;
    padding: 48px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
    min-height: 360px;
}

#fg-hp-wrap .fg-oc-corridor {
    display: inline-block;
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .2em;
    color: rgba(184, 146, 46, .7);
    text-transform: uppercase;
    border: 1px solid rgba(184, 146, 46, .2);
    padding: 3px 10px;
    margin-bottom: 20px;
    width: fit-content;
}

#fg-hp-wrap .fg-oc-result {
    font-family: var(--tight);
    font-size: clamp(44px, 4.5vw, 72px);
    font-weight: 900;
    color: var(--gl);
    letter-spacing: -.05em;
    line-height: 1;
    margin-bottom: 12px;
}

#fg-hp-wrap .fg-oc-label {
    font-size: 14px;
    color: rgba(247, 244, 239, .55);
    line-height: 1.55;
    margin-bottom: 20px;
    max-width: 380px;
}

#fg-hp-wrap .fg-oc-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, .08);
}

#fg-hp-wrap .fg-oc-tags {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

#fg-hp-wrap .fg-oc-tag {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: rgba(247, 244, 239, .3);
}

#fg-hp-wrap .fg-oc-arrow {
    font-family: var(--mono);
    font-size: 11px;
    color: var(--gold);
    opacity: 0;
    transform: translateX(-6px);
    transition: opacity .2s, transform .2s;
}

#fg-hp-wrap .fg-ocard:hover .fg-oc-arrow {
    opacity: 1;
    transform: translateX(0);
}

#fg-hp-wrap .fg-outcomes-small {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2px;
    margin-top: 2px;
}

#fg-hp-wrap .fg-ocard-sm {
    background: var(--bg1);
    border: 1px solid var(--line);
    padding: 32px;
    transition: background .2s, border-color .2s;
    position: relative;
    overflow: hidden;
    display: block;
}

#fg-hp-wrap .fg-ocard-sm::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--gold);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .3s var(--ease);
}

#fg-hp-wrap .fg-ocard-sm:hover {
    background: var(--bg2);
    border-color: var(--line2);
}

#fg-hp-wrap .fg-ocard-sm:hover::before {
    transform: scaleX(1);
}

#fg-hp-wrap .fg-osm-corridor {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .2em;
    color: var(--gold);
    text-transform: uppercase;
    margin-bottom: 14px;
}

#fg-hp-wrap .fg-osm-result {
    font-family: var(--tight);
    font-size: 38px;
    font-weight: 900;
    color: var(--gd);
    letter-spacing: -.04em;
    line-height: 1;
    margin-bottom: 8px;
}

#fg-hp-wrap .fg-osm-label {
    font-size: 13px;
    color: var(--inkl);
    line-height: 1.6;
    margin-bottom: 16px;
}

#fg-hp-wrap .fg-osm-phase {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .1em;
    color: var(--inkg);
    text-transform: uppercase;
}

/* ── WONE ── */
#fg-hp-wrap .fg-wone {
    position: relative;
    overflow: hidden;
    background: var(--ink);
    border-top: 1px solid rgba(255, 255, 255, .06);
}

#fg-hp-wrap .fg-wone-bg {
    position: absolute;
    inset: 0;
    background: url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?w=1600&q=80&auto=format&fit=crop') center/cover no-repeat;
    opacity: .08;
}

#fg-hp-wrap .fg-wone-inner {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 500px;
}

#fg-hp-wrap .fg-wone-left {
    padding: 100px 72px 100px 64px;
    border-right: 1px solid rgba(255, 255, 255, .07);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#fg-hp-wrap .fg-wone-eyebrow {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .3em;
    color: rgba(184, 146, 46, .7);
    text-transform: uppercase;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
}

#fg-hp-wrap .fg-wone-eyebrow::before {
    content: '';
    display: block;
    width: 20px;
    height: 1.5px;
    background: var(--gold);
}

#fg-hp-wrap .fg-wone-h2 {
    font-size: clamp(34px, 3.8vw, 52px);
    color: #fff;
    margin-bottom: 28px;
    max-width: 440px;
}

#fg-hp-wrap .fg-wone-body p {
    font-size: 15px;
    color: rgba(247, 244, 239, .42);
    line-height: 1.82;
    margin-bottom: 18px;
}

#fg-hp-wrap .fg-wone-body p:last-child {
    margin-bottom: 32px;
}

#fg-hp-wrap .fg-wone-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-family: var(--mono);
    font-size: 9px;
    font-weight: 500;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--gold);
    transition: gap .2s;
}

#fg-hp-wrap .fg-wone-link:hover {
    gap: 16px;
}

#fg-hp-wrap .fg-wone-right {
    padding: 80px 64px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2px;
    align-content: center;
}

#fg-hp-wrap .fg-wstat {
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 255, 255, .06);
    padding: 36px 32px;
    transition: background .2s, border-color .2s;
}

#fg-hp-wrap .fg-wstat:hover {
    background: rgba(255, 255, 255, .07);
    border-color: rgba(184, 146, 46, .25);
}

#fg-hp-wrap .fg-wstat-n {
    font-family: var(--tight);
    font-size: 48px;
    font-weight: 900;
    color: var(--gl);
    letter-spacing: -.05em;
    line-height: 1;
    margin-bottom: 8px;
}

#fg-hp-wrap .fg-wstat-l {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .12em;
    color: rgba(247, 244, 239, .22);
    text-transform: uppercase;
    line-height: 1.5;
}

/* ── DIRECTORS ── */
#fg-hp-wrap .fg-directors {
    padding: 120px 64px;
    background: var(--bg);
    border-bottom: 1px solid var(--line);
}

#fg-hp-wrap .fg-dir-top {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 64px;
}

#fg-hp-wrap .fg-dir-eyebrow {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .3em;
    color: var(--gold);
    text-transform: uppercase;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 12px;
}

#fg-hp-wrap .fg-dir-eyebrow::before {
    content: '';
    display: block;
    width: 20px;
    height: 1.5px;
    background: var(--gold);
}

#fg-hp-wrap .fg-dir-h2 {
    font-size: clamp(32px, 3.8vw, 48px);
    color: var(--ink);
    max-width: 480px;
}

#fg-hp-wrap .fg-dir-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2px;
}

#fg-hp-wrap .fg-dcard {
    background: var(--bg1);
    border: 1px solid var(--line);
    overflow: hidden;
    position: relative;
    transition: border-color .22s, transform .22s;
}

#fg-hp-wrap .fg-dcard:hover {
    border-color: var(--line2);
    transform: translateY(-3px);
}

#fg-hp-wrap .fg-dcard-photo {
    height: 260px;
    background-size: cover;
    background-position: center top;
    position: relative;
    overflow: hidden;
}

#fg-hp-wrap .fg-dcard-photo::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60%;
    background: linear-gradient(to top, var(--bg1), transparent);
}

#fg-hp-wrap .fg-dcard-corridor {
    position: absolute;
    top: 16px;
    left: 16px;
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .18em;
    text-transform: uppercase;
    background: rgba(19, 17, 16, .75);
    color: var(--gl);
    padding: 4px 10px;
    backdrop-filter: blur(4px);
    border: 1px solid rgba(184, 146, 46, .2);
}

#fg-hp-wrap .fg-dcard-body {
    padding: 24px 28px 32px;
}

#fg-hp-wrap .fg-dcard-name {
    font-family: var(--tight);
    font-size: 20px;
    font-weight: 800;
    color: var(--ink);
    letter-spacing: -.02em;
    margin-bottom: 4px;
}

#fg-hp-wrap .fg-dcard-role {
    font-family: var(--mono);
    font-size: 8.5px;
    letter-spacing: .12em;
    color: var(--gold);
    text-transform: uppercase;
    margin-bottom: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--line);
}

#fg-hp-wrap .fg-dcard-bio {
    font-size: 12.5px;
    color: var(--inkl);
    line-height: 1.65;
    margin-bottom: 18px;
}

#fg-hp-wrap .fg-dcard-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

#fg-hp-wrap .fg-dcard-tag {
    font-family: var(--mono);
    font-size: 7.5px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--inkl);
    border: 1px solid var(--line2);
    padding: 3px 8px;
}

#fg-hp-wrap .fg-dcard.open-pos {
    background: var(--bg);
    border-style: dashed;
}

#fg-hp-wrap .fg-dcard.open-pos .fg-dcard-photo {
    background: var(--bg1);
    display: flex;
    align-items: center;
    justify-content: center;
}

#fg-hp-wrap .fg-open-lbl {
    font-family: var(--tight);
    font-size: 15px;
    font-weight: 700;
    color: var(--inkg);
    text-align: center;
}

#fg-hp-wrap .fg-open-cta {
    display: block;
    margin-top: 16px;
    font-family: var(--mono);
    font-size: 9px;
    font-weight: 500;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--ink);
    background: var(--gold);
    padding: 12px;
    text-align: center;
    transition: background .22s;
}

#fg-hp-wrap .fg-open-cta:hover {
    background: var(--gl);
}

/* ── PRICING ── */
#fg-hp-wrap .fg-pricing {
    padding: 120px 64px;
    background: var(--bg1);
    border-bottom: 1px solid var(--line);
    position: relative;
    overflow: hidden;
}

#fg-hp-wrap .fg-pricing::before {
    content: '';
    position: absolute;
    inset: 0;
    background: repeating-linear-gradient(0deg, transparent, transparent 64px, rgba(19, 17, 16, .03) 64px, rgba(19, 17, 16, .03) 65px);
    pointer-events: none;
}

#fg-hp-wrap .fg-pr-top {
    margin-bottom: 64px;
    position: relative;
    z-index: 1;
}

#fg-hp-wrap .fg-pr-eyebrow {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .3em;
    color: var(--gold);
    text-transform: uppercase;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 12px;
}

#fg-hp-wrap .fg-pr-eyebrow::before {
    content: '';
    display: block;
    width: 20px;
    height: 1.5px;
    background: var(--gold);
}

#fg-hp-wrap .fg-pricing-h2 {
    font-size: clamp(34px, 4vw, 52px);
    color: var(--ink);
}

#fg-hp-wrap .fg-pricing-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 320px;
    gap: 2px;
    position: relative;
    z-index: 1;
}

#fg-hp-wrap .fg-ptier {
    background: var(--bg);
    border: 1px solid var(--line);
    overflow: hidden;
    transition: border-color .22s;
}

#fg-hp-wrap .fg-ptier:hover {
    border-color: var(--line2);
}

#fg-hp-wrap .fg-ptier.featured {
    background: var(--ink);
    border-color: var(--ink);
}

#fg-hp-wrap .fg-ptier-photo {
    height: 200px;
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
}

#fg-hp-wrap .fg-ptier-photo::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(19, 17, 16, .35);
}

#fg-hp-wrap .fg-ptier-badge {
    position: absolute;
    top: 16px;
    left: 16px;
    font-family: var(--mono);
    font-size: 7.5px;
    letter-spacing: .2em;
    text-transform: uppercase;
    padding: 4px 12px;
    font-weight: 500;
}

#fg-hp-wrap .fg-ptier .fg-ptier-badge {
    background: var(--bg);
    color: var(--gold);
}

#fg-hp-wrap .fg-ptier.featured .fg-ptier-badge {
    background: var(--gold);
    color: var(--ink);
}

#fg-hp-wrap .fg-ptier-body {
    padding: 36px 36px 40px;
}

#fg-hp-wrap .fg-ptier-lbl {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .2em;
    text-transform: uppercase;
    margin-bottom: 8px;
}

#fg-hp-wrap .fg-ptier .fg-ptier-lbl {
    color: var(--gold);
}

#fg-hp-wrap .fg-ptier.featured .fg-ptier-lbl {
    color: rgba(184, 146, 46, .6);
}

#fg-hp-wrap .fg-ptier-name {
    font-family: var(--tight);
    font-size: 26px;
    font-weight: 800;
    letter-spacing: -.03em;
    margin-bottom: 8px;
}

#fg-hp-wrap .fg-ptier .fg-ptier-name {
    color: var(--ink);
}

#fg-hp-wrap .fg-ptier.featured .fg-ptier-name {
    color: #fff;
}

#fg-hp-wrap .fg-ptier-price {
    font-family: var(--tight);
    font-size: 60px;
    font-weight: 900;
    letter-spacing: -.06em;
    line-height: 1;
    margin-bottom: 6px;
}

#fg-hp-wrap .fg-ptier .fg-ptier-price {
    color: var(--gd);
}

#fg-hp-wrap .fg-ptier.featured .fg-ptier-price {
    color: var(--gl);
}

#fg-hp-wrap .fg-ptier-period {
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .1em;
    text-transform: uppercase;
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid var(--line);
}

#fg-hp-wrap .fg-ptier .fg-ptier-period {
    color: var(--inkg);
}

#fg-hp-wrap .fg-ptier.featured .fg-ptier-period {
    color: rgba(247, 244, 239, .25);
    border-color: rgba(255, 255, 255, .08);
}

#fg-hp-wrap .fg-ptier-items {
    display: flex;
    flex-direction: column;
    gap: 11px;
    margin-bottom: 32px;
}

#fg-hp-wrap .fg-ptier-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 13px;
    line-height: 1.5;
}

#fg-hp-wrap .fg-ptier .fg-ptier-item {
    color: var(--inkl);
}

#fg-hp-wrap .fg-ptier.featured .fg-ptier-item {
    color: rgba(247, 244, 239, .5);
}

#fg-hp-wrap .fg-ptier-item::before {
    content: '—';
    font-family: var(--mono);
    font-size: 9px;
    flex-shrink: 0;
    margin-top: 2px;
}

#fg-hp-wrap .fg-ptier .fg-ptier-item::before {
    color: var(--gold);
}

#fg-hp-wrap .fg-ptier.featured .fg-ptier-item::before {
    color: rgba(184, 146, 46, .5);
}

#fg-hp-wrap .fg-ptier-cta {
    display: block;
    font-family: var(--mono);
    font-size: 9.5px;
    font-weight: 500;
    letter-spacing: .14em;
    text-transform: uppercase;
    padding: 14px;
    text-align: center;
    transition: all .22s;
}

#fg-hp-wrap .fg-ptier .fg-ptier-cta {
    background: var(--ink);
    color: #fff;
}

#fg-hp-wrap .fg-ptier .fg-ptier-cta:hover {
    background: var(--gold);
}

#fg-hp-wrap .fg-ptier.featured .fg-ptier-cta {
    background: var(--gold);
    color: var(--ink);
}

#fg-hp-wrap .fg-ptier.featured .fg-ptier-cta:hover {
    background: var(--gl);
}

#fg-hp-wrap .fg-ptier-enterprise {
    background: var(--bg);
    border: 1px solid var(--line);
    padding: 40px 36px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#fg-hp-wrap .fg-pe-lbl {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .2em;
    color: var(--gold);
    text-transform: uppercase;
    margin-bottom: 12px;
}

#fg-hp-wrap .fg-pe-name {
    font-family: var(--tight);
    font-size: 22px;
    font-weight: 800;
    color: var(--ink);
    margin-bottom: 6px;
    letter-spacing: -.02em;
}

#fg-hp-wrap .fg-pe-price {
    font-family: var(--tight);
    font-size: 32px;
    font-weight: 900;
    color: var(--gd);
    letter-spacing: -.04em;
    margin-bottom: 24px;
}

#fg-hp-wrap .fg-pe-items {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 28px;
}

#fg-hp-wrap .fg-pe-item {
    font-size: 13px;
    color: var(--inkl);
    padding-left: 14px;
    position: relative;
    line-height: 1.5;
}

#fg-hp-wrap .fg-pe-item::before {
    content: '→';
    position: absolute;
    left: 0;
    top: 0;
    font-family: var(--mono);
    font-size: 9px;
    color: var(--gold);
}

#fg-hp-wrap .fg-pe-cta {
    display: block;
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--inkl);
    padding: 12px;
    text-align: center;
    border: 1px solid var(--line2);
    transition: all .22s;
}

#fg-hp-wrap .fg-pe-cta:hover {
    color: var(--ink);
    border-color: var(--ink);
    background: var(--bg1);
}

#fg-hp-wrap .fg-pricing-credit {
    background: var(--gold);
    padding: 16px 36px;
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 2px;
    position: relative;
    z-index: 1;
}

#fg-hp-wrap .fg-pc-text {
    font-size: 14px;
    color: var(--ink);
    line-height: 1.5;
}

#fg-hp-wrap .fg-pc-text strong {
    font-weight: 700;
}

/* ── INTELLIGENCE PRODUCTS ── */
#fg-hp-wrap .fg-intel {
    padding: 120px 64px;
    background: var(--bg);
    border-bottom: 1px solid var(--line);
}

#fg-hp-wrap .fg-intel-top {
    margin-bottom: 64px;
}

#fg-hp-wrap .fg-intel-eyebrow {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .3em;
    color: var(--gold);
    text-transform: uppercase;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 12px;
}

#fg-hp-wrap .fg-intel-eyebrow::before {
    content: '';
    display: block;
    width: 20px;
    height: 1.5px;
    background: var(--gold);
}

#fg-hp-wrap .fg-intel-h2 {
    font-size: clamp(34px, 4vw, 50px);
    color: var(--ink);
    max-width: 580px;
}

#fg-hp-wrap .fg-intel-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2px;
}

#fg-hp-wrap .fg-icard {
    background: var(--bg1);
    border: 1px solid var(--line);
    overflow: hidden;
    transition: background .2s, border-color .2s;
    position: relative;
}

#fg-hp-wrap .fg-icard::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--gold);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .3s var(--ease);
}

#fg-hp-wrap .fg-icard:hover {
    background: var(--bg2);
    border-color: var(--line2);
}

#fg-hp-wrap .fg-icard:hover::before {
    transform: scaleX(1);
}

#fg-hp-wrap .fg-icard-top {
    height: 180px;
    background-size: cover;
    background-position: center;
    position: relative;
}

#fg-hp-wrap .fg-icard-top::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(19, 17, 16, .3);
}

#fg-hp-wrap .fg-icard-price {
    position: absolute;
    bottom: 16px;
    right: 16px;
    z-index: 1;
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .14em;
    text-transform: uppercase;
    background: var(--gold);
    color: var(--ink);
    padding: 4px 12px;
}

#fg-hp-wrap .fg-icard-body {
    padding: 28px 28px 32px;
}

#fg-hp-wrap .fg-ic-lbl {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .2em;
    color: var(--gold);
    text-transform: uppercase;
    margin-bottom: 10px;
}

#fg-hp-wrap .fg-ic-title {
    font-family: var(--tight);
    font-size: 20px;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 12px;
    letter-spacing: -.02em;
}

#fg-hp-wrap .fg-ic-desc {
    font-size: 13px;
    color: var(--inkl);
    line-height: 1.7;
    margin-bottom: 20px;
}

#fg-hp-wrap .fg-ic-link {
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--gold);
    border-bottom: 1px solid var(--gborder);
    padding-bottom: 3px;
    transition: color .18s;
}

#fg-hp-wrap .fg-ic-link:hover {
    color: var(--gd);
}

/* ── FINAL CTA ── */
#fg-hp-wrap .fg-final-cta {
    position: relative;
    overflow: hidden;
    background: var(--ink);
    padding: 0;
    border-top: 3px solid var(--gold);
}

#fg-hp-wrap .fg-fcta-photo {
    position: absolute;
    inset: 0;
    background: url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?w=1600&q=80&auto=format&fit=crop') center/cover no-repeat;
    opacity: .09;
}

#fg-hp-wrap .fg-fcta-inner {
    position: relative;
    z-index: 1;
    padding: 100px 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 80px;
}

#fg-hp-wrap .fg-fcta-eyebrow {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .3em;
    color: rgba(184, 146, 46, .7);
    text-transform: uppercase;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
}

#fg-hp-wrap .fg-fcta-eyebrow::before {
    content: '';
    display: block;
    width: 20px;
    height: 1.5px;
    background: var(--gold);
}

#fg-hp-wrap .fg-fcta-h {
    font-size: clamp(32px, 4vw, 54px);
    color: #fff;
    max-width: 600px;
    line-height: 1.08;
    margin-bottom: 28px;
}

#fg-hp-wrap .fg-fcta-sub {
    font-size: 16px;
    color: rgba(247, 244, 239, .4);
    line-height: 1.8;
    max-width: 560px;
    margin-bottom: 36px;
}

#fg-hp-wrap .fg-fcta-proofs {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#fg-hp-wrap .fg-fcta-proof {
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .1em;
    color: rgba(247, 244, 239, .25);
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 8px;
}

#fg-hp-wrap .fg-fcta-proof::before {
    content: '✓';
    color: var(--gold);
}

#fg-hp-wrap .fg-fcta-right {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex-shrink: 0;
}

#fg-hp-wrap .fg-fcta-btn {
    display: block;
    font-family: var(--mono);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .18em;
    text-transform: uppercase;
    padding: 18px 40px;
    text-align: center;
    white-space: nowrap;
    transition: all .22s;
}

#fg-hp-wrap .fg-fcta-btn.gold {
    color: var(--ink);
    background: var(--gold);
}

#fg-hp-wrap .fg-fcta-btn.gold:hover {
    background: var(--gl);
}

#fg-hp-wrap .fg-fcta-btn.outline {
    color: rgba(247, 244, 239, .4);
    border: 1px solid rgba(255, 255, 255, .12);
}

#fg-hp-wrap .fg-fcta-btn.outline:hover {
    color: #fff;
    border-color: rgba(255, 255, 255, .3);
}

/* ── SCROLL REVEAL ── */
#fg-hp-wrap [data-fgrev] {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .7s var(--ease), transform .7s var(--ease);
}

#fg-hp-wrap [data-fgrev].in {
    opacity: 1;
    transform: translateY(0);
}

#fg-hp-wrap [data-fgrev="1"] {
    transition-delay: .1s;
}

#fg-hp-wrap [data-fgrev="2"] {
    transition-delay: .2s;
}

#fg-hp-wrap [data-fgrev="3"] {
    transition-delay: .3s;
}

/* ── RESPONSIVE ── */
@media (max-width: 1024px) {
    #fg-hp-wrap .fg-hero { grid-template-columns: 1fr; }
    #fg-hp-wrap .fg-hero-right { display: none; }
    #fg-hp-wrap .fg-hero-stats { grid-template-columns: 1fr 1fr; }
    #fg-hp-wrap .fg-problem { grid-template-columns: 1fr; gap: 48px; padding: 64px 24px; }
    #fg-hp-wrap .fg-cm-header { grid-template-columns: 1fr; gap: 28px; padding: 60px 24px; }
    #fg-hp-wrap .fg-commit-row { grid-template-columns: 60px 1fr; padding: 0 24px; }
    #fg-hp-wrap .fg-cr-desc { display: none; }
    #fg-hp-wrap .fg-ccard-grid { grid-template-columns: 1fr; }
    #fg-hp-wrap .fg-ccard { height: 400px; }
    #fg-hp-wrap .fg-ccard:not(:last-child) { border-right: none; border-bottom: 1px solid rgba(255, 255, 255, .07); }
    #fg-hp-wrap .fg-process { padding: 64px 24px; }
    #fg-hp-wrap .fg-process-top { grid-template-columns: 1fr; }
    #fg-hp-wrap .fg-process-steps { flex-direction: column; gap: 0; }
    #fg-hp-wrap .fg-process-steps::before { display: none; }
    #fg-hp-wrap .fg-outcomes { padding: 64px 24px; }
    #fg-hp-wrap .fg-outcomes-grid { grid-template-columns: 1fr; }
    #fg-hp-wrap .fg-outcomes-small { grid-template-columns: 1fr; }
    #fg-hp-wrap .fg-wone-inner { grid-template-columns: 1fr; }
    #fg-hp-wrap .fg-wone-left { padding: 64px 24px; border-right: none; border-bottom: 1px solid rgba(255, 255, 255, .07); }
    #fg-hp-wrap .fg-wone-right { padding: 48px 24px; grid-template-columns: 1fr 1fr; }
    #fg-hp-wrap .fg-directors { padding: 64px 24px; }
    #fg-hp-wrap .fg-dir-grid { grid-template-columns: 1fr; }
    #fg-hp-wrap .fg-pricing { padding: 64px 24px; }
    #fg-hp-wrap .fg-pricing-grid { grid-template-columns: 1fr; }
    #fg-hp-wrap .fg-intel { padding: 64px 24px; }
    #fg-hp-wrap .fg-intel-grid { grid-template-columns: 1fr; }
    #fg-hp-wrap .fg-fcta-inner { flex-direction: column; gap: 40px; padding: 64px 24px; }
    #fg-hp-wrap .fg-cor-header { padding: 48px 24px; flex-direction: column; gap: 20px; }
    #fg-hp-wrap .fg-hero-left { padding: 64px 24px 48px; }
}

@media (max-width: 600px) {
    #fg-hp-wrap .fg-hero-stats { grid-template-columns: 1fr 1fr; }
    #fg-hp-wrap .fg-hstat { padding: 20px 16px; }
    #fg-hp-wrap .fg-commit-row { grid-template-columns: 1fr; }
    #fg-hp-wrap .fg-cr-num { font-size: 36px; padding: 12px 0 0; }
    #fg-hp-wrap .fg-wone-right { grid-template-columns: 1fr; }
}

/* Final CTA Responsive */
@media (max-width: 1400px) {
    #fg-hp-wrap .fg-fcta-inner { padding: 90px 48px; gap: 60px; }
    #fg-hp-wrap .fg-fcta-h { font-size: 48px; }
}

@media (max-width: 1080px) {
    #fg-hp-wrap .fg-fcta-inner { flex-direction: column; align-items: flex-start; gap: 40px; padding: 80px 40px; }
    #fg-hp-wrap .fg-fcta-right { width: 100%; display: flex; flex-direction: column; gap: 12px; }
    #fg-hp-wrap .fg-fcta-btn { width: 100%; text-align: center; white-space: normal; }
    #fg-hp-wrap .fg-fcta-h { font-size: 42px; max-width: 100%; }
    #fg-hp-wrap .fg-fcta-sub { max-width: 100%; }
}

@media (max-width: 980px) {
    #fg-hp-wrap .fg-fcta-inner { padding: 70px 36px; }
    #fg-hp-wrap .fg-fcta-h { font-size: 38px; }
}

@media (max-width: 780px) {
    #fg-hp-wrap .fg-fcta-inner { padding: 60px 28px; }
    #fg-hp-wrap .fg-fcta-h { font-size: 34px; line-height: 1.15; }
    #fg-hp-wrap .fg-fcta-sub { font-size: 15px; line-height: 1.8; }
    #fg-hp-wrap .fg-fcta-proofs { gap: 8px; }
}

@media (max-width: 680px) {
    #fg-hp-wrap .fg-fcta-inner { padding: 56px 24px; gap: 32px; }
    #fg-hp-wrap .fg-fcta-right { flex-direction: column !important; width: 100%; }
    #fg-hp-wrap .fg-fcta-btn { width: 100%; }
    #fg-hp-wrap .fg-fcta-h { font-size: 30px; }
}

@media (max-width: 480px) {
    #fg-hp-wrap .fg-fcta-inner { padding: 48px 20px; }
    #fg-hp-wrap .fg-fcta-eyebrow { font-size: 7px; letter-spacing: .24em; }
    #fg-hp-wrap .fg-fcta-h { font-size: 26px; margin-bottom: 20px; }
    #fg-hp-wrap .fg-fcta-sub { font-size: 14px; margin-bottom: 24px; }
    #fg-hp-wrap .fg-fcta-btn { padding: 15px 18px; font-size: 8px; letter-spacing: .12em; }
    #fg-hp-wrap .fg-fcta-proof { font-size: 7px; letter-spacing: .06em; }
}

@media (max-width: 360px) {
    #fg-hp-wrap .fg-fcta-inner { padding: 40px 16px; }
    #fg-hp-wrap .fg-fcta-h { font-size: 22px; }
    #fg-hp-wrap .fg-fcta-sub { font-size: 13px; line-height: 1.7; }
    #fg-hp-wrap .fg-fcta-btn { padding: 14px; font-size: 7px; letter-spacing: .08em; }
    #fg-hp-wrap .fg-fcta-proof { font-size: 6px; }
}
/* ============================================
FOREMARK ABOUT PAGE - COMPLETE CSS
============================================ */

/* Font Import */
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700;800;900&family=Inter:wght@300;400;500;600&family=DM+Mono:wght@300;400;500&display=swap');

/* Root Variables */
.foremark-about-container {
    --bg: #f7f4ef;
    --bg1: #efebe3;
    --bg2: #e5dfd5;
    --ink: #131110;
    --ink2: #2a2724;
    --inkl: #5e5a55;
    --inkg: #9b9690;
    --gold: #b8922e;
    --gold-l: #c9a84c;
    --gold-d: #9a7830;
    --gfill: rgba(184,146,46,.08);
    --gborder: rgba(184,146,46,.22);
    --line: rgba(19,17,16,.09);
    --line2: rgba(19,17,16,.16);
    --tight: 'Inter Tight', sans-serif;
    --sans: 'Inter', sans-serif;
    --mono: 'DM Mono', monospace;
    --ease: cubic-bezier(.4,0,.2,1);
}

.foremark-about-container {
    font-family: var(--sans);
    background: var(--bg);
    color: var(--ink);
    max-width: 100%;
    overflow-x: hidden;
}

/* Reset */
.foremark-about-container *,
.foremark-about-container *::before,
.foremark-about-container *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.foremark-about-container a {
    text-decoration: none;
    
}

/* Section Label */
.foremark-about-container .sec-label {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .28em;
    font-weight: 500;
    color: var(--gold);
    text-transform: uppercase;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.foremark-about-container .sec-label::before {
    content: '';
    display: block;
    width: 16px;
    height: 1.5px;
    background: var(--gold);
}

/* Section Title */
.foremark-about-container .about-section-title {
    font-family: var(--tight);
    font-size: clamp(34px, 4vw, 54px);
    font-weight: 800;
    letter-spacing: -.03em;
    color: var(--ink);
    margin-bottom: 30px;
    line-height: 1.1;
}

/* Hero Section */
.foremark-about-container .about-hero {
    background: var(--ink);
    padding: 100px 60px 88px;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid rgba(255,255,255,.06);
}

.foremark-about-container .about-hero::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background: repeating-linear-gradient(0deg, transparent, transparent 64px, rgba(255,255,255,.018) 64px, rgba(255,255,255,.018) 65px);
    pointer-events: none;
}

.foremark-about-container .about-hero::after {
    content: 'ABOUT';
    font-family: var(--tight);
    font-weight: 900;
    font-size: 280px;
    color: rgba(255,255,255,.02);
    position: absolute;
    right: -20px;
    bottom: -40px;
    line-height: 1;
    letter-spacing: -.06em;
    pointer-events: none;
}

.foremark-about-container .about-hero-inner {
    max-width: 820px;
    position: relative;
    z-index: 1;
}

.foremark-about-container .about-hero-tag {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .28em;
    color: var(--gold);
    text-transform: uppercase;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.foremark-about-container .about-hero-tag::before {
    content: '';
    display: block;
    width: 20px;
    height: 1.5px;
    background: var(--gold);
}

.foremark-about-container .about-hero h1 {
    font-family: var(--tight);
    font-size: clamp(52px, 6vw, 88px);
    font-weight: 800;
    color: #fff;
    line-height: 1.05;
    letter-spacing: -.03em;
    margin-bottom: 28px;
}

.foremark-about-container .about-hero-sub {
    font-size: 18px;
    color: rgba(247,244,239,.5);
    line-height: 1.75;
    max-width: 620px;
    margin-bottom: 48px;
}

.foremark-about-container .about-hero-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2px;
    max-width: 700px;
}

.foremark-about-container .about-hs {
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.07);
    padding: 20px 22px;
}

.foremark-about-container .about-hs-n {
    font-family: var(--tight);
    font-size: 32px;
    font-weight: 900;
    color: var(--gold-l);
    letter-spacing: -.04em;
    line-height: 1;
    margin-bottom: 4px;
}

.foremark-about-container .about-hs-l {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .12em;
    color: rgba(247,244,239,.3);
    text-transform: uppercase;
    line-height: 1.5;
}

/* Why Section */
.foremark-about-container .about-why {
    padding: 88px 60px;
    border-bottom: 1px solid var(--line);
}

.foremark-about-container .about-why-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    margin-top: 52px;
    align-items: start;
}

.foremark-about-container .about-why-left p {
    font-size: 15px;
    color: var(--inkl);
    line-height: 1.82;
    margin-bottom: 20px;
}

.foremark-about-container .about-why-right {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.foremark-about-container .about-why-item {
    border: 1px solid var(--line);
    background: var(--bg);
    padding: 24px 26px;
    display: flex;
    gap: 18px;
    transition: background .2s, border-color .2s;
}

.foremark-about-container .about-why-item:hover {
    background: var(--bg1);
    border-color: var(--line2);
}

.foremark-about-container .about-wi-icon {
    font-size: 20px;
    flex-shrink: 0;
    margin-top: 2px;
}

.foremark-about-container .about-wi-title {
    font-family: var(--tight);
    font-size: 15px;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 5px;
    letter-spacing: -.01em;
}

.foremark-about-container .about-wi-desc {
    font-size: 13px;
    color: var(--inkl);
    line-height: 1.65;
}

/* Principles Section */
.foremark-about-container .about-principles {
    padding: 88px 60px;
    background: var(--bg1);
    border-bottom: 1px solid var(--line);
}

.foremark-about-container .about-principles-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2px;
    margin-top: 52px;
}

.foremark-about-container .about-principle {
    border: 1px solid var(--line);
    background: var(--bg);
    padding: 36px 30px;
    position: relative;
    overflow: hidden;
    transition: background .2s, border-color .2s;
}

.foremark-about-container .about-principle:hover {
    background: var(--bg2);
    border-color: var(--line2);
}

.foremark-about-container .about-principle::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--gold);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .32s var(--ease);
}

.foremark-about-container .about-principle:hover::after {
    transform: scaleX(1);
}

.foremark-about-container .about-p-num {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .22em;
    color: var(--gold);
    text-transform: uppercase;
    margin-bottom: 14px;
}

.foremark-about-container .about-p-title {
    font-family: var(--tight);
    font-size: 20px;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 10px;
    letter-spacing: -.02em;
}

.foremark-about-container .about-p-desc {
    font-size: 13px;
    color: var(--inkl);
    line-height: 1.72;
}

/* Model Section */
.foremark-about-container .about-model {
    padding: 88px 60px;
    border-bottom: 1px solid var(--line);
}

.foremark-about-container .about-model-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    margin-top: 52px;
    align-items: center;
}

.foremark-about-container .about-model-left p {
    font-size: 15px;
    color: var(--inkl);
    line-height: 1.82;
    margin-bottom: 20px;
}

.foremark-about-container .about-model-right {
    background: var(--ink);
    padding: 44px 40px;
}

.foremark-about-container .about-mr-label {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .22em;
    color: var(--gold);
    text-transform: uppercase;
    margin-bottom: 20px;
}

.foremark-about-container .about-mr-title {
    font-family: var(--tight);
    font-size: 22px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 20px;
    letter-spacing: -.03em;
}

.foremark-about-container .about-tier-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 0;
    border-bottom: 1px solid rgba(255,255,255,.07);
}

.foremark-about-container .about-tier-row:last-child {
    border-bottom: none;
}

.foremark-about-container .about-tr-name {
    font-size: 13.5px;
    font-weight: 500;
    color: #fff;
}

.foremark-about-container .about-tr-desc {
    font-size: 12px;
    color: rgba(247,244,239,.35);
    margin-top: 2px;
}

.foremark-about-container .about-tr-price {
    font-family: var(--tight);
    font-size: 20px;
    font-weight: 800;
    color: var(--gold-l);
    letter-spacing: -.02em;
}

.foremark-about-container .about-model-note {
    background: rgba(184,146,46,.1);
    border: 1px solid rgba(184,146,46,.2);
    padding: 14px 16px;
    margin-top: 16px;
}

.foremark-about-container .about-mn-text {
    font-size: 12.5px;
    color: rgba(247,244,239,.6);
    line-height: 1.6;
}

/* WONE Section */
.foremark-about-container .about-wone {
    padding: 88px 60px;
    background: var(--bg1);
    border-bottom: 1px solid var(--line);
}

.foremark-about-container .about-wone-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
    margin-top: 52px;
}

.foremark-about-container .about-wone-left p {
    font-size: 15px;
    color: var(--inkl);
    line-height: 1.82;
    margin-bottom: 20px;
}

.foremark-about-container .about-wone-stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2px;
}

.foremark-about-container .about-ws {
    background: var(--bg);
    border: 1px solid var(--line);
    padding: 28px 24px;
}

.foremark-about-container .about-ws-n {
    font-family: var(--tight);
    font-size: 40px;
    font-weight: 900;
    color: var(--gold-d);
    letter-spacing: -.04em;
    line-height: 1;
    margin-bottom: 5px;
}

.foremark-about-container .about-ws-l {
    font-family: var(--mono);
    font-size: 8.5px;
    letter-spacing: .12em;
    color: var(--inkg);
    text-transform: uppercase;
    line-height: 1.5;
}

/* Difference Section */
.foremark-about-container .about-difference {
    padding: 88px 60px;
    border-bottom: 1px solid var(--line);
}

.foremark-about-container .about-diff-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2px;
    margin-top: 52px;
}

.foremark-about-container .about-diff-block {
    border: 1px solid var(--line);
    background: var(--bg);
    padding: 32px 30px;
}

.foremark-about-container .about-diff-block.about-diff-dark {
    background: var(--ink);
    border-color: var(--ink);
}

.foremark-about-container .about-db-label {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .2em;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.foremark-about-container .about-diff-block .about-db-label {
    color: var(--gold);
}

.foremark-about-container .about-diff-block.about-diff-dark .about-db-label {
    color: rgba(184,146,46,.6);
}

.foremark-about-container .about-db-title {
    font-family: var(--tight);
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 12px;
    letter-spacing: -.02em;
}

.foremark-about-container .about-diff-block .about-db-title {
    color: var(--ink);
}

.foremark-about-container .about-diff-block.about-diff-dark .about-db-title {
    color: #fff;
}

.foremark-about-container .about-db-items {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.foremark-about-container .about-dbi {
    font-size: 13px;
    line-height: 1.6;
    display: flex;
    gap: 10px;
}

.foremark-about-container .about-diff-block .about-dbi {
    color: var(--inkl);
}

.foremark-about-container .about-diff-block.about-diff-dark .about-dbi {
    color: rgba(247,244,239,.5);
}

.foremark-about-container .about-dbi::before {
    content: '—';
    font-family: var(--mono);
    font-size: 10px;
    flex-shrink: 0;
    margin-top: 2px;
}

.foremark-about-container .about-diff-block .about-dbi::before {
    color: var(--gold);
}

.foremark-about-container .about-diff-block.about-diff-dark .about-dbi::before {
    color: rgba(184,146,46,.4);
}

/* CTA Section */
.foremark-about-container .about-cta {
    padding: 88px 60px;
    background: var(--ink);
    border-top: 1px solid rgba(255,255,255,.06);
}

.foremark-about-container .about-cta-inner {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 60px;
    align-items: center;
}

.foremark-about-container .about-cta-tag {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .28em;
    color: var(--gold);
    text-transform: uppercase;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.foremark-about-container .about-cta-tag::before {
    content: '';
    display: block;
    width: 16px;
    height: 1.5px;
    background: var(--gold);
}

.foremark-about-container .about-cta-h {
    font-family: var(--tight);
    font-size: clamp(32px, 3.5vw, 52px);
    font-weight: 800;
    color: #fff;
    letter-spacing: -.03em;
    margin-bottom: 16px;
    line-height: 1.1;
}

.foremark-about-container .about-cta-desc {
    font-size: 15px;
    color: rgba(247,244,239,.42);
    line-height: 1.7;
    max-width: 500px;
}

.foremark-about-container .about-cta-acts {
    display: flex;
    gap: 10px;
    flex-direction: column;
}

.foremark-about-container .about-ca-gold {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: var(--mono);
    font-size: 9.5px;
    font-weight: 500;
    letter-spacing: .14em;
    color: var(--ink);
    text-transform: uppercase;
    padding: 14px 28px;
    background: var(--gold);
    transition: background .22s;
    white-space: nowrap;
}

.foremark-about-container .about-ca-gold:hover {
    background: var(--gold-l);
}

.foremark-about-container .about-ca-ghost {
    font-family: var(--mono);
    font-size: 9.5px;
    font-weight: 500;
    letter-spacing: .14em;
    color: rgba(247,244,239,.5);
    text-transform: uppercase;
    padding: 13px 24px;
    border: 1px solid rgba(255,255,255,.15);
    transition: all .22s;
    white-space: nowrap;
    text-align: center;
}

.foremark-about-container .about-ca-ghost:hover {
    color: #fff;
    border-color: rgba(255,255,255,.35);
}

/* Responsive Breakpoints */
@media (max-width: 1100px) {
    .foremark-about-container .about-hero,
    .foremark-about-container .about-why,
    .foremark-about-container .about-principles,
    .foremark-about-container .about-model,
    .foremark-about-container .about-wone,
    .foremark-about-container .about-difference,
    .foremark-about-container .about-cta {
        padding-left: 40px;
        padding-right: 40px;
    }
    
    .foremark-about-container .about-why-grid,
    .foremark-about-container .about-model-grid,
    .foremark-about-container .about-wone-grid {
        grid-template-columns: 1fr;
        gap: 50px;
    }
    
    .foremark-about-container .about-principles-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .foremark-about-container .about-cta-inner {
        grid-template-columns: 1fr;
        gap: 30px;
    }
}

@media (max-width: 900px) {
    .foremark-about-container .about-hero {
        padding: 60px 40px 50px;
    }
    
    .foremark-about-container .about-hero-stats {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
}

@media (max-width: 768px) {
    .foremark-about-container .about-hero,
    .foremark-about-container .about-why,
    .foremark-about-container .about-principles,
    .foremark-about-container .about-model,
    .foremark-about-container .about-wone,
    .foremark-about-container .about-difference,
    .foremark-about-container .about-cta {
        padding: 48px 24px;
    }
    
    .foremark-about-container .about-principles-grid {
        grid-template-columns: 1fr;
    }
    
    .foremark-about-container .about-diff-grid {
        grid-template-columns: 1fr;
    }
    
    .foremark-about-container .about-hero h1 {
        font-size: 38px;
    }
    
    .foremark-about-container .about-hero-sub {
        font-size: 15px;
    }
    
    .foremark-about-container .about-section-title {
        font-size: 28px;
    }
    
    .foremark-about-container .about-why-grid {
        gap: 30px;
    }
    
    .foremark-about-container .about-why-item {
        flex-direction: column;
        gap: 10px;
    }
}

@media (max-width: 480px) {
    .foremark-about-container .about-hero h1 {
        font-size: 32px;
    }
    
    .foremark-about-container .about-hero-stats {
        grid-template-columns: 1fr;
    }
    
    .foremark-about-container .about-cta-acts {
        width: 100%;
    }
    
    .foremark-about-container .about-ca-gold,
    .foremark-about-container .about-ca-ghost {
        text-align: center;
        justify-content: center;
    }
}
/* ═══════════════════════════════════════════════
FOREMARK GLOBAL — OUR TEAM PAGE STYLES
Scoped under .fg-team to avoid theme conflicts
Full page width · 1200px inner container
═══════════════════════════════════════════════ */

.fg-team *,
.fg-team *::before,
.fg-team *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.fg-team {
    --cream: #f7f4ef;
    --cream-mid: #eeebe3;
    --cream-deep: #e4dfd5;
    --ink: #141210;
    --ink-mid: #252320;
    --ink-light: #4a4742;
    --ink-muted: #7a7770;
    --gold: #9a7830;
    --gold-bright: #b8922e;
    --gold-light: #c9a84c;
    --gold-bg: rgba(154, 120, 48, 0.08);
    --gold-border: rgba(154, 120, 48, 0.25);
    --border: rgba(20, 18, 16, 0.12);
    --border-mid: rgba(20, 18, 16, 0.22);
    --tight: 'Inter Tight', sans-serif;
    --sans: 'Inter', sans-serif;
    --mono: 'DM Mono', monospace;

    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    background: var(--cream);
    font-family: var(--sans);
}

.fg-team .fg-inner {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 2rem;
}

/* ── SCROLLBAR ── */
.fg-team ::-webkit-scrollbar {
    width: 3px;
}

.fg-team ::-webkit-scrollbar-track {
    background: var(--cream);
}

.fg-team ::-webkit-scrollbar-thumb {
    background: var(--gold);
    border-radius: 2px;
}

/* ── SECTION WRAPPERS ── */
.fg-team .section {
    border-bottom: 1px solid var(--border);
    padding: 88px 0;
}

.fg-team .section.alt {
    background: var(--cream-mid);
}

.fg-team .section.ink {
    background: var(--ink);
}

/* ── PAGE HERO ── */
.fg-team .page-hero {
    padding: 72px 0 60px;
    border-bottom: 1.5px solid var(--border);
    background: var(--cream);
}

.fg-team .breadcrumb {
    font-family: var(--mono);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.14em;
    color: var(--ink-muted);
    text-transform: uppercase;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.fg-team .breadcrumb a {
    color: var(--gold-bright);
    text-decoration: none;
}

.fg-team .breadcrumb span {
    color: var(--ink-muted);
}

/* ── SECTION HEADER ── */
.fg-team .sec-hdr {
    display: grid;
    grid-template-columns: 80px 1fr;
    gap: 36px;
    margin-bottom: 56px;
    padding-bottom: 40px;
    border-bottom: 1px solid var(--border);
    align-items: start;
}

.fg-team .sec-hdr.dark-hr {
    border-bottom-color: rgba(247, 244, 239, 0.1);
}

.fg-team .sec-num {
    font-family: var(--mono);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.1em;
    color: var(--ink-muted);
    padding-top: 4px;
}

.fg-team .sec-num-light {
    color: rgba(247, 244, 239, 0.25);
}

.fg-team .sec-tag {
    font-family: var(--mono);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.22em;
    color: var(--gold-bright);
    text-transform: uppercase;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.fg-team .sec-tag::before {
    content: '';
    display: block;
    width: 20px;
    height: 1.5px;
    background: var(--gold-bright);
}

.fg-team .sec-sub {
    margin-top: 14px;
    font-size: 16px;
    font-weight: 400;
    color: var(--ink-light);
    line-height: 1.75;
    max-width: 560px;
}

.fg-team .sec-sub-light {
    color: rgba(247, 244, 239, 0.6);
}

/* ── HEADINGS ── */
.fg-team .h-display {
    font-family: var(--tight);
    font-weight: 800;
    font-size: clamp(52px, 8vw, 96px);
    line-height: 0.94;
    letter-spacing: -0.04em;
    color: var(--ink);
}

.fg-team .h-display em {
    font-style: normal;
    color: var(--gold);
    font-weight: 700;
}

.fg-team .h2 {
    font-family: var(--tight);
    font-weight: 700;
    font-size: clamp(28px, 3.5vw, 46px);
    line-height: 1.05;
    letter-spacing: -0.03em;
    color: var(--ink);
}

.fg-team .h2 em {
    font-style: normal;
    color: var(--gold);
}

.fg-team .h2-light {
    color: var(--cream);
}

.fg-team .h2-light em {
    color: var(--gold-light);
}

.fg-team .h4 {
    font-family: var(--tight);
    font-weight: 600;
    font-size: 18px;
    line-height: 1.2;
    letter-spacing: -0.015em;
    color: var(--ink);
}

/* ── BODY TEXT ── */
.fg-team .body-lg {
    font-size: 17px;
    font-weight: 400;
    color: var(--ink-light);
    line-height: 1.8;
}

.fg-team .body-md {
    font-size: 15px;
    font-weight: 400;
    color: var(--ink-light);
    line-height: 1.8;
}

.fg-team .body-sm {
    font-size: 14px;
    font-weight: 400;
    color: var(--ink-light);
    line-height: 1.75;
}

.fg-team .body-light {
    color: rgba(247, 244, 239, 0.62);
}

/* ── LABEL / MONO ── */
.fg-team .label {
    font-family: var(--mono);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.18em;
    color: var(--ink-muted);
    text-transform: uppercase;
}

.fg-team .label-gold {
    color: var(--gold-bright);
}

.fg-team .label-light {
    color: rgba(247, 244, 239, 0.38);
}

/* ── BUTTONS ── */
.fg-team .btn-primary {
    display: inline-flex;
    align-items: center;
    padding: 14px 36px;
    background: var(--ink);
    color: var(--cream);
    font-family: var(--mono);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    text-decoration: none !important;
    transition: background 0.25s;
    border: none;
    cursor: pointer;
}

.fg-team .btn-primary:hover {
    background: var(--gold);
}

.fg-team .btn-secondary {
    display: inline-flex;
    align-items: center;
    padding: 14px 32px;
    border: 1.5px solid var(--border-mid);
    color: var(--ink-light);
    font-family: var(--mono);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    text-decoration: none !important;
    transition: all 0.25s;
    background: transparent;
    cursor: pointer;
}

.fg-team .btn-secondary:hover {
    background: var(--cream-mid);
    color: var(--ink);
    border-color: var(--ink);
}

.fg-team .btn-gold {
    display: inline-flex;
    align-items: center;
    padding: 14px 36px;
    background: var(--gold);
    color: #fff;
    font-family: var(--mono);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    text-decoration: none !important;
    transition: background 0.25s;
    border: none;
    cursor: pointer;
}

.fg-team .btn-gold:hover {
    background: var(--gold-bright);
}

.fg-team .btn-ghost-light {
    display: inline-flex;
    align-items: center;
    padding: 14px 32px;
    border: 1.5px solid rgba(247, 244, 239, 0.25);
    color: rgba(247, 244, 239, 0.7);
    font-family: var(--mono);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    text-decoration: none !important;
    transition: all 0.25s;
    background: transparent;
}

.fg-team .btn-ghost-light:hover {
    border-color: var(--gold-light);
    color: var(--gold-light);
}

/* ── BORDERED BOX ── */
.fg-team .bordered {
    border: 1.5px solid var(--border);
}

/* ── CTA BANNER ── */
.fg-team .cta-banner {
    padding: 96px 0;
    text-align: center;
    background: var(--cream-mid);
    position: relative;
    overflow: hidden;
}

.fg-team .cta-bg-word {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: var(--tight);
    font-size: 20vw;
    font-weight: 800;
    letter-spacing: -0.05em;
    color: rgba(154, 120, 48, 0.05);
    white-space: nowrap;
    pointer-events: none;
    line-height: 1;
}

.fg-team .cta-tag {
    font-family: var(--mono);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.24em;
    color: var(--gold-bright);
    text-transform: uppercase;
    margin-bottom: 20px;
    position: relative;
}

.fg-team .cta-h2 {
    font-family: var(--tight);
    font-size: clamp(40px, 6vw, 76px);
    font-weight: 800;
    letter-spacing: -0.04em;
    line-height: 0.96;
    color: var(--ink);
    margin-bottom: 20px;
    position: relative;
}

.fg-team .cta-h2 em {
    font-style: normal;
    color: var(--gold);
}

.fg-team .cta-sub {
    font-size: 16px;
    color: var(--ink-light);
    max-width: 500px;
    margin: 0 auto 44px;
    line-height: 1.8;
    position: relative;
}

.fg-team .cta-actions {
    display: flex;
    justify-content: center;
    gap: 0;
    position: relative;
}

/* ── ANIMATIONS ── */
@keyframes fg-fadeUp {
    from {
        opacity: 0;
        transform: translateY(24px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fg-team .reveal {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity 0.7s ease, transform 0.7s ease;
}

.fg-team .reveal.visible {
    opacity: 1;
    transform: translateY(0);
}

.fg-team .d1 {
    transition-delay: .1s;
}

.fg-team .d2 {
    transition-delay: .2s;
}

.fg-team .d3 {
    transition-delay: .3s;
}

.fg-team .d4 {
    transition-delay: .4s;
}

.fg-team .anim-hero {
    opacity: 0;
    animation: fg-fadeUp 0.8s ease forwards;
}

.fg-team .anim-hero.d1 {
    animation-delay: .2s;
}

.fg-team .anim-hero.d2 {
    animation-delay: .4s;
}

.fg-team .anim-hero.d3 {
    animation-delay: .6s;
}

/* ── DIRECTOR CARD GRID ── */
.fg-team .dir-grid {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 0;
}

.fg-team .dir-left {
    padding-right: 52px;
    border-right: 1.5px solid var(--border);
}

.fg-team .dir-right {
    padding-left: 52px;
}

.fg-team .dir-avatar {
    width: 100%;
    aspect-ratio: 1;
    background: var(--cream-deep);
    border: 1.5px solid var(--border-mid);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    overflow: hidden;
}

.fg-team .dir-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.fg-team .dir-initials {
    font-family: var(--tight);
    font-size: 64px;
    font-weight: 800;
    color: var(--gold);
    letter-spacing: -0.04em;
}

.fg-team .dir-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    margin-bottom: 32px;
    border: 1.5px solid var(--border);
}

.fg-team .dir-stat {
    padding: 20px;
    border-right: 1.5px solid var(--border);
    text-align: center;
}

.fg-team .dir-stat:last-child {
    border-right: none;
}

.fg-team .dir-stat-n {
    font-family: var(--tight);
    font-size: 28px;
    font-weight: 800;
    color: var(--ink);
}

.fg-team .expertise-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.fg-team .etag {
    font-family: var(--mono);
    font-size: 10px;
    font-weight: 500;
    padding: 7px 16px;
    border: 1.5px solid var(--border);
    color: var(--ink-light);
}

/* ── DARK SECTION ITEMS ── */
.fg-team .dark-list {
    list-style: none;
}

.fg-team .dark-list li {
    padding: 16px 0;
    border-bottom: 1px solid rgba(247, 244, 239, 0.1);
}

.fg-team .dark-list li:last-child {
    border-bottom: none;
}

.fg-team .dark-item-title {
    font-family: var(--tight);
    font-size: 16px;
    font-weight: 600;
    color: var(--cream);
    margin-bottom: 6px;
}

.fg-team .dark-item-body {
    font-size: 14px;
    color: rgba(247, 244, 239, 0.55);
    line-height: 1.7;
}

.fg-team .commercial-box {
    padding: 28px;
    border: 1.5px solid rgba(247, 244, 239, 0.12);
    margin-top: 8px;
}

/* ── MODEL BOX ── */
.fg-team .model-box {
    border: 1.5px solid var(--border);
}

.fg-team .model-row {
    padding: 28px 32px;
    border-bottom: 1.5px solid var(--border);
}

.fg-team .model-row:last-child {
    border-bottom: none;
}

/* ── TWO COL LAYOUT ── */
.fg-team .two-col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
}

.fg-team .two-col-l {
    padding-right: 60px;
    border-right: 1.5px solid var(--border);
}

.fg-team .two-col-r {
    padding-left: 60px;
}

.fg-team .two-col-l.dark-border {
    border-right-color: rgba(247, 244, 239, 0.1);
}

/* ── RESPONSIVE ── */
@media (max-width: 1024px) {
    .fg-team .fg-inner {
        padding: 0 2rem;
    }
}

@media (max-width: 768px) {
    .fg-team .section {
        padding: 56px 0;
    }

    .fg-team .page-hero {
        padding: 48px 0 36px;
    }

    .fg-team .sec-hdr {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .fg-team .dir-grid {
        grid-template-columns: 1fr;
    }

    .fg-team .dir-left {
        padding-right: 0;
        border-right: none;
        border-bottom: 1.5px solid var(--border);
        padding-bottom: 32px;
        margin-bottom: 32px;
    }

    .fg-team .dir-right {
        padding-left: 0;
    }

    .fg-team .two-col {
        grid-template-columns: 1fr;
    }

    .fg-team .two-col-l {
        padding-right: 0;
        border-right: none;
        border-bottom: 1.5px solid var(--border);
        padding-bottom: 32px;
        margin-bottom: 32px;
    }

    .fg-team .two-col-r {
        padding-left: 0;
    }

    .fg-team .dir-stats {
        grid-template-columns: 1fr 1fr;
    }

    .fg-team .dir-stat:nth-child(2) {
        border-right: none;
    }

    .fg-team .dir-stat:nth-child(3) {
        border-top: 1.5px solid var(--border);
    }

    .fg-team .h-display {
        font-size: clamp(36px, 8vw, 56px);
    }

    .fg-team .cta-banner {
        padding: 64px 0;
    }
}
/* ══════════════════════════════════════════════════════════════════════
FOREMARK GLOBAL — CONTACT PAGE STYLES
══════════════════════════════════════════════════════════════════════ */

.foremark-contact-wrapper {
    --cream: #f7f4ef;
    --cream-mid: #eeebe3;
    --ink: #141210;
    --ink-light: #4a4742;
    --ink-muted: #7a7770;
    --gold: #9a7830;
    --gold-bright: #b8922e;
    --gold-light: #c9a84c;
    --gold-bg: rgba(154, 120, 48, 0.08);
    --gold-border: rgba(154, 120, 48, 0.25);
    --border: rgba(20, 18, 16, 0.12);
    --border-mid: rgba(20, 18, 16, 0.22);
    --tight: 'Inter Tight', sans-serif;
    --sans: 'Inter', sans-serif;
    --mono: 'DM Mono', monospace;
    
    width: 100%;
    background: var(--cream);
    color: var(--ink);
    font-family: var(--sans);
}

.foremark-contact-wrapper .container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 60px;
}

/* Hero Section */
.foremark-contact-wrapper .fm-hero {
    padding: 80px 0 60px;
    border-bottom: 1px solid var(--border);
}

.foremark-contact-wrapper .fm-hero-tag {
    font-family: var(--mono);
    font-size: 10px;
    letter-spacing: 0.22em;
    color: var(--gold-bright);
    text-transform: uppercase;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.foremark-contact-wrapper .fm-hero-tag::before {
    content: '';
    display: block;
    width: 20px;
    height: 1.5px;
    background: var(--gold-bright);
}

.foremark-contact-wrapper .fm-hero h1 {
    font-family: var(--tight);
    font-size: clamp(48px, 6vw, 76px);
    font-weight: 800;
    letter-spacing: -0.03em;
    color: #e6e6e6 !important;
    margin-bottom: 20px;
    line-height: 1.05;
}

.foremark-contact-wrapper .fm-hero h1 em {
    color: var(--gold);
    font-style: normal;
}

.foremark-contact-wrapper .fm-hero-sub {
    font-size: 17px;
    color: var(--ink-light);
    line-height: 1.75;
    max-width: 620px;
}

/* Cards Section */
.foremark-contact-wrapper .fm-cards-section {
    padding: 80px 0;
    border-bottom: 1px solid var(--border);
}

.foremark-contact-wrapper .fm-sec-label {
    font-family: var(--mono);
    font-size: 10px;
    letter-spacing: 0.22em;
    color: var(--gold-bright);
    text-transform: uppercase;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.foremark-contact-wrapper .fm-sec-label::before {
    content: '';
    display: block;
    width: 16px;
    height: 1.5px;
    background: var(--gold-bright);
}

.foremark-contact-wrapper .section-title {
    font-family: var(--tight);
    font-size: clamp(32px, 3.5vw, 48px);
    font-weight: 800;
    letter-spacing: -.03em;
    color: var(--ink);
}

.foremark-contact-wrapper .fm-cards-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2px;
    margin-top: 44px;
}

.foremark-contact-wrapper .fm-card {
    border: 1px solid var(--border);
    background: var(--cream);
    padding: 36px 32px;
    transition: all 0.2s;
    position: relative;
}

.foremark-contact-wrapper .fm-card:hover {
    background: var(--cream-mid);
    border-color: var(--border-mid);
}

.foremark-contact-wrapper .fm-card-icon {
    font-size: 28px;
    display: block;
    margin-bottom: 14px;
}

.foremark-contact-wrapper .fm-card-num {
    font-family: var(--mono);
    font-size: 10px;
    letter-spacing: 0.18em;
    color: var(--gold-bright);
    text-transform: uppercase;
    margin-bottom: 12px;
}

.foremark-contact-wrapper .fm-card h3 {
    font-family: var(--tight);
    font-size: 18px;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 8px;
}

.foremark-contact-wrapper .fm-card p {
    font-size: 14px;
    color: var(--ink-light);
    line-height: 1.7;
}

.foremark-contact-wrapper .fm-card-email {
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid var(--border);
    font-family: var(--mono);
    font-size: 11px;
    letter-spacing: 0.08em;
    color: var(--ink);
    font-weight: 500;
}

.foremark-contact-wrapper .fm-card-btn {
    display: block;
    margin-top: 10px;
    font-family: var(--mono);
    font-size: 9px;
    font-weight: 500;
    letter-spacing: 0.14em;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none !important;
    padding: 10px 18px;
    background: var(--ink);
    text-align: center;
    transition: background 0.22s;
}

.foremark-contact-wrapper .fm-card-btn:hover {
    background: var(--gold);
}

/* Form Section */
.foremark-contact-wrapper .fm-form-section {
    padding: 80px 0;
    background: var(--cream-mid);
    border-bottom: 1px solid var(--border);
}

.foremark-contact-wrapper .fm-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    margin-top: 44px;
    align-items: start;
}

.foremark-contact-wrapper .fm-prose p {
    font-size: 15px;
    color: var(--ink-light);
    line-height: 1.82;
    margin-bottom: 20px;
}

.foremark-contact-wrapper .fm-checklist {
    margin-top: 28px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.foremark-contact-wrapper .fm-checklist-item {
    display: flex;
    align-items: center;
    gap: 14px;
    font-size: 13.5px;
    color: var(--ink-light);
}

.foremark-contact-wrapper .fm-checklist-check {
    color: var(--gold-bright);
    font-family: var(--mono);
    font-size: 10px;
}

.foremark-contact-wrapper .fm-form-box {
    background: var(--cream);
    border: 1px solid var(--border);
    padding: 40px 36px;
}

.foremark-contact-wrapper .fm-form-title {
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: 0.22em;
    color: var(--gold-bright);
    text-transform: uppercase;
    margin-bottom: 20px;
}

/* Form Inputs */
.foremark-contact-wrapper .fm-form-group {
    margin-bottom: 14px;
}

.foremark-contact-wrapper .fm-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-bottom: 14px;
}

.foremark-contact-wrapper .fm-form-input,
.foremark-contact-wrapper .fm-form-select,
.foremark-contact-wrapper .fm-form-textarea {
    width: 100%;
    background: var(--cream-mid);
    border: 1px solid var(--border-mid);
    color: var(--ink);
    font-family: var(--sans);
    font-size: 14px;
    padding: 12px 14px;
    outline: none;
}

.foremark-contact-wrapper .fm-form-input:focus,
.foremark-contact-wrapper .fm-form-select:focus,
.foremark-contact-wrapper .fm-form-textarea:focus {
    border-color: var(--gold);
}

.foremark-contact-wrapper .fm-form-textarea {
    resize: vertical;
    min-height: 100px;
}

.foremark-contact-wrapper .fm-submit-btn {
    width: 100%;
    font-family: var(--mono);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #fff;
    background: var(--ink);
    padding: 14px;
    border: none;
    cursor: pointer;
    transition: background 0.22s;
    margin-top: 8px;
}

.foremark-contact-wrapper .fm-submit-btn:hover {
    background: var(--gold);
}

.foremark-contact-wrapper .fm-form-note {
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: 0.06em;
    color: var(--ink-muted);
    text-align: center;
    margin-top: 14px;
}

/* Honeypot */
.foremark-contact-wrapper .fm-hp {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
    z-index: -1;
    pointer-events: none;
    overflow: hidden;
}

/* Success Message */
.foremark-contact-wrapper .fm-success {
    text-align: center;
    padding: 60px 40px;
    background: var(--cream-mid);
    border: 1px solid var(--gold-border);
    margin: 0 60px 60px;
}

.foremark-contact-wrapper .fm-success-icon {
    font-size: 48px;
    margin-bottom: 20px;
}

.foremark-contact-wrapper .fm-success h3 {
    font-family: var(--tight);
    font-size: 28px;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 16px;
}

.foremark-contact-wrapper .fm-success h3 em {
    color: var(--gold);
    font-style: normal;
}

.foremark-contact-wrapper .fm-success p {
    font-size: 15px;
    color: var(--ink-light);
    line-height: 1.8;
}

.foremark-contact-wrapper .fm-error {
    background: rgba(220, 53, 69, 0.08);
    border: 1px solid rgba(220, 53, 69, 0.3);
    color: #c0392b;
    padding: 12px 16px;
    font-size: 13px;
    margin-bottom: 20px;
    display: none;
}

.foremark-contact-wrapper .hidden {
    display: none !important;
}

.foremark-contact-wrapper .fm-submit-btn.loading {
    opacity: 0.7;
    cursor: not-allowed;
    position: relative;
}

.foremark-contact-wrapper .fm-submit-btn.loading::after {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    top: 50%;
    right: 18px;
    margin-top: -7px;
    border: 2px solid #fff;
    border-top-color: transparent;
    border-radius: 50%;
    animation: fmSpin 0.6s linear infinite;
}

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

/* Responsive */
@media (max-width: 768px) {
    .foremark-contact-wrapper .container {
        padding: 0 24px;
    }
    .foremark-contact-wrapper .fm-cards-grid {
        grid-template-columns: 1fr;
    }
    .foremark-contact-wrapper .fm-form-grid {
        grid-template-columns: 1fr;
    }
    .foremark-contact-wrapper .fm-form-row {
        grid-template-columns: 1fr;
    }
    .foremark-contact-wrapper .fm-success {
        margin: 0 24px 60px;
        padding: 40px 24px;
    }
}
/* ═══════════════════════════════════════════════
FOREMARK GLOBAL — SERVICES PAGE STYLES
foremarkglobal.com · by WONE Global
═══════════════════════════════════════════════ */

.fg-services-wrap *,
.fg-services-wrap *::before,
.fg-services-wrap *::after {
    box-sizing: border-box;
}

.fg-services-wrap {
    --cream: #f7f4ef;
    --cream-mid: #eeebe3;
    --cream-deep: #e4dfd5;
    --ink: #141210;
    --ink-mid: #252320;
    --ink-light: #4a4742;
    --ink-muted: #7a7770;
    --gold: #9a7830;
    --gold-bright: #b8922e;
    --gold-light: #c9a84c;
    --gold-bg: rgba(154, 120, 48, 0.08);
    --gold-border: rgba(154, 120, 48, 0.25);
    --border: rgba(20, 18, 16, 0.12);
    --border-mid: rgba(20, 18, 16, 0.22);
    --tight: 'Inter Tight', sans-serif;
    --sans: 'Inter', sans-serif;
    --mono: 'DM Mono', monospace;

    font-family: var(--sans);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.65;
    color: var(--ink);
    background: var(--cream);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0;
    padding: 0;
    width: 100%;
}

/* ── INNER CONTAINER (1200px max-width, centered) ── */
.fg-services-wrap .fg-inner {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 60px;
    width: 100%;
}

/* ── FULL-WIDTH SECTION WRAPPERS ── */
.fg-services-wrap .fg-section {
    width: 100%;
    padding: 88px 0;
    border-bottom: 1px solid var(--border);
    background: var(--cream);
}

.fg-services-wrap .fg-section.alt {
    background: var(--cream-mid);
}

.fg-services-wrap .fg-section.cta-section {
    background: var(--cream-mid);
    position: relative;
    overflow: hidden;
    padding: 96px 0;
    text-align: center;
}

/* ── PAGE HERO ── */
.fg-services-wrap .fg-page-hero {
    width: 100%;
    padding: 72px 0 60px;
    border-bottom: 1.5px solid var(--border);
    background: var(--cream);
}

/* ── BREADCRUMB ── */
.fg-services-wrap .breadcrumb {
    font-family: var(--mono);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.14em;
    color: var(--ink-muted);
    text-transform: uppercase;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.fg-services-wrap .breadcrumb a {
    color: var(--gold-bright);
    text-decoration: none !important;
}

/* ── SECTION HEADER ── */
.fg-services-wrap .sec-hdr {
    display: grid;
    grid-template-columns: 80px 1fr;
    gap: 36px;
    margin-bottom: 56px;
    padding-bottom: 40px;
    border-bottom: 1px solid var(--border);
    align-items: start;
}

.fg-services-wrap .sec-num {
    font-family: var(--mono);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.1em;
    color: var(--ink-muted);
    padding-top: 4px;
}

.fg-services-wrap .sec-tag {
    font-family: var(--mono);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.22em;
    color: var(--gold-bright);
    text-transform: uppercase;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.fg-services-wrap .sec-tag::before {
    content: '';
    display: block;
    width: 20px;
    height: 1.5px;
    background: var(--gold-bright);
}

.fg-services-wrap .sec-sub {
    margin-top: 14px;
    font-size: 16px;
    font-weight: 400;
    color: var(--ink-light);
    line-height: 1.75;
    max-width: 560px;
}

/* ── HEADINGS ── */
.fg-services-wrap .h-display {
    font-family: var(--tight);
    font-weight: 800;
    font-size: clamp(52px, 8vw, 96px);
    line-height: 0.94;
    letter-spacing: -0.04em;
    color: var(--ink);
    margin: 0;
}

.fg-services-wrap .h-display em {
    font-style: normal;
    color: var(--gold);
    font-weight: 700;
}

.fg-services-wrap .h2 {
    font-family: var(--tight);
    font-weight: 700;
    font-size: clamp(28px, 3.5vw, 46px);
    line-height: 1.05;
    letter-spacing: -0.03em;
    color: var(--ink);
    margin: 0;
}

.fg-services-wrap .h2 em {
    font-style: normal;
    color: var(--gold);
}

.fg-services-wrap .h3 {
    font-family: var(--tight);
    font-weight: 600;
    font-size: clamp(20px, 2.2vw, 28px);
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: var(--ink);
    margin: 0;
}

.fg-services-wrap .h4 {
    font-family: var(--tight);
    font-weight: 600;
    font-size: 18px;
    line-height: 1.2;
    letter-spacing: -0.015em;
    color: var(--ink);
    margin: 0;
}

/* ── BODY TEXT ── */
.fg-services-wrap .body-lg {
    font-size: 17px;
    font-weight: 400;
    color: var(--ink-light);
    line-height: 1.8;
    margin: 0;
}

.fg-services-wrap .body-md {
    font-size: 15px;
    font-weight: 400;
    color: var(--ink-light);
    line-height: 1.8;
    margin: 0;
}

.fg-services-wrap .body-sm {
    font-size: 14px;
    font-weight: 400;
    color: var(--ink-light);
    line-height: 1.75;
    margin: 0;
}

.fg-services-wrap .body-xs {
    font-size: 13px;
    font-weight: 400;
    color: var(--ink-muted);
    line-height: 1.7;
    margin: 0;
}

/* ── LABEL ── */
.fg-services-wrap .label {
    font-family: var(--mono);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.18em;
    color: var(--ink-muted);
    text-transform: uppercase;
}

.fg-services-wrap .label-gold {
    color: var(--gold-bright);
}

/* ── TWO COLUMN GRID ── */
.fg-services-wrap .fg-two-col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
}

.fg-services-wrap .fg-col-left {
    padding-right: 60px;
    border-right: 1.5px solid var(--border);
}

.fg-services-wrap .fg-col-right {
    padding-left: 60px;
}

/* ── ARCHITECTURE PHASE STRIP ── */
.fg-services-wrap .phase-strip {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    border: 1.5px solid var(--border);
}

.fg-services-wrap .phase-cell {
    padding: 24px 20px;
    border-right: 1.5px solid var(--border);
    text-align: center;
}

.fg-services-wrap .phase-cell:last-child {
    border-right: none;
}

.fg-services-wrap .phase-cell.highlight {
    background: var(--cream-deep);
}

.fg-services-wrap .phase-cell.dark {
    background: var(--ink-mid);
    border-right: none;
}

.fg-services-wrap .phase-price {
    margin-top: 12px;
    font-family: var(--mono);
    font-size: 9px;
    font-weight: 500;
    color: var(--gold-bright);
}

.fg-services-wrap .phase-note {
    margin-top: 12px;
    font-family: var(--mono);
    font-size: 9px;
    font-weight: 500;
    color: var(--ink-muted);
}

.fg-services-wrap .phase-note-light {
    margin-top: 12px;
    font-family: var(--mono);
    font-size: 9px;
    font-weight: 500;
    color: var(--gold-light);
}

/* ── PULLQUOTE ── */
.fg-services-wrap .pullquote {
    padding: 28px 32px;
    border-left: 3px solid var(--gold);
    background: var(--gold-bg);
    margin-top: 32px;
}

.fg-services-wrap .pullquote p {
    font-family: var(--tight);
    font-size: 17px;
    font-weight: 600;
    font-style: normal;
    color: var(--ink);
    line-height: 1.5;
    letter-spacing: -0.01em;
    margin: 0;
}

/* ── DELIVERY BOX ── */
.fg-services-wrap .delivery-box {
    margin-top: 32px;
    padding: 24px;
    background: var(--gold-bg);
    border: 1.5px solid var(--gold-border);
}

/* ── LIST ITEMS ── */
.fg-services-wrap .phase-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.fg-services-wrap .phase-list li {
    padding: 16px 0;
    border-bottom: 1.5px solid var(--border);
}

.fg-services-wrap .phase-list li:last-child {
    border-bottom: none;
}

.fg-services-wrap .incentive-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.fg-services-wrap .incentive-list li {
    padding: 14px 0;
    border-bottom: 1.5px solid var(--border);
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.fg-services-wrap .incentive-list li:last-child {
    border-bottom: none;
}

.fg-services-wrap .incentive-tag {
    font-family: var(--mono);
    font-size: 10px;
    font-weight: 500;
    color: var(--gold-bright);
    margin-top: 2px;
    flex-shrink: 0;
}

/* ── PHASES 03–06 GRID ── */
.fg-services-wrap .phases-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border: 1.5px solid var(--border);
}

.fg-services-wrap .phase-block {
    padding: 40px;
    border-right: 1.5px solid var(--border);
    border-bottom: 1.5px solid var(--border);
}

.fg-services-wrap .phase-block.no-right {
    border-right: none;
}

.fg-services-wrap .phase-block.no-bottom {
    border-bottom: none;
}

.fg-services-wrap .arrow-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.fg-services-wrap .arrow-list li {
    padding: 8px 0;
    border-bottom: 1px solid var(--border);
    font-size: 14px;
    color: var(--ink-light);
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

.fg-services-wrap .arrow-list li:last-child {
    border-bottom: none;
}

.fg-services-wrap .arrow-list li .arr {
    color: var(--gold-bright);
    font-weight: 600;
    margin-top: 1px;
    flex-shrink: 0;
}

/* ── CTA BANNER ── */
.fg-services-wrap .cta-bg-word {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: var(--tight);
    font-size: 20vw;
    font-weight: 800;
    letter-spacing: -0.05em;
    color: rgba(154, 120, 48, 0.05);
    white-space: nowrap;
    pointer-events: none;
    line-height: 1;
}

.fg-services-wrap .cta-tag {
    font-family: var(--mono);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.24em;
    color: var(--gold-bright);
    text-transform: uppercase;
    margin-bottom: 20px;
    position: relative;
}

.fg-services-wrap .cta-h2 {
    font-family: var(--tight);
    font-size: clamp(40px, 6vw, 76px);
    font-weight: 800;
    letter-spacing: -0.04em;
    line-height: 0.96;
    color: var(--ink);
    margin-bottom: 20px;
    position: relative;
}

.fg-services-wrap .cta-h2 em {
    font-style: normal;
    color: var(--gold);
}

.fg-services-wrap .cta-sub {
    font-size: 16px;
    color: var(--ink-light);
    max-width: 500px;
    margin: 0 auto 44px;
    line-height: 1.8;
    position: relative;
}

.fg-services-wrap .cta-actions {
    display: flex;
    justify-content: center;
    gap: 0;
    position: relative;
}

/* ── BUTTONS ── */
.fg-services-wrap .btn-primary {
    display: inline-flex;
    align-items: center;
    padding: 14px 36px;
    background: var(--ink);
    color: var(--cream);
    font-family: var(--mono);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    text-decoration: none !important;
    transition: background 0.25s;
    border: none;
    cursor: pointer;
}

.fg-services-wrap .btn-primary:hover {
    background: var(--gold);
}

.fg-services-wrap .btn-secondary {
    display: inline-flex;
    align-items: center;
    padding: 14px 32px;
    border: 1.5px solid var(--border-mid);
    color: var(--ink-light);
    font-family: var(--mono);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    text-decoration: none !important;
    transition: all 0.25s;
    background: transparent;
    cursor: pointer;
}

.fg-services-wrap .btn-secondary:hover {
    background: var(--cream-mid);
    color: var(--ink);
    border-color: var(--ink);
}

/* ── ANIMATIONS ── */
@keyframes fg-svc-fadeUp {
    from {
        opacity: 0;
        transform: translateY(24px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fg-services-wrap .anim-hero {
    opacity: 0;
    animation: fg-svc-fadeUp 0.8s ease forwards;
}

.fg-services-wrap .anim-hero.d2 {
    animation-delay: 0.4s;
}

.fg-services-wrap .reveal {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity 0.7s ease, transform 0.7s ease;
}

.fg-services-wrap .reveal.visible {
    opacity: 1;
    transform: translateY(0);
}

.fg-services-wrap .d1 {
    transition-delay: 0.1s;
}

.fg-services-wrap .d2 {
    transition-delay: 0.2s;
}

.fg-services-wrap .d3 {
    transition-delay: 0.3s;
}

/* ── RESPONSIVE ── */
@media (max-width: 1024px) {
    .fg-services-wrap .fg-inner {
        padding: 0 36px;
    }
}

@media (max-width: 768px) {
    .fg-services-wrap .fg-inner {
        padding: 0 20px;
    }

    .fg-services-wrap .fg-section {
        padding: 56px 0;
    }

    .fg-services-wrap .fg-page-hero {
        padding: 48px 0 40px;
    }

    .fg-services-wrap .sec-hdr {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .fg-services-wrap .fg-two-col {
        grid-template-columns: 1fr;
    }

    .fg-services-wrap .fg-col-left {
        padding-right: 0;
        border-right: none;
        border-bottom: 1.5px solid var(--border);
        padding-bottom: 40px;
        margin-bottom: 40px;
    }

    .fg-services-wrap .fg-col-right {
        padding-left: 0;
    }

    .fg-services-wrap .phase-strip {
        grid-template-columns: 1fr 1fr;
    }

    .fg-services-wrap .phases-grid {
        grid-template-columns: 1fr;
    }

    .fg-services-wrap .phase-block {
        border-right: none !important;
    }

    .fg-services-wrap .h-display {
        font-size: clamp(40px, 12vw, 72px);
    }
}
/* ═══════════════════════════════════════════════
FOREMARK GLOBAL — PROCESS PAGE STYLES
foremarkglobal.com · by WONE Global
═══════════════════════════════════════════════ */

.fg-process-wrap *,
.fg-process-wrap *::before,
.fg-process-wrap *::after {
    box-sizing: border-box;
}

.fg-process-wrap {
    --cream: #f7f4ef;
    --cream-mid: #eeebe3;
    --cream-deep: #e4dfd5;
    --ink: #141210;
    --ink-mid: #252320;
    --ink-light: #4a4742;
    --ink-muted: #7a7770;
    --gold: #9a7830;
    --gold-bright: #b8922e;
    --gold-light: #c9a84c;
    --gold-bg: rgba(154, 120, 48, 0.08);
    --gold-border: rgba(154, 120, 48, 0.25);
    --border: rgba(20, 18, 16, 0.12);
    --border-mid: rgba(20, 18, 16, 0.22);
    --tight: 'Inter Tight', sans-serif;
    --sans: 'Inter', sans-serif;
    --mono: 'DM Mono', monospace;

    font-family: var(--sans);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.65;
    color: var(--ink);
    background: var(--cream);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0;
    padding: 0;
    width: 100%;
}

/* ── INNER CONTAINER (1400px max-width, centered) ── */
.fg-process-wrap .fg-inner {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 60px;
    width: 100%;
}

/* ── FULL-WIDTH SECTION WRAPPERS ── */
.fg-process-wrap .fg-section {
    width: 100%;
    padding: 88px 0;
    border-bottom: 1px solid var(--border);
    background: var(--cream);
}

.fg-process-wrap .fg-section.alt {
    background: var(--cream-mid);
}

.fg-process-wrap .fg-section.cta-section {
    background: var(--cream-mid);
    position: relative;
    overflow: hidden;
    padding: 96px 0;
    text-align: center;
}

/* ── PAGE HERO ── */
.fg-process-wrap .fg-page-hero {
    width: 100%;
    padding: 72px 0 60px;
    border-bottom: 1.5px solid var(--border);
    background: var(--cream);
}

/* ── BREADCRUMB ── */
.fg-process-wrap .breadcrumb {
    font-family: var(--mono);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.14em;
    color: var(--ink-muted);
    text-transform: uppercase;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.fg-process-wrap .breadcrumb a {
    color: var(--gold-bright);
    text-decoration: none !important;
}

/* ── SECTION HEADER ── */
.fg-process-wrap .sec-hdr {
    display: grid;
    grid-template-columns: 80px 1fr;
    gap: 36px;
    margin-bottom: 56px;
    padding-bottom: 40px;
    border-bottom: 1px solid var(--border);
    align-items: start;
}

.fg-process-wrap .sec-num {
    font-family: var(--mono);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.1em;
    color: var(--ink-muted);
    padding-top: 4px;
}

.fg-process-wrap .sec-tag {
    font-family: var(--mono);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.22em;
    color: var(--gold-bright);
    text-transform: uppercase;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.fg-process-wrap .sec-tag::before {
    content: '';
    display: block;
    width: 20px;
    height: 1.5px;
    background: var(--gold-bright);
}

/* ── HEADINGS ── */
.fg-process-wrap .h-display {
    font-family: var(--tight);
    font-weight: 800;
    font-size: clamp(52px, 8vw, 96px);
    line-height: 0.94;
    letter-spacing: -0.04em;
    color: var(--ink);
    margin: 0;
}

.fg-process-wrap .h-display em {
    font-style: normal;
    color: var(--gold);
    font-weight: 700;
}

.fg-process-wrap .h2 {
    font-family: var(--tight);
    font-weight: 700;
    font-size: clamp(28px, 3.5vw, 46px);
    line-height: 1.05;
    letter-spacing: -0.03em;
    color: var(--ink);
    margin: 0;
}

.fg-process-wrap .h2 em {
    font-style: normal;
    color: var(--gold);
}

.fg-process-wrap .h3 {
    font-family: var(--tight);
    font-weight: 600;
    font-size: clamp(20px, 2.2vw, 28px);
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: var(--ink);
    margin: 0;
}

/* ── BODY TEXT ── */
.fg-process-wrap .body-lg {
    font-size: 17px;
    font-weight: 400;
    color: var(--ink-light);
    line-height: 1.8;
    margin: 0;
}

.fg-process-wrap .body-md {
    font-size: 15px;
    font-weight: 400;
    color: var(--ink-light);
    line-height: 1.8;
    margin: 0;
}

.fg-process-wrap .body-sm {
    font-size: 14px;
    font-weight: 400;
    color: var(--ink-light);
    line-height: 1.75;
    margin: 0;
}

/* ── LABEL ── */
.fg-process-wrap .label {
    font-family: var(--mono);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.18em;
    color: var(--ink-muted);
    text-transform: uppercase;
}

.fg-process-wrap .label-gold {
    color: var(--gold-bright);
}

/* ── STEP ROWS ── */
.fg-process-wrap .step-row {
    display: grid;
    grid-template-columns: 72px 1fr 1fr;
    border-bottom: 1.5px solid var(--border);
    transition: background 0.2s;
}

.fg-process-wrap .step-row:first-child {
    border-top: 1.5px solid var(--border);
}

.fg-process-wrap .step-row:hover {
    background: var(--cream-mid);
}

.fg-process-wrap .step-row.no-bottom {
    border-bottom: none;
}

.fg-process-wrap .step-n-col {
    padding: 36px 0;
    border-right: 1.5px solid var(--border);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 40px;
}

.fg-process-wrap .step-n {
    font-family: var(--tight);
    font-size: 24px;
    font-weight: 700;
    color: var(--cream-deep);
    letter-spacing: -0.03em;
}

.fg-process-wrap .step-main {
    padding: 36px 44px;
    border-right: 1.5px solid var(--border);
}

.fg-process-wrap .step-detail {
    padding: 36px 44px;
    font-size: 14px;
    color: var(--ink-muted);
    line-height: 1.85;
}

.fg-process-wrap .step-tag {
    font-family: var(--mono);
    font-size: 9px;
    font-weight: 500;
    letter-spacing: 0.2em;
    color: var(--gold-bright);
    text-transform: uppercase;
    margin-bottom: 10px;
}

/* ── TWO COLUMN GRID ── */
.fg-process-wrap .fg-two-col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
}

.fg-process-wrap .fg-col-left {
    padding-right: 60px;
    border-right: 1.5px solid var(--border);
}

.fg-process-wrap .fg-col-right {
    padding-left: 60px;
}

/* ── CHECKLIST ── */
.fg-process-wrap .check-list {
    list-style: none;
    margin: 20px 0 0;
    padding: 0;
}

.fg-process-wrap .check-list li {
    padding: 14px 0;
    border-bottom: 1.5px solid var(--border);
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.fg-process-wrap .check-list li:last-child {
    border-bottom: none;
}

.fg-process-wrap .check-star {
    color: var(--gold-bright);
    font-family: var(--tight);
    font-weight: 700;
    font-size: 16px;
    margin-top: 2px;
    flex-shrink: 0;
}

/* ── INFO BOXES ── */
.fg-process-wrap .info-box {
    padding: 28px;
    border: 1.5px solid var(--border);
    background: var(--cream-deep);
    margin-bottom: 20px;
}

.fg-process-wrap .info-box-gold {
    padding: 28px;
    border: 1.5px solid var(--gold-border);
    background: var(--gold-bg);
}

/* ── CTA BANNER ── */
.fg-process-wrap .cta-bg-word {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: var(--tight);
    font-size: 20vw;
    font-weight: 800;
    letter-spacing: -0.05em;
    color: rgba(154, 120, 48, 0.05);
    white-space: nowrap;
    pointer-events: none;
    line-height: 1;
}

.fg-process-wrap .cta-tag {
    font-family: var(--mono);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.24em;
    color: var(--gold-bright);
    text-transform: uppercase;
    margin-bottom: 20px;
    position: relative;
}

.fg-process-wrap .cta-h2 {
    font-family: var(--tight);
    font-size: clamp(40px, 6vw, 76px);
    font-weight: 800;
    letter-spacing: -0.04em;
    line-height: 0.96;
    color: var(--ink);
    margin-bottom: 20px;
    position: relative;
}

.fg-process-wrap .cta-h2 em {
    font-style: normal;
    color: var(--gold);
}

.fg-process-wrap .cta-sub {
    font-size: 16px;
    color: var(--ink-light);
    max-width: 500px;
    margin: 0 auto 44px;
    line-height: 1.8;
    position: relative;
}

.fg-process-wrap .cta-actions {
    display: flex;
    justify-content: center;
    gap: 0;
    position: relative;
}

/* ── BUTTONS ── */
.fg-process-wrap .btn-primary {
    display: inline-flex;
    align-items: center;
    padding: 14px 36px;
    background: var(--ink);
    color: var(--cream);
    font-family: var(--mono);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    text-decoration: none !important;
    transition: background 0.25s;
    border: none;
    cursor: pointer;
}

.fg-process-wrap .btn-primary:hover {
    background: var(--gold);
}

.fg-process-wrap .btn-secondary {
    display: inline-flex;
    align-items: center;
    padding: 14px 32px;
    border: 1.5px solid var(--border-mid);
    color: var(--ink-light);
    font-family: var(--mono);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    text-decoration: none !important;
    transition: all 0.25s;
    background: transparent;
    cursor: pointer;
}

.fg-process-wrap .btn-secondary:hover {
    background: var(--cream-mid);
    color: var(--ink);
    border-color: var(--ink);
}

/* ── ANIMATIONS ── */
@keyframes fg-proc-fadeUp {
    from {
        opacity: 0;
        transform: translateY(24px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fg-process-wrap .anim-hero {
    opacity: 0;
    animation: fg-proc-fadeUp 0.8s ease forwards;
}

.fg-process-wrap .anim-hero.d2 {
    animation-delay: 0.4s;
}

.fg-process-wrap .reveal {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity 0.7s ease, transform 0.7s ease;
}

.fg-process-wrap .reveal.visible {
    opacity: 1;
    transform: translateY(0);
}

.fg-process-wrap .d1 {
    transition-delay: 0.1s;
}

.fg-process-wrap .d2 {
    transition-delay: 0.2s;
}

.fg-process-wrap .d3 {
    transition-delay: 0.3s;
}

/* ── RESPONSIVE ── */
@media (max-width: 1024px) {
    .fg-process-wrap .fg-inner {
        padding: 0 36px;
    }
}

@media (max-width: 768px) {
    .fg-process-wrap .fg-inner {
        padding: 0 20px;
    }

    .fg-process-wrap .fg-section {
        padding: 56px 0;
    }

    .fg-process-wrap .fg-page-hero {
        padding: 48px 0 40px;
    }

    .fg-process-wrap .sec-hdr {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .fg-process-wrap .step-row {
        grid-template-columns: 1fr;
    }

    .fg-process-wrap .step-n-col {
        display: none;
    }

    .fg-process-wrap .step-main {
        border-right: none;
        border-bottom: 1.5px solid var(--border);
        padding: 24px 0;
    }

    .fg-process-wrap .step-detail {
        padding: 0 0 24px;
    }

    .fg-process-wrap .fg-two-col {
        grid-template-columns: 1fr;
    }

    .fg-process-wrap .fg-col-left {
        padding-right: 0;
        border-right: none;
        border-bottom: 1.5px solid var(--border);
        padding-bottom: 40px;
        margin-bottom: 40px;
    }

    .fg-process-wrap .fg-col-right {
        padding-left: 0;
    }

    .fg-process-wrap .h-display {
        font-size: clamp(40px, 12vw, 72px);
    }
}
/* ═══════════════════════════════════════════════
FOREMARK GLOBAL — INSIGHTS PAGE STYLES
foremarkglobal.com · by WONE Global
═══════════════════════════════════════════════ */

.fg-insights-wrap *,
.fg-insights-wrap *::before,
.fg-insights-wrap *::after {
    box-sizing: border-box;
}

.fg-insights-wrap {
    --cream: #f7f4ef;
    --cream-mid: #eeebe3;
    --cream-deep: #e4dfd5;
    --ink: #141210;
    --ink-mid: #252320;
    --ink-light: #4a4742;
    --ink-muted: #7a7770;
    --gold: #9a7830;
    --gold-bright: #b8922e;
    --gold-light: #c9a84c;
    --gold-bg: rgba(154, 120, 48, 0.08);
    --gold-border: rgba(154, 120, 48, 0.25);
    --border: rgba(20, 18, 16, 0.12);
    --border-mid: rgba(20, 18, 16, 0.22);
    --tight: 'Inter Tight', sans-serif;
    --sans: 'Inter', sans-serif;
    --mono: 'DM Mono', monospace;

    font-family: var(--sans);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.65;
    color: var(--ink);
    background: var(--cream);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0;
    padding: 0;
    width: 100%;
}

/* ── INNER CONTAINER (1400px max-width, centered) ── */
.fg-insights-wrap .fg-inner {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 60px;
    width: 100%;
}

/* ── PAGE HERO ── */
.fg-insights-wrap .fg-page-hero {
    width: 100%;
    padding: 56px 0 48px;
    border-bottom: 1.5px solid var(--border);
    background: var(--cream);
}

/* ── BREADCRUMB ── */
.fg-insights-wrap .breadcrumb {
    font-family: var(--mono);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.14em;
    color: var(--ink-muted);
    text-transform: uppercase;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.fg-insights-wrap .breadcrumb a {
    color: var(--gold-bright);
    text-decoration: none !important;
}

.fg-insights-wrap .hero-title {
    font-family: var(--tight);
    font-weight: 800;
    font-size: clamp(44px, 6vw, 72px);
    letter-spacing: -0.04em;
    line-height: 0.96;
    color: var(--ink);
    margin-bottom: 16px;
}

.fg-insights-wrap .hero-title em {
    color: var(--gold);
    font-style: normal;
}

.fg-insights-wrap .hero-sub {
    font-size: 17px;
    color: var(--ink-light);
    max-width: 600px;
    line-height: 1.8;
    margin: 0;
}

/* ── FILTER BAR (full width) ── */
.fg-insights-wrap .filter-bar-wrap {
    width: 100%;
    border-bottom: 1.5px solid var(--border);
    background: var(--cream);
}

.fg-insights-wrap .filter-bar {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 60px;
    display: flex;
    gap: 0;
}

.fg-insights-wrap .f-pill {
    font-family: var(--mono);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    padding: 14px 24px;
    border-right: 1.5px solid var(--border);
    border-top: none;
    border-left: none;
    border-bottom: 3px solid transparent;
    background: transparent;
    color: var(--ink-muted);
    cursor: pointer;
    transition: all 0.2s;
    margin-bottom: -1.5px;
}

.fg-insights-wrap .f-pill:first-child {
    border-left: none;
}

.fg-insights-wrap .f-pill:hover {
    color: var(--ink);
}

.fg-insights-wrap .f-pill.active {
    color: var(--gold-bright);
    border-bottom-color: var(--gold-bright);
}

/* ── ARTICLES SECTION (full width bg) ── */
.fg-insights-wrap .fg-articles-section {
    width: 100%;
    background: var(--cream);
    padding-bottom: 80px;
}

/* ── ARTICLES GRID ── */
.fg-insights-wrap .ins-main {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border: 1.5px solid var(--border);
    border-top: none;
}

/* ── FEATURED ARTICLE ── */
.fg-insights-wrap .ins-featured {
    grid-column: 1 / -1;
    padding: 52px;
    border-bottom: 1.5px solid var(--border);
    transition: background 0.25s;
    text-decoration: none !important;
    display: block;
}

.fg-insights-wrap .ins-featured:hover {
    background: var(--cream-mid);
}

.fg-insights-wrap .featured-inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 52px;
    align-items: center;
}

.fg-insights-wrap .featured-img-block {
    background: var(--cream-deep);
    aspect-ratio: 4/3;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1.5px solid var(--border);
}

.fg-insights-wrap .featured-img-num {
    font-family: var(--tight);
    font-size: 64px;
    font-weight: 800;
    color: var(--gold);
    line-height: 1;
    text-align: center;
}

.fg-insights-wrap .featured-img-label {
    font-family: var(--mono);
    font-size: 10px;
    font-weight: 500;
    color: var(--ink-muted);
    letter-spacing: 0.14em;
    text-transform: uppercase;
    margin-top: 8px;
    text-align: center;
}

/* ── REGULAR ARTICLE CARD ── */
.fg-insights-wrap .ins-art {
    padding: 36px 40px;
    border-right: 1.5px solid var(--border);
    border-bottom: 1.5px solid var(--border);
    transition: background 0.25s;
    text-decoration: none !important;
    display: block;
    cursor: pointer;
}

.fg-insights-wrap .ins-art:nth-child(even) {
    border-right: none;
}

.fg-insights-wrap .ins-art:hover {
    background: var(--cream-mid);
}

/* ── ARTICLE META ── */
.fg-insights-wrap .art-tag {
    font-family: var(--mono);
    font-size: 9px;
    font-weight: 500;
    letter-spacing: 0.18em;
    color: var(--gold-bright);
    text-transform: uppercase;
    margin-bottom: 12px;
}

.fg-insights-wrap .art-title {
    font-family: var(--tight);
    font-weight: 700;
    font-size: 22px;
    letter-spacing: -0.02em;
    color: var(--ink);
    line-height: 1.2;
    margin-bottom: 12px;
}

.fg-insights-wrap .art-title-lg {
    font-family: var(--tight);
    font-weight: 700;
    font-size: 28px;
    letter-spacing: -0.02em;
    color: var(--ink);
    line-height: 1.2;
    margin-bottom: 16px;
}

.fg-insights-wrap .art-excerpt {
    font-size: 15px;
    color: var(--ink-light);
    line-height: 1.75;
    margin: 0;
}

.fg-insights-wrap .art-excerpt-sm {
    font-size: 14px;
    color: var(--ink-light);
    line-height: 1.7;
    margin: 0;
}

.fg-insights-wrap .art-by {
    font-family: var(--mono);
    font-size: 9px;
    font-weight: 500;
    letter-spacing: 0.1em;
    color: var(--ink-muted);
    text-transform: uppercase;
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid var(--border);
    display: flex;
    justify-content: space-between;
}

.fg-insights-wrap .art-read {
    color: var(--gold-bright);
}

/* ── NEWSLETTER (full width dark bg) ── */
.fg-insights-wrap .newsletter-section {
    width: 100%;
    background: var(--ink-mid);
    padding: 52px 0;
    border-top: 1.5px solid var(--border);
}

.fg-insights-wrap .newsletter-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    align-items: center;
}

.fg-insights-wrap .newsletter-left {
    padding-right: 60px;
}

.fg-insights-wrap .newsletter-eyebrow {
    font-family: var(--mono);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.2em;
    color: var(--gold-light);
    text-transform: uppercase;
    margin-bottom: 14px;
}

.fg-insights-wrap .newsletter-title {
    font-family: var(--tight);
    font-size: clamp(22px, 3vw, 34px);
    font-weight: 700;
    letter-spacing: -0.03em;
    color: var(--cream);
    line-height: 1.1;
    margin-bottom: 14px;
}

.fg-insights-wrap .newsletter-desc {
    font-size: 15px;
    color: rgba(247, 244, 239, 0.6);
    line-height: 1.8;
    margin: 0;
}

.fg-insights-wrap .newsletter-right {
    padding-left: 60px;
}

.fg-insights-wrap .nl-form {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.fg-insights-wrap .nl-grp {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.fg-insights-wrap .nl-lbl {
    font-family: var(--mono);
    font-size: 9px;
    font-weight: 500;
    letter-spacing: 0.18em;
    color: rgba(247, 244, 239, 0.4);
    text-transform: uppercase;
}

.fg-insights-wrap .nl-input {
    background: rgba(247, 244, 239, 0.06);
    border: 1.5px solid rgba(247, 244, 239, 0.15);
    color: var(--cream);
    font-family: var(--sans);
    font-size: 15px;
    padding: 13px 16px;
    outline: none;
    width: 100%;
    transition: border-color 0.25s;
}

.fg-insights-wrap .nl-input:focus {
    border-color: var(--gold);
}

.fg-insights-wrap .nl-input::placeholder {
    color: rgba(247, 244, 239, 0.3);
}

.fg-insights-wrap .nl-btn {
    padding: 14px 36px;
    background: var(--gold);
    color: #fff;
    font-family: var(--mono);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    transition: background 0.25s;
    align-self: flex-start;
}

.fg-insights-wrap .nl-btn:hover {
    background: var(--gold-bright);
}

.fg-insights-wrap .nl-btn:disabled {
    background: var(--ink);
    cursor: default;
}

.fg-insights-wrap .nl-note {
    font-family: var(--mono);
    font-size: 9px;
    font-weight: 500;
    letter-spacing: 0.06em;
    color: rgba(247, 244, 239, 0.3);
    line-height: 1.7;
    margin: 0;
}

.fg-insights-wrap .nl-msg {
    font-family: var(--mono);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    padding: 10px 0;
    display: none;
}

.fg-insights-wrap .nl-msg.success {
    color: var(--gold-light);
    display: block;
}

.fg-insights-wrap .nl-msg.error {
    color: #e05a5a;
    display: block;
}

/* ── BOTTOM CTA ── */
.fg-insights-wrap .bottom-cta {
    width: 100%;
    padding: 64px 0;
    border-top: 1.5px solid var(--border);
    background: var(--cream-mid);
    text-align: center;
}

.fg-insights-wrap .bottom-cta-eyebrow {
    font-family: var(--mono);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.22em;
    color: var(--gold-bright);
    text-transform: uppercase;
    margin-bottom: 16px;
}

.fg-insights-wrap .bottom-cta-title {
    font-family: var(--tight);
    font-size: clamp(32px, 4vw, 52px);
    font-weight: 800;
    letter-spacing: -0.04em;
    color: var(--ink);
    margin-bottom: 16px;
}

.fg-insights-wrap .bottom-cta-title em {
    color: var(--gold);
    font-style: normal;
}

.fg-insights-wrap .bottom-cta-sub {
    font-size: 16px;
    color: var(--ink-light);
    max-width: 480px;
    margin: 0 auto 32px;
    line-height: 1.8;
}

.fg-insights-wrap .bottom-cta-actions {
    display: flex;
    justify-content: center;
    gap: 0;
}

/* ── BUTTONS ── */
.fg-insights-wrap .btn-primary {
    display: inline-flex;
    align-items: center;
    padding: 14px 36px;
    background: var(--ink);
    color: var(--cream);
    font-family: var(--mono);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    text-decoration: none !important;
    transition: background 0.25s;
    border: none;
    cursor: pointer;
}

.fg-insights-wrap .btn-primary:hover {
    background: var(--gold);
}

.fg-insights-wrap .btn-secondary {
    display: inline-flex;
    align-items: center;
    padding: 14px 32px;
    border: 1.5px solid var(--border-mid);
    color: var(--ink-light);
    font-family: var(--mono);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    text-decoration: none !important;
    transition: all 0.25s;
    background: transparent;
    cursor: pointer;
}

.fg-insights-wrap .btn-secondary:hover {
    background: var(--cream-mid);
    color: var(--ink);
    border-color: var(--ink);
}

/* ── ANIMATIONS ── */
@keyframes fg-ins-fadeUp {
    from {
        opacity: 0;
        transform: translateY(24px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fg-insights-wrap .anim-hero {
    opacity: 0;
    animation: fg-ins-fadeUp 0.8s ease forwards;
}

.fg-insights-wrap .anim-hero.d2 {
    animation-delay: 0.4s;
}

.fg-insights-wrap .reveal {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity 0.7s ease, transform 0.7s ease;
}

.fg-insights-wrap .reveal.visible {
    opacity: 1;
    transform: translateY(0);
}

/* ── RESPONSIVE ── */
@media (max-width: 1024px) {

    .fg-insights-wrap .fg-inner,
    .fg-insights-wrap .filter-bar {
        padding: 0 36px;
    }
}

@media (max-width: 768px) {

    .fg-insights-wrap .fg-inner,
    .fg-insights-wrap .filter-bar {
        padding: 0 20px;
    }

    .fg-insights-wrap .fg-page-hero {
        padding: 40px 0 32px;
    }

    .fg-insights-wrap .ins-main {
        grid-template-columns: 1fr;
    }

    .fg-insights-wrap .ins-featured {
        padding: 32px 20px;
    }

    .fg-insights-wrap .featured-inner {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .fg-insights-wrap .ins-art {
        border-right: none !important;
    }

    .fg-insights-wrap .newsletter-grid {
        grid-template-columns: 1fr;
    }

    .fg-insights-wrap .newsletter-left {
        padding-right: 0;
        margin-bottom: 32px;
    }

    .fg-insights-wrap .newsletter-right {
        padding-left: 0;
    }

    .fg-insights-wrap .filter-bar {
        overflow-x: auto;
    }
}

/* ══════════════════════════════════════════════════════════════
   FOREMARK GLOBAL — PARTNER WITH US
   File: partner-with-us.css
   Usage: wp_enqueue_style() se load karo
══════════════════════════════════════════════════════════════ */

/* ── CSS VARIABLES & BASE ── */
.fmk-wrap {
	--cream:       #f7f4ef;
	--cream-mid:   #eeebe3;
	--cream-deep:  #e4dfd5;
	--ink:         #141210;
	--ink-mid:     #252320;
	--ink-light:   #4a4742;
	--ink-muted:   #7a7770;
	--gold:        #9a7830;
	--gold-b:      #b8922e;
	--gold-light:  #c9a84c;
	--gold-bg:     rgba(154,120,48,0.08);
	--gold-br:     rgba(154,120,48,0.25);
	--border:      rgba(20,18,16,0.12);
	--border-mid:  rgba(20,18,16,0.22);
	--tight:       'Inter Tight', sans-serif;
	--sans:        'Inter', sans-serif;
	--mono:        'DM Mono', monospace;
	--page:        60px;
	font-family: var(--sans);
	background: var(--cream);
	color: var(--ink);
	font-size: 16px;
	line-height: 1.65;
	-webkit-font-smoothing: antialiased;
}
.fmk-wrap *, .fmk-wrap *::before, .fmk-wrap *::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

/* ── FULL WIDTH SECTIONS WITH 1200px MAX WIDTH ── */
.fmk-wrap {
	width: 100%;
}
.fmk-container {
	margin: 0 auto;
	width: 100%;
}
.fmk-section,
.fmk-hero {
	width: 100%;
}
.fmk-section .fmk-container,
.fmk-hero .fmk-container {
	padding: 0 var(--page);
}

/* ── PAGE HERO ── */
.fmk-hero {
	padding: 72px var(--page) 60px;
	border-bottom: 1.5px solid var(--border);
	background: var(--cream);
}
.fmk-breadcrumb {
	font-family: var(--mono); font-size: 10px; font-weight: 500;
	letter-spacing: 0.14em; color: var(--ink-muted);
	text-transform: uppercase; margin-bottom: 24px;
	display: flex; align-items: center; gap: 8px;
}
.fmk-breadcrumb a { color: var(--gold-b); text-decoration: none !important; }
.fmk-hero h1 {
	font-family: var(--tight); font-weight: 800;
	font-size: clamp(48px, 7vw, 88px);
	line-height: 0.94; letter-spacing: -0.04em;
	color: var(--ink); margin-bottom: 20px;
}
.fmk-hero h1 em { color: var(--gold); font-style: normal; }
.fmk-hero p {
	font-size: 17px; color: var(--ink-light);
	max-width: 620px; line-height: 1.8;
}

/* ── SECTION ── */
.fmk-section {
	padding: 88px var(--page);
	border-bottom: 1.5px solid var(--border);
}
.fmk-section.fmk-alt { background: var(--cream-mid); }

/* ── SECTION HEADER ── */
.fmk-sec-hdr {
	display: grid; grid-template-columns: 80px 1fr;
	gap: 36px; margin-bottom: 56px;
	padding-bottom: 40px; border-bottom: 1.5px solid var(--border);
	align-items: start;
}
.fmk-sec-num {
	font-family: var(--mono); font-size: 11px;
	font-weight: 500; letter-spacing: 0.1em;
	color: var(--ink-muted); padding-top: 4px;
}
.fmk-sec-tag {
	font-family: var(--mono); font-size: 10px;
	font-weight: 500; letter-spacing: 0.22em;
	color: var(--gold-b); text-transform: uppercase;
	margin-bottom: 12px;
	display: flex; align-items: center; gap: 12px;
}
.fmk-sec-tag::before {
	content: ''; display: block;
	width: 20px; height: 1.5px; background: var(--gold-b);
}
.fmk-sec-hdr h2 {
	font-family: var(--tight); font-weight: 700;
	font-size: clamp(28px, 3.5vw, 46px);
	line-height: 1.05; letter-spacing: -0.03em; color: var(--ink);
}
.fmk-sec-hdr h2 em { font-style: normal; color: var(--gold); }
.fmk-sec-hdr p {
	margin-top: 12px; font-size: 16px;
	color: var(--ink-light); line-height: 1.75; max-width: 520px;
}

/* ── TWO PATHWAYS GRID ── */
.fmk-pathways {
	display: grid; grid-template-columns: 1fr 1fr;
	gap: 0; border: 1.5px solid var(--border);
}
.fmk-pathway {
	padding: 52px 48px;
	border-right: 1.5px solid var(--border);
}
.fmk-pathway:last-child { border-right: none; }
.fmk-pathway-tag {
	font-family: var(--mono); font-size: 10px;
	font-weight: 500; letter-spacing: 0.2em;
	color: var(--gold-b); text-transform: uppercase; margin-bottom: 20px;
}
.fmk-pathway h3 {
	font-family: var(--tight); font-size: 30px;
	font-weight: 700; letter-spacing: -0.03em;
	color: var(--ink); margin-bottom: 16px; line-height: 1.1;
}
.fmk-pathway p {
	font-size: 16px; color: var(--ink-light);
	line-height: 1.8; margin-bottom: 24px;
}
.fmk-big-num {
	font-family: var(--tight); font-size: 48px;
	font-weight: 800; letter-spacing: -0.04em;
	color: var(--gold); line-height: 1; margin-bottom: 4px;
}
.fmk-big-label {
	font-family: var(--mono); font-size: 10px;
	font-weight: 500; letter-spacing: 0.1em;
	color: var(--ink-muted); text-transform: uppercase; margin-bottom: 28px;
}
.fmk-btn-ink {
	display: inline-flex; align-items: center;
	padding: 14px 28px;
	background: var(--ink); color: var(--cream);
	font-family: var(--mono); font-size: 10px;
	font-weight: 500; letter-spacing: 0.14em;
	text-transform: uppercase; text-decoration: none !important;
	border: none; cursor: pointer; transition: background 0.25s;
}
.fmk-btn-ink:hover { background: var(--gold); color: #fff; }
.fmk-btn-out {
	display: inline-flex; align-items: center;
	padding: 14px 28px;
	background: transparent; color: var(--ink-light);
	font-family: var(--mono); font-size: 10px;
	font-weight: 500; letter-spacing: 0.14em;
	text-transform: uppercase; text-decoration: none !important;
	border: 1.5px solid var(--border-mid);
	cursor: pointer; transition: all 0.25s;
}
.fmk-btn-out:hover { background: var(--ink); color: var(--cream); border-color: var(--ink); }

/* ── TWO COL LAYOUT ── */
.fmk-two-col {
	display: grid; grid-template-columns: 1fr 1fr; gap: 0;
}
.fmk-col-left {
	padding-right: 64px; border-right: 1.5px solid var(--border);
}
.fmk-col-right { padding-left: 64px; }
.fmk-col-left-sm {
	padding-right: 60px; border-right: 1.5px solid var(--border);
}
.fmk-col-right-sm { padding-left: 60px; }

/* ── FEATURE LIST ── */
.fmk-mini-label {
	font-family: var(--mono); font-size: 10px;
	font-weight: 500; letter-spacing: 0.16em;
	color: var(--gold-b); text-transform: uppercase; margin-bottom: 16px;
}
.fmk-feat-list { list-style: none; }
.fmk-feat-list li {
	padding: 14px 0; border-bottom: 1.5px solid var(--border);
	display: flex; align-items: flex-start; gap: 14px;
}
.fmk-feat-list li:last-child { border-bottom: none; }
.fmk-feat-icon {
	color: var(--gold-b); font-family: var(--tight);
	font-weight: 700; font-size: 16px;
	flex-shrink: 0; margin-top: 1px;
}
.fmk-feat-list h4 {
	font-family: var(--tight); font-size: 16px;
	font-weight: 600; color: var(--ink); margin-bottom: 4px;
}
.fmk-feat-list p {
	font-size: 14px; color: var(--ink-light); line-height: 1.7;
}

/* ── REQUIREMENT BOX ── */
.fmk-req-box { border: 1.5px solid var(--border); margin-bottom: 28px; }
.fmk-req-row {
	padding: 24px; border-bottom: 1.5px solid var(--border);
	display: grid; grid-template-columns: 36px 1fr;
	gap: 14px; align-items: flex-start;
}
.fmk-req-row:last-child { border-bottom: none; }
.fmk-req-n {
	font-family: var(--tight); font-size: 18px;
	font-weight: 800; color: var(--gold-b);
}
.fmk-req-row h4 {
	font-family: var(--tight); font-size: 15px;
	font-weight: 600; color: var(--ink); margin-bottom: 4px;
}
.fmk-req-row p {
	font-size: 13px; color: var(--ink-light); line-height: 1.7;
}

/* ── CORRIDOR PILLS ── */
.fmk-gold-box {
	padding: 24px; background: var(--gold-bg);
	border: 1.5px solid var(--gold-br);
}
.fmk-pills { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.fmk-pill {
	font-family: var(--mono); font-size: 10px;
	font-weight: 500; padding: 7px 14px;
	border: 1.5px solid var(--border);
	color: var(--ink-light); background: var(--cream);
}

/* ── STEPS BOX ── */
.fmk-steps-box { border: 1.5px solid var(--border); }
.fmk-step {
	padding: 20px 24px; border-bottom: 1.5px solid var(--border);
	display: grid; grid-template-columns: 32px 1fr;
	gap: 12px; align-items: flex-start;
}
.fmk-step:last-child { border-bottom: none; }
.fmk-step-n {
	font-family: var(--tight); font-size: 18px;
	font-weight: 800; color: var(--gold-b);
}
.fmk-step h4 {
	font-family: var(--tight); font-size: 15px;
	font-weight: 600; color: var(--ink); margin-bottom: 3px;
}
.fmk-step p { font-size: 13px; color: var(--ink-light); line-height: 1.6; }

/* ── REFERRAL MODEL ── */
.fmk-ref-box { border: 1.5px solid var(--border); margin-bottom: 28px; }
.fmk-ref-row { padding: 22px 24px; border-bottom: 1.5px solid var(--border); }
.fmk-ref-row:last-child { border-bottom: none; }
.fmk-ref-row h4 {
	font-family: var(--tight); font-size: 15px;
	font-weight: 600; color: var(--ink); margin-bottom: 6px;
}
.fmk-ref-row p { font-size: 14px; color: var(--ink-light); line-height: 1.7; }

.fmk-who-list { list-style: none; display: flex; flex-direction: column; gap: 8px; }
.fmk-who-list li {
	font-size: 14px; color: var(--ink-light);
	display: flex; gap: 10px; align-items: flex-start;
}
.fmk-who-list li span { color: var(--gold-b); font-weight: 600; margin-top: 1px; }

/* ── FORM ── */
.fmk-form { display: flex; flex-direction: column; gap: 14px; }
.fmk-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.fmk-form-grp { display: flex; flex-direction: column; gap: 6px;margin-top: 10px;margin-bottom: 10px; }
.fmk-form-lbl {
	font-family: var(--mono); font-size: 9px;
	font-weight: 500; letter-spacing: 0.18em;
	color: var(--ink-muted); text-transform: uppercase;
}
.fmk-form-input,
.fmk-form-sel,
.fmk-form-ta {
	background: #fff; border: 1.5px solid var(--border-mid);
	color: var(--ink); font-family: var(--sans);
	font-size: 15px; font-weight: 400;
	padding: 13px 16px; outline: none; width: 100%;
	transition: border-color 0.25s;
}
.fmk-form-input:focus,
.fmk-form-sel:focus,
.fmk-form-ta:focus { border-color: var(--gold); }
.fmk-form-input::placeholder,
.fmk-form-ta::placeholder { color: var(--ink-muted); }
.fmk-form-sel {
	appearance: none; cursor: pointer;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%239a7830' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 14px center;
	background-color: #fff;
}
.fmk-form-ta { resize: vertical; min-height: 100px; line-height: 1.7; }
.fmk-form-sub {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;

	padding: 14px 44px !important;

	background: var(--ink) !important;
	color: var(--cream) !important;

	font-family: var(--mono) !important;
	font-size: 10px !important;
	font-weight: 500 !important;
	letter-spacing: 0.16em !important;
	text-transform: uppercase !important;

	border: none !important;
	border-radius: 0 !important;

	cursor: pointer !important;

	transition:
		background 0.25s ease,
		color 0.25s ease,
		transform 0.15s ease !important;

	align-self: flex-start !important;
	margin-top: 4px !important;

	width: auto !important;
	min-height: 52px !important;

	-webkit-appearance: none !important;
	appearance: none !important;

	opacity: 1 !important;
	visibility: visible !important;
}

.fmk-form-sub:hover:not(:disabled) {
	background: var(--gold) !important;
	color: #fff !important;
}

.fmk-form-sub:active:not(:disabled) {
	transform: translateY(1px) !important;
}

.fmk-form-sub:disabled {
	opacity: 0.7 !important;
	cursor: not-allowed !important;
}
.fmk-form-note {
	font-family: var(--mono); font-size: 9px; font-weight: 500;
	letter-spacing: 0.06em; color: var(--ink-muted);
	line-height: 1.7; margin-top: 4px;
}

/* ── SUCCESS / ERROR STATES ── */

/* Form fields — hidden after successful submit */
.fmk-form.fmk-submitted .fmk-form-fields {
	display: none;
}

/* Success message — hidden by default, shown after submit */
.fmk-success-wrap {
	display: none;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
	padding: 32px;
	background: var(--gold-bg);
	border: 1.5px solid var(--gold-br);
}
.fmk-success-wrap.fmk-visible {
	display: flex;
}
.fmk-success-icon {
	font-size: 28px;
	color: var(--gold-b);
}
.fmk-success-wrap h3 {
	font-family: var(--tight); font-size: 22px;
	font-weight: 700; letter-spacing: -0.02em;
	color: var(--ink); margin-bottom: 6px;
}
.fmk-success-wrap p {
	font-size: 15px; color: var(--ink-light); line-height: 1.75;
}
.fmk-success-wrap .fmk-btn-ink {
	margin-top: 4px;
}

/* Error message */
.fmk-error-msg {
	display: none;
	padding: 14px 20px;
	background: rgba(180,40,40,0.06);
	border: 1.5px solid rgba(180,40,40,0.2);
	margin-top: 8px;
}
.fmk-error-msg.fmk-visible {
	display: block;
}
.fmk-error-msg p {
	font-size: 14px; color: #b42828;
}

/* ── RESPONSIVE ── */
@media (max-width: 900px) {
	.fmk-wrap { --page: 24px; }
	.fmk-pathways,
	.fmk-two-col { grid-template-columns: 1fr; }
	.fmk-pathway { border-right: none; border-bottom: 1.5px solid var(--border); }
	.fmk-pathway:last-child { border-bottom: none; }
	.fmk-col-left, .fmk-col-left-sm {
		padding-right: 0; border-right: none;
		border-bottom: 1.5px solid var(--border); padding-bottom: 40px;
	}
	.fmk-col-right, .fmk-col-right-sm { padding-left: 0; padding-top: 40px; }
	.fmk-sec-hdr { grid-template-columns: 1fr; gap: 10px; }
	.fmk-form-row { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
	.fmk-wrap { --page: 16px; }
	.fmk-section { padding: 56px var(--page); }
	.fmk-hero { padding: 48px var(--page) 40px; }
}

/* ═══════════════════════════════════════════════
FOREMARK GLOBAL — TEAM LISTING PAGE STYLES
═══════════════════════════════════════════════ */

.fmt-team-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 24px;
    padding: 32px;
    font-family: 'Barlow', sans-serif;
    background: #F0EBE0;
}

.fmt-card {
    display: block;
    text-decoration: none !important;
    border: 1.5px solid #ccc3b3;
    background: #F0EBE0;
    transition: border-color 0.25s ease;
}

.fmt-card:hover {
    border-color: #B59A5A;
}

.fmt-card__img {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: #E8E1D5;
}

.fmt-card__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}

.fmt-card:hover .fmt-card__img img {
    transform: scale(1.04);
}

.fmt-card__overlay {
    position: absolute;
    inset: 0;
    background: rgba(181, 154, 90, 0.06);
    transition: background 0.25s ease;
}

.fmt-card:hover .fmt-card__overlay {
    background: rgba(181, 154, 90, 0.16);
}

.fmt-card__body {
    padding: 18px 20px 20px;
    border-top: 1.5px solid #ccc3b3;
}

.fmt-card__name {
    font-family: 'Barlow', sans-serif;
    font-size: 17px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 5px;
    line-height: 1.2;
}

.fmt-card__desig {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 11px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #B59A5A;
    margin: 0 0 10px;
}

.fmt-card__loc {
    display: block;
    font-size: 13px;
    color: #666;
    line-height: 1.55;
    margin-bottom: 16px;
}

.fmt-card__btn {
    display: inline-block;
    background: #1a1a1a;
    color: #F0EBE0;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 11px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    padding: 10px 16px;
    transition: background 0.25s ease;
}

.fmt-card:hover .fmt-card__btn {
    background: #B59A5A;
}

/* Responsive */
@media (max-width: 768px) {
    .fmt-team-grid {
        padding: 20px;
        gap: 16px;
        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    }
    
    .fmt-card__body {
        padding: 14px 16px 16px;
    }
    
    .fmt-card__name {
        font-size: 15px;
    }
    
    .fmt-card__btn {
        padding: 8px 14px;
        font-size: 10px;
    }
}

@media (max-width: 480px) {
    .fmt-team-grid {
        padding: 16px;
        grid-template-columns: 1fr;
    }
}
/* ═══════════════════════════════════════════════
FOREMARK GLOBAL — TEAM SINGLE PAGE STYLES
═══════════════════════════════════════════════ */
/* ── Page wrapper ── */
.fmt-single-wrap {
    background: #F0EBE0;
    min-height: 100vh;
    padding: 40px 48px;
    font-family: 'Barlow', sans-serif;
    box-sizing: border-box;
    margin: 0 auto;
}

/* ── Top breadcrumb label ── */
.fmt-single-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 11px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #B59A5A;
    margin-bottom: 10px;
}

.fmt-single-breadcrumb::before {
    content: '';
    display: inline-block;
    width: 28px;
    height: 1.5px;
    background: #B59A5A;
}

/* ── Page heading ── */
.fmt-single-heading {
    font-family: 'Barlow', sans-serif;
    font-size: 38px;
    font-weight: 300;
    color: #1a1a1a;
    margin: 0 0 6px;
    line-height: 1.1;
}

.fmt-single-heading strong {
    font-weight: 700;
}

.fmt-single-divider {
    height: 1px;
    background: #ccc3b3;
    margin: 20px 0 32px;
}

/* ── Two-column layout ── */
.fmt-single-layout {
    display: grid;
    grid-template-columns: 240px 1fr;
    gap: 40px;
    align-items: start;
}

/* ── LEFT column ── */
.fmt-single-avatar {
    width: 190px;
    height: 190px;
    border: 1.5px solid #B59A5A;
    background: #E8E1D5;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    overflow: hidden;
}

.fmt-single-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.fmt-single-avatar .fmt-initials {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 54px;
    font-weight: 600;
    color: #B59A5A;
    letter-spacing: 0.05em;
}

.fmt-single-name {
    font-size: 16px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 5px;
}

.fmt-single-desig {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 11px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #B59A5A;
    margin: 0 0 10px;
}

.fmt-single-loc {
    font-size: 13px;
    color: #666;
    line-height: 1.6;
    margin: 0 0 20px;
}

.fmt-single-btn {
    display: inline-block;
    background: #1a1a1a;
    color: #F0EBE0;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 11px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    padding: 11px 18px;
    text-decoration: none !important;
    transition: background 0.25s ease;
}

.fmt-single-btn:hover {
    background: #B59A5A;
    color: #F0EBE0;
}

/* ── RIGHT column ── */
.fmt-single-bio {
    font-size: 14px;
    color: #2a2a2a;
    line-height: 1.8;
    margin: 0 0 28px;
}

.fmt-single-bio p {
    margin: 0 0 14px;
}

/* ── Stats grid ── */
.fmt-single-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border: 1px solid #ccc3b3;
    margin-bottom: 28px;
}

.fmt-single-stat {
    padding: 18px 12px;
    text-align: center;
    border-right: 1px solid #ccc3b3;
}

.fmt-single-stat:last-child {
    border-right: none;
}

.fmt-single-stat strong {
    display: block;
    font-size: 26px;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1;
    margin-bottom: 6px;
}

.fmt-single-stat span {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 10px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #888;
}

/* ── Expertise ── */
.fmt-single-exp-label {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 10px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #B59A5A;
    margin-bottom: 12px;
}

.fmt-single-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.fmt-single-tag {
    font-size: 12px;
    color: #333;
    border: 1px solid #ccc3b3;
    padding: 6px 14px;
    background: transparent;
    transition: border-color 0.2s, color 0.2s;
}

.fmt-single-tag:hover {
    border-color: #B59A5A;
    color: #B59A5A;
}

/* ── Animations ── */
@keyframes fmtFadeIn {
    from {
        opacity: 0;
        transform: translateY(15px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fmt-single-wrap {
    animation: fmtFadeIn 0.5s ease-out;
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .fmt-single-wrap {
        padding: 24px 20px;
    }
    
    .fmt-single-layout {
        grid-template-columns: 1fr;
    }
    
    .fmt-single-stats {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .fmt-single-stat:nth-child(2) {
        border-right: none;
    }
    
    .fmt-single-stat:nth-child(3) {
        border-top: 1px solid #ccc3b3;
    }
    
    .fmt-single-stat:nth-child(4) {
        border-top: 1px solid #ccc3b3;
    }
    
    .fmt-single-heading {
        font-size: 28px;
    }
    
    .fmt-single-avatar {
        width: 140px;
        height: 140px;
    }
}

@media (max-width: 480px) {
    .fmt-single-wrap {
        padding: 20px 16px;
    }
    
    .fmt-single-stats {
        grid-template-columns: 1fr;
    }
    
    .fmt-single-stat {
        border-right: none;
        border-bottom: 1px solid #ccc3b3;
    }
    
    .fmt-single-stat:last-child {
        border-bottom: none;
    }
    
    .fmt-single-heading {
        font-size: 24px;
    }
}
/**
 * Render Foremark corridor comparison page.
 *
 * Displays India, UAE, and Singapore comparison,
 * scenarios, insights, and CTA sections.
 *
 * @return string Generated HTML output.
 */
 /* ═══════════════════════════════════════════════
FOREMARK GLOBAL — COMPARE CORRIDORS PAGE STYLES
═══════════════════════════════════════════════ */
.fg-compare-wrap .hero{
    display:block !important;
    width:100% !important;
    max-width:none !important;
}

.fg-compare-wrap{
    width:100% !important;
}

.fg-compare-wrap .hero-h,
.fg-compare-wrap .hero-sub{
    max-width:none;
}
.fg-compare-wrap *,
.fg-compare-wrap *::before,
.fg-compare-wrap *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.fg-compare-wrap {
    font-family: var(--sans);
    background: var(--bg);
    color: var(--ink);
    overflow-x: hidden;
}

.fg-compare-wrap a {
    text-decoration: none;
    
}

.fg-compare-wrap ul {
    list-style: none;
}

/* HERO */
.fg-compare-wrap .hero {
    /* padding: 80px 60px 0; */
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid var(--line);
}

.fg-compare-wrap .hero-eyebrow {
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .28em;
    color: var(--gb);
    text-transform: uppercase;
    margin-bottom: 22px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.fg-compare-wrap .hero-eyebrow::before {
    content: '';
    display: block;
    width: 20px;
    height: 1.5px;
    background: var(--gb);
}

.fg-compare-wrap .hero-h {
    font-family: var(--head);
    font-size: clamp(44px, 6vw, 80px);
    font-weight: 700;
    line-height: 1.04;
    color: var(--ink);
    letter-spacing: -.03em;
    margin-bottom: 14px;
    max-width: 800px;
}

.fg-compare-wrap .hero-h em {
    font-style: normal;
    font-family: var(--serif);
    font-weight: 400;
    color: var(--g);
}

.fg-compare-wrap .hero-sub {
    font-size: 16px;
    color: var(--inkl);
    line-height: 1.8;
    max-width: 560px;
    margin-bottom: 52px;
}

/* CORRIDOR CARDS ROW */
.fg-compare-wrap .corridor-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    border-top: 1px solid var(--line);
    margin: 0 -60px;
}

.fg-compare-wrap .corridor-card {
    padding: 44px 48px;
    border-right: 1px solid var(--line);
    position: relative;
    overflow: hidden;
    transition: background .22s;
}

.fg-compare-wrap .corridor-card:last-child {
    border-right: none;
}

.fg-compare-wrap .corridor-card:hover {
    background: var(--bg1);
}

.fg-compare-wrap .cc-flag {
    font-size: 36px;
    margin-bottom: 16px;
    line-height: 1;
}

.fg-compare-wrap .cc-region {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--gb);
    margin-bottom: 8px;
}

.fg-compare-wrap .cc-name {
    font-family: var(--head);
    font-size: 28px;
    font-weight: 700;
    color: var(--ink);
    letter-spacing: -.02em;
    margin-bottom: 6px;
}

.fg-compare-wrap .cc-tagline {
    font-size: 13.5px;
    color: var(--inkl);
    line-height: 1.6;
    margin-bottom: 20px;
}

.fg-compare-wrap .cc-stat {
    font-family: var(--head);
    font-size: 36px;
    font-weight: 700;
    letter-spacing: -.03em;
    line-height: 1;
    margin-bottom: 4px;
}

.fg-compare-wrap .cc-stat.india-c {
    color: var(--india);
}

.fg-compare-wrap .cc-stat.uae-c {
    color: var(--uae);
}

.fg-compare-wrap .cc-stat.sg-c {
    color: var(--sg);
}

.fg-compare-wrap .cc-stat-l {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--inkg);
    margin-bottom: 20px;
}

.fg-compare-wrap .cc-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--gb);
    transition: gap .18s;
}

.fg-compare-wrap .corridor-card:hover .cc-link {
    gap: 12px;
}

.fg-compare-wrap .cc-bar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
}

.fg-compare-wrap .india-bar {
    background: linear-gradient(90deg, var(--india), rgba(46, 107, 62, .4));
}

.fg-compare-wrap .uae-bar {
    background: linear-gradient(90deg, var(--uae), rgba(139, 26, 26, .4));
}

.fg-compare-wrap .sg-bar {
    background: linear-gradient(90deg, var(--sg), rgba(26, 74, 139, .4));
}

/* COMPARISON TABLE */
.fg-compare-wrap .compare {
    padding: 0 60px 100px;
}

.fg-compare-wrap .compare-header {
    padding: 80px 0 40px;
}

.fg-compare-wrap .compare-header-h {
    font-family: var(--head);
    font-size: clamp(32px, 3.5vw, 48px);
    font-weight: 700;
    letter-spacing: -.03em;
    color: var(--ink);
    margin-bottom: 12px;
}

.fg-compare-wrap .compare-header-h em {
    font-style: normal;
    font-family: var(--serif);
    font-weight: 400;
    color: var(--g);
}

.fg-compare-wrap .compare-header-sub {
    font-size: 15px;
    color: var(--inkl);
    max-width: 520px;
    line-height: 1.8;
}

.fg-compare-wrap .section-label {
    font-family: var(--mono);
    font-size: 7.5px;
    letter-spacing: .28em;
    font-weight: 500;
    color: var(--gb);
    text-transform: uppercase;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.fg-compare-wrap .section-label::before {
    content: '';
    display: block;
    width: 12px;
    height: 1.5px;
    background: var(--gb);
}

/* Sticky table header */
.fg-compare-wrap .tbl-wrap {
    border: 1px solid var(--line);
    overflow: hidden;
}

.fg-compare-wrap .tbl-head {
    display: grid;
    grid-template-columns: 220px repeat(3, 1fr);
    position: sticky;
    top: 108px;
    z-index: 50;
    background: var(--bg);
    border-bottom: 2px solid var(--line2);
}

.fg-compare-wrap .th-blank {
    padding: 20px 24px;
    border-right: 1px solid var(--line);
}

.fg-compare-wrap .th-col {
    padding: 20px 24px;
    border-right: 1px solid var(--line);
    text-align: center;
}

.fg-compare-wrap .th-col:last-child {
    border-right: none;
}

.fg-compare-wrap .th-flag {
    font-size: 22px;
    margin-bottom: 4px;
}

.fg-compare-wrap .th-name {
    font-family: var(--head);
    font-size: 16px;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 2px;
}

.fg-compare-wrap .th-tag {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--inkg);
}

/* Section row */
.fg-compare-wrap .tbl-section {
    display: grid;
    grid-template-columns: 220px repeat(3, 1fr);
    background: var(--bg1);
    border-top: 1px solid var(--line);
}

.fg-compare-wrap .tbl-section-label {
    grid-column: 1/-1;
    padding: 14px 24px;
    font-family: var(--mono);
    font-size: 8.5px;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--gb);
    border-bottom: 1px solid var(--line);
    background: var(--bg1);
}

/* Data row */
.fg-compare-wrap .tbl-row {
    display: grid;
    grid-template-columns: 220px repeat(3, 1fr);
    border-top: 1px solid var(--line);
    transition: background .15s;
}

.fg-compare-wrap .tbl-row:hover {
    background: rgba(154, 120, 48, .03);
}

.fg-compare-wrap .tbl-row-label {
    padding: 18px 24px;
    border-right: 1px solid var(--line);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.fg-compare-wrap .tbl-row-label-t {
    font-family: var(--head);
    font-size: 12.5px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 2px;
}

.fg-compare-wrap .tbl-row-label-s {
    font-size: 11px;
    color: var(--inkg);
}

.fg-compare-wrap .tbl-cell {
    padding: 18px 24px;
    border-right: 1px solid var(--line);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.fg-compare-wrap .tbl-cell:last-child {
    border-right: none;
}

/* Cell content types */
.fg-compare-wrap .cell-val {
    font-family: var(--head);
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1;
    margin-bottom: 3px;
}

.fg-compare-wrap .cell-val.india-c {
    color: var(--india);
}

.fg-compare-wrap .cell-val.uae-c {
    color: var(--uae);
}

.fg-compare-wrap .cell-val.sg-c {
    color: var(--sg);
}

.fg-compare-wrap .cell-sub {
    font-size: 11.5px;
    color: var(--inkl);
    line-height: 1.5;
}

.fg-compare-wrap .cell-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .1em;
    text-transform: uppercase;
    padding: 3px 9px;
    margin-top: 6px;
    width: fit-content;
}

.fg-compare-wrap .badge-best {
    background: var(--gfill2);
    border: 1px solid var(--gborder);
    color: var(--gb);
}

.fg-compare-wrap .badge-good {
    background: rgba(19, 17, 16, .04);
    border: 1px solid var(--line2);
    color: var(--inkl);
}

.fg-compare-wrap .badge-note {
    background: rgba(184, 146, 46, .06);
    border: 1px solid rgba(184, 146, 46, .2);
    color: var(--gb);
}

/* WHO SECTION */
.fg-compare-wrap .who {
    padding: 100px 60px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
}

.fg-compare-wrap .who-col {
    padding: 48px 44px;
    border-right: 1px solid var(--line);
}

.fg-compare-wrap .who-col:last-child {
    border-right: none;
}

.fg-compare-wrap .who-corridor {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .2em;
    text-transform: uppercase;
    margin-bottom: 14px;
}

.fg-compare-wrap .who-corridor.india-c {
    color: var(--india);
}

.fg-compare-wrap .who-corridor.uae-c {
    color: var(--uae);
}

.fg-compare-wrap .who-corridor.sg-c {
    color: var(--sg);
}

.fg-compare-wrap .who-h {
    font-family: var(--head);
    font-size: 20px;
    font-weight: 700;
    color: var(--ink);
    letter-spacing: -.02em;
    margin-bottom: 16px;
    line-height: 1.2;
}

.fg-compare-wrap .who-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 28px;
}

.fg-compare-wrap .who-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 13px;
    color: var(--inkl);
    line-height: 1.5;
}

.fg-compare-wrap .who-dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    flex-shrink: 0;
    margin-top: 6px;
}

.fg-compare-wrap .india-dot {
    background: var(--india);
}

.fg-compare-wrap .uae-dot {
    background: var(--uae);
}

.fg-compare-wrap .sg-dot {
    background: var(--sg);
}

.fg-compare-wrap .who-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--gb);
    transition: gap .18s;
}

.fg-compare-wrap .who-link:hover {
    gap: 12px;
}

/* DECISION TOOL */
.fg-compare-wrap .decision {
    padding: 100px 60px;
    background: var(--ink);
    position: relative;
    overflow: hidden;
}

.fg-compare-wrap .decision::before {
    content: '?';
    position: absolute;
    right: -20px;
    bottom: -100px;
    font-family: var(--serif);
    font-style: normal;
    font-size: 400px;
    color: rgba(154, 120, 48, .04);
    pointer-events: none;
    line-height: 1;
}

.fg-compare-wrap .decision-label {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .24em;
    text-transform: uppercase;
    color: var(--gl);
    margin-bottom: 16px;
}

.fg-compare-wrap .decision-h {
    font-family: var(--head);
    font-size: clamp(32px, 4vw, 52px);
    font-weight: 700;
    letter-spacing: -.03em;
    color: #fff;
    margin-bottom: 12px;
}

.fg-compare-wrap .decision-h em {
    font-style: normal;
    font-family: var(--serif);
    font-weight: 400;
    color: var(--gl);
}

.fg-compare-wrap .decision-sub {
    font-size: 15px;
    color: rgba(247, 244, 239, .42);
    max-width: 480px;
    line-height: 1.8;
    margin-bottom: 52px;
}

.fg-compare-wrap .decision-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    position: relative;
    z-index: 1;
}

.fg-compare-wrap .decision-card {
    padding: 32px 28px;
    border: 1px solid rgba(247, 244, 239, .08);
    background: rgba(247, 244, 239, .03);
    transition: all .22s;
    cursor: pointer;
}

.fg-compare-wrap .decision-card:hover {
    background: rgba(247, 244, 239, .07);
    border-color: rgba(247, 244, 239, .18);
}

.fg-compare-wrap .decision-q {
    font-family: var(--mono);
    font-size: 8.5px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: rgba(247, 244, 239, .35);
    margin-bottom: 12px;
}

.fg-compare-wrap .decision-scenario {
    font-family: var(--head);
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 14px;
    line-height: 1.3;
}

.fg-compare-wrap .decision-answer {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    background: rgba(154, 120, 48, .12);
    border: 1px solid rgba(154, 120, 48, .2);
}

.fg-compare-wrap .decision-answer-flag {
    font-size: 16px;
}

.fg-compare-wrap .decision-answer-text {
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--gl);
}

/* CTA */
.fg-compare-wrap .cta-band {
    padding: 100px 60px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 12px;
    border-top: 1px solid var(--line);
}

.fg-compare-wrap .cta-corridor {
    padding: 36px 32px;
    border: 1px solid var(--line);
    position: relative;
    overflow: hidden;
    transition: all .22s;
}

.fg-compare-wrap .cta-corridor:hover {
    background: var(--bg1);
    border-color: var(--line2);
    transform: translateY(-2px);
    box-shadow: 0 8px 28px rgba(19, 17, 16, .07);
}

.fg-compare-wrap .cta-corridor-bar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
}

.fg-compare-wrap .cta-corridor-flag {
    font-size: 28px;
    margin-bottom: 16px;
}

.fg-compare-wrap .cta-corridor-name {
    font-family: var(--head);
    font-size: 20px;
    font-weight: 700;
    color: var(--ink);
    letter-spacing: -.02em;
    margin-bottom: 6px;
}

.fg-compare-wrap .cta-corridor-p {
    font-size: 13px;
    color: var(--inkl);
    line-height: 1.65;
    margin-bottom: 24px;
}

.fg-compare-wrap .cta-corridor-link {
    display: flex;
    align-items: center;
    gap: 7px;
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--gb);
    transition: gap .18s;
}

.fg-compare-wrap .cta-corridor:hover .cta-corridor-link {
    gap: 12px;
}

/* Animations */
@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fg-compare-wrap .fade-up {
    animation: fadeUp .7s var(--ease) both;
}

.fg-compare-wrap .d1 {
    animation-delay: .1s;
}

.fg-compare-wrap .d2 {
    animation-delay: .2s;
}

.fg-compare-wrap .d3 {
    animation-delay: .3s;
}

/* Responsive */
@media (max-width: 1100px) {
    .fg-compare-wrap .corridor-cards,
    .fg-compare-wrap .tbl-head,
    .fg-compare-wrap .tbl-section,
    .fg-compare-wrap .tbl-row,
    .fg-compare-wrap .who,
    .fg-compare-wrap .decision-grid,
    .fg-compare-wrap .cta-band {
        grid-template-columns: 1fr;
    }
    .fg-compare-wrap .tbl-head,
    .fg-compare-wrap .tbl-section,
    .fg-compare-wrap .tbl-row {
        display: block;
    }
    .fg-compare-wrap .tbl-cell {
        border-right: none;
        border-top: 1px solid var(--line);
    }
    .fg-compare-wrap .th-col {
        border-right: none;
    }
}

@media (max-width: 768px) {
    .fg-compare-wrap .hero,
    .fg-compare-wrap .compare,
    .fg-compare-wrap .who,
    .fg-compare-wrap .decision,
    .fg-compare-wrap .cta-band {
        padding-left: 24px;
        padding-right: 24px;
    }
    .fg-compare-wrap .corridor-cards {
        margin: 0 -24px;
    }
}

/* 1. INDIA CORRIDOR */

/* BUTTONS */
.btn-outline{
    font-family:var(--mono);
    font-size:9px;
    font-weight:500;
    letter-spacing:.12em;
    color:var(--inkl);
    text-transform:uppercase;
    padding:8px 15px;
    border:1px solid var(--line2);
    transition:all .2s
}
.btn-outline:hover{
    color:var(--ink);
    border-color:var(--line3);
    background:var(--bg1)
}
.btn-solid{
    display:flex;
    align-items:center;
    gap:8px;
    font-family:var(--mono);
    font-size:9px;
    font-weight:500;
    letter-spacing:.12em;
    color:#fff;
    text-transform:uppercase;
    padding:9px 22px;
    background:var(--ink);
    position:relative;
    overflow:hidden
}
.btn-solid::before{
    content:'';
    position:absolute;
    inset:0;
    background:var(--gb);
    transform:translateX(-101%);
    transition:transform .3s var(--ease)
}
.btn-solid:hover::before{
    transform:translateX(0)
}
.btn-solid>*{
    position:relative;
    z-index:1
}
.btn-arr{
    width:18px;
    height:18px;
    border-radius:50%;
    background:rgba(255,255,255,.15);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:11px;
    transition:transform .22s
}
.btn-solid:hover .btn-arr{
    transform:translateX(3px)
}

/* BREADCRUMB */
.breadcrumb{
    padding:16px 60px;
    border-bottom:1px solid var(--line);
    background:var(--bg1);
    display:flex;
    align-items:center;
    gap:8px
}
.breadcrumb a,.breadcrumb span{
    font-family:var(--mono);
    text-decoration:none !important;
    font-size:9px;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:var(--inkg)
}
.breadcrumb a:hover{
    color:var(--gb)
}
.breadcrumb .sep{
    color:var(--line3)
}
.breadcrumb .current{
    color:var(--gb)
}

/* HERO */
.hero{
    min-height:88vh;
    display:grid;
    grid-template-columns:1fr 480px;
    position:relative;
    overflow:hidden
}
.hero-left{
    padding:80px 60px 80px 60px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    position:relative;
    z-index:2
}
.hero-right{
    position:relative;
    background:var(--ink);
    overflow:hidden;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    padding:60px 50px
}
.hero-right::before{
    content:'';
    position:absolute;
    inset:0;
    background:url('https://images.unsplash.com/photo-1587474260584-136574528ed5?w=960&q=80&auto=format&fit=crop') center/cover no-repeat;
    opacity:.28
}
.hero-right-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,transparent 30%,rgba(19,17,16,.92) 100%)
}
.hero-eyebrow{
    font-family:var(--mono);
    font-size:9px;
    letter-spacing:.28em;
    color:var(--gb);
    text-transform:uppercase;
    margin-bottom:22px;
    display:flex;
    align-items:center;
    gap:12px
}
.hero-eyebrow::before{
    content:'';
    display:block;
    width:20px;
    height:1.5px;
    background:var(--gb)
}
.hero-flag{
    font-size:52px;
    margin-bottom:18px;
    line-height:1
}
.hero-h{
    font-family:var(--head);
    font-size:clamp(48px,6vw,84px);
    font-weight:700;
    line-height:1.04;
    color:var(--ink);
    letter-spacing:-.03em;
    margin-bottom:12px
}
.hero-h em{
    font-style:normal;
    font-family:var(--serif);
    font-weight:400;
    color:var(--g)
}
.hero-sub{
    font-size:17px;
    color:var(--inkl);
    line-height:1.75;
    max-width:520px;
    margin-bottom:44px
}
.hero-acts{
    display:flex;
    gap:0
}
.hero-btn-p{
    display:flex;
    text-decoration:none !important;
    align-items:center;
    gap:9px;
    font-family:var(--mono);
    font-size:9.5px;
    letter-spacing:.14em;
    font-weight:500;
    color:#fff;
    text-transform:uppercase;
    padding:14px 28px;
    background:var(--ink);
    position:relative;
    overflow:hidden
}
.hero-btn-p::before{
    content:'';
    position:absolute;
    inset:0;
    background:var(--gb);
    transform:translateX(-101%);
    transition:transform .3s var(--ease)
}
.hero-btn-p:hover::before{
    transform:translateX(0)
}
.hero-btn-p>*{
    position:relative;
    z-index:1
}
.hero-btn-s{
    display:flex;
    text-decoration:none !important;
    align-items:center;
    font-family:var(--mono);
    font-size:9.5px;
    letter-spacing:.14em;
    font-weight:500;
    color:var(--inkl);
    text-transform:uppercase;
    padding:14px 22px;
    border:1px solid var(--line2);
    border-left:none;
    transition:all .2s
}
.hero-btn-s:hover{
    color:var(--ink);
    border-color:var(--line3);
    background:var(--bg1)
}
.hero-bg-text{
    position:absolute;
    bottom:-40px;
    left:-10px;
    font-family:var(--serif);
    font-style:normal;
    font-size:clamp(120px,18vw,200px);
    color:rgba(154,120,48,.04);
    pointer-events:none;
    user-select:none;
    letter-spacing:-.02em;
    line-height:1;
    z-index:1
}
.hero-stats{
    position:relative;
    z-index:2;
    display:flex;
    flex-direction:column;
    gap:24px
}
.hero-stat-item{
    border-left:2px solid var(--gb);
    padding-left:20px
}
.hero-stat-n{
    font-family:var(--head);
    font-size:36px;
    font-weight:700;
    color:#fff;
    letter-spacing:-.02em;
    line-height:1;
    margin-bottom:4px
}
.hero-stat-l{
    font-family:var(--mono);
    font-size:8.5px;
    letter-spacing:.14em;
    color:rgba(247,244,239,.45);
    text-transform:uppercase
}
.hero-stat-badge{
    display:inline-block;
    font-family:var(--mono);
    font-size:8px;
    letter-spacing:.16em;
    text-transform:uppercase;
    padding:3px 10px;
    background:var(--gfill2);
    border:1px solid var(--gborder);
    color:var(--gl);
    margin-top:8px
}

/* PROOF BAR */
.proof-bar{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line)
}
.proof-cell{
    padding:36px 40px;
    border-right:1px solid var(--line);
    text-align:center
}
.proof-cell:last-child{
    border-right:none
}
.proof-n{
    font-family:var(--head);
    font-size:44px;
    font-weight:700;
    color:var(--ink);
    letter-spacing:-.03em;
    line-height:1;
    margin-bottom:6px
}
.proof-n em{
    color:var(--g);
    font-style:normal
}
.proof-l{
    font-family:var(--mono);
    font-size:8.5px;
    letter-spacing:.14em;
    color:var(--inkg);
    text-transform:uppercase;
    line-height:1.7
}

/* SECTION LABEL */
.section-label{
    font-family:var(--mono);
    font-size:7.5px;
    letter-spacing:.28em;
    font-weight:500;
    color:var(--gb);
    text-transform:uppercase;
    margin-bottom:18px;
    display:flex;
    align-items:center;
    gap:10px
}
.section-label::before{
    content:'';
    display:block;
    width:12px;
    height:1.5px;
    background:var(--gb)
}

/* WHY SECTION */
.why{
    padding:100px 60px;
    display:grid;
    grid-template-columns:340px 1fr;
    gap:80px;
    align-items:start;
    border-bottom:1px solid var(--line)
}
.why-h{
    font-family:var(--head);
    font-size:clamp(36px,4vw,54px);
    font-weight:700;
    line-height:1.1;
    letter-spacing:-.03em;
    color:var(--ink);
    margin-bottom:20px
}
.why-h em{
    font-style:normal;
    font-family:var(--serif);
    font-weight:400;
    color:var(--g)
}
.why-p{
    font-size:15px;
    color:var(--inkl);
    line-height:1.8;
    margin-bottom:28px
}
.why-link{
    display:inline-flex;
    text-decoration:none !important;
    align-items:center;
    gap:8px;
    font-family:var(--mono);
    font-size:9px;
    letter-spacing:.16em;
    text-transform:uppercase;
    color:var(--gb);
    transition:gap .2s
}
.why-link:hover{
    gap:14px
}
.why-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:1px;
    background:var(--line);
    border:1px solid var(--line)
}
.why-card{
    padding:28px 26px;
    background:var(--bg);
    transition:background .2s
}
.why-card:hover{
    background:var(--bg1)
}
.why-card-n{
    font-family:var(--head);
    font-size:28px;
    font-weight:700;
    color:var(--g);
    letter-spacing:-.02em;
    line-height:1;
    margin-bottom:4px
}
.why-card-l{
    font-family:var(--mono);
    font-size:8px;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:var(--inkg);
    margin-bottom:12px
}
.why-card-p{
    font-size:13px;
    color:var(--inkl);
    line-height:1.7
}

/* SECTORS */
.sectors{
    padding:100px 60px;
    border-bottom:1px solid var(--line)
}
.sectors-h{
    font-family:var(--head);
    font-size:clamp(32px,3.5vw,48px);
    font-weight:700;
    letter-spacing:-.03em;
    color:var(--ink);
    margin-bottom:10px
}
.sectors-h em{
    font-style:normal;
    font-family:var(--serif);
    font-weight:400;
    color:var(--g)
}
.sectors-sub{
    font-size:15px;
    color:var(--inkl);
    max-width:560px;
    line-height:1.75;
    margin-bottom:52px
}
.sectors-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:12px
}
.sector-card{
    padding:24px 20px;
    border:1px solid var(--line);
    position:relative;
    overflow:hidden;
    transition:all .24s var(--ease);
    cursor:default
}
.sector-card::after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:2px;
    background:linear-gradient(90deg,var(--g),var(--gl));
    transform:scaleX(0);
    transform-origin:left;
    transition:transform .32s var(--ease)
}
.sector-card:hover{
    background:var(--bg1);
    border-color:var(--line2);
    transform:translateY(-2px);
    box-shadow:0 8px 28px rgba(19,17,16,.07)
}
.sector-card:hover::after{
    transform:scaleX(1)
}
.sector-ico{
    width:44px;
    height:44px;
    background:var(--bg2);
    border:1px solid var(--line2);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    margin-bottom:16px;
    transition:all .2s
}
.sector-card:hover .sector-ico{
    background:var(--gfill);
    border-color:var(--gborder)
}
.sector-name{
    font-family:var(--head);
    font-size:15px;
    font-weight:600;
    color:var(--ink);
    margin-bottom:6px
}
.sector-desc{
    font-size:12.5px;
    color:var(--inkl);
    line-height:1.65
}
.sector-tag{
    display:inline-block;
    font-family:var(--mono);
    font-size:7.5px;
    letter-spacing:.1em;
    text-transform:uppercase;
    padding:3px 8px;
    background:var(--gfill);
    border:1px solid var(--gborder);
    color:var(--gb);
    margin-top:12px
}

/* INCENTIVES */
.incentives{
    padding:100px 60px;
    background:var(--ink);
    position:relative;
    overflow:hidden;
    border-bottom:1px solid var(--line)
}
.incentives::before{
    content:'INDIA';
    position:absolute;
    bottom:-60px;
    right:-20px;
    font-family:var(--serif);
    font-style:normal;
    font-size:clamp(140px,20vw,240px);
    color:rgba(154,120,48,.05);
    pointer-events:none;
    letter-spacing:-.02em;
    line-height:1
}
.incentives .section-label{
    color:var(--gl)
}
.incentives .section-label::before{
    background:var(--gl)
}
.incentives-h{
    font-family:var(--head);
    font-size:clamp(32px,3.5vw,48px);
    font-weight:700;
    letter-spacing:-.03em;
    color:#fff;
    margin-bottom:12px
}
.incentives-h em{
    font-style:normal;
    font-family:var(--serif);
    font-weight:400;
    color:var(--gl)
}
.incentives-sub{
    font-size:15px;
    color:rgba(247,244,239,.45);
    max-width:520px;
    line-height:1.8;
    margin-bottom:52px
}
.incentives-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:1px;
    background:rgba(247,244,239,.06);
    position:relative;
    z-index:1
}
.incentive-card{
    padding:32px 28px;
    background:rgba(247,244,239,.03);
    border:1px solid rgba(247,244,239,.06);
    transition:background .2s
}
.incentive-card:hover{
    background:rgba(247,244,239,.07)
}
.incentive-tag{
    font-family:var(--mono);
    font-size:8px;
    letter-spacing:.18em;
    text-transform:uppercase;
    color:var(--gl);
    margin-bottom:12px
}
.incentive-name{
    font-family:var(--head);
    font-size:18px;
    font-weight:600;
    color:#fff;
    margin-bottom:8px;
    line-height:1.2
}
.incentive-desc{
    font-size:13px;
    color:rgba(247,244,239,.42);
    line-height:1.7
}
.incentive-val{
    font-family:var(--head);
    font-size:28px;
    font-weight:700;
    color:var(--gl);
    letter-spacing:-.02em;
    margin-top:16px
}
.incentive-val-l{
    font-family:var(--mono);
    font-size:8px;
    letter-spacing:.1em;
    text-transform:uppercase;
    color:rgba(247,244,239,.28)
}

/* STRUCTURE */
.structure{
    padding:100px 60px;
    display:grid;
    grid-template-columns:1fr 360px;
    gap:80px;
    align-items:start;
    border-bottom:1px solid var(--line)
}
.structure-h{
    font-family:var(--head);
    font-size:clamp(32px,3.5vw,48px);
    font-weight:700;
    letter-spacing:-.03em;
    color:var(--ink);
    margin-bottom:12px
}
.structure-h em{
    font-style:normal;
    font-family:var(--serif);
    font-weight:400;
    color:var(--g)
}
.structure-sub{
    font-size:15px;
    color:var(--inkl);
    line-height:1.8;
    margin-bottom:40px;
    max-width:560px
}
.structure-list{
    display:flex;
    flex-direction:column;
    gap:2px
}
.structure-item{
    display:flex;
    align-items:flex-start;
    gap:16px;
    padding:18px 16px;
    border:1px solid transparent;
    position:relative;
    overflow:hidden;
    transition:all .2s
}
.structure-item::before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:2px;
    background:var(--gb);
    transform:scaleY(0);
    transform-origin:bottom;
    transition:transform .26s var(--ease)
}
.structure-item:hover{
    background:var(--bg1);
    border-color:var(--line)
}
.structure-item:hover::before{
    transform:scaleY(1)
}
.structure-num{
    width:36px;
    height:36px;
    flex-shrink:0;
    background:var(--bg2);
    border:1px solid var(--line2);
    display:flex;
    align-items:center;
    justify-content:center;
    font-family:var(--mono);
    font-size:10px;
    color:var(--gb);
    transition:all .2s
}
.structure-item:hover .structure-num{
    background:var(--gfill);
    border-color:var(--gborder)
}
.structure-t{
    font-family:var(--head);
    font-size:14px;
    font-weight:600;
    color:var(--ink);
    margin-bottom:4px;
    transition:color .18s
}
.structure-item:hover .structure-t{
    color:var(--g)
}
.structure-p{
    font-size:12.5px;
    color:var(--inkl);
    line-height:1.65
}
.structure-card{
    background:var(--ink);
    padding:36px 30px;
    position:sticky;
    top:100px
}
.structure-card-label{
    font-family:var(--mono);
    font-size:8px;
    letter-spacing:.2em;
    text-transform:uppercase;
    color:var(--gl);
    margin-bottom:16px
}
.structure-card-h{
    font-family:var(--head);
    font-size:22px;
    font-weight:700;
    color:#fff;
    letter-spacing:-.02em;
    line-height:1.2;
    margin-bottom:14px
}
.structure-card-p{
    font-size:13px;
    color:rgba(247,244,239,.42);
    line-height:1.7;
    margin-bottom:24px
}
.structure-card-items{
    display:flex;
    flex-direction:column;
    gap:10px;
    margin-bottom:28px
}
.sc-item{
    display:flex;
    align-items:center;
    gap:10px;
    font-size:12.5px;
    color:rgba(247,244,239,.6)
}
.sc-item::before{
    content:'';
    width:5px;
    height:5px;
    border-radius:50%;
    background:var(--gb);
    flex-shrink:0
}
.structure-card-cta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    text-decoration:none !important;
    padding:13px 18px;
    background:var(--gb);
    font-family:var(--mono);
    font-size:9px;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:#fff;
    font-weight:500;
    transition:background .2s
}
.structure-card-cta:hover{
    background:var(--gl)
}

/* TIMELINE */
.timeline{
    padding:100px 60px;
    border-bottom:1px solid var(--line);
    background:var(--bg1)
}
.timeline-h{
    font-family:var(--head);
    font-size:clamp(32px,3.5vw,48px);
    font-weight:700;
    letter-spacing:-.03em;
    color:var(--ink);
    margin-bottom:12px
}
.timeline-h em{
    font-style:normal;
    font-family:var(--serif);
    font-weight:400;
    color:var(--g)
}
.timeline-sub{
    font-size:15px;
    color:var(--inkl);
    line-height:1.8;
    max-width:520px
}
.timeline-track{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    position:relative;
    margin-top:60px
}
.timeline-track::before{
    content:'';
    position:absolute;
    top:28px;
    left:10%;
    right:10%;
    height:1px;
    background:var(--line2)
}
.timeline-step{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    padding:0 16px
}
.timeline-dot{
    width:56px;
    height:56px;
    border-radius:50%;
    background:var(--bg);
    border:1.5px solid var(--line2);
    display:flex;
    align-items:center;
    justify-content:center;
    font-family:var(--mono);
    font-size:10px;
    font-weight:500;
    color:var(--gb);
    margin-bottom:20px;
    position:relative;
    z-index:2;
    transition:all .24s
}
.timeline-step:hover .timeline-dot{
    background:var(--ink);
    border-color:var(--ink);
    color:#fff
}
.timeline-week{
    font-family:var(--mono);
    font-size:8px;
    letter-spacing:.18em;
    text-transform:uppercase;
    color:var(--gb);
    margin-bottom:6px
}
.timeline-title{
    font-family:var(--head);
    font-size:13px;
    font-weight:600;
    color:var(--ink);
    margin-bottom:6px
}
.timeline-desc{
    font-size:11.5px;
    color:var(--inkl);
    line-height:1.65
}

/* CONTACTS */
.contacts{
    padding:100px 60px;
    border-bottom:1px solid var(--line)
}
.contacts-h{
    font-family:var(--head);
    font-size:clamp(32px,3.5vw,48px);
    font-weight:700;
    letter-spacing:-.03em;
    color:var(--ink)
}
.contacts-h em{
    font-style:normal;
    font-family:var(--serif);
    font-weight:400;
    color:var(--g)
}
.contacts-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
    margin-top:52px
}
.contact-card{
    padding:28px 24px;
    border:1px solid var(--line);
    transition:all .22s
}
.contact-card:hover{
    background:var(--bg1);
    border-color:var(--line2)
}
.contact-flag{
    width:40px;
    height:40px;
    border-radius:50%;
    background:var(--gfill);
    border:1px solid var(--gborder);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    margin-bottom:16px
}
.contact-org{
    font-family:var(--mono);
    font-size:8px;
    letter-spacing:.16em;
    text-transform:uppercase;
    color:var(--gb);
    margin-bottom:6px
}
.contact-name{
    font-family:var(--head);
    font-size:18px;
    font-weight:600;
    color:var(--ink);
    margin-bottom:4px
}
.contact-role{
    font-size:12.5px;
    color:var(--inkl);
    margin-bottom:16px
}
.contact-tags{
    display:flex;
    flex-wrap:wrap;
    gap:5px
}
.contact-tag{
    font-family:var(--mono);
    font-size:7.5px;
    letter-spacing:.07em;
    text-transform:uppercase;
    padding:3px 8px;
    background:var(--bg2);
    border:1px solid var(--line);
    color:var(--inkl)
}

/* CTA BAND */
.cta-band{
    padding:100px 60px;
    background:var(--ink);
    position:relative;
    overflow:hidden;
    display:grid;
    grid-template-columns:1fr 400px;
    gap:60px;
    align-items:center
}
.cta-band::before{
    content:'✦';
    position:absolute;
    bottom:-80px;
    left:40px;
    font-size:300px;
    color:rgba(154,120,48,.04);
    pointer-events:none;
    line-height:1
}
.cta-band-label{
    font-family:var(--mono);
    font-size:8px;
    letter-spacing:.24em;
    text-transform:uppercase;
    color:var(--gl);
    margin-bottom:16px
}
.cta-band-h{
    font-family:var(--head);
    font-size:clamp(32px,3.5vw,50px);
    font-weight:700;
    letter-spacing:-.03em;
    color:#fff;
    line-height:1.1;
    margin-bottom:14px
}
.cta-band-h em{
    font-style:normal;
    font-family:var(--serif);
    font-weight:400;
    color:var(--gl)
}
.cta-band-p{
    font-size:15px;
    color:rgba(247,244,239,.42);
    line-height:1.8
}
.cta-band-card{
    background:rgba(247,244,239,.04);
    border:1px solid rgba(247,244,239,.1);
    padding:36px 32px
}
.cta-band-card-h{
    font-family:var(--head);
    font-size:16px;
    font-weight:600;
    color:#fff;
    margin-bottom:8px
}
.cta-band-card-p{
    font-size:13px;
    color:rgba(247,244,239,.42);
    line-height:1.7;
    margin-bottom:24px
}
.cta-stacked{
    display:flex;
    flex-direction:column;
    gap:8px
}
.cta-a{
    display:flex;
    align-items:center;
    text-decoration:none !important;
    justify-content:space-between;
    padding:13px 18px;
    background:var(--gb);
    font-family:var(--mono);
    font-size:9px;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:#fff;
    font-weight:500;
    transition:background .2s
}
.cta-a:hover{
    background:var(--gl)
}
.cta-b{
    display:flex;
    text-decoration:none !important;
    align-items:center;
    justify-content:space-between;
    padding:12px 18px;
    border:1px solid rgba(247,244,239,.14);
    font-family:var(--mono);
    font-size:9px;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:rgba(247,244,239,.5);
    font-weight:500;
    transition:all .2s
}
.cta-b:hover{
    border-color:rgba(247,244,239,.3);
    color:rgba(247,244,239,.8)
}

/* ANIMATIONS */
@keyframes fadeUp{
    from{opacity:0;transform:translateY(24px)}
    to{opacity:1;transform:translateY(0)}
}
.fade-up{
    animation:fadeUp .7s var(--ease) both
}
.d1{animation-delay:.1s}
.d2{animation-delay:.2s}
.d3{animation-delay:.3s}
.d4{animation-delay:.4s}

/* RESPONSIVE */
@media(max-width:1100px){
    .hero{
        grid-template-columns:1fr;
        min-height:auto
    }
    .hero-right{
        display:none
    }
    .why{
        grid-template-columns:1fr;
        gap:40px
    }
    .sectors-grid{
        grid-template-columns:repeat(2,1fr)
    }
    .incentives-grid{
        grid-template-columns:1fr
    }
    .structure{
        grid-template-columns:1fr;
        gap:40px
    }
    .timeline-track{
        grid-template-columns:1fr;
        gap:40px
    }
    .timeline-track::before{
        display:none
    }
    .contacts-grid{
        grid-template-columns:1fr
    }
    .cta-band{
        grid-template-columns:1fr
    }
}

@media(max-width:768px){
    .breadcrumb,
    .hero-left,
    .why,
    .sectors,
    .incentives,
    .structure,
    .timeline,
    .contacts,
    .cta-band{
        padding-left:24px;
        padding-right:24px
    }
    .sectors-grid,
    .why-grid{
        grid-template-columns:1fr
    }
    .proof-bar{
        grid-template-columns:1fr 1fr
    }
}

/* 2. UAE CORRIDOR */

/* BUTTONS */
.btn-outline {
	font-family: var(--mono);
	font-size: 9px;
	font-weight: 500;
	letter-spacing: .12em;
	color: var(--inkl);
	text-transform: uppercase;
	padding: 8px 15px;
	border: 1px solid var(--line2);
	transition: all .2s
}

.btn-outline:hover {
	color: var(--ink);
	border-color: var(--line3);
	background: var(--bg1)
}

.btn-solid {
	display: flex;
	align-items: center;
	gap: 8px;
	font-family: var(--mono);
	font-size: 9px;
	font-weight: 500;
	letter-spacing: .12em;
	color: #fff;
	text-transform: uppercase;
	padding: 9px 22px;
	background: var(--ink);
	position: relative;
	overflow: hidden
}

.btn-solid::before {
	content: '';
	position: absolute;
	inset: 0;
	background: var(--gb);
	transform: translateX(-101%);
	transition: transform .3s var(--ease)
}

.btn-solid:hover::before {
	transform: translateX(0)
}

.btn-solid>* {
	position: relative;
	z-index: 1
}

.btn-arr {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .15);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 11px;
	transition: transform .22s
}

.btn-solid:hover .btn-arr {
	transform: translateX(3px)
}

/* BREADCRUMB */
.breadcrumb {
	padding: 16px 60px;
	border-bottom: 1px solid var(--line);
	background: var(--bg1);
	display: flex;
	align-items: center;
	gap: 8px
}

.breadcrumb a,
.breadcrumb span {
	font-family: var(--mono);
	text-decoration: none !important;
	font-size: 9px;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--inkg)
}

.breadcrumb a:hover {
	color: var(--gb)
}

.breadcrumb .sep {
	color: var(--line3)
}

.breadcrumb .current {
	color: var(--gb)
}

/* HERO */
.hero {
	min-height: 88vh;
	display: grid;
	grid-template-columns: 1fr 480px;
	position: relative;
	overflow: hidden
}

.hero-left {
	padding: 80px 60px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	position: relative;
	z-index: 2
}

.hero-right {
	position: relative;
	background: var(--ink);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 60px 50px
}

.hero-right::before {
	content: '';
	position: absolute;
	inset: 0;
	background: url('https://images.unsplash.com/photo-1512453979798-5ea266f8880c?w=960&q=80&auto=format&fit=crop') center/cover no-repeat;
	opacity: .3
}

.hero-right-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent 30%, rgba(19, 17, 16, .92) 100%)
}

.hero-eyebrow {
	font-family: var(--mono);
	font-size: 9px;
	letter-spacing: .28em;
	color: var(--gb);
	text-transform: uppercase;
	margin-bottom: 22px;
	display: flex;
	align-items: center;
	gap: 12px
}

.hero-eyebrow::before {
	content: '';
	display: block;
	width: 20px;
	height: 1.5px;
	background: var(--gb)
}

.hero-flag {
	font-size: 52px;
	margin-bottom: 18px;
	line-height: 1
}

.hero-h {
	font-family: var(--head);
	font-size: clamp(48px, 6vw, 84px);
	font-weight: 700;
	line-height: 1.04;
	color: var(--ink);
	letter-spacing: -.03em;
	margin-bottom: 12px
}

.hero-h em {
	font-style: normal;
	font-family: var(--serif);
	font-weight: 400;
	color: var(--g)
}

.hero-sub {
	font-size: 17px;
	color: var(--inkl);
	line-height: 1.75;
	max-width: 520px;
	margin-bottom: 44px
}

.hero-acts {
	display: flex;
	gap: 0
}

.hero-btn-p {
	display: flex;
	text-decoration: none !important;
	align-items: center;
	gap: 9px;
	font-family: var(--mono);
	font-size: 9.5px;
	letter-spacing: .14em;
	font-weight: 500;
	color: #fff;
	text-transform: uppercase;
	padding: 14px 28px;
	background: var(--ink);
	position: relative;
	overflow: hidden
}

.hero-btn-p::before {
	content: '';
	position: absolute;
	inset: 0;
	background: var(--gb);
	transform: translateX(-101%);
	transition: transform .3s var(--ease)
}

.hero-btn-p:hover::before {
	transform: translateX(0)
}

.hero-btn-p>* {
	position: relative;
	z-index: 1
}

.hero-btn-s {
	display: flex;
	text-decoration: none !important;
	align-items: center;
	font-family: var(--mono);
	font-size: 9.5px;
	letter-spacing: .14em;
	font-weight: 500;
	color: var(--inkl);
	text-transform: uppercase;
	padding: 14px 22px;
	border: 1px solid var(--line2);
	border-left: none;
	transition: all .2s
}

.hero-btn-s:hover {
	color: var(--ink);
	border-color: var(--line3);
	background: var(--bg1)
}

.hero-bg-text {
	position: absolute;
	bottom: -40px;
	left: -10px;
	font-family: var(--serif);
	font-style: normal;
	font-size: clamp(120px, 18vw, 200px);
	color: rgba(154, 120, 48, .04);
	pointer-events: none;
	user-select: none;
	letter-spacing: -.02em;
	line-height: 1;
	z-index: 1
}

.hero-stats {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	gap: 24px
}

.hero-stat-item {
	border-left: 2px solid var(--gb);
	padding-left: 20px
}

.hero-stat-n {
	font-family: var(--head);
	font-size: 36px;
	font-weight: 700;
	color: #fff;
	letter-spacing: -.02em;
	line-height: 1;
	margin-bottom: 4px
}

.hero-stat-l {
	font-family: var(--mono);
	font-size: 8.5px;
	letter-spacing: .14em;
	color: rgba(247, 244, 239, .45);
	text-transform: uppercase
}

.hero-stat-badge {
	display: inline-block;
	font-family: var(--mono);
	font-size: 8px;
	letter-spacing: .16em;
	text-transform: uppercase;
	padding: 3px 10px;
	background: var(--gfill2);
	border: 1px solid var(--gborder);
	color: var(--gl);
	margin-top: 8px
}

/* PROOF BAR */
.proof-bar {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	border-top: 1px solid var(--line);
	border-bottom: 1px solid var(--line)
}

.proof-cell {
	padding: 36px 40px;
	border-right: 1px solid var(--line);
	text-align: center
}

.proof-cell:last-child {
	border-right: none
}

.proof-n {
	font-family: var(--head);
	font-size: 44px;
	font-weight: 700;
	color: var(--ink);
	letter-spacing: -.03em;
	line-height: 1;
	margin-bottom: 6px
}

.proof-n em {
	color: var(--g);
	font-style: normal
}

.proof-l {
	font-family: var(--mono);
	font-size: 8.5px;
	letter-spacing: .14em;
	color: var(--inkg);
	text-transform: uppercase;
	line-height: 1.7
}

/* SECTION LABEL */
.section-label {
	font-family: var(--mono);
	font-size: 7.5px;
	letter-spacing: .28em;
	font-weight: 500;
	color: var(--gb);
	text-transform: uppercase;
	margin-bottom: 18px;
	display: flex;
	align-items: center;
	gap: 10px
}

.section-label::before {
	content: '';
	display: block;
	width: 12px;
	height: 1.5px;
	background: var(--gb)
}

/* WHY SECTION */
.why {
	padding: 100px 60px;
	display: grid;
	grid-template-columns: 340px 1fr;
	gap: 80px;
	align-items: start;
	border-bottom: 1px solid var(--line)
}

.why-h {
	font-family: var(--head);
	font-size: clamp(36px, 4vw, 54px);
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: -.03em;
	color: var(--ink);
	margin-bottom: 20px
}

.why-h em {
	font-style: normal;
	font-family: var(--serif);
	font-weight: 400;
	color: var(--g)
}

.why-p {
	font-size: 15px;
	color: var(--inkl);
	line-height: 1.8;
	margin-bottom: 28px
}

.why-link {
	display: inline-flex;
	text-decoration: none !important;
	align-items: center;
	gap: 8px;
	font-family: var(--mono);
	font-size: 9px;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--gb);
	transition: gap .2s
}

.why-link:hover {
	gap: 14px
}

.why-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1px;
	background: var(--line);
	border: 1px solid var(--line)
}

.why-card {
	padding: 28px 26px;
	background: var(--bg);
	transition: background .2s
}

.why-card:hover {
	background: var(--bg1)
}

.why-card-n {
	font-family: var(--head);
	font-size: 28px;
	font-weight: 700;
	color: var(--g);
	letter-spacing: -.02em;
	line-height: 1;
	margin-bottom: 4px
}

.why-card-l {
	font-family: var(--mono);
	font-size: 8px;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--inkg);
	margin-bottom: 12px
}

.why-card-p {
	font-size: 13px;
	color: var(--inkl);
	line-height: 1.7
}

/* FREE ZONES */
.freezones {
	padding: 100px 60px;
	border-bottom: 1px solid var(--line)
}

.freezones-h {
	font-family: var(--head);
	font-size: clamp(32px, 3.5vw, 48px);
	font-weight: 700;
	letter-spacing: -.03em;
	color: var(--ink);
	margin-bottom: 10px
}

.freezones-h em {
	font-style: normal;
	font-family: var(--serif);
	font-weight: 400;
	color: var(--g)
}

.freezones-sub {
	font-size: 15px;
	color: var(--inkl);
	max-width: 560px;
	line-height: 1.75;
	margin-bottom: 52px
}

.freezones-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px
}

.fz-card {
	padding: 28px 24px;
	border: 1px solid var(--line);
	position: relative;
	overflow: hidden;
	transition: all .24s var(--ease)
}

.fz-card::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 2px;
	background: linear-gradient(90deg, var(--g), var(--gl));
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .32s var(--ease)
}

.fz-card:hover {
	background: var(--bg1);
	border-color: var(--line2);
	transform: translateY(-2px);
	box-shadow: 0 8px 28px rgba(19, 17, 16, .07)
}

.fz-card:hover::after {
	transform: scaleX(1)
}

.fz-tag {
	font-family: var(--mono);
	font-size: 8px;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--gb);
	margin-bottom: 10px
}

.fz-name {
	font-family: var(--head);
	font-size: 20px;
	font-weight: 700;
	color: var(--ink);
	letter-spacing: -.02em;
	margin-bottom: 8px
}

.fz-desc {
	font-size: 13px;
	color: var(--inkl);
	line-height: 1.65;
	margin-bottom: 16px
}

.fz-features {
	display: flex;
	flex-direction: column;
	gap: 5px
}

.fz-feature {
	font-family: var(--mono);
	font-size: 8.5px;
	letter-spacing: .06em;
	color: var(--inkl);
	display: flex;
	align-items: center;
	gap: 8px
}

.fz-feature::before {
	content: '';
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: var(--gb);
	flex-shrink: 0
}

.fz-badge {
	display: inline-block;
	margin-top: 14px;
	font-family: var(--mono);
	font-size: 7.5px;
	letter-spacing: .1em;
	text-transform: uppercase;
	padding: 3px 8px;
	background: var(--gfill);
	border: 1px solid var(--gborder);
	color: var(--gb)
}

/* TAX SECTION */
.tax {
	padding: 100px 60px;
	background: var(--ink);
	position: relative;
	overflow: hidden;
	border-bottom: 1px solid var(--line)
}

.tax::before {
	content: 'UAE';
	position: absolute;
	bottom: -60px;
	right: -20px;
	font-family: var(--serif);
	font-style: normal;
	font-size: clamp(140px, 20vw, 240px);
	color: rgba(154, 120, 48, .05);
	pointer-events: none;
	letter-spacing: -.02em;
	line-height: 1
}

.tax .section-label {
	color: var(--gl)
}

.tax .section-label::before {
	background: var(--gl)
}

.tax-h {
	font-family: var(--head);
	font-size: clamp(32px, 3.5vw, 48px);
	font-weight: 700;
	letter-spacing: -.03em;
	color: #fff;
	margin-bottom: 12px
}

.tax-h em {
	font-style: normal;
	font-family: var(--serif);
	font-weight: 400;
	color: var(--gl)
}

.tax-sub {
	font-size: 15px;
	color: rgba(247, 244, 239, .45);
	max-width: 520px;
	line-height: 1.8;
	margin-bottom: 52px
}

.tax-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1px;
	background: rgba(247, 244, 239, .06);
	position: relative;
	z-index: 1
}

.tax-card {
	padding: 32px 28px;
	background: rgba(247, 244, 239, .03);
	border: 1px solid rgba(247, 244, 239, .06);
	transition: background .2s
}

.tax-card:hover {
	background: rgba(247, 244, 239, .07)
}

.tax-tag {
	font-family: var(--mono);
	font-size: 8px;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--gl);
	margin-bottom: 12px
}

.tax-name {
	font-family: var(--head);
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 8px;
	line-height: 1.2
}

.tax-desc {
	font-size: 13px;
	color: rgba(247, 244, 239, .42);
	line-height: 1.7
}

.tax-val {
	font-family: var(--head);
	font-size: 36px;
	font-weight: 700;
	color: var(--gl);
	letter-spacing: -.02em;
	margin-top: 16px
}

.tax-val-l {
	font-family: var(--mono);
	font-size: 8px;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: rgba(247, 244, 239, .28)
}

/* STRUCTURE */
.structure {
	padding: 100px 60px;
	display: grid;
	grid-template-columns: 1fr 360px;
	gap: 80px;
	align-items: start;
	border-bottom: 1px solid var(--line)
}

.structure-h {
	font-family: var(--head);
	font-size: clamp(32px, 3.5vw, 48px);
	font-weight: 700;
	letter-spacing: -.03em;
	color: var(--ink);
	margin-bottom: 12px
}

.structure-h em {
	font-style: normal;
	font-family: var(--serif);
	font-weight: 400;
	color: var(--g)
}

.structure-sub {
	font-size: 15px;
	color: var(--inkl);
	line-height: 1.8;
	margin-bottom: 40px;
	max-width: 560px
}

.structure-list {
	display: flex;
	flex-direction: column;
	gap: 2px
}

.structure-item {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	padding: 18px 16px;
	border: 1px solid transparent;
	position: relative;
	overflow: hidden;
	transition: all .2s
}

.structure-item::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 2px;
	background: var(--gb);
	transform: scaleY(0);
	transform-origin: bottom;
	transition: transform .26s var(--ease)
}

.structure-item:hover {
	background: var(--bg1);
	border-color: var(--line)
}

.structure-item:hover::before {
	transform: scaleY(1)
}

.structure-num {
	width: 36px;
	height: 36px;
	flex-shrink: 0;
	background: var(--bg2);
	border: 1px solid var(--line2);
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--mono);
	font-size: 10px;
	color: var(--gb);
	transition: all .2s
}

.structure-item:hover .structure-num {
	background: var(--gfill);
	border-color: var(--gborder)
}

.structure-t {
	font-family: var(--head);
	font-size: 14px;
	font-weight: 600;
	color: var(--ink);
	margin-bottom: 4px;
	transition: color .18s
}

.structure-item:hover .structure-t {
	color: var(--g)
}

.structure-p {
	font-size: 12.5px;
	color: var(--inkl);
	line-height: 1.65
}

.structure-card {
	background: var(--ink);
	padding: 36px 30px;
	position: sticky;
	top: 100px
}

.structure-card-label {
	font-family: var(--mono);
	font-size: 8px;
	letter-spacing: .2em;
	text-transform: uppercase;
	color: var(--gl);
	margin-bottom: 16px
}

.structure-card-h {
	font-family: var(--head);
	font-size: 22px;
	font-weight: 700;
	color: #fff;
	letter-spacing: -.02em;
	line-height: 1.2;
	margin-bottom: 14px
}

.structure-card-p {
	font-size: 13px;
	color: rgba(247, 244, 239, .42);
	line-height: 1.7;
	margin-bottom: 24px
}

.structure-card-items {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-bottom: 28px
}

.sc-item {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 12.5px;
	color: rgba(247, 244, 239, .6)
}

.sc-item::before {
	content: '';
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: var(--gb);
	flex-shrink: 0
}

.structure-card-cta {
	display: flex;
	align-items: center;
	text-decoration: none !important;
	justify-content: space-between;
	padding: 13px 18px;
	background: var(--gb);
	font-family: var(--mono);
	font-size: 9px;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: #fff;
	font-weight: 500;
	transition: background .2s
}

.structure-card-cta:hover {
	background: var(--gl)
}

/* CTA BAND */
.cta-band {
	padding: 100px 60px;
	background: var(--ink);
	position: relative;
	overflow: hidden;
	display: grid;
	grid-template-columns: 1fr 400px;
	gap: 60px;
	align-items: center
}

.cta-band::before {
	content: '✦';
	position: absolute;
	bottom: -80px;
	left: 40px;
	font-size: 300px;
	color: rgba(154, 120, 48, .04);
	pointer-events: none;
	line-height: 1
}

.cta-band-label {
	font-family: var(--mono);
	font-size: 8px;
	letter-spacing: .24em;
	text-transform: uppercase;
	color: var(--gl);
	margin-bottom: 16px
}

.cta-band-h {
	font-family: var(--head);
	font-size: clamp(32px, 3.5vw, 50px);
	font-weight: 700;
	letter-spacing: -.03em;
	color: #fff;
	line-height: 1.1;
	margin-bottom: 14px
}

.cta-band-h em {
	font-style: normal;
	font-family: var(--serif);
	font-weight: 400;
	color: var(--gl)
}

.cta-band-p {
	font-size: 15px;
	color: rgba(247, 244, 239, .42);
	line-height: 1.8
}

.cta-band-card {
	background: rgba(247, 244, 239, .04);
	border: 1px solid rgba(247, 244, 239, .1);
	padding: 36px 32px
}

.cta-band-card-h {
	font-family: var(--head);
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 8px
}

.cta-band-card-p {
	font-size: 13px;
	color: rgba(247, 244, 239, .42);
	line-height: 1.7;
	margin-bottom: 24px
}

.cta-stacked {
	display: flex;
	flex-direction: column;
	gap: 8px
}

.cta-a {
	display: flex;
	text-decoration: none !important;
	align-items: center;
	justify-content: space-between;
	padding: 13px 18px;
	background: var(--gb);
	font-family: var(--mono);
	font-size: 9px;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: #fff;
	font-weight: 500;
	transition: background .2s
}

.cta-a:hover {
	background: var(--gl)
}

.cta-b {
	display: flex;
	text-decoration: none !important;
	align-items: center;
	justify-content: space-between;
	padding: 12px 18px;
	border: 1px solid rgba(247, 244, 239, .14);
	font-family: var(--mono);
	font-size: 9px;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: rgba(247, 244, 239, .5);
	font-weight: 500;
	transition: all .2s
}

.cta-b:hover {
	border-color: rgba(247, 244, 239, .3);
	color: rgba(247, 244, 239, .8)
}

/* ANIMATIONS */
@keyframes fadeUp {
	from {
		opacity: 0;
		transform: translateY(24px)
	}

	to {
		opacity: 1;
		transform: translateY(0)
	}
}

.fade-up {
	animation: fadeUp .7s var(--ease) both
}

.d1 {
	animation-delay: .1s
}

.d2 {
	animation-delay: .2s
}

.d3 {
	animation-delay: .3s
}

.d4 {
	animation-delay: .4s
}

/* RESPONSIVE */
@media(max-width:1100px) {
	.hero {
		grid-template-columns: 1fr;
		min-height: auto
	}

	.hero-right {
		display: none
	}

	.why {
		grid-template-columns: 1fr;
		gap: 40px
	}

	.freezones-grid {
		grid-template-columns: 1fr
	}

	.tax-grid {
		grid-template-columns: 1fr
	}

	.structure {
		grid-template-columns: 1fr;
		gap: 40px
	}

	.cta-band {
		grid-template-columns: 1fr
	}
}

@media(max-width:768px) {

	.breadcrumb,
	.hero-left,
	.why,
	.freezones,
	.tax,
	.structure,
	.cta-band {
		padding-left: 24px;
		padding-right: 24px
	}

	.why-grid {
		grid-template-columns: 1fr
	}

	.proof-bar {
		grid-template-columns: 1fr 1fr
	}
}
 /* 3. SINGAPORE CORRIDOR *//* BUTTONS */
.btn-outline {
	font-family: var(--mono);
	font-size: 9px;
	font-weight: 500;
	letter-spacing: .12em;
	color: var(--inkl);
	text-transform: uppercase;
	padding: 8px 15px;
	border: 1px solid var(--line2);
	transition: all .2s
}

.btn-outline:hover {
	color: var(--ink);
	border-color: var(--line3);
	background: var(--bg1)
}

.btn-solid {
	display: flex;
	align-items: center;
	gap: 8px;
	font-family: var(--mono);
	font-size: 9px;
	font-weight: 500;
	letter-spacing: .12em;
	color: #fff;
	text-transform: uppercase;
	padding: 9px 22px;
	background: var(--ink);
	position: relative;
	overflow: hidden
}

.btn-solid::before {
	content: '';
	position: absolute;
	inset: 0;
	background: var(--gb);
	transform: translateX(-101%);
	transition: transform .3s var(--ease)
}

.btn-solid:hover::before {
	transform: translateX(0)
}

.btn-solid>* {
	position: relative;
	z-index: 1
}

.btn-arr {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .15);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 11px;
	transition: transform .22s
}

.btn-solid:hover .btn-arr {
	transform: translateX(3px)
}

/* BREADCRUMB */
.breadcrumb {
	padding: 16px 60px;
	border-bottom: 1px solid var(--line);
	background: var(--bg1);
	display: flex;
	align-items: center;
	gap: 8px
}

.breadcrumb a,
.breadcrumb span {
	font-family: var(--mono);
	text-decoration: none !important;
	font-size: 9px;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--inkg)
}

.breadcrumb a:hover {
	color: var(--gb)
}

.breadcrumb .sep {
	color: var(--line3)
}

.breadcrumb .current {
	color: var(--gb)
}

/* HERO */
.hero {
	min-height: 88vh;
	display: grid;
	grid-template-columns: 1fr 480px;
	position: relative;
	overflow: hidden
}

.hero-left {
	padding: 80px 60px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	position: relative;
	z-index: 2
}

.hero-right {
	position: relative;
	background: var(--ink);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 60px 50px
}

.hero-right::before {
	content: '';
	position: absolute;
	inset: 0;
	background: url('https://images.unsplash.com/photo-1538688525198-9b88f6f53126?w=960&q=80&auto=format&fit=crop') center/cover no-repeat;
	opacity: .3
}

.hero-right-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent 30%, rgba(19, 17, 16, .92) 100%)
}

.hero-eyebrow {
	font-family: var(--mono);
	font-size: 9px;
	letter-spacing: .28em;
	color: var(--gb);
	text-transform: uppercase;
	margin-bottom: 22px;
	display: flex;
	align-items: center;
	gap: 12px
}

.hero-eyebrow::before {
	content: '';
	display: block;
	width: 20px;
	height: 1.5px;
	background: var(--gb)
}

.hero-flag {
	font-size: 52px;
	margin-bottom: 18px;
	line-height: 1
}

.hero-h {
	font-family: var(--head);
	font-size: clamp(48px, 6vw, 84px);
	font-weight: 700;
	line-height: 1.04;
	color: var(--ink);
	letter-spacing: -.03em;
	margin-bottom: 12px
}

.hero-h em {
	font-style: normal;
	font-family: var(--serif);
	font-weight: 400;
	color: var(--g)
}

.hero-sub {
	font-size: 17px;
	color: var(--inkl);
	line-height: 1.75;
	max-width: 520px;
	margin-bottom: 44px
}

.hero-acts {
	display: flex
}

.hero-btn-p {
	display: flex;
	text-decoration: none !important;
	align-items: center;
	gap: 9px;
	font-family: var(--mono);
	font-size: 9.5px;
	letter-spacing: .14em;
	font-weight: 500;
	color: #fff;
	text-transform: uppercase;
	padding: 14px 28px;
	background: var(--ink);
	position: relative;
	overflow: hidden
}

.hero-btn-p::before {
	content: '';
	position: absolute;
	inset: 0;
	background: var(--gb);
	transform: translateX(-101%);
	transition: transform .3s var(--ease)
}

.hero-btn-p:hover::before {
	transform: translateX(0)
}

.hero-btn-p>* {
	position: relative;
	z-index: 1
}

.hero-btn-s {
	display: flex;
	align-items: center;
	text-decoration: none !important;
	font-family: var(--mono);
	font-size: 9.5px;
	letter-spacing: .14em;
	font-weight: 500;
	color: var(--inkl);
	text-transform: uppercase;
	padding: 14px 22px;
	border: 1px solid var(--line2);
	border-left: none;
	transition: all .2s
}

.hero-btn-s:hover {
	color: var(--ink);
	border-color: var(--line3);
	background: var(--bg1)
}

.hero-bg-text {
	position: absolute;
	bottom: -40px;
	left: -10px;
	font-family: var(--serif);
	font-style: normal;
	font-size: clamp(100px, 14vw, 180px);
	color: rgba(154, 120, 48, .04);
	pointer-events: none;
	user-select: none;
	letter-spacing: -.02em;
	line-height: 1;
	z-index: 1
}

.hero-stats {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	gap: 24px
}

.hero-stat-item {
	border-left: 2px solid var(--gb);
	padding-left: 20px
}

.hero-stat-n {
	font-family: var(--head);
	font-size: 36px;
	font-weight: 700;
	color: #fff;
	letter-spacing: -.02em;
	line-height: 1;
	margin-bottom: 4px
}

.hero-stat-l {
	font-family: var(--mono);
	font-size: 8.5px;
	letter-spacing: .14em;
	color: rgba(247, 244, 239, .45);
	text-transform: uppercase
}

.hero-stat-badge {
	display: inline-block;
	font-family: var(--mono);
	font-size: 8px;
	letter-spacing: .16em;
	text-transform: uppercase;
	padding: 3px 10px;
	background: var(--gfill2);
	border: 1px solid var(--gborder);
	color: var(--gl);
	margin-top: 8px
}

/* PROOF BAR */
.proof-bar {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	border-top: 1px solid var(--line);
	border-bottom: 1px solid var(--line)
}

.proof-cell {
	padding: 36px 40px;
	border-right: 1px solid var(--line);
	text-align: center
}

.proof-cell:last-child {
	border-right: none
}

.proof-n {
	font-family: var(--head);
	font-size: 44px;
	font-weight: 700;
	color: var(--ink);
	letter-spacing: -.03em;
	line-height: 1;
	margin-bottom: 6px
}

.proof-n em {
	color: var(--g);
	font-style: normal
}

.proof-l {
	font-family: var(--mono);
	font-size: 8.5px;
	letter-spacing: .14em;
	color: var(--inkg);
	text-transform: uppercase;
	line-height: 1.7
}

/* SECTION LABEL */
.section-label {
	font-family: var(--mono);
	font-size: 7.5px;
	letter-spacing: .28em;
	font-weight: 500;
	color: var(--gb);
	text-transform: uppercase;
	margin-bottom: 18px;
	display: flex;
	align-items: center;
	gap: 10px
}

.section-label::before {
	content: '';
	display: block;
	width: 12px;
	height: 1.5px;
	background: var(--gb)
}

/* WHY SECTION */
.why {
	padding: 100px 60px;
	display: grid;
	grid-template-columns: 340px 1fr;
	gap: 80px;
	align-items: start;
	border-bottom: 1px solid var(--line)
}

.why-h {
	font-family: var(--head);
	font-size: clamp(36px, 4vw, 54px);
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: -.03em;
	color: var(--ink);
	margin-bottom: 20px
}

.why-h em {
	font-style: normal;
	font-family: var(--serif);
	font-weight: 400;
	color: var(--g)
}

.why-p {
	font-size: 15px;
	color: var(--inkl);
	line-height: 1.8;
	margin-bottom: 28px
}

.why-link {
	display: inline-flex;
	text-decoration: none !important;
	align-items: center;
	gap: 8px;
	font-family: var(--mono);
	font-size: 9px;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--gb);
	transition: gap .2s
}

.why-link:hover {
	gap: 14px
}

.why-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1px;
	background: var(--line);
	border: 1px solid var(--line)
}

.why-card {
	padding: 28px 26px;
	background: var(--bg);
	transition: background .2s
}

.why-card:hover {
	background: var(--bg1)
}

.why-card-n {
	font-family: var(--head);
	font-size: 28px;
	font-weight: 700;
	color: var(--g);
	letter-spacing: -.02em;
	line-height: 1;
	margin-bottom: 4px
}

.why-card-l {
	font-family: var(--mono);
	font-size: 8px;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--inkg);
	margin-bottom: 12px
}

.why-card-p {
	font-size: 13px;
	color: var(--inkl);
	line-height: 1.7
}

/* EDB INCENTIVES */
.edb {
	padding: 100px 60px;
	background: var(--ink);
	position: relative;
	overflow: hidden;
	border-bottom: 1px solid var(--line)
}

.edb::before {
	content: 'SG';
	position: absolute;
	bottom: -60px;
	right: -20px;
	font-family: var(--serif);
	font-style: normal;
	font-size: clamp(200px, 28vw, 380px);
	color: rgba(154, 120, 48, .04);
	pointer-events: none;
	letter-spacing: -.04em;
	line-height: 1
}

.edb .section-label {
	color: var(--gl)
}

.edb .section-label::before {
	background: var(--gl)
}

.edb-h {
	font-family: var(--head);
	font-size: clamp(32px, 3.5vw, 48px);
	font-weight: 700;
	letter-spacing: -.03em;
	color: #fff;
	margin-bottom: 12px
}

.edb-h em {
	font-style: normal;
	font-family: var(--serif);
	font-weight: 400;
	color: var(--gl)
}

.edb-sub {
	font-size: 15px;
	color: rgba(247, 244, 239, .45);
	max-width: 520px;
	line-height: 1.8;
	margin-bottom: 52px
}

.edb-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1px;
	background: rgba(247, 244, 239, .06);
	position: relative;
	z-index: 1
}

.edb-card {
	padding: 32px 28px;
	background: rgba(247, 244, 239, .03);
	border: 1px solid rgba(247, 244, 239, .06);
	transition: background .2s
}

.edb-card:hover {
	background: rgba(247, 244, 239, .07)
}

.edb-tag {
	font-family: var(--mono);
	font-size: 8px;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--gl);
	margin-bottom: 12px
}

.edb-name {
	font-family: var(--head);
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 8px;
	line-height: 1.2
}

.edb-desc {
	font-size: 13px;
	color: rgba(247, 244, 239, .42);
	line-height: 1.7
}

.edb-val {
	font-family: var(--head);
	font-size: 32px;
	font-weight: 700;
	color: var(--gl);
	letter-spacing: -.02em;
	margin-top: 16px
}

.edb-val-l {
	font-family: var(--mono);
	font-size: 8px;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: rgba(247, 244, 239, .28)
}

/* ASEAN */
.asean {
	padding: 100px 60px;
	border-bottom: 1px solid var(--line);
	background: var(--bg1)
}

.asean-inner {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 80px;
	align-items: center
}

.asean-h {
	font-family: var(--head);
	font-size: clamp(32px, 3.5vw, 48px);
	font-weight: 700;
	letter-spacing: -.03em;
	color: var(--ink);
	margin-bottom: 12px
}

.asean-h em {
	font-style: normal;
	font-family: var(--serif);
	font-weight: 400;
	color: var(--g)
}

.asean-sub {
	font-size: 15px;
	color: var(--inkl);
	line-height: 1.8;
	margin-bottom: 32px
}

.asean-markets {
	display: flex;
	flex-direction: column;
	gap: 2px
}

.asean-market {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 14px 16px;
	border: 1px solid transparent;
	transition: all .2s
}

.asean-market:hover {
	background: var(--bg);
	border-color: var(--line)
}

.asean-flag {
	font-size: 20px;
	width: 36px;
	text-align: center;
	flex-shrink: 0
}

.asean-name {
	font-family: var(--head);
	font-size: 14px;
	font-weight: 600;
	color: var(--ink);
	margin-bottom: 2px
}

.asean-detail {
	font-size: 12px;
	color: var(--inkl)
}

.asean-gdp {
	font-family: var(--mono);
	font-size: 9px;
	color: var(--gb);
	margin-left: auto;
	flex-shrink: 0
}

.asean-map-box {
	background: var(--ink);
	padding: 48px 40px;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.asean-map-label {
	font-family: var(--mono);
	font-size: 8px;
	letter-spacing: .2em;
	text-transform: uppercase;
	color: var(--gl);
	margin-bottom: 16px
}

.asean-map-n {
	font-family: var(--head);
	font-size: 72px;
	font-weight: 700;
	color: #fff;
	letter-spacing: -.04em;
	line-height: 1;
	margin-bottom: 6px
}

.asean-map-n em {
	color: var(--gl);
	font-style: normal
}

.asean-map-sub {
	font-family: var(--mono);
	font-size: 9px;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: rgba(247, 244, 239, .35);
	margin-bottom: 28px
}

.asean-map-items {
	display: flex;
	flex-direction: column;
	gap: 8px
}

.asean-map-item {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 13px;
	color: rgba(247, 244, 239, .5)
}

.asean-map-item::before {
	content: '';
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: var(--gb);
	flex-shrink: 0
}

/* STRUCTURE */
.structure {
	padding: 100px 60px;
	display: grid;
	grid-template-columns: 1fr 360px;
	gap: 80px;
	align-items: start;
	border-bottom: 1px solid var(--line)
}

.structure-h {
	font-family: var(--head);
	font-size: clamp(32px, 3.5vw, 48px);
	font-weight: 700;
	letter-spacing: -.03em;
	color: var(--ink);
	margin-bottom: 12px
}

.structure-h em {
	font-style: normal;
	font-family: var(--serif);
	font-weight: 400;
	color: var(--g)
}

.structure-sub {
	font-size: 15px;
	color: var(--inkl);
	line-height: 1.8;
	margin-bottom: 40px;
	max-width: 560px
}

.structure-list {
	display: flex;
	flex-direction: column;
	gap: 2px
}

.structure-item {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	padding: 18px 16px;
	border: 1px solid transparent;
	position: relative;
	overflow: hidden;
	transition: all .2s
}

.structure-item::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 2px;
	background: var(--gb);
	transform: scaleY(0);
	transform-origin: bottom;
	transition: transform .26s var(--ease)
}

.structure-item:hover {
	background: var(--bg1);
	border-color: var(--line)
}

.structure-item:hover::before {
	transform: scaleY(1)
}

.structure-num {
	width: 36px;
	height: 36px;
	flex-shrink: 0;
	background: var(--bg2);
	border: 1px solid var(--line2);
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--mono);
	font-size: 10px;
	color: var(--gb);
	transition: all .2s
}

.structure-item:hover .structure-num {
	background: var(--gfill);
	border-color: var(--gborder)
}

.structure-t {
	font-family: var(--head);
	font-size: 14px;
	font-weight: 600;
	color: var(--ink);
	margin-bottom: 4px;
	transition: color .18s
}

.structure-item:hover .structure-t {
	color: var(--g)
}

.structure-p {
	font-size: 12.5px;
	color: var(--inkl);
	line-height: 1.65
}

.structure-card {
	background: var(--ink);
	padding: 36px 30px;
	position: sticky;
	top: 100px
}

.structure-card-label {
	font-family: var(--mono);
	font-size: 8px;
	letter-spacing: .2em;
	text-transform: uppercase;
	color: var(--gl);
	margin-bottom: 16px
}

.structure-card-h {
	font-family: var(--head);
	font-size: 22px;
	font-weight: 700;
	color: #fff;
	letter-spacing: -.02em;
	line-height: 1.2;
	margin-bottom: 14px
}

.structure-card-p {
	font-size: 13px;
	color: rgba(247, 244, 239, .42);
	line-height: 1.7;
	margin-bottom: 24px
}

.structure-card-items {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-bottom: 28px
}

.sc-item {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 12.5px;
	color: rgba(247, 244, 239, .6)
}

.sc-item::before {
	content: '';
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: var(--gb);
	flex-shrink: 0
}

.structure-card-cta {
	display: flex;
	align-items: center;
	text-decoration: none !important;
	justify-content: space-between;
	padding: 13px 18px;
	background: var(--gb);
	font-family: var(--mono);
	font-size: 9px;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: #fff;
	font-weight: 500;
	transition: background .2s
}

.structure-card-cta:hover {
	background: var(--gl)
}

/* CTA BAND */
.cta-band {
	padding: 100px 60px;
	background: var(--ink);
	position: relative;
	overflow: hidden;
	display: grid;
	grid-template-columns: 1fr 400px;
	gap: 60px;
	align-items: center
}

.cta-band::before {
	content: '✦';
	position: absolute;
	bottom: -80px;
	left: 40px;
	font-size: 300px;
	color: rgba(154, 120, 48, .04);
	pointer-events: none;
	line-height: 1
}

.cta-band-label {
	font-family: var(--mono);
	font-size: 8px;
	letter-spacing: .24em;
	text-transform: uppercase;
	color: var(--gl);
	margin-bottom: 16px
}

.cta-band-h {
	font-family: var(--head);
	font-size: clamp(32px, 3.5vw, 50px);
	font-weight: 700;
	letter-spacing: -.03em;
	color: #fff;
	line-height: 1.1;
	margin-bottom: 14px
}

.cta-band-h em {
	font-style: normal;
	font-family: var(--serif);
	font-weight: 400;
	color: var(--gl)
}

.cta-band-p {
	font-size: 15px;
	color: rgba(247, 244, 239, .42);
	line-height: 1.8
}

.cta-band-card {
	background: rgba(247, 244, 239, .04);
	border: 1px solid rgba(247, 244, 239, .1);
	padding: 36px 32px
}

.cta-band-card-h {
	font-family: var(--head);
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 8px
}

.cta-band-card-p {
	font-size: 13px;
	color: rgba(247, 244, 239, .42);
	line-height: 1.7;
	margin-bottom: 24px
}

.cta-stacked {
	display: flex;
	flex-direction: column;
	gap: 8px
}

.cta-a {
	display: flex;
	text-decoration: none !important;
	align-items: center;
	justify-content: space-between;
	padding: 13px 18px;
	background: var(--gb);
	font-family: var(--mono);
	font-size: 9px;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: #fff;
	font-weight: 500;
	transition: background .2s
}

.cta-a:hover {
	background: var(--gl)
}

.cta-b {
	display: flex;
	text-decoration: none !important;
	align-items: center;
	justify-content: space-between;
	padding: 12px 18px;
	border: 1px solid rgba(247, 244, 239, .14);
	font-family: var(--mono);
	font-size: 9px;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: rgba(247, 244, 239, .5);
	font-weight: 500;
	transition: all .2s
}

.cta-b:hover {
	border-color: rgba(247, 244, 239, .3);
	color: rgba(247, 244, 239, .8)
}

/* ANIMATIONS */
@keyframes fadeUp {
	from {
		opacity: 0;
		transform: translateY(24px)
	}

	to {
		opacity: 1;
		transform: translateY(0)
	}
}

.fade-up {
	animation: fadeUp .7s var(--ease) both
}

.d1 {
	animation-delay: .1s
}

.d2 {
	animation-delay: .2s
}

.d3 {
	animation-delay: .3s
}

.d4 {
	animation-delay: .4s
}

/* RESPONSIVE */
@media(max-width:1100px) {
	.hero {
		grid-template-columns: 1fr;
		min-height: auto
	}

	.hero-right {
		display: none
	}

	.why {
		grid-template-columns: 1fr;
		gap: 40px
	}

	.edb-grid {
		grid-template-columns: 1fr
	}

	.asean-inner {
		grid-template-columns: 1fr;
		gap: 40px
	}

	.structure {
		grid-template-columns: 1fr;
		gap: 40px
	}

	.cta-band {
		grid-template-columns: 1fr
	}
}

@media(max-width:768px) {

	.breadcrumb,
	.hero-left,
	.why,
	.edb,
	.asean,
	.structure,
	.cta-band {
		padding-left: 24px;
		padding-right: 24px
	}

	.why-grid {
		grid-template-columns: 1fr
	}

	.proof-bar {
		grid-template-columns: 1fr 1fr
	}
}


/* ============================================
BEGIN ENTRY FORM - FULLY RESPONSIVE
No Header/Footer - Main Content Only
============================================ */

#foremark-begin-wrap {
    --bg: #f7f4ef;
    --bg1: #efebe3;
    --bg2: #e5dfd5;
    --ink: #131110;
    --ink2: #2a2724;
    --inkl: #5e5a55;
    --inkg: #9b9690;
    --gold: #b8922e;
    --gold-l: #c9a84c;
    --gold-d: #9a7830;
    --gfill: rgba(184,146,46,.08);
    --gfill2: rgba(184,146,46,.14);
    --gborder: rgba(184,146,46,.22);
    --line: rgba(19,17,16,.09);
    --line2: rgba(19,17,16,.16);
    --tight: 'Inter Tight', sans-serif;
    --sans: 'Inter', sans-serif;
    --mono: 'DM Mono', monospace;
    --ease: cubic-bezier(.4,0,.2,1);
    
    font-family: var(--sans);
    background: var(--bg);
    color: var(--ink);
    -webkit-font-smoothing: antialiased;
}

#foremark-begin-wrap *,
#foremark-begin-wrap *::before,
#foremark-begin-wrap *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* ============================================
MAIN LAYOUT - SPLIT SCREEN
============================================ */
#foremark-begin-wrap .fm-page {
    display: grid;
    grid-template-columns: 1fr 580px;
    min-height: auto;
}

/* LEFT PANEL - TRUST SECTION */
#foremark-begin-wrap .fm-left {
    padding: 72px 60px;
    background: var(--ink);
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

@media (max-width: 1024px) {
    #foremark-begin-wrap .fm-left {
        padding: 56px 40px;
    }
}
@media (max-width: 768px) {
    #foremark-begin-wrap .fm-page {
        grid-template-columns: 1fr;
    }
    #foremark-begin-wrap .fm-left {
        padding: 48px 32px;
    }
}
@media (max-width: 480px) {
    #foremark-begin-wrap .fm-left {
        padding: 40px 24px;
    }
}

#foremark-begin-wrap .fm-left::before {
    content: '90';
    font-family: var(--tight);
    font-weight: 900;
    font-size: 380px;
    color: rgba(255,255,255,.022);
    position: absolute;
    right: -40px;
    bottom: -80px;
    line-height: 1;
    letter-spacing: -.08em;
    pointer-events: none;
}

@media (max-width: 768px) {
    #foremark-begin-wrap .fm-left::before {
        font-size: 250px;
        right: -30px;
        bottom: -50px;
    }
}

#foremark-begin-wrap .fm-left-tag {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .28em;
    color: var(--gold);
    text-transform: uppercase;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
    position: relative;
    z-index: 1;
}

#foremark-begin-wrap .fm-left-tag::before {
    content: '';
    display: block;
    width: 20px;
    height: 1.5px;
    background: var(--gold);
}

#foremark-begin-wrap .fm-left h1 {
    font-size: clamp(38px, 4.5vw, 68px);
    color: #fff;
    margin-bottom: 24px;
    position: relative;
    z-index: 1;
    line-height: 1.08;
    letter-spacing: -.03em;
}

#foremark-begin-wrap .fm-left-sub {
    font-size: 15px;
    color: rgba(247,244,239,.48);
    line-height: 1.7;
    max-width: 460px;
    margin-bottom: 48px;
    position: relative;
    z-index: 1;
}

@media (max-width: 480px) {
    #foremark-begin-wrap .fm-left-sub {
        font-size: 14px;
        margin-bottom: 36px;
    }
}

/* Steps on left */
#foremark-begin-wrap .fm-steps-left {
    position: relative;
    z-index: 1;
    margin-bottom: auto;
}

#foremark-begin-wrap .fm-steps-label {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .24em;
    color: var(--gold);
    text-transform: uppercase;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

#foremark-begin-wrap .fm-steps-label::before {
    content: '';
    display: block;
    width: 12px;
    height: 1px;
    background: var(--gold);
}

#foremark-begin-wrap .fm-step-item {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 16px 0;
    border-bottom: 1px solid rgba(255,255,255,.06);
}

#foremark-begin-wrap .fm-step-item:last-child {
    border-bottom: none;
}

#foremark-begin-wrap .fm-step-num {
    font-family: var(--tight);
    font-size: 26px;
    font-weight: 900;
    color: rgba(184,146,46,.3);
    line-height: 1;
    flex-shrink: 0;
    width: 32px;
    letter-spacing: -.04em;
}

#foremark-begin-wrap .fm-step-title {
    font-family: var(--tight);
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 4px;
}

#foremark-begin-wrap .fm-step-desc {
    font-size: 12px;
    color: rgba(247,244,239,.42);
    line-height: 1.6;
}

/* Reassurances */
#foremark-begin-wrap .fm-reassurances {
    margin-top: 48px;
    padding-top: 36px;
    border-top: 1px solid rgba(255,255,255,.06);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    position: relative;
    z-index: 1;
}

@media (max-width: 480px) {
    #foremark-begin-wrap .fm-reassurances {
        grid-template-columns: 1fr;
        gap: 12px;
        margin-top: 36px;
        padding-top: 28px;
    }
}

#foremark-begin-wrap .fm-reassurance {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 12px;
    color: rgba(247,244,239,.4);
    line-height: 1.5;
}

#foremark-begin-wrap .fm-reassurance::before {
    content: '✓';
    font-family: var(--mono);
    font-size: 10px;
    color: var(--gold);
    flex-shrink: 0;
    margin-top: 1px;
}

/* ============================================
RIGHT PANEL - FORM
============================================ */
#foremark-begin-wrap .fm-right {
    padding: 64px 56px;
    background: var(--bg);
    display: flex;
    flex-direction: column;
}

@media (max-width: 1024px) {
    #foremark-begin-wrap .fm-right {
        padding: 52px 40px;
    }
}
@media (max-width: 768px) {
    #foremark-begin-wrap .fm-right {
        padding: 48px 32px;
    }
}
@media (max-width: 480px) {
    #foremark-begin-wrap .fm-right {
        padding: 36px 24px;
    }
}

#foremark-begin-wrap .fm-form-tag {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .24em;
    color: var(--gold);
    text-transform: uppercase;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}

#foremark-begin-wrap .fm-form-tag::before {
    content: '';
    display: block;
    width: 12px;
    height: 1.5px;
    background: var(--gold);
}

#foremark-begin-wrap .fm-form-title {
    font-family: var(--tight);
    font-size: 32px;
    font-weight: 800;
    color: var(--ink);
    margin-bottom: 8px;
    letter-spacing: -.03em;
}

#foremark-begin-wrap .fm-form-sub {
    font-size: 14px;
    color: var(--inkl);
    margin-bottom: 36px;
    line-height: 1.6;
}

/* Honey Pot Field - Hidden Spam Trap */
#foremark-begin-wrap .fm-honeypot {
    position: absolute;
    left: -9999px;
    opacity: 0;
    pointer-events: none;
}

/* Form Fields */
#foremark-begin-wrap .fm-fgroup {
    margin-bottom: 14px;
}

#foremark-begin-wrap .fm-flabel {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .16em;
    color: var(--inkl);
    text-transform: uppercase;
    margin-bottom: 6px;
    display: block;
}

#foremark-begin-wrap .fm-frow {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-bottom: 14px;
}

@media (max-width: 560px) {
    #foremark-begin-wrap .fm-frow {
        grid-template-columns: 1fr;
        gap: 14px;
    }
}

#foremark-begin-wrap .fm-input {
    width: 100%;
    background: #fff;
    border: 1px solid var(--line2);
    color: var(--ink);
    font-family: var(--sans);
    font-size: 13.5px;
    padding: 13px 16px;
    outline: none;
    transition: border-color .2s;
    -webkit-appearance: none;
}

#foremark-begin-wrap .fm-input:focus {
    border-color: var(--gold);
}

#foremark-begin-wrap .fm-input::placeholder {
    color: var(--inkg);
}

#foremark-begin-wrap select.fm-input {
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%239b9690' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    cursor: pointer;
}

#foremark-begin-wrap textarea.fm-input {
    resize: vertical;
    min-height: 90px;
}

#foremark-begin-wrap .fm-input.err {
    border-color: #c0392b;
}

#foremark-begin-wrap .fm-error {
    font-family: var(--mono);
    font-size: 7.5px;
    letter-spacing: .08em;
    color: #c0392b;
    text-transform: uppercase;
    display: none;
    margin-top: 4px;
}

#foremark-begin-wrap .fm-error.show {
    display: block;
}

/* Corridor Selector */
#foremark-begin-wrap .fm-corridor-select {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin-bottom: 14px;
}

@media (max-width: 560px) {
    #foremark-begin-wrap .fm-corridor-select {
        grid-template-columns: repeat(2, 1fr);
    }
}

#foremark-begin-wrap .fm-corr-opt {
    display: none;
}

#foremark-begin-wrap .fm-corr-card {
    border: 1px solid var(--line2);
    background: #fff;
    padding: 14px 10px;
    cursor: pointer;
    text-align: center;
    transition: all .2s;
    display: block;
}

#foremark-begin-wrap .fm-corr-card:hover {
    border-color: var(--line2);
    background: var(--bg1);
}

#foremark-begin-wrap .fm-corr-opt:checked + .fm-corr-card {
    border-color: var(--gold);
    background: var(--gfill);
}

#foremark-begin-wrap .fm-corr-flag {
    font-size: 22px;
    display: block;
    margin-bottom: 6px;
}

#foremark-begin-wrap .fm-corr-name {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .1em;
    color: var(--inkl);
    text-transform: uppercase;
}

/* Submit Button */
#foremark-begin-wrap .fm-submit {
    width: 100%;
    font-family: var(--mono);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #fff;
    background: var(--ink);
    padding: 16px;
    border: none;
    cursor: pointer;
    transition: background .25s;
    margin-top: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

#foremark-begin-wrap .fm-submit:hover {
    background: var(--gold);
}

#foremark-begin-wrap .fm-submit:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

#foremark-begin-wrap .fm-form-note {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .06em;
    color: var(--inkg);
    text-align: center;
    margin-top: 14px;
    line-height: 1.6;
}

/* Duplicate Email Error Message */
#foremark-begin-wrap .fm-duplicate-error {
    display: none;
    background: rgba(192,57,43,.08);
    border: 1px solid rgba(192,57,43,.3);
    padding: 12px 16px;
    margin-bottom: 20px;
    font-size: 13px;
    color: #c0392b;
    text-align: center;
}

#foremark-begin-wrap .fm-duplicate-error.show {
    display: block;
}

/* Confirmation State */
#foremark-begin-wrap .fm-confirm {
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 500px;
    padding: 60px 20px;
}

#foremark-begin-wrap .fm-confirm.show {
    display: flex;
}

#foremark-begin-wrap .fm-confirm-icon {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: var(--gfill2);
    border: 2px solid var(--gborder);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    margin-bottom: 28px;
}

#foremark-begin-wrap .fm-confirm-title {
    font-family: var(--tight);
    font-size: 28px;
    font-weight: 800;
    color: var(--ink);
    margin-bottom: 12px;
    letter-spacing: -.03em;
}

#foremark-begin-wrap .fm-confirm-sub {
    font-size: 15px;
    color: var(--inkl);
    line-height: 1.7;
    max-width: 360px;
    margin: 0 auto 32px;
}

#foremark-begin-wrap .fm-confirm-ref {
    font-family: var(--mono);
    font-size: 11px;
    letter-spacing: .14em;
    color: var(--gold);
    text-transform: uppercase;
    padding: 10px 20px;
    background: var(--gfill);
    border: 1px solid var(--gborder);
    margin-bottom: 32px;
}

#foremark-begin-wrap .fm-confirm-links {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    max-width: 380px;
}

#foremark-begin-wrap .fm-confirm-link {
    border: 1px solid var(--line);
    background: var(--bg1);
    padding: 16px 18px;
    display: flex;
    align-items: center;
    gap: 14px;
    transition: background .2s;
    text-decoration: none !important;
    
}

#foremark-begin-wrap .fm-confirm-link:hover {
    background: var(--bg2);
}

#foremark-begin-wrap .fm-confirm-link-icon {
    font-size: 18px;
    flex-shrink: 0;
}

#foremark-begin-wrap .fm-confirm-link-text {
    font-size: 13px;
    color: var(--inkl);
    line-height: 1.5;
    text-align: left;
}

#foremark-begin-wrap .fm-confirm-link-text strong {
    color: var(--ink);
    display: block;
    margin-bottom: 3px;
    font-size: 13.5px;
}

/* Spinner */
#foremark-begin-wrap .fm-spinner {
    display: none;
    width: 20px;
    height: 20px;
    border: 2px solid rgba(255,255,255,.25);
    border-top-color: #fff;
    border-radius: 50%;
    animation: fm-spin .7s linear infinite;
}

@keyframes fm-spin {
    to { transform: rotate(360deg); }
}

/* Rate Limit Message */
#foremark-begin-wrap .fm-rate-limit {
    display: none;
    text-align: center;
    padding: 12px;
    background: rgba(192,57,43,.08);
    border: 1px solid rgba(192,57,43,.3);
    margin-bottom: 20px;
    font-size: 13px;
    color: #c0392b;
}

#foremark-begin-wrap .fm-rate-limit.show {
    display: block;
}

/* ============================================
PROOF STRIP
============================================ */
#foremark-begin-wrap .fm-proof-strip {
    background: var(--bg1);
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    padding: 44px 60px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
}

@media (max-width: 768px) {
    #foremark-begin-wrap .fm-proof-strip {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
        padding: 40px 32px;
    }
}
@media (max-width: 480px) {
    #foremark-begin-wrap .fm-proof-strip {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 32px 24px;
    }
}

#foremark-begin-wrap .fm-proof-item {
    padding: 0 28px;
    border-right: 1px solid var(--line);
    text-align: center;
}

#foremark-begin-wrap .fm-proof-item:first-child {
    padding-left: 0;
}

#foremark-begin-wrap .fm-proof-item:last-child {
    border-right: none;
    padding-right: 0;
}

@media (max-width: 768px) {
    #foremark-begin-wrap .fm-proof-item {
        border-right: none;
        padding: 0;
    }
}

#foremark-begin-wrap .fm-proof-number {
    font-family: var(--tight);
    font-size: 36px;
    font-weight: 900;
    color: var(--gold-d);
    letter-spacing: -.04em;
    line-height: 1;
    margin-bottom: 6px;
}

#foremark-begin-wrap .fm-proof-label {
    font-family: var(--mono);
    font-size: 8.5px;
    letter-spacing: .13em;
    color: var(--inkg);
    text-transform: uppercase;
    line-height: 1.5;
}

/* ============================================
WHO SHOULD CALL SECTION
============================================ */
#foremark-begin-wrap .fm-who {
    padding: 80px 60px;
    border-bottom: 1px solid var(--line);
}

@media (max-width: 768px) {
    #foremark-begin-wrap .fm-who {
        padding: 60px 32px;
    }
}
@media (max-width: 480px) {
    #foremark-begin-wrap .fm-who {
        padding: 48px 24px;
    }
}

#foremark-begin-wrap .fm-section-label {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .28em;
    font-weight: 500;
    color: var(--gold);
    text-transform: uppercase;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 12px;
}

#foremark-begin-wrap .fm-section-label::before {
    content: '';
    display: block;
    width: 16px;
    height: 1.5px;
    background: var(--gold);
}

#foremark-begin-wrap .fm-who h2 {
    font-family: var(--tight);
    font-size: clamp(28px, 3vw, 44px);
    font-weight: 800;
    letter-spacing: -.03em;
    color: var(--ink);
    margin-bottom: 48px;
}

#foremark-begin-wrap .fm-who-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2px;
}

@media (max-width: 768px) {
    #foremark-begin-wrap .fm-who-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 560px) {
    #foremark-begin-wrap .fm-who-grid {
        grid-template-columns: 1fr;
    }
}

#foremark-begin-wrap .fm-who-card {
    border: 1px solid var(--line);
    background: var(--bg);
    padding: 28px 26px;
    transition: background .2s, border-color .2s;
}

#foremark-begin-wrap .fm-who-card:hover {
    background: var(--bg1);
    border-color: var(--line2);
}

#foremark-begin-wrap .fm-who-icon {
    font-size: 22px;
    margin-bottom: 14px;
    display: block;
}

#foremark-begin-wrap .fm-who-title {
    font-family: var(--tight);
    font-size: 15px;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 8px;
}

#foremark-begin-wrap .fm-who-desc {
    font-size: 13px;
    color: var(--inkl);
    line-height: 1.65;
}
/* ============================================
COUNTRY DIRECTOR PROGRAMME - FULL EXTERNAL CSS
============================================ */

#fm-cd-full *,
#fm-cd-full *::before,
#fm-cd-full *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.comments-area a, 
.page-content a {
    text-decoration: none !important;
}

#fm-cd-full {
    --bg: #f7f4ef;
    --bg1: #efebe3;
    --bg2: #e5dfd5;
    --bg3: #d9d1c4;
    --ink: #131110;
    --ink2: #2a2724;
    --inkl: #5e5a55;
    --inkg: #9b9690;
    --g: #9a7830;
    --gb: #b8922e;
    --gl: #c9a84c;
    --gfill: rgba(154, 120, 48, 0.07);
    --gfill2: rgba(154, 120, 48, 0.14);
    --gborder: rgba(154, 120, 48, 0.22);
    --gborder2: rgba(154, 120, 48, 0.42);
    --line: rgba(19, 17, 16, 0.09);
    --line2: rgba(19, 17, 16, 0.16);
    --line3: rgba(19, 17, 16, 0.28);
    --red: #c0392b;
    --serif: 'Inter Tight', sans-serif;
    --head: 'Inter Tight', sans-serif;
    --sans: 'Inter', sans-serif;
    --mono: 'DM Mono', monospace;
    --ease: cubic-bezier(0.4, 0, 0.2, 1);
    font-family: var(--sans);
    -webkit-font-smoothing: antialiased;
    color: var(--ink);
    background: var(--bg);
}

/* Section label */
#fm-cd-full .sl {
    font-family: var(--mono);
    font-size: 7.5px;
    letter-spacing: 0.28em;
    font-weight: 500;
    color: var(--gb);
    text-transform: uppercase;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}

#fm-cd-full .sl::before {
    content: '';
    display: block;
    width: 12px;
    height: 1.5px;
    background: var(--gb);
}

#fm-cd-full .sl.light {
    color: var(--gl);
}

#fm-cd-full .sl.light::before {
    background: var(--gl);
}

/* Hero Section */
#fm-cd-full section:first-child {
    min-height: 88vh;
    display: grid;
    grid-template-columns: 1fr 480px;
    border-bottom: 1px solid var(--line);
}

#fm-cd-full .hero-left {
    padding: 80px 60px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    overflow: hidden;
}

#fm-cd-full .hero-bg-text {
    position: absolute;
    bottom: -40px;
    left: -10px;
    font-family: var(--serif);
    font-style: normal;
    font-size: clamp(80px, 14vw, 180px);
    color: rgba(154, 120, 48, 0.038);
    pointer-events: none;
    line-height: 1;
}

#fm-cd-full .hero-left .sl {
    position: relative;
    z-index: 1;
}

#fm-cd-full .hero-left h1 {
    font-family: var(--head);
    font-size: clamp(44px, 5.5vw, 76px);
    font-weight: 700;
    line-height: 1.04;
    letter-spacing: -0.03em;
    color: var(--ink);
    margin-bottom: 14px;
    position: relative;
    z-index: 1;
}

#fm-cd-full .hero-left h1 em {
    font-family: var(--serif);
    font-style: normal;
    font-weight: 400;
    color: var(--g);
}

#fm-cd-full .hero-left p {
    font-size: 16px;
    color: var(--inkl);
    line-height: 1.8;
    max-width: 520px;
    margin-bottom: 44px;
    position: relative;
    z-index: 1;
}

#fm-cd-full .hero-buttons {
    display: flex;
    gap: 0;
    position: relative;
    z-index: 1;
}

#fm-cd-full .btn-primary {
    display: flex;
    align-items: center;
    gap: 9px;
    font-family: var(--mono);
    font-size: 9.5px;
    letter-spacing: 0.14em;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    padding: 14px 28px;
    background: var(--ink);
    text-decoration: none;
}

#fm-cd-full .btn-secondary {
    display: flex;
    align-items: center;
    font-family: var(--mono);
    font-size: 9.5px;
    letter-spacing: 0.14em;
    font-weight: 500;
    color: var(--inkl);
    text-transform: uppercase;
    padding: 14px 22px;
    border: 1px solid var(--line2);
    border-left: none;
    transition: all 0.2s;
    text-decoration: none;
}

#fm-cd-full .hero-right {
    background: var(--ink);
    padding: 60px 50px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    overflow: hidden;
}

#fm-cd-full .economics-badge {
    position: absolute;
    top: -60px;
    right: -60px;
    width: 240px;
    height: 240px;
    border: 50px solid rgba(154, 120, 48, 0.05);
    border-radius: 50%;
    pointer-events: none;
}

#fm-cd-full .economics-label {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--gl);
    margin-bottom: 16px;
    position: relative;
    z-index: 1;
}

#fm-cd-full .economics-number {
    font-family: var(--head);
    font-size: 88px;
    font-weight: 700;
    letter-spacing: -0.05em;
    color: #fff;
    line-height: 1;
    margin-bottom: 6px;
    position: relative;
    z-index: 1;
}

#fm-cd-full .economics-number em {
    color: var(--gl);
    font-style: normal;
}

#fm-cd-full .economics-sub {
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(247, 244, 239, 0.35);
    margin-bottom: 32px;
    position: relative;
    z-index: 1;
}

#fm-cd-full .economics-list div {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 13px;
    color: rgba(247, 244, 239, 0.55);
    margin-bottom: 9px;
}

#fm-cd-full .dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--gb);
    flex-shrink: 0;
    display: block;
    margin-top: 5px;
}

/* What we provide section */
#fm-cd-full .what-we-provide {
    padding: 80px 60px;
    border-bottom: 1px solid var(--line);
}

#fm-cd-full .two-col {
    display: grid;
    grid-template-columns: 380px 1fr;
    gap: 80px;
    align-items: start;
    width: 100%;
}

#fm-cd-full .what-we-provide h2 {
    font-family: var(--head);
    font-size: clamp(26px, 3.5vw, 40px);
    font-weight: 700;
    letter-spacing: -0.03em;
    color: var(--ink);
    margin-bottom: 14px;
    line-height: 1.1;
}

#fm-cd-full .what-we-provide h2 em {
    font-style: normal;
    font-family: var(--serif);
    font-weight: 400;
    color: var(--g);
}

#fm-cd-full .what-we-provide > div > p {
    font-size: 14.5px;
    color: var(--inkl);
    line-height: 1.8;
}

#fm-cd-full .providers-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

#fm-cd-full .provider-card {
    padding: 24px 20px;
    border: 1px solid var(--line);
    transition: background 0.2s;
}

#fm-cd-full .provider-card:hover {
    background: var(--bg1);
}

#fm-cd-full .provider-icon {
    font-size: 24px;
    margin-bottom: 12px;
}

#fm-cd-full .provider-title {
    font-family: var(--head);
    font-size: 14px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 5px;
}

#fm-cd-full .provider-desc {
    font-size: 12.5px;
    color: var(--inkl);
    line-height: 1.65;
}

/* Criteria section */
#fm-cd-full .criteria {
    padding: 80px 60px;
    background: var(--bg1);
    border-bottom: 1px solid var(--line);
}

#fm-cd-full .criteria h2 {
    font-family: var(--head);
    font-size: clamp(26px, 3.5vw, 40px);
    font-weight: 700;
    letter-spacing: -0.03em;
    color: var(--ink);
    margin-bottom: 12px;
}

#fm-cd-full .criteria h2 em {
    font-style: normal;
    font-family: var(--serif);
    font-weight: 400;
    color: var(--g);
}

#fm-cd-full .criteria-intro {
    font-size: 15px;
    color: var(--inkl);
    max-width: 560px;
    line-height: 1.8;
    margin-bottom: 44px;
}

#fm-cd-full .criteria-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

#fm-cd-full .criteria-card {
    padding: 28px 24px;
    background: var(--bg);
    border: 1px solid var(--line);
}

#fm-cd-full .criteria-badge {
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--gb);
    margin-bottom: 10px;
}

#fm-cd-full .criteria-title {
    font-family: var(--head);
    font-size: 16px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 6px;
}

#fm-cd-full .criteria-desc {
    font-size: 13px;
    color: var(--inkl);
    line-height: 1.65;
}

/* Application section */
#fm-cd-full .application {
    padding: 80px 60px;
    border-bottom: 1px solid var(--line);
}

#fm-cd-full .application .two-col {
    display: grid;
    grid-template-columns: 1fr 540px;
    gap: 80px;
    align-items: start;
}

#fm-cd-full .application h2 {
    font-family: var(--head);
    font-size: clamp(26px, 3.5vw, 40px);
    font-weight: 700;
    letter-spacing: -0.03em;
    color: var(--ink);
    margin-bottom: 14px;
}

#fm-cd-full .application h2 em {
    font-style: normal;
    font-family: var(--serif);
    font-weight: 400;
    color: var(--g);
}

#fm-cd-full .application > div > div > p {
    font-size: 14.5px;
    color: var(--inkl);
    line-height: 1.8;
    margin-bottom: 32px;
}

#fm-cd-full .process-step {
    display: grid;
    grid-template-columns: 72px 1fr;
    gap: 24px;
    align-items: start;
    padding: 28px 0;
    border-bottom: 1px solid var(--line);
}

#fm-cd-full .step-number {
    width: 56px;
    height: 56px;
    background: var(--ink);
    border: 1px solid var(--line2);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--mono);
    font-size: 11px;
    font-weight: 500;
    color: var(--gb);
}

#fm-cd-full .step-title {
    font-family: var(--head);
    font-size: 16px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 5px;
}

#fm-cd-full .step-desc {
    font-size: 13.5px;
    color: var(--inkl);
    line-height: 1.7;
}

/* Form Card */
#fm-cd-full .fmcd-card {
    background: var(--ink2);
    padding: 48px 40px;
    position: relative;
    overflow: hidden;
}

#fm-cd-full .fmcd-card::before {
    content: '';
    position: absolute;
    top: -40px;
    right: -40px;
    width: 160px;
    height: 160px;
    border: 36px solid rgba(154, 120, 48, 0.06);
    border-radius: 50%;
    pointer-events: none;
}

#fm-cd-full .fmcd-card::after {
    content: '';
    position: absolute;
    bottom: -50px;
    left: -50px;
    width: 140px;
    height: 140px;
    border: 28px solid rgba(154, 120, 48, 0.04);
    border-radius: 50%;
    pointer-events: none;
}

#fm-cd-full .fmcd-eyebrow {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--gl);
    margin-bottom: 14px;
    position: relative;
    z-index: 1;
}

#fm-cd-full .fmcd-title {
    font-family: var(--head) !important;
    font-size: clamp(22px, 3vw, 28px) !important;
    font-weight: 700 !important;
    color: #fff !important;
    margin-bottom: 6px !important;
    letter-spacing: -0.01em !important;
    position: relative !important;
    z-index: 1 !important;
}

#fm-cd-full .fmcd-sub {
    font-size: 13px;
    color: rgba(247, 244, 239, 0.38);
    line-height: 1.7;
    margin-bottom: 28px;
    position: relative;
    z-index: 1;
}

#fm-cd-full .fmcd-fgrp {
    margin-bottom: 14px;
    position: relative;
    z-index: 1;
}

#fm-cd-full .fmcd-label {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(247, 244, 239, 0.38);
    display: block;
    margin-bottom: 7px;
}

#fm-cd-full .fmcd-label .req {
    color: var(--gb);
    margin-left: 2px;
}

#fm-cd-full .fmcd-label small {
    letter-spacing: 0;
    text-transform: none;
    opacity: 0.6;
}

#fm-cd-full .fmcd-input {
    width: 100%;
    background: rgba(247, 244, 239, 0.06);
    border: 1px solid rgba(247, 244, 239, 0.12);
    color: #fff;
    font-family: var(--sans);
    font-size: 14px;
    padding: 12px 14px;
    outline: none;
    transition: border-color 0.25s;
    -webkit-appearance: none;
    border-radius: 0;
}

#fm-cd-full .fmcd-input::placeholder {
    color: rgba(247, 244, 239, 0.22);
}

#fm-cd-full .fmcd-input:focus {
    border-color: var(--gb);
}

#fm-cd-full .fmcd-input.err {
    border-color: var(--red);
}

#fm-cd-full .fmcd-input.valid {
    border-color: rgba(39, 174, 96, 0.4);
}

#fm-cd-full select.fmcd-input {
    color: rgba(247, 244, 239, 0.6);
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23b8922e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    padding-right: 36px;
    cursor: pointer;
}

#fm-cd-full select.fmcd-input option {
    background: #2a2724;
    color: #fff;
}

#fm-cd-full textarea.fmcd-input {
    resize: vertical;
    min-height: 90px;
    line-height: 1.6;
}

#fm-cd-full .fmcd-err {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: 0.08em;
    color: var(--red);
    text-transform: uppercase;
    display: none;
    margin-top: 5px;
}

#fm-cd-full .fmcd-err.show {
    display: block;
}

#fm-cd-full .fmcd-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

#fm-cd-full .fmcd-btn {
    width: 100%;
    background: var(--gb);
    color: #fff;
    border: none;
    font-family: var(--mono);
    font-size: 9.5px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    padding: 15px 28px;
    cursor: pointer;
    transition: background 0.2s;
    position: relative;
    z-index: 1;
    margin-top: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

#fm-cd-full .fmcd-btn:hover:not(:disabled) {
    background: var(--gl);
}

#fm-cd-full .fmcd-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

#fm-cd-full .fmcd-spinner {
    display: none;
    width: 18px;
    height: 18px;
    border: 2px solid rgba(255, 255, 255, 0.25);
    border-top-color: #fff;
    border-radius: 50%;
    animation: fmcd_spin 0.7s linear infinite;
}

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

#fm-cd-full .fmcd-fine {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: 0.08em;
    color: rgba(247, 244, 239, 0.2);
    margin-top: 12px;
    text-align: center;
    position: relative;
    z-index: 1;
}

/* Confirmation */
#fm-cd-full .fmcd-confirm {
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 64px 40px;
    background: var(--ink2);
    position: relative;
    overflow: hidden;
}

#fm-cd-full .fmcd-confirm::before {
    content: '';
    position: absolute;
    top: -60px;
    right: -60px;
    width: 200px;
    height: 200px;
    border: 44px solid rgba(154, 120, 48, 0.05);
    border-radius: 50%;
    pointer-events: none;
}

#fm-cd-full .fmcd-confirm.show {
    display: flex;
}

#fm-cd-full .fmcd-confirm-mark {
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background: var(--gfill2);
    border: 2px solid var(--gborder2);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    margin-bottom: 28px;
    animation: fmcd_pop 0.5s var(--ease) both;
    position: relative;
    z-index: 1;
}

@keyframes fmcd_pop {
    0% {
        transform: scale(0.6);
        opacity: 0;
    }
    70% {
        transform: scale(1.08);
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

#fm-cd-full .fmcd-confirm-eyebrow {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: 0.28em;
    color: var(--gb);
    text-transform: uppercase;
    margin-bottom: 14px;
    position: relative;
    z-index: 1;
}

#fm-cd-full .fmcd-confirm-h {
    font-family: var(--head);
    font-size: clamp(26px, 3.5vw, 36px);
    font-weight: 700;
    letter-spacing: -0.03em;
    color: #fff;
    line-height: 1.1;
    margin-bottom: 14px;
    max-width: 320px;
    position: relative;
    z-index: 1;
}

#fm-cd-full .fmcd-confirm-h em {
    font-style: normal;
    font-family: var(--serif);
    font-weight: 400;
    color: var(--gl);
}

#fm-cd-full .fmcd-confirm-p {
    font-size: 14px;
    color: rgba(247, 244, 239, 0.45);
    line-height: 1.8;
    max-width: 340px;
    margin-bottom: 24px;
    position: relative;
    z-index: 1;
}

#fm-cd-full .fmcd-confirm-ref {
    font-family: var(--mono);
    font-size: 11px;
    letter-spacing: 0.16em;
    color: var(--gb);
    text-transform: uppercase;
    padding: 11px 20px;
    background: var(--gfill);
    border: 1px solid var(--gborder);
    position: relative;
    z-index: 1;
}

/* Referral CTA */
#fm-cd-full .referral-cta {
    padding: 80px 60px;
    background: var(--ink);
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: 60px;
    align-items: center;
    position: relative;
    overflow: hidden;
    border-top: 1px solid rgba(247, 244, 239, 0.06);
}

#fm-cd-full .referral-bg-icon {
    position: absolute;
    bottom: -80px;
    left: 40px;
    font-size: 280px;
    color: rgba(154, 120, 48, 0.04);
    pointer-events: none;
    line-height: 1;
}

#fm-cd-full .referral-cta .sl {
    color: var(--gl);
}

#fm-cd-full .referral-cta .sl::before {
    background: var(--gl);
}

#fm-cd-full .referral-cta h2 {
    font-family: var(--head);
    font-size: clamp(28px, 3.5vw, 46px);
    font-weight: 700;
    letter-spacing: -0.03em;
    color: #fff;
    line-height: 1.1;
    margin-bottom: 12px;
}

#fm-cd-full .referral-cta h2 em {
    font-style: normal;
    font-family: var(--serif);
    font-weight: 400;
    text-decoration: none !important;
    color: var(--gl);
}

#fm-cd-full .referral-cta p {
    font-size: 14px;
    color: rgba(247, 244, 239, 0.42);
    line-height: 1.8;
}

#fm-cd-full .referral-buttons {
    background: rgba(247, 244, 239, 0.04);
    border: 1px solid rgba(247, 244, 239, 0.1);
    padding: 32px 28px;
}

#fm-cd-full .referral-buttons {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

#fm-cd-full .btn-gold {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 18px;
    background: var(--gb);
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    text-decoration: none !important;
    color: #fff;
    font-weight: 500;
}

#fm-cd-full .btn-outline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 18px;
    border: 1px solid rgba(247, 244, 239, 0.14);
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    text-decoration: none !important;
    color: rgba(247, 244, 239, 0.5);
    font-weight: 500;
}

/* Responsive */
@media (max-width: 1400px) {
    #fm-cd-full section {
        overflow-x: hidden;
    }
    #fm-cd-full .fmcd-card {
        padding: 42px 34px;
    }
}

@media (max-width: 1080px) {
    #fm-cd-full .two-col,
    #fm-cd-full .referral-cta {
        grid-template-columns: 1fr !important;
        gap: 40px !important;
    }
    #fm-cd-full .criteria-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    #fm-cd-full section:first-child {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 980px) {
    #fm-cd-full section,
    #fm-cd-full .two-col {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
    #fm-cd-full .criteria-grid {
        grid-template-columns: 1fr !important;
    }
    #fm-cd-full .fmcd-card {
        max-width: 100%;
    }
}

@media (max-width: 780px) {
    #fm-cd-full .fmcd-row {
        grid-template-columns: 1fr;
    }
    #fm-cd-full .hero-left h1 {
        font-size: 42px !important;
        line-height: 1.15 !important;
    }
    #fm-cd-full .what-we-provide h2,
    #fm-cd-full .criteria h2,
    #fm-cd-full .application h2 {
        font-size: 28px !important;
    }
    #fm-cd-full .fmcd-title {
        font-size: 24px;
    }
}

@media (max-width: 680px) {
    #fm-cd-full section,
    #fm-cd-full .two-col {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
    #fm-cd-full .fmcd-card,
    #fm-cd-full .fmcd-confirm {
        padding: 28px 20px;
    }
    #fm-cd-full .hero-left h1 {
        font-size: 36px !important;
    }
    #fm-cd-full .fmcd-confirm-h {
        font-size: 30px;
    }
}

@media (max-width: 480px) {
    #fm-cd-full .hero-left h1 {
        font-size: 30px !important;
    }
    #fm-cd-full .what-we-provide h2,
    #fm-cd-full .criteria h2,
    #fm-cd-full .application h2 {
        font-size: 24px !important;
    }
    #fm-cd-full .fmcd-btn {
        padding: 14px 16px;
        font-size: 8px;
        letter-spacing: 0.12em;
    }
    #fm-cd-full .fmcd-input {
        padding: 11px 12px;
        font-size: 13px;
    }
    #fm-cd-full .sl {
        font-size: 7px;
    }
    #fm-cd-full .fmcd-confirm-p {
        font-size: 13px;
    }
}

@media (max-width: 360px) {
    #fm-cd-full .hero-left h1 {
        font-size: 26px !important;
    }
    #fm-cd-full .what-we-provide h2,
    #fm-cd-full .criteria h2,
    #fm-cd-full .application h2 {
        font-size: 20px !important;
    }
    #fm-cd-full .fmcd-card,
    #fm-cd-full .fmcd-confirm {
        padding: 20px 14px;
    }
    #fm-cd-full .fmcd-btn {
        font-size: 7px;
        letter-spacing: 0.08em;
    }
    #fm-cd-full .fmcd-title {
        font-size: 20px;
    }
    #fm-cd-full .fmcd-confirm-h {
        font-size: 24px;
    }
}
/* ============================================
STARTER REPORT - FULL EXTERNAL CSS
Fully Responsive: 1400 · 1080 · 980 · 780 · 680 · 480 · 360
============================================ */

/* ─── TOKENS ──────────────────────────────────────────────────── */
.fm-sr {
    --bg: #f7f4ef;
    --bg1: #efebe3;
    --bg2: #e5dfd5;
    --ink: #131110;
    --ink2: #2a2724;
    --inkl: #5e5a55;
    --inkg: #9b9690;
    --gold: #b8922e;
    --gold-l: #c9a84c;
    --gold-d: #9a7830;
    --gfill: rgba(184,146,46,.08);
    --gborder: rgba(184,146,46,.22);
    --line: rgba(19,17,16,.09);
    --line2: rgba(19,17,16,.16);
    --line3: rgba(19,17,16,.28);
    --tight: 'Inter Tight', sans-serif;
    --sans: 'Inter', sans-serif;
    --mono: 'DM Mono', monospace;
    --ease: cubic-bezier(.4,0,.2,1);
    --pad-x: 60px;
}

/* ─── RESET (scoped) ──────────────────────────────────────────── */
.fm-sr *,
.fm-sr *::before,
.fm-sr *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.fm-sr {
    font-family: var(--sans);
    color: var(--ink);
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}

.fm-sr a {
    text-decoration: none !important;
    
}

.fm-sr ul {
    list-style: none;
}

/* ─── UTILITY ─────────────────────────────────────────────────── */
.fm-sr .sec-label {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .28em;
    font-weight: 500;
    color: var(--gold);
    text-transform: uppercase;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.fm-sr .sec-label::before {
    content: '';
    display: block;
    width: 16px;
    height: 1.5px;
    background: var(--gold);
}

.fm-sr .sec-label.lt {
    color: var(--gold-l);
}

.fm-sr .sec-label.lt::before {
    background: var(--gold-l);
}

/* ─── BREADCRUMB ──────────────────────────────────────────────── */
.fm-sr .bc {
    padding: 14px var(--pad-x);
    border-bottom: 1px solid var(--line);
    background: var(--bg1);
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.fm-sr .bc a,
.fm-sr .bc span {
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--inkg);
}

.fm-sr .bc a:hover {
    color: var(--gold);
}

.fm-sr .bc .sep {
    color: var(--line3);
}

.fm-sr .bc .cur {
    color: var(--gold);
}

/* ─── HERO DARK ───────────────────────────────────────────────── */
.fm-sr .hero-dark {
    background: var(--ink);
    padding: 96px var(--pad-x) 80px;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid rgba(255,255,255,.06);
}

.fm-sr .hero-dark::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background: repeating-linear-gradient(0deg, transparent, transparent 64px, rgba(255,255,255,.018) 64px, rgba(255,255,255,.018) 65px);
    pointer-events: none;
}

.fm-sr .hero-tag {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .28em;
    color: var(--gold);
    text-transform: uppercase;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
    position: relative;
    z-index: 1;
}

.fm-sr .hero-tag::before {
    content: '';
    display: block;
    width: 20px;
    height: 1.5px;
    background: var(--gold);
}

.fm-sr .hero-dark h1 {
    font-family: var(--tight);
    font-size: clamp(38px, 5.5vw, 80px);
    font-weight: 800;
    letter-spacing: -.03em;
    line-height: 1.05;
    color: #fff;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}

.fm-sr .hero-sub {
    font-size: clamp(14px, 1.6vw, 17px);
    color: rgba(247,244,239,.48);
    line-height: 1.75;
    max-width: 620px;
    position: relative;
    z-index: 1;
    margin-bottom: 0;
}

/* ─── STAT BAR ────────────────────────────────────────────────── */
.fm-sr .stat-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-bottom: 1px solid var(--line);
}

.fm-sr .stat {
    padding: 28px 32px;
    border-right: 1px solid var(--line);
    text-align: center;
}

.fm-sr .stat:last-child {
    border-right: none;
}

.fm-sr .stat-n {
    font-family: var(--tight);
    font-size: 40px;
    font-weight: 900;
    color: var(--gold-d);
    line-height: 1;
    margin-bottom: 4px;
    letter-spacing: -.04em;
}

.fm-sr .stat-l {
    font-family: var(--mono);
    font-size: 8.5px;
    letter-spacing: .14em;
    color: var(--inkg);
    text-transform: uppercase;
    line-height: 1.5;
}

/* ─── SECTIONS ────────────────────────────────────────────────── */
.fm-sr .section {
    padding: 88px var(--pad-x);
    border-bottom: 1px solid var(--line);
}

.fm-sr .section.dark-bg {
    background: var(--bg1);
}

.fm-sr .section.ink-bg {
    background: var(--ink);
    border-color: rgba(255,255,255,.06);
}

.fm-sr .section h2 {
    font-family: var(--tight);
    font-size: clamp(28px, 4vw, 52px);
    font-weight: 800;
    letter-spacing: -.03em;
    color: var(--ink);
}

.fm-sr .section.dark-bg h2 {
    color: var(--ink);
}

/* ─── GRIDS ───────────────────────────────────────────────────── */
.fm-sr .grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    margin-top: 52px;
}

.fm-sr .grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2px;
    margin-top: 52px;
}

.fm-sr .grid-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2px;
    margin-top: 52px;
}

/* ─── CARDS ───────────────────────────────────────────────────── */
.fm-sr .card {
    border: 1px solid var(--line);
    background: var(--bg);
    padding: 28px 26px;
    transition: background .2s, border-color .2s;
    position: relative;
    overflow: hidden;
}

.fm-sr .card:hover {
    background: var(--bg1);
    border-color: var(--line2);
}

.fm-sr .card::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--gold);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .3s var(--ease);
}

.fm-sr .card:hover::after {
    transform: scaleX(1);
}

.fm-sr .card-num {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .2em;
    color: var(--gold);
    text-transform: uppercase;
    margin-bottom: 12px;
}

.fm-sr .card h3 {
    font-family: var(--tight);
    font-size: 17px;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 8px;
    letter-spacing: -.02em;
}

.fm-sr .card p {
    font-size: 13px;
    color: var(--inkl);
    line-height: 1.7;
}

.fm-sr .card.dark-card {
    background: rgba(255,255,255,.04);
    border-color: rgba(255,255,255,.08);
}

.fm-sr .card.dark-card:hover {
    background: rgba(255,255,255,.07);
}

.fm-sr .card.dark-card h3 {
    color: #fff;
}

.fm-sr .card.dark-card p {
    color: rgba(247,244,239,.5);
}

.fm-sr .card.dark-card .card-num {
    color: rgba(184,146,46,.7);
}

/* ─── PROSE ───────────────────────────────────────────────────── */
.fm-sr .prose p {
    font-size: 15px;
    color: var(--inkl);
    line-height: 1.82;
    margin-bottom: 20px;
}

.fm-sr .prose p:last-child {
    margin-bottom: 0;
}

/* ─── CREDIT BOX ──────────────────────────────────────────────── */
.fm-sr .credit-section {
    align-items: center;
}

.fm-sr .credit-box {
    background: var(--ink);
    padding: 40px 36px;
}

.fm-sr .credit-box-label {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .22em;
    color: var(--gold);
    text-transform: uppercase;
    margin-bottom: 16px;
}

.fm-sr .credit-row {
    display: flex;
    justify-content: space-between;
    padding: 14px 0;
    border-bottom: 1px solid rgba(255,255,255,.07);
}

.fm-sr .credit-row:last-of-type {
    border-bottom: none;
    padding-bottom: 0;
}

.fm-sr .cr-label {
    font-size: 13.5px;
    color: rgba(247,244,239,.6);
}

.fm-sr .cr-val {
    font-family: var(--tight);
    font-size: 18px;
    font-weight: 800;
    color: #fff;
    letter-spacing: -.02em;
}

.fm-sr .cr-val.gold {
    color: var(--gold);
}

.fm-sr .cr-val.total {
    font-size: 24px;
    font-weight: 900;
    color: var(--gold-l);
    letter-spacing: -.03em;
}

.fm-sr .total-row {
    padding-top: 16px;
}

.fm-sr .credit-note {
    background: rgba(184,146,46,.1);
    border: 1px solid rgba(184,146,46,.2);
    padding: 12px 14px;
    margin-top: 16px;
}

.fm-sr .credit-note p {
    font-size: 12px;
    color: rgba(247,244,239,.6);
    line-height: 1.6;
}

/* ─── CTA DARK ────────────────────────────────────────────────── */
.fm-sr .cta-dark {
    padding: 80px var(--pad-x);
    background: var(--ink);
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 60px;
    align-items: center;
}

.fm-sr .cta-tag {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .28em;
    color: var(--gold);
    text-transform: uppercase;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.fm-sr .cta-tag::before {
    content: '';
    display: block;
    width: 16px;
    height: 1.5px;
    background: var(--gold);
}

.fm-sr .cta-h {
    font-family: var(--tight);
    font-size: clamp(26px, 3vw, 46px);
    font-weight: 800;
    color: #fff;
    letter-spacing: -.03em;
    margin-bottom: 14px;
}

.fm-sr .cta-desc {
    font-size: 15px;
    color: rgba(247,244,239,.4);
    line-height: 1.7;
    max-width: 500px;
}

.fm-sr .cta-acts {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.fm-sr .btn-gold {
    font-family: var(--mono);
    font-size: 9.5px;
    font-weight: 500;
    letter-spacing: .14em;
    color: var(--ink);
    text-transform: uppercase;
    padding: 14px 28px;
    background: var(--gold);
    transition: background .22s;
    white-space: nowrap;
    text-align: center;
    display: block;
}

.fm-sr .btn-gold:hover {
    background: var(--gold-l);
}

.fm-sr .btn-outline-light {
    font-family: var(--mono);
    font-size: 9px;
    font-weight: 500;
    letter-spacing: .12em;
    color: rgba(247,244,239,.45);
    text-transform: uppercase;
    padding: 11px 20px;
    border: 1px solid rgba(255,255,255,.12);
    transition: all .22s;
    text-align: center;
    display: block;
}

.fm-sr .btn-outline-light:hover {
    color: #fff;
    border-color: rgba(255,255,255,.3);
}

/* ══════════════════════════════════════════════════════════════
RESPONSIVE — 7 breakpoints
1400 · 1080 · 980 · 780 · 680 · 480 · 360
══════════════════════════════════════════════════════════════ */

/* ── 1400px ── */
@media (max-width: 1400px) {
    .fm-sr {
        --pad-x: 48px;
    }
    .fm-sr .hero-dark h1 {
        font-size: clamp(36px, 5vw, 68px);
    }
    .fm-sr .stat-n {
        font-size: 34px;
    }
}

/* ── 1080px ── */
@media (max-width: 1080px) {
    .fm-sr {
        --pad-x: 40px;
    }
    .fm-sr .cta-dark {
        grid-template-columns: 1fr;
        gap: 36px;
    }
    .fm-sr .cta-acts {
        flex-direction: row;
        flex-wrap: wrap;
    }
    .fm-sr .cta-desc {
        max-width: 100%;
    }
    .fm-sr .grid-2 {
        gap: 40px;
    }
}

/* ── 980px ── */
@media (max-width: 980px) {
    .fm-sr {
        --pad-x: 32px;
    }
    .fm-sr .grid-3 {
        grid-template-columns: 1fr 1fr;
    }
    .fm-sr .grid-4 {
        grid-template-columns: 1fr 1fr;
    }
    .fm-sr .stat-grid {
        grid-template-columns: 1fr 1fr;
    }
    .fm-sr .stat {
        border-right: none;
        border-bottom: 1px solid var(--line);
    }
    .fm-sr .stat:nth-child(odd) {
        border-right: 1px solid var(--line);
    }
    .fm-sr .stat:nth-last-child(-n+2) {
        border-bottom: none;
    }
    .fm-sr .section {
        padding: 64px var(--pad-x);
    }
    .fm-sr .hero-dark {
        padding: 72px var(--pad-x) 60px;
    }
}

/* ── 780px ── */
@media (max-width: 780px) {
    .fm-sr {
        --pad-x: 24px;
    }
    .fm-sr .grid-2 {
        grid-template-columns: 1fr;
        gap: 32px;
        align-items: start !important;
    }
    .fm-sr .grid-3 {
        grid-template-columns: 1fr;
    }
    .fm-sr .grid-4 {
        grid-template-columns: 1fr;
    }
    .fm-sr .stat-grid {
        grid-template-columns: 1fr 1fr;
    }
    .fm-sr .section {
        padding: 56px var(--pad-x);
    }
    .fm-sr .cta-dark {
        padding: 56px var(--pad-x);
    }
}

/* ── 680px ── */
@media (max-width: 680px) {
    .fm-sr {
        --pad-x: 20px;
    }
    .fm-sr .stat-grid {
        grid-template-columns: 1fr 1fr;
    }
    .fm-sr .stat {
        padding: 20px 16px;
    }
    .fm-sr .stat-n {
        font-size: 28px;
    }
    .fm-sr .hero-dark h1 {
        font-size: clamp(28px, 8vw, 48px);
    }
    .fm-sr .hero-dark {
        padding: 52px var(--pad-x) 44px;
    }
    .fm-sr .hero-dark::before {
        display: none;
    }
    .fm-sr .cta-acts {
        flex-direction: column;
    }
    .fm-sr .btn-gold,
    .fm-sr .btn-outline-light {
        text-align: center;
    }
}

/* ── 480px ── */
@media (max-width: 480px) {
    .fm-sr {
        --pad-x: 16px;
    }
    .fm-sr .stat-grid {
        grid-template-columns: 1fr 1fr;
    }
    .fm-sr .stat {
        padding: 18px 12px;
    }
    .fm-sr .stat-n {
        font-size: 24px;
    }
    .fm-sr .stat-l {
        font-size: 7.5px;
        letter-spacing: .08em;
    }
    .fm-sr .section {
        padding: 44px var(--pad-x);
    }
    .fm-sr .cta-dark {
        padding: 44px var(--pad-x);
    }
    .fm-sr .card {
        padding: 22px 18px;
    }
    .fm-sr .credit-box {
        padding: 28px 22px;
    }
    .fm-sr .grid-2,
    .fm-sr .grid-3,
    .fm-sr .grid-4 {
        margin-top: 32px;
    }
    .fm-sr .cta-h {
        font-size: clamp(22px, 7vw, 34px);
    }
    .fm-sr .cta-desc {
        font-size: 13.5px;
    }
    .fm-sr .btn-gold {
        font-size: 8.5px;
        padding: 12px 20px;
    }
    .fm-sr .btn-outline-light {
        font-size: 8px;
        padding: 10px 16px;
    }
}

/* ── 360px ── */
@media (max-width: 360px) {
    .fm-sr {
        --pad-x: 14px;
    }
    .fm-sr .hero-dark h1 {
        font-size: 26px;
    }
    .fm-sr .hero-sub {
        font-size: 13px;
    }
    .fm-sr .stat-grid {
        grid-template-columns: 1fr 1fr;
    }
    .fm-sr .stat-n {
        font-size: 22px;
    }
    .fm-sr .cta-h {
        font-size: 22px;
    }
    .fm-sr .cta-desc {
        font-size: 13px;
    }
    .fm-sr .bc a,
    .fm-sr .bc span {
        font-size: 8px;
        letter-spacing: .06em;
    }
    .fm-sr .card h3 {
        font-size: 15px;
    }
    .fm-sr .cr-val.total {
        font-size: 20px;
    }
}
/* ============================================
FOREMARK SERVICES PAGE - COMPLETE CSS
Six-Phase Execution System
============================================ */

/* ─────────────────────────────────────────────
   ROOT VARIABLES & RESET
   ───────────────────────────────────────────── */
.fm-services-breadcrumb,
.fm-services-hero,
.fm-services-proof-bar,
.fm-services-phases,
.fm-services-how,
.fm-services-who,
.fm-services-starter,
.fm-services-cta {
    --bg: #f7f4ef;
    --bg1: #efebe3;
    --bg2: #e5dfd5;
    --bg3: #d9d1c4;
    --ink: #131110;
    --ink2: #2a2724;
    --inkl: #5e5a55;
    --inkg: #9b9690;
    --g: #9a7830;
    --gb: #b8922e;
    --gl: #c9a84c;
    --gfill: rgba(154,120,48,.07);
    --gfill2: rgba(154,120,48,.14);
    --gborder: rgba(154,120,48,.22);
    --gborder2: rgba(154,120,48,.42);
    --line: rgba(19,17,16,.09);
    --line2: rgba(19,17,16,.16);
    --line3: rgba(19,17,16,.28);
    --serif: 'Inter Tight', sans-serif;
    --head: 'Inter Tight', sans-serif;
    --sans: 'Inter', sans-serif;
    --mono: 'DM Mono', monospace;
    --ease: cubic-bezier(.4,0,.2,1);
}

.fm-services-breadcrumb *,
.fm-services-breadcrumb *::before,
.fm-services-breadcrumb *::after,
.fm-services-hero *,
.fm-services-hero *::before,
.fm-services-hero *::after,
.fm-services-proof-bar *,
.fm-services-proof-bar *::before,
.fm-services-proof-bar *::after,
.fm-services-phases *,
.fm-services-phases *::before,
.fm-services-phases *::after,
.fm-services-how *,
.fm-services-how *::before,
.fm-services-how *::after,
.fm-services-who *,
.fm-services-who *::before,
.fm-services-who *::after,
.fm-services-starter *,
.fm-services-starter *::before,
.fm-services-starter *::after,
.fm-services-cta *,
.fm-services-cta *::before,
.fm-services-cta *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.fm-services-breadcrumb,
.fm-services-hero,
.fm-services-proof-bar,
.fm-services-phases,
.fm-services-how,
.fm-services-who,
.fm-services-starter,
.fm-services-cta {
    font-family: var(--sans);
    color: var(--ink);
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}

.fm-services-breadcrumb a,
.fm-services-hero a,
.fm-services-proof-bar a,
.fm-services-phases a,
.fm-services-how a,
.fm-services-who a,
.fm-services-starter a,
.fm-services-cta a {
    text-decoration: none;
    
}

.comments-area a, 
.page-content a {
    text-decoration: none !important;
}

/* ─────────────────────────────────────────────
   BREADCRUMB
   ───────────────────────────────────────────── */
.fm-services-breadcrumb {
    padding: 16px 60px;
    border-bottom: 1px solid var(--line);
    background: var(--bg1);
    display: flex;
    align-items: center;
    gap: 8px;
}

.fm-services-breadcrumb a,
.fm-services-breadcrumb span {
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--inkg);
}

.fm-services-breadcrumb a:hover {
    color: var(--gb);
}

.fm-services-breadcrumb .sep {
    color: var(--line3);
}

.fm-services-breadcrumb .current {
    color: var(--gb);
}

/* ─────────────────────────────────────────────
   HERO SECTION
   ───────────────────────────────────────────── */
.fm-services-hero {
    padding: 100px 60px 0;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid var(--line);
}

.fm-services-hero .hero-bg {
    position: absolute;
    bottom: -60px;
    right: -20px;
    font-family: var(--serif);
    font-style: normal;
    font-size: clamp(120px, 18vw, 220px);
    color: rgba(154,120,48,.038);
    pointer-events: none;
    letter-spacing: -.02em;
    line-height: 1;
}

.fm-services-hero .hero-eyebrow {
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .28em;
    color: var(--gb);
    text-transform: uppercase;
    margin-bottom: 22px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.fm-services-hero .hero-eyebrow::before {
    content: '';
    display: block;
    width: 20px;
    height: 1.5px;
    background: var(--gb);
}

.fm-services-hero .hero-grid {
    display: grid;
    grid-template-columns: 1fr 440px;
    gap: 80px;
    align-items: end;
    padding-bottom: 80px;
}

.fm-services-hero .hero-h {
    font-family: var(--head);
    font-size: clamp(48px, 6vw, 84px);
    font-weight: 700;
    line-height: 1.04;
    letter-spacing: -.03em;
    color: var(--ink);
    margin-bottom: 14px;
}

.fm-services-hero .hero-h em {
    font-style: normal;
    font-family: var(--serif);
    font-weight: 400;
    color: var(--g);
}

.fm-services-hero .hero-sub {
    font-size: 16px;
    color: var(--inkl);
    line-height: 1.8;
    margin-bottom: 36px;
    max-width: 520px;
}

.fm-services-hero .hero-acts {
    display: flex;
}

.fm-services-hero .hero-btn-p {
    display: flex;
    align-items: center;
    gap: 9px;
    font-family: var(--mono);
    font-size: 9.5px;
    letter-spacing: .14em;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    padding: 14px 28px;
    background: var(--ink);
    position: relative;
    overflow: hidden;
}

.fm-services-hero .hero-btn-p::before {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--gb);
    transform: translateX(-101%);
    transition: transform .3s var(--ease);
}

.fm-services-hero .hero-btn-p:hover::before {
    transform: translateX(0);
}

.fm-services-hero .hero-btn-p > * {
    position: relative;
    z-index: 1;
}

.fm-services-hero .hero-btn-s {
    display: flex;
    align-items: center;
    font-family: var(--mono);
    font-size: 9.5px;
    letter-spacing: .14em;
    font-weight: 500;
    color: var(--inkl);
    text-transform: uppercase;
    padding: 14px 22px;
    border: 1px solid var(--line2);
    border-left: none;
    transition: all .2s;
}

.fm-services-hero .hero-btn-s:hover {
    color: var(--ink);
    border-color: var(--line3);
    background: var(--bg1);
}

.fm-services-hero .hero-price-box {
    background: var(--ink);
    padding: 40px 36px;
    margin-bottom: 12px;
    position: relative;
    overflow: hidden;
}

.fm-services-hero .hero-price-box::before {
    content: '';
    position: absolute;
    top: -60px;
    right: -60px;
    width: 200px;
    height: 200px;
    border: 40px solid rgba(154,120,48,.06);
    border-radius: 50%;
    pointer-events: none;
}

.fm-services-hero .hpb-label {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--gl);
    margin-bottom: 12px;
    position: relative;
    z-index: 1;
}

.fm-services-hero .hpb-price {
    font-family: var(--head);
    font-size: 48px;
    font-weight: 700;
    letter-spacing: -.03em;
    color: #fff;
    line-height: 1;
    margin-bottom: 4px;
    position: relative;
    z-index: 1;
}

.fm-services-hero .hpb-from {
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: rgba(247,244,239,.3);
    margin-bottom: 16px;
    position: relative;
    z-index: 1;
}

.fm-services-hero .hpb-items {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 22px;
    position: relative;
    z-index: 1;
}

.fm-services-hero .hpb-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    color: rgba(247,244,239,.55);
}

.fm-services-hero .hpb-item::before {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--gb);
    flex-shrink: 0;
}

.fm-services-hero .hpb-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    background: var(--gb);
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    transition: background .2s;
    position: relative;
    z-index: 1;
}

.fm-services-hero .hpb-cta:hover {
    background: var(--gl);
}

.fm-services-hero .hero-pricing-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    border: 1px solid var(--line2);
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--inkl);
    transition: all .2s;
}

.fm-services-hero .hero-pricing-link:hover {
    border-color: var(--line3);
    color: var(--ink);
    background: var(--bg1);
}

/* ─────────────────────────────────────────────
   PROOF BAR
   ───────────────────────────────────────────── */
.fm-services-proof-bar {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-bottom: 1px solid var(--line);
}

.fm-services-proof-bar .proof-cell {
    padding: 36px 40px;
    border-right: 1px solid var(--line);
    text-align: center;
}

.fm-services-proof-bar .proof-cell:last-child {
    border-right: none;
}

.fm-services-proof-bar .proof-n {
    font-family: var(--head);
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -.03em;
    color: var(--ink);
    line-height: 1;
    margin-bottom: 6px;
}

.fm-services-proof-bar .proof-n em {
    color: var(--g);
    font-style: normal;
}

.fm-services-proof-bar .proof-l {
    font-family: var(--mono);
    font-size: 8.5px;
    letter-spacing: .14em;
    color: var(--inkg);
    text-transform: uppercase;
    line-height: 1.7;
}

/* ─────────────────────────────────────────────
   SECTION LABEL
   ───────────────────────────────────────────── */
.fm-services-phases .section-label,
.fm-services-how .section-label,
.fm-services-who .section-label,
.fm-services-starter .section-label,
.fm-services-cta .section-label {
    font-family: var(--mono);
    font-size: 7.5px;
    letter-spacing: .28em;
    font-weight: 500;
    color: var(--gb);
    text-transform: uppercase;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.fm-services-phases .section-label::before,
.fm-services-how .section-label::before,
.fm-services-who .section-label::before,
.fm-services-starter .section-label::before,
.fm-services-cta .section-label::before {
    content: '';
    display: block;
    width: 12px;
    height: 1.5px;
    background: var(--gb);
}

/* ─────────────────────────────────────────────
   PHASES SECTION
   ───────────────────────────────────────────── */
.fm-services-phases {
    padding: 100px 60px;
    border-bottom: 1px solid var(--line);
}

.fm-services-phases .phases-header {
    margin-bottom: 60px;
}

.fm-services-phases .phases-h {
    font-family: var(--head);
    font-size: clamp(36px, 4vw, 56px);
    font-weight: 700;
    letter-spacing: -.03em;
    color: var(--ink);
    margin-bottom: 12px;
}

.fm-services-phases .phases-h em {
    font-style: normal;
    font-family: var(--serif);
    font-weight: 400;
    color: var(--g);
}

.fm-services-phases .phases-sub {
    font-size: 15px;
    color: var(--inkl);
    line-height: 1.8;
    max-width: 560px;
}

.fm-services-phases .phases-track {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.fm-services-phases .phase-row {
    display: grid;
    grid-template-columns: 80px 1fr 280px;
    gap: 0;
    border: 1px solid var(--line);
    border-bottom: none;
    position: relative;
    overflow: hidden;
    transition: background .22s;
}

.fm-services-phases .phase-row:last-of-type {
    border-bottom: 1px solid var(--line);
}

.fm-services-phases .phase-row:hover {
    background: var(--bg1);
}

.fm-services-phases .phase-row::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: linear-gradient(180deg, var(--g), var(--gl));
    transform: scaleY(0);
    transform-origin: top;
    transition: transform .35s var(--ease);
}

.fm-services-phases .phase-row:hover::before {
    transform: scaleY(1);
}

.fm-services-phases .phase-num {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 32px 0 32px;
    border-right: 1px solid var(--line);
    position: relative;
}

.fm-services-phases .phase-num-inner {
    font-family: var(--mono);
    font-size: 11px;
    font-weight: 500;
    color: var(--gb);
    letter-spacing: .1em;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
}

.fm-services-phases .phase-body {
    padding: 32px 36px;
    border-right: 1px solid var(--line);
}

.fm-services-phases .phase-tag {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--gb);
    margin-bottom: 10px;
}

.fm-services-phases .phase-title {
    font-family: var(--head);
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -.02em;
    color: var(--ink);
    margin-bottom: 8px;
    transition: color .18s;
}

.fm-services-phases .phase-row:hover .phase-title {
    color: var(--g);
}

.fm-services-phases .phase-desc {
    font-size: 13.5px;
    color: var(--inkl);
    line-height: 1.75;
    margin-bottom: 16px;
    max-width: 560px;
}

.fm-services-phases .phase-deliverables {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.fm-services-phases .phase-del {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .07em;
    text-transform: uppercase;
    padding: 3px 9px;
    background: var(--bg2);
    border: 1px solid var(--line);
    color: var(--inkl);
    transition: all .18s;
}

.fm-services-phases .phase-row:hover .phase-del {
    background: var(--gfill);
    border-color: var(--gborder);
    color: var(--g);
}

.fm-services-phases .phase-meta {
    padding: 32px 28px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.fm-services-phases .phase-price {
    font-family: var(--head);
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -.02em;
    color: var(--ink);
    line-height: 1;
    margin-bottom: 4px;
}

.fm-services-phases .phase-price-note {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--inkg);
    margin-bottom: 16px;
}

.fm-services-phases .phase-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--gb);
    transition: gap .18s;
}

.fm-services-phases .phase-row:hover .phase-link {
    gap: 12px;
}

.fm-services-phases .phase-timing {
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--inkg);
    margin-top: auto;
    display: flex;
    align-items: center;
    gap: 6px;
}

.fm-services-phases .phase-timing::before {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--gb);
}

/* ─────────────────────────────────────────────
   HOW IT WORKS SECTION
   ───────────────────────────────────────────── */
.fm-services-how {
    padding: 100px 60px;
    background: var(--ink);
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid var(--line);
}

.fm-services-how::before {
    content: '90';
    position: absolute;
    right: -30px;
    bottom: -80px;
    font-family: var(--head);
    font-size: 400px;
    font-weight: 700;
    color: rgba(154,120,48,.04);
    pointer-events: none;
    line-height: 1;
    letter-spacing: -.04em;
}

.fm-services-how .section-label {
    color: var(--gl);
}

.fm-services-how .section-label::before {
    background: var(--gl);
}

.fm-services-how .how-h {
    font-family: var(--head);
    font-size: clamp(32px, 4vw, 52px);
    font-weight: 700;
    letter-spacing: -.03em;
    color: #fff;
    margin-bottom: 12px;
}

.fm-services-how .how-h em {
    font-style: normal;
    font-family: var(--serif);
    font-weight: 400;
    color: var(--gl);
}

.fm-services-how .how-sub {
    font-size: 15px;
    color: rgba(247,244,239,.4);
    max-width: 480px;
    line-height: 1.8;
    margin-bottom: 60px;
}

.fm-services-how .how-steps {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    position: relative;
    z-index: 1;
}

.fm-services-how .how-step {
    padding: 36px 32px;
    border-right: 1px solid rgba(247,244,239,.07);
}

.fm-services-how .how-step:last-child {
    border-right: none;
}

.fm-services-how .how-n {
    font-family: var(--head);
    font-size: 56px;
    font-weight: 700;
    letter-spacing: -.04em;
    color: rgba(154,120,48,.18);
    line-height: 1;
    margin-bottom: 16px;
}

.fm-services-how .how-title {
    font-family: var(--head);
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 10px;
}

.fm-services-how .how-p {
    font-size: 13px;
    color: rgba(247,244,239,.4);
    line-height: 1.7;
}

/* ─────────────────────────────────────────────
   WHO SECTION
   ───────────────────────────────────────────── */
.fm-services-who {
    padding: 100px 60px;
    display: grid;
    grid-template-columns: 400px 1fr;
    gap: 80px;
    align-items: start;
    border-bottom: 1px solid var(--line);
}

.fm-services-who .who-left-h {
    font-family: var(--head);
    font-size: clamp(32px, 4vw, 50px);
    font-weight: 700;
    letter-spacing: -.03em;
    color: var(--ink);
    margin-bottom: 14px;
}

.fm-services-who .who-left-h em {
    font-style: normal;
    font-family: var(--serif);
    font-weight: 400;
    color: var(--g);
}

.fm-services-who .who-left-p {
    font-size: 15px;
    color: var(--inkl);
    line-height: 1.8;
    margin-bottom: 28px;
}

.fm-services-who .who-left-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--gb);
    transition: gap .2s;
}

.fm-services-who .who-left-link:hover {
    gap: 14px;
}

.fm-services-who .who-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1px;
    background: var(--line);
    border: 1px solid var(--line);
}

.fm-services-who .who-card {
    padding: 26px 22px;
    background: var(--bg);
    transition: background .2s;
}

.fm-services-who .who-card:hover {
    background: var(--bg1);
}

.fm-services-who .who-ico {
    font-size: 24px;
    margin-bottom: 12px;
}

.fm-services-who .who-name {
    font-family: var(--head);
    font-size: 14px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 5px;
}

.fm-services-who .who-desc {
    font-size: 12.5px;
    color: var(--inkl);
    line-height: 1.65;
}

/* ─────────────────────────────────────────────
   STARTER BAND
   ───────────────────────────────────────────── */
.fm-services-starter {
    padding: 80px 60px;
    background: var(--bg1);
    border-bottom: 1px solid var(--line);
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: 60px;
    align-items: center;
}

.fm-services-starter .starter-label {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .24em;
    text-transform: uppercase;
    color: var(--gb);
    margin-bottom: 14px;
}

.fm-services-starter .starter-h {
    font-family: var(--head);
    font-size: clamp(28px, 3vw, 42px);
    font-weight: 700;
    letter-spacing: -.03em;
    color: var(--ink);
    margin-bottom: 12px;
}

.fm-services-starter .starter-h em {
    font-style: normal;
    font-family: var(--serif);
    font-weight: 400;
    color: var(--g);
}

.fm-services-starter .starter-p {
    font-size: 15px;
    color: var(--inkl);
    line-height: 1.8;
}

.fm-services-starter .starter-card {
    background: var(--ink);
    padding: 36px 32px;
}

.fm-services-starter .starter-card-label {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--gl);
    margin-bottom: 10px;
}

.fm-services-starter .starter-price {
    font-family: var(--head);
    font-size: 36px;
    font-weight: 700;
    letter-spacing: -.03em;
    color: #fff;
    line-height: 1;
    margin-bottom: 4px;
}

.fm-services-starter .starter-price-note {
    font-family: var(--mono);
    font-size: 8.5px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: rgba(247,244,239,.3);
    margin-bottom: 20px;
}

.fm-services-starter .starter-features {
    display: flex;
    flex-direction: column;
    gap: 9px;
    margin-bottom: 24px;
}

.fm-services-starter .starter-feat {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    color: rgba(247,244,239,.55);
}

.fm-services-starter .starter-feat::before {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--gb);
    flex-shrink: 0;
}

.fm-services-starter .starter-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 18px;
    background: var(--gb);
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    transition: background .2s;
}

.fm-services-starter .starter-cta:hover {
    background: var(--gl);
}

/* ─────────────────────────────────────────────
   CTA BAND
   ───────────────────────────────────────────── */
.fm-services-cta {
    padding: 100px 60px;
    background: var(--ink);
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: 60px;
    align-items: center;
}

.fm-services-cta::before {
    content: '✦';
    position: absolute;
    bottom: -80px;
    left: 40px;
    font-size: 300px;
    color: rgba(154,120,48,.04);
    pointer-events: none;
    line-height: 1;
}

.fm-services-cta .cta-label {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .24em;
    text-transform: uppercase;
    color: var(--gl);
    margin-bottom: 16px;
}

.fm-services-cta .cta-h {
    font-family: var(--head);
    font-size: clamp(32px, 3.5vw, 50px);
    font-weight: 700;
    letter-spacing: -.03em;
    color: #fff;
    line-height: 1.1;
    margin-bottom: 14px;
}

.fm-services-cta .cta-h em {
    font-style: normal;
    font-family: var(--serif);
    font-weight: 400;
    color: var(--gl);
}

.fm-services-cta .cta-p {
    font-size: 15px;
    color: rgba(247,244,239,.42);
    line-height: 1.8;
}

.fm-services-cta .cta-card {
    background: rgba(247,244,239,.04);
    border: 1px solid rgba(247,244,239,.1);
    padding: 36px 32px;
}

.fm-services-cta .cta-card-h {
    font-family: var(--head);
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 8px;
}

.fm-services-cta .cta-card-p {
    font-size: 13px;
    color: rgba(247,244,239,.42);
    line-height: 1.7;
    margin-bottom: 24px;
}

.fm-services-cta .cta-stacked {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.fm-services-cta .cta-a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 18px;
    background: var(--gb);
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    transition: background .2s;
}

.fm-services-cta .cta-a:hover {
    background: var(--gl);
}

.fm-services-cta .cta-b {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 18px;
    border: 1px solid rgba(247,244,239,.14);
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: rgba(247,244,239,.5);
    font-weight: 500;
    transition: all .2s;
}

.fm-services-cta .cta-b:hover {
    border-color: rgba(247,244,239,.3);
    color: rgba(247,244,239,.8);
}

/* ─────────────────────────────────────────────
   ANIMATIONS
   ───────────────────────────────────────────── */
@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade-up {
    animation: fadeUp .7s var(--ease) both;
}

.d1 { animation-delay: .1s; }
.d2 { animation-delay: .2s; }
.d3 { animation-delay: .3s; }

/* ─────────────────────────────────────────────
   RESPONSIVE BREAKPOINTS
   ───────────────────────────────────────────── */
@media (max-width: 1100px) {
    .fm-services-hero .hero-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .fm-services-phases .phase-row {
        grid-template-columns: 60px 1fr;
    }
    
    .fm-services-phases .phase-meta {
        display: none;
    }
    
    .fm-services-how .how-steps {
        grid-template-columns: 1fr 1fr;
    }
    
    .fm-services-who {
        grid-template-columns: 1fr;
    }
    
    .fm-services-starter {
        grid-template-columns: 1fr;
    }
    
    .fm-services-cta {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .fm-services-breadcrumb,
    .fm-services-hero,
    .fm-services-phases,
    .fm-services-how,
    .fm-services-who,
    .fm-services-starter,
    .fm-services-cta {
        padding-left: 24px;
        padding-right: 24px;
    }
    
    .fm-services-hero {
        padding-top: 60px;
    }
    
    .fm-services-proof-bar {
        grid-template-columns: 1fr 1fr;
    }
    
    .fm-services-who .who-grid {
        grid-template-columns: 1fr;
    }
    
    .fm-services-proof-bar .proof-cell {
        padding: 24px 20px;
    }
}
/* ============================================
FOREMARK PRICING PAGE - COMPLETE CSS
Three Tiers · Fixed Fee · No Surprises
Responsive: 1400 · 1080 · 980 · 780 · 680 · 480 · 360
============================================ */

/* ─── TOKENS ──────────────────────────────────────────────────── */
.fm-pricing {
    --bg: #f7f4ef;
    --bg1: #efebe3;
    --bg2: #e5dfd5;
    --ink: #131110;
    --ink2: #2a2724;
    --inkl: #5e5a55;
    --inkg: #9b9690;
    --gold: #b8922e;
    --gold-l: #c9a84c;
    --gold-d: #9a7830;
    --gfill: rgba(184,146,46,.08);
    --gborder: rgba(184,146,46,.22);
    --line: rgba(19,17,16,.09);
    --line2: rgba(19,17,16,.16);
    --line3: rgba(19,17,16,.28);
    --tight: 'Inter Tight', sans-serif;
    --sans: 'Inter', sans-serif;
    --mono: 'DM Mono', monospace;
    --ease: cubic-bezier(.4,0,.2,1);
    --pad-x: 60px;
}

/* ─── RESET ───────────────────────────────────────────────────── */
.fm-pricing *,
.fm-pricing *::before,
.fm-pricing *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.fm-pricing {
    font-family: var(--sans);
    color: var(--ink);
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}

.fm-pricing a {
    text-decoration: none;
    
}

.fm-pricing ul {
    list-style: none;
}

/* ─── UTILITY ─────────────────────────────────────────────────── */
.fm-pricing .sec-label {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .28em;
    font-weight: 500;
    color: var(--gold);
    text-transform: uppercase;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.fm-pricing .sec-label::before {
    content: '';
    display: block;
    width: 16px;
    height: 1.5px;
    background: var(--gold);
}

/* ─── BREADCRUMB ──────────────────────────────────────────────── */
.fm-pricing .bc {
    padding: 14px var(--pad-x);
    border-bottom: 1px solid var(--line);
    background: var(--bg1);
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.fm-pricing .bc a,
.fm-pricing .bc span {
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--inkg);
}

.fm-pricing .bc a:hover {
    color: var(--gold);
}

.fm-pricing .bc .sep {
    color: var(--line3);
}

.fm-pricing .bc .cur {
    color: var(--gold);
}

/* ─── HERO ────────────────────────────────────────────────────── */
.fm-pricing .hero {
    background: var(--ink);
    padding: 96px var(--pad-x) 80px;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid rgba(255,255,255,.06);
}

.fm-pricing .hero::after {
    content: 'PRICE';
    font-family: var(--tight);
    font-weight: 900;
    font-size: clamp(140px, 22vw, 300px);
    color: rgba(255,255,255,.02);
    position: absolute;
    right: -20px;
    bottom: -40px;
    line-height: 1;
    letter-spacing: -.06em;
    pointer-events: none;
}

.fm-pricing .hero-tag {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .28em;
    color: var(--gold);
    text-transform: uppercase;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
    position: relative;
    z-index: 1;
}

.fm-pricing .hero-tag::before {
    content: '';
    display: block;
    width: 20px;
    height: 1.5px;
    background: var(--gold);
}

.fm-pricing .hero h1 {
    font-family: var(--tight);
    font-size: clamp(40px, 6vw, 84px);
    font-weight: 800;
    letter-spacing: -.03em;
    line-height: 1.05;
    color: #fff;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}

.fm-pricing .hero-sub {
    font-size: clamp(14px, 1.6vw, 17px);
    color: rgba(247,244,239,.48);
    line-height: 1.75;
    max-width: 600px;
    position: relative;
    z-index: 1;
}

/* ─── CREDIT BANNER ───────────────────────────────────────────── */
.fm-pricing .credit-banner {
    background: var(--gold);
    padding: 16px var(--pad-x);
    display: flex;
    align-items: flex-start;
    gap: 16px;
    border-bottom: 1px solid var(--gold-d);
}

.fm-pricing .cb-icon {
    font-size: 18px;
    flex-shrink: 0;
    margin-top: 2px;
}

.fm-pricing .cb-text {
    font-size: 13.5px;
    font-weight: 500;
    color: var(--ink);
    line-height: 1.5;
}

.fm-pricing .cb-text strong {
    font-weight: 700;
}

/* ─── TIERS ───────────────────────────────────────────────────── */
.fm-pricing .tiers {
    padding: 88px var(--pad-x);
    border-bottom: 1px solid var(--line);
}

.fm-pricing .tiers h2 {
    font-family: var(--tight);
    font-size: clamp(28px, 4vw, 52px);
    font-weight: 800;
    letter-spacing: -.03em;
    color: var(--ink);
}

.fm-pricing .tiers-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2px;
    margin-top: 52px;
}

.fm-pricing .tier {
    background: var(--bg);
    border: 1px solid var(--line);
    overflow: hidden;
    position: relative;
    transition: border-color .22s;
}

.fm-pricing .tier:hover {
    border-color: var(--line2);
}

.fm-pricing .tier.featured {
    background: var(--ink);
    border-color: var(--ink);
}

.fm-pricing .tier-top-bar {
    height: 4px;
    background: var(--gold);
}

.fm-pricing .tier-badge {
    font-family: var(--mono);
    font-size: 7.5px;
    letter-spacing: .22em;
    padding: 4px 12px;
    text-transform: uppercase;
    display: inline-block;
    margin: 20px 28px 0;
}

.fm-pricing .tier.featured .tier-badge {
    background: var(--gold);
    color: var(--ink);
}

.fm-pricing .tier:not(.featured) .tier-badge {
    background: transparent;
    border: 1px solid var(--line2);
    color: var(--inkg);
}

.fm-pricing .tier-body {
    padding: 20px 28px 36px;
}

.fm-pricing .tier-name {
    font-family: var(--tight);
    font-size: 26px;
    font-weight: 800;
    color: var(--ink);
    margin-bottom: 8px;
    letter-spacing: -.03em;
}

.fm-pricing .tier.featured .tier-name {
    color: #fff;
}

.fm-pricing .tier-price {
    font-family: var(--tight);
    font-size: clamp(44px, 5.5vw, 64px);
    font-weight: 900;
    color: var(--gold);
    line-height: 1;
    letter-spacing: -.05em;
    margin-bottom: 4px;
}

.fm-pricing .tier.featured .tier-price {
    color: var(--gold-l);
}

.fm-pricing .tier-period {
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .12em;
    color: var(--inkg);
    text-transform: uppercase;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--line);
}

.fm-pricing .tier.featured .tier-period {
    border-color: rgba(255,255,255,.08);
    color: rgba(247,244,239,.3);
}

.fm-pricing .tier-desc {
    font-size: 13.5px;
    color: var(--inkl);
    line-height: 1.7;
    margin-bottom: 24px;
}

.fm-pricing .tier.featured .tier-desc {
    color: rgba(247,244,239,.5);
}

.fm-pricing .tier-items {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 32px;
}

.fm-pricing .ti {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 13px;
    color: var(--inkl);
    line-height: 1.5;
}

.fm-pricing .tier.featured .ti {
    color: rgba(247,244,239,.6);
}

.fm-pricing .ti::before {
    content: '✓';
    font-family: var(--mono);
    font-size: 10px;
    color: var(--gold);
    flex-shrink: 0;
    margin-top: 2px;
}

.fm-pricing .tier-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--mono);
    font-size: 9.5px;
    font-weight: 500;
    letter-spacing: .14em;
    text-transform: uppercase;
    padding: 14px 28px;
    transition: all .22s;
    margin: 0 28px 28px;
}

.fm-pricing .tier-cta.dark {
    background: var(--ink);
    color: #fff;
}

.fm-pricing .tier-cta.dark:hover {
    background: var(--gold);
}

.fm-pricing .tier-cta.gold {
    background: var(--gold);
    color: #fff;
}

.fm-pricing .tier-cta.gold:hover {
    background: var(--gold-l);
}

.fm-pricing .tier-cta.outline {
    background: transparent;
    border: 1px solid rgba(255,255,255,.2);
    color: rgba(247,244,239,.7);
}

.fm-pricing .tier-cta.outline:hover {
    border-color: rgba(255,255,255,.4);
    color: #fff;
}

/* ─── INCLUDES / PHASES ───────────────────────────────────────── */
.fm-pricing .includes {
    padding: 88px var(--pad-x);
    background: var(--bg1);
    border-bottom: 1px solid var(--line);
}

.fm-pricing .includes h2 {
    font-family: var(--tight);
    font-size: clamp(26px, 3.5vw, 48px);
    font-weight: 800;
    letter-spacing: -.03em;
    color: var(--ink);
}

.fm-pricing .phases-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2px;
    margin-top: 52px;
}

.fm-pricing .phase {
    border: 1px solid var(--line);
    background: var(--bg);
    padding: 28px 26px;
    position: relative;
    overflow: hidden;
    transition: background .2s, border-color .2s;
}

.fm-pricing .phase:hover {
    background: var(--bg2);
    border-color: var(--line2);
}

.fm-pricing .phase::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--gold);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .3s var(--ease);
}

.fm-pricing .phase:hover::after {
    transform: scaleX(1);
}

.fm-pricing .ph-num {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .2em;
    color: var(--gold);
    text-transform: uppercase;
    margin-bottom: 10px;
}

.fm-pricing .ph-avail {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .12em;
    color: var(--inkg);
    text-transform: uppercase;
    margin-bottom: 12px;
    padding: 2px 8px;
    border: 1px solid var(--line);
    display: inline-block;
}

.fm-pricing .ph-title {
    font-family: var(--tight);
    font-size: 17px;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 8px;
    letter-spacing: -.02em;
}

.fm-pricing .ph-desc {
    font-size: 13px;
    color: var(--inkl);
    line-height: 1.65;
}

/* ─── FAQ ─────────────────────────────────────────────────────── */
.fm-pricing .faq-section {
    padding: 80px var(--pad-x);
    border-bottom: 1px solid var(--line);
}

.fm-pricing .faq-section h2 {
    font-family: var(--tight);
    font-size: clamp(26px, 3.5vw, 46px);
    font-weight: 800;
    letter-spacing: -.03em;
    color: var(--ink);
}

.fm-pricing .faq-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2px;
    margin-top: 48px;
}

.fm-pricing .faq {
    border: 1px solid var(--line);
    background: var(--bg);
    overflow: hidden;
}

.fm-pricing .faq-q {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 24px;
    cursor: pointer;
    transition: background .2s;
}

.fm-pricing .faq-q:hover {
    background: var(--bg1);
}

.fm-pricing .fq-text {
    font-size: 14px;
    font-weight: 500;
    color: var(--ink);
    line-height: 1.4;
}

.fm-pricing .fq-tog {
    font-family: var(--mono);
    font-size: 20px;
    color: var(--gold);
    transition: transform .25s;
    flex-shrink: 0;
}

.fm-pricing .faq.open .fq-tog {
    transform: rotate(45deg);
}

.fm-pricing .faq-a {
    padding: 0 24px 18px;
    display: none;
    font-size: 13.5px;
    color: var(--inkl);
    line-height: 1.75;
}

.fm-pricing .faq.open .faq-a {
    display: block;
}

/* ─── CTA STRIP ───────────────────────────────────────────────── */
.fm-pricing .cta-strip {
    padding: 80px var(--pad-x);
    background: var(--ink);
}

.fm-pricing .cta-inner {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 60px;
    align-items: center;
}

.fm-pricing .cta-tag {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .28em;
    color: var(--gold);
    text-transform: uppercase;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.fm-pricing .cta-tag::before {
    content: '';
    display: block;
    width: 16px;
    height: 1.5px;
    background: var(--gold);
}

.fm-pricing .cta-h {
    font-family: var(--tight);
    font-size: clamp(26px, 3.5vw, 50px);
    font-weight: 800;
    color: #fff;
    letter-spacing: -.03em;
    margin-bottom: 14px;
}

.fm-pricing .cta-desc {
    font-size: 15px;
    color: rgba(247,244,239,.4);
    line-height: 1.7;
    max-width: 500px;
}

.fm-pricing .cta-acts {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.fm-pricing .ca-gold {
    font-family: var(--mono);
    font-size: 9.5px;
    font-weight: 500;
    letter-spacing: .14em;
    color: var(--ink);
    text-transform: uppercase;
    padding: 14px 28px;
    background: var(--gold);
    transition: background .22s;
    white-space: nowrap;
    text-align: center;
}

.fm-pricing .ca-gold:hover {
    background: var(--gold-l);
}

.fm-pricing .ca-ghost {
    font-family: var(--mono);
    font-size: 9px;
    font-weight: 500;
    letter-spacing: .12em;
    color: rgba(247,244,239,.45);
    text-transform: uppercase;
    padding: 11px 20px;
    border: 1px solid rgba(255,255,255,.12);
    transition: all .22s;
    text-align: center;
}

.fm-pricing .ca-ghost:hover {
    color: #fff;
    border-color: rgba(255,255,255,.3);
}

/* ══════════════════════════════════════════════════════════════
RESPONSIVE — 7 breakpoints
══════════════════════════════════════════════════════════════ */

/* ── 1400px ── */
@media (max-width: 1400px) {
    .fm-pricing {
        --pad-x: 48px;
    }
    .fm-pricing .hero h1 {
        font-size: clamp(38px, 5.5vw, 72px);
    }
}

/* ── 1080px ── */
@media (max-width: 1080px) {
    .fm-pricing {
        --pad-x: 40px;
    }
    .fm-pricing .cta-inner {
        grid-template-columns: 1fr;
        gap: 36px;
    }
    .fm-pricing .cta-acts {
        flex-direction: row;
        flex-wrap: wrap;
    }
    .fm-pricing .cta-desc {
        max-width: 100%;
    }
}

/* ── 980px ── */
@media (max-width: 980px) {
    .fm-pricing {
        --pad-x: 32px;
    }
    .fm-pricing .tiers-grid {
        grid-template-columns: 1fr;
    }
    .fm-pricing .tier-cta {
        margin: 0 0 28px;
    }
    .fm-pricing .phases-grid {
        grid-template-columns: 1fr 1fr;
    }
    .fm-pricing .tiers {
        padding: 64px var(--pad-x);
    }
    .fm-pricing .includes {
        padding: 64px var(--pad-x);
    }
}

/* ── 780px ── */
@media (max-width: 780px) {
    .fm-pricing {
        --pad-x: 24px;
    }
    .fm-pricing .faq-grid {
        grid-template-columns: 1fr;
    }
    .fm-pricing .hero {
        padding: 64px var(--pad-x) 60px;
    }
    .fm-pricing .faq-section {
        padding: 64px var(--pad-x);
    }
    .fm-pricing .cta-strip {
        padding: 64px var(--pad-x);
    }
}

/* ── 680px ── */
@media (max-width: 680px) {
    .fm-pricing {
        --pad-x: 20px;
    }
    .fm-pricing .phases-grid {
        grid-template-columns: 1fr;
    }
    .fm-pricing .cta-acts {
        flex-direction: column;
    }
    .fm-pricing .ca-gold,
    .fm-pricing .ca-ghost {
        text-align: center;
    }
    .fm-pricing .hero h1 {
        font-size: clamp(32px, 8vw, 52px);
    }
    .fm-pricing .hero {
        padding: 52px var(--pad-x) 48px;
    }
    .fm-pricing .hero::after {
        display: none;
    }
}

/* ── 480px ── */
@media (max-width: 480px) {
    .fm-pricing {
        --pad-x: 16px;
    }
    .fm-pricing .tiers {
        padding: 48px var(--pad-x);
    }
    .fm-pricing .includes {
        padding: 48px var(--pad-x);
    }
    .fm-pricing .faq-section {
        padding: 48px var(--pad-x);
    }
    .fm-pricing .cta-strip {
        padding: 48px var(--pad-x);
    }
    .fm-pricing .tier-body {
        padding: 16px 20px 28px;
    }
    .fm-pricing .tier-badge {
        margin: 16px 20px 0;
    }
    .fm-pricing .tier-cta {
        margin: 0 0 24px;
    }
    .fm-pricing .tier-price {
        font-size: clamp(36px, 10vw, 52px);
    }
    .fm-pricing .tier-name {
        font-size: 22px;
    }
    .fm-pricing .phase {
        padding: 22px 18px;
    }
    .fm-pricing .faq-q {
        padding: 16px 18px;
    }
    .fm-pricing .faq-a {
        padding: 0 18px 16px;
    }
    .fm-pricing .credit-banner {
        padding: 14px var(--pad-x);
        gap: 12px;
    }
    .fm-pricing .cta-h {
        font-size: clamp(22px, 7vw, 36px);
    }
}

/* ── 360px ── */
@media (max-width: 360px) {
    .fm-pricing {
        --pad-x: 14px;
    }
    .fm-pricing .hero h1 {
        font-size: 28px;
    }
    .fm-pricing .hero-sub {
        font-size: 13px;
    }
    .fm-pricing .tier-price {
        font-size: 36px;
    }
    .fm-pricing .tier-name {
        font-size: 20px;
    }
    .fm-pricing .cta-h {
        font-size: 22px;
    }
    .fm-pricing .cta-desc {
        font-size: 13px;
    }
    .fm-pricing .bc {
        gap: 4px;
    }
    .fm-pricing .bc a,
    .fm-pricing .bc span {
        font-size: 8px;
        letter-spacing: .06em;
    }
    .fm-pricing .ca-gold,
    .fm-pricing .ca-ghost {
        font-size: 8.5px;
        letter-spacing: .1em;
        padding: 12px 16px;
    }
}
/* ============================================
FOREMARK PHASE 6 (RETAINER & GROWTH) - COMPLETE CSS
============================================ */

/* ─────────────────────────────────────────────
   ROOT VARIABLES & RESET
   ───────────────────────────────────────────── */
.fm-phase6-bc,
.fm-phase6-progress,
.fm-phase6-hero,
.fm-phase6-includes,
.fm-phase6-expansion,
.fm-phase6-nav,
.fm-phase6-cta {
    --bg: #f7f4ef;
    --bg1: #efebe3;
    --bg2: #e5dfd5;
    --ink: #131110;
    --ink2: #2a2724;
    --inkl: #5e5a55;
    --inkg: #9b9690;
    --g: #9a7830;
    --gb: #b8922e;
    --gl: #c9a84c;
    --gfill: rgba(154,120,48,.07);
    --gfill2: rgba(154,120,48,.14);
    --gborder: rgba(154,120,48,.22);
    --line: rgba(19,17,16,.09);
    --line2: rgba(19,17,16,.16);
    --line3: rgba(19,17,16,.28);
    --serif: 'Inter Tight', sans-serif;
    --head: 'Inter Tight', sans-serif;
    --sans: 'Inter', sans-serif;
    --mono: 'DM Mono', monospace;
    --ease: cubic-bezier(.4,0,.2,1);
}

.fm-phase6-bc *,
.fm-phase6-bc *::before,
.fm-phase6-bc *::after,
.fm-phase6-progress *,
.fm-phase6-progress *::before,
.fm-phase6-progress *::after,
.fm-phase6-hero *,
.fm-phase6-hero *::before,
.fm-phase6-hero *::after,
.fm-phase6-includes *,
.fm-phase6-includes *::before,
.fm-phase6-includes *::after,
.fm-phase6-expansion *,
.fm-phase6-expansion *::before,
.fm-phase6-expansion *::after,
.fm-phase6-nav *,
.fm-phase6-nav *::before,
.fm-phase6-nav *::after,
.fm-phase6-cta *,
.fm-phase6-cta *::before,
.fm-phase6-cta *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.fm-phase6-bc,
.fm-phase6-progress,
.fm-phase6-hero,
.fm-phase6-includes,
.fm-phase6-expansion,
.fm-phase6-nav,
.fm-phase6-cta {
    font-family: var(--sans);
    color: var(--ink);
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}

.fm-phase6-bc a,
.fm-phase6-hero a,
.fm-phase6-nav a,
.fm-phase6-cta a {
    text-decoration: none;
    
}

.comments-area a, 
.page-content a {
    text-decoration: none !important;
}

/* ─────────────────────────────────────────────
   SECTION LABEL UTILITY
   ───────────────────────────────────────────── */
.fm-phase6-hero .sl,
.fm-phase6-includes .sl,
.fm-phase6-expansion .sl {
    font-family: var(--mono);
    font-size: 7.5px;
    letter-spacing: .28em;
    font-weight: 500;
    color: var(--gb);
    text-transform: uppercase;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.fm-phase6-hero .sl::before,
.fm-phase6-includes .sl::before,
.fm-phase6-expansion .sl::before {
    content: '';
    display: block;
    width: 12px;
    height: 1.5px;
    background: var(--gb);
}

.fm-phase6-expansion .sl.lt,
.fm-phase6-expansion .sl {
    color: var(--gl);
}

.fm-phase6-expansion .sl.lt::before,
.fm-phase6-expansion .sl::before {
    background: var(--gl);
}

/* ─────────────────────────────────────────────
   BREADCRUMB
   ───────────────────────────────────────────── */
.fm-phase6-bc {
    padding: 16px 60px;
    border-bottom: 1px solid var(--line);
    background: var(--bg1);
    display: flex;
    align-items: center;
    gap: 8px;
}

.fm-phase6-bc a,
.fm-phase6-bc span {
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--inkg);
}

.fm-phase6-bc a:hover {
    color: var(--gb);
}

.fm-phase6-bc .sep {
    color: var(--line3);
}

.fm-phase6-bc .cur {
    color: var(--gb);
}

/* ─────────────────────────────────────────────
   PROGRESS BAR
   ───────────────────────────────────────────── */
.fm-phase6-progress {
    background: var(--bg1);
    border-bottom: 1px solid var(--line);
    display: flex;
    align-items: stretch;
    overflow-x: auto;
}

.fm-phase6-progress .progress-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 20px;
    border-right: 1px solid var(--line);
    font-family: var(--mono);
    font-size: 8.5px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #000;
    white-space: nowrap;
    flex-shrink: 0;
}

.fm-phase6-progress .progress-dot {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1.5px solid var(--gb);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 8px;
    font-weight: 500;
}

.fm-phase6-progress .complete .progress-dot {
    background: var(--gb);
    color: #fff;
}

.fm-phase6-progress .active .progress-dot {
    background: var(--gb);
    color: #fff;
    border-color: var(--gb);
}

/* ─────────────────────────────────────────────
   HERO SECTION
   ───────────────────────────────────────────── */
.fm-phase6-hero {
    min-height: 82vh;
    display: grid;
    grid-template-columns: 1fr 460px;
    border-bottom: 1px solid var(--line);
}

.fm-phase6-hero .hero-left {
    padding: 80px 60px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    overflow: hidden;
}

.fm-phase6-hero .hero-bg-number {
    position: absolute;
    bottom: -40px;
    left: -10px;
    font-family: var(--head);
    font-style: normal;
    font-size: clamp(120px, 18vw, 240px);
    font-weight: 700;
    color: rgba(154,120,48,.04);
    pointer-events: none;
    line-height: 1;
    letter-spacing: -.06em;
}

.fm-phase6-hero .hero-left .sl {
    position: relative;
    z-index: 1;
}

.fm-phase6-hero .hero-left h1 {
    font-family: var(--head);
    font-size: clamp(38px, 5vw, 68px);
    font-weight: 700;
    letter-spacing: -.03em;
    color: var(--ink);
    line-height: 1.05;
    margin-bottom: 14px;
    position: relative;
    z-index: 1;
}

.fm-phase6-hero .hero-left p {
    font-size: 16px;
    color: var(--inkl);
    line-height: 1.8;
    max-width: 520px;
    margin-bottom: 40px;
    position: relative;
    z-index: 1;
}

.fm-phase6-hero .hero-buttons {
    display: flex;
    position: relative;
    z-index: 1;
}

.fm-phase6-hero .btn-dark {
    display: flex;
    align-items: center;
    gap: 9px;
    font-family: var(--mono);
    font-size: 9.5px;
    letter-spacing: .14em;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    padding: 13px 26px;
    background: var(--ink);
    transition: background .22s;
}

.fm-phase6-hero .btn-dark:hover {
    background: var(--gb);
}

.fm-phase6-hero .btn-outline {
    display: flex;
    align-items: center;
    font-family: var(--mono);
    font-size: 9.5px;
    letter-spacing: .14em;
    font-weight: 500;
    color: var(--inkl);
    text-transform: uppercase;
    padding: 13px 20px;
    border: 1px solid var(--line2);
    border-left: none;
    transition: all .2s;
}

.fm-phase6-hero .btn-outline:hover {
    color: var(--ink);
    background: var(--bg1);
}

.fm-phase6-hero .hero-right {
    background: var(--ink);
    padding: 56px 48px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    overflow: hidden;
}

.fm-phase6-hero .phase-badge-circle {
    position: absolute;
    top: -60px;
    right: -60px;
    width: 220px;
    height: 220px;
    border: 44px solid rgba(154,120,48,.05);
    border-radius: 50%;
    pointer-events: none;
}

.fm-phase6-hero .phase-number {
    font-family: var(--head);
    font-size: 72px;
    font-weight: 700;
    letter-spacing: -.06em;
    color: rgba(154,120,48,.12);
    line-height: 1;
    margin-bottom: 16px;
    position: relative;
    z-index: 1;
}

.fm-phase6-hero .phase-label {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--gl);
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
}

.fm-phase6-hero .phase-price {
    font-family: var(--head);
    font-size: 36px;
    font-weight: 700;
    letter-spacing: -.03em;
    color: #fff;
    line-height: 1;
    margin-bottom: 4px;
    position: relative;
    z-index: 1;
}

.fm-phase6-hero .phase-min {
    font-family: var(--mono);
    font-size: 8.5px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: rgba(247,244,239,.3);
    margin-bottom: 8px;
    position: relative;
    z-index: 1;
}

.fm-phase6-hero .phase-timing {
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: rgba(247,244,239,.32);
    margin-bottom: 22px;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 8px;
}

.fm-phase6-hero .phase-timing .dot {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--gb);
    display: block;
}

.fm-phase6-hero .feature-list {
    position: relative;
    z-index: 1;
}

.fm-phase6-hero .feature-list div {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    color: rgba(247,244,239,.55);
    margin-bottom: 8px;
}

.fm-phase6-hero .check-dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--gb);
    flex-shrink: 0;
    display: block;
}

.fm-phase6-hero .btn-gold-full {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    background: var(--gb);
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    transition: background .2s;
    position: relative;
    z-index: 1;
    margin-top: 10px;
}

.fm-phase6-hero .btn-gold-full:hover {
    background: var(--gl);
}

/* ─────────────────────────────────────────────
   INCLUDES SECTION
   ───────────────────────────────────────────── */
.fm-phase6-includes {
    padding: 80px 60px;
    border-bottom: 1px solid var(--line);
}

.fm-phase6-includes h2 {
    font-family: var(--head);
    font-size: clamp(26px, 3.2vw, 42px);
    font-weight: 700;
    letter-spacing: -.03em;
    color: var(--ink);
    margin-bottom: 12px;
}

.fm-phase6-includes h2 em {
    font-style: normal;
    font-family: var(--serif);
    font-weight: 400;
    color: var(--g);
}

.fm-phase6-includes .includes-intro {
    font-size: 15px;
    color: var(--inkl);
    max-width: 520px;
    line-height: 1.8;
    margin-bottom: 44px;
}

.fm-phase6-includes .includes-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.fm-phase6-includes .include-card {
    padding: 26px 22px;
    border: 1px solid var(--line);
    transition: all .22s;
}

.fm-phase6-includes .include-card:hover {
    background: var(--bg1);
    border-color: var(--line2);
}

.fm-phase6-includes .include-icon {
    font-size: 24px;
    margin-bottom: 12px;
}

.fm-phase6-includes .include-title {
    font-family: var(--head);
    font-size: 15px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 6px;
}

.fm-phase6-includes .include-desc {
    font-size: 13px;
    color: var(--inkl);
    line-height: 1.65;
}

/* ─────────────────────────────────────────────
   EXPANSION SECTION
   ───────────────────────────────────────────── */
.fm-phase6-expansion {
    padding: 80px 60px;
    background: var(--ink);
    border-bottom: 1px solid var(--line);
    position: relative;
    overflow: hidden;
}

.fm-phase6-expansion .expansion-bg-icon {
    position: absolute;
    bottom: -60px;
    right: -20px;
    font-family: var(--serif);
    font-style: normal;
    font-size: clamp(120px, 18vw, 220px);
    color: rgba(154,120,48,.05);
    pointer-events: none;
    line-height: 1;
}

.fm-phase6-expansion h2 {
    font-family: var(--head);
    font-size: clamp(26px, 3.2vw, 42px);
    font-weight: 700;
    letter-spacing: -.03em;
    color: #fff;
    margin-bottom: 12px;
}

.fm-phase6-expansion h2 em {
    font-style: normal;
    font-family: var(--serif);
    font-weight: 400;
    color: var(--gl);
}

.fm-phase6-expansion .expansion-intro {
    font-size: 15px;
    color: rgba(247,244,239,.42);
    max-width: 520px;
    line-height: 1.8;
    margin-bottom: 44px;
}

.fm-phase6-expansion .expansion-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    background: rgba(247,244,239,.06);
    position: relative;
    z-index: 1;
}

.fm-phase6-expansion .expansion-card {
    padding: 28px 24px;
    background: rgba(247,244,239,.03);
    border: 1px solid rgba(247,244,239,.07);
    transition: background .2s;
    position: relative;
    z-index: 1;
}

.fm-phase6-expansion .expansion-card:hover {
    background: rgba(247,244,239,.07);
}

.fm-phase6-expansion .expansion-country {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--gl);
    margin-bottom: 10px;
}

.fm-phase6-expansion .expansion-title {
    font-family: var(--head);
    font-size: 17px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -.02em;
    margin-bottom: 8px;
}

.fm-phase6-expansion .expansion-desc {
    font-size: 13px;
    color: rgba(247,244,239,.42);
    line-height: 1.65;
}

/* ─────────────────────────────────────────────
   NAVIGATION
   ───────────────────────────────────────────── */
.fm-phase6-nav {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-top: 1px solid var(--line);
}

.fm-phase6-nav .nav-prev,
.fm-phase6-nav .nav-next {
    padding: 36px 48px;
    display: flex;
    align-items: center;
    gap: 20px;
    transition: background .2s;
}

.fm-phase6-nav .nav-prev {
    border-right: 1px solid var(--line);
}

.fm-phase6-nav .nav-next {
    justify-content: flex-end;
}

.fm-phase6-nav .nav-prev:hover,
.fm-phase6-nav .nav-next:hover {
    background: var(--bg1);
}

.fm-phase6-nav .nav-arrow {
    font-size: 22px;
    color: var(--gb);
}

.fm-phase6-nav .nav-label {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--inkg);
    margin-bottom: 5px;
}

.fm-phase6-nav .nav-title {
    font-family: var(--head);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -.02em;
    color: var(--ink);
}

/* ─────────────────────────────────────────────
   CTA SECTION
   ───────────────────────────────────────────── */
.fm-phase6-cta {
    padding: 80px 60px;
    background: var(--ink);
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: 60px;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.fm-phase6-cta .cta-bg-icon {
    position: absolute;
    bottom: -80px;
    left: 40px;
    font-size: 260px;
    color: rgba(154,120,48,.04);
    pointer-events: none;
    line-height: 1;
}

.fm-phase6-cta .cta-label {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .24em;
    text-transform: uppercase;
    color: var(--gl);
    margin-bottom: 14px;
}

.fm-phase6-cta .cta-h {
    font-family: var(--head);
    font-size: clamp(26px, 3.2vw, 44px);
    font-weight: 700;
    letter-spacing: -.03em;
    color: #fff;
    line-height: 1.1;
    margin-bottom: 12px;
}

.fm-phase6-cta .cta-h em {
    font-style: normal;
    font-family: var(--serif);
    font-weight: 400;
    color: var(--gl);
}

.fm-phase6-cta .cta-desc {
    font-size: 14px;
    color: rgba(247,244,239,.42);
    line-height: 1.8;
}

.fm-phase6-cta .cta-card {
    background: rgba(247,244,239,.04);
    border: 1px solid rgba(247,244,239,.1);
    padding: 30px 26px;
}

.fm-phase6-cta .cta-buttons {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.fm-phase6-cta .cta-gold {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 18px;
    background: var(--gb);
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    transition: background .2s;
}

.fm-phase6-cta .cta-gold:hover {
    background: var(--gl);
}

.fm-phase6-cta .cta-ghost {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 18px;
    border: 1px solid rgba(247,244,239,.14);
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: rgba(247,244,239,.5);
    font-weight: 500;
    transition: all .2s;
}

.fm-phase6-cta .cta-ghost:hover {
    border-color: rgba(247,244,239,.3);
    color: rgba(247,244,239,.8);
}

/* ─────────────────────────────────────────────
   RESPONSIVE BREAKPOINTS
   ───────────────────────────────────────────── */
@media (max-width: 1100px) {
    .fm-phase6-cta {
        grid-template-columns: 1fr !important;
        gap: 40px !important;
    }
}

@media (max-width: 980px) {
    .fm-phase6-includes .includes-grid {
        grid-template-columns: 1fr !important;
    }
    .fm-phase6-expansion .expansion-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 768px) {
    .fm-phase6-bc {
        padding-left: 24px;
        padding-right: 24px;
    }
    .fm-phase6-hero {
        grid-template-columns: 1fr !important;
    }
    .fm-phase6-hero .hero-left {
        padding: 48px 24px;
    }
    .fm-phase6-hero .hero-right {
        padding: 40px 24px;
    }
    .fm-phase6-includes,
    .fm-phase6-expansion,
    .fm-phase6-cta {
        padding: 48px 24px !important;
    }
    .fm-phase6-nav .nav-prev,
    .fm-phase6-nav .nav-next {
        padding: 24px 20px;
    }
    .fm-phase6-progress .progress-item {
        padding: 10px 16px;
        font-size: 7px;
    }
    .fm-phase6-progress .progress-dot {
        width: 16px;
        height: 16px;
        font-size: 7px;
    }
}

@media (max-width: 480px) {
    .fm-phase6-hero .hero-left h1 {
        font-size: 28px;
    }
    .fm-phase6-hero .hero-left p {
        font-size: 14px;
    }
    .fm-phase6-hero .phase-price {
        font-size: 28px;
    }
    .fm-phase6-nav .nav-title {
        font-size: 14px;
    }
    .fm-phase6-nav .nav-arrow {
        font-size: 18px;
    }
    .fm-phase6-cta .cta-h {
        font-size: 22px;
    }
}
/* ============================================
FOREMARK PHASE 5 (TALENT & OPERATIONS) - COMPLETE CSS
============================================ */

/* ─────────────────────────────────────────────
   ROOT VARIABLES & RESET
   ───────────────────────────────────────────── */
.fm-phase5-bc,
.fm-phase5-progress,
.fm-phase5-hero,
.fm-phase5-delivers,
.fm-phase5-talent,
.fm-phase5-nav,
.fm-phase5-cta {
    --bg: #f7f4ef;
    --bg1: #efebe3;
    --bg2: #e5dfd5;
    --ink: #131110;
    --ink2: #2a2724;
    --inkl: #5e5a55;
    --inkg: #9b9690;
    --g: #9a7830;
    --gb: #b8922e;
    --gl: #c9a84c;
    --gfill: rgba(154,120,48,.07);
    --gfill2: rgba(154,120,48,.14);
    --gborder: rgba(154,120,48,.22);
    --line: rgba(19,17,16,.09);
    --line2: rgba(19,17,16,.16);
    --line3: rgba(19,17,16,.28);
    --serif: 'Inter Tight', sans-serif;
    --head: 'Inter Tight', sans-serif;
    --sans: 'Inter', sans-serif;
    --mono: 'DM Mono', monospace;
    --ease: cubic-bezier(.4,0,.2,1);
}

.fm-phase5-bc *,
.fm-phase5-bc *::before,
.fm-phase5-bc *::after,
.fm-phase5-progress *,
.fm-phase5-progress *::before,
.fm-phase5-progress *::after,
.fm-phase5-hero *,
.fm-phase5-hero *::before,
.fm-phase5-hero *::after,
.fm-phase5-delivers *,
.fm-phase5-delivers *::before,
.fm-phase5-delivers *::after,
.fm-phase5-talent *,
.fm-phase5-talent *::before,
.fm-phase5-talent *::after,
.fm-phase5-nav *,
.fm-phase5-nav *::before,
.fm-phase5-nav *::after,
.fm-phase5-cta *,
.fm-phase5-cta *::before,
.fm-phase5-cta *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.fm-phase5-bc,
.fm-phase5-progress,
.fm-phase5-hero,
.fm-phase5-delivers,
.fm-phase5-talent,
.fm-phase5-nav,
.fm-phase5-cta {
    font-family: var(--sans);
    color: var(--ink);
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}

.fm-phase5-bc a,
.fm-phase5-hero a,
.fm-phase5-nav a,
.fm-phase5-cta a {
    text-decoration: none;
    
}

.comments-area a, 
.page-content a {
    text-decoration: none !important;
}

/* ─────────────────────────────────────────────
   SECTION LABEL UTILITY
   ───────────────────────────────────────────── */
.fm-phase5-hero .sl,
.fm-phase5-delivers .sl,
.fm-phase5-talent .sl {
    font-family: var(--mono);
    font-size: 7.5px;
    letter-spacing: .28em;
    font-weight: 500;
    color: var(--gb);
    text-transform: uppercase;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.fm-phase5-hero .sl::before,
.fm-phase5-delivers .sl::before,
.fm-phase5-talent .sl::before {
    content: '';
    display: block;
    width: 12px;
    height: 1.5px;
    background: var(--gb);
}

.fm-phase5-talent .sl.lt,
.fm-phase5-talent .sl {
    color: var(--gl);
}

.fm-phase5-talent .sl.lt::before,
.fm-phase5-talent .sl::before {
    background: var(--gl);
}

/* ─────────────────────────────────────────────
   BREADCRUMB
   ───────────────────────────────────────────── */
.fm-phase5-bc {
    padding: 16px 60px;
    border-bottom: 1px solid var(--line);
    background: var(--bg1);
    display: flex;
    align-items: center;
    gap: 8px;
}

.fm-phase5-bc a,
.fm-phase5-bc span {
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--inkg);
}

.fm-phase5-bc a:hover {
    color: var(--gb);
}

.fm-phase5-bc .sep {
    color: var(--line3);
}

.fm-phase5-bc .cur {
    color: var(--gb);
}

/* ─────────────────────────────────────────────
   PROGRESS BAR
   ───────────────────────────────────────────── */
.fm-phase5-progress {
    background: var(--bg1);
    border-bottom: 1px solid var(--line);
    display: flex;
    align-items: stretch;
    overflow-x: auto;
}

.fm-phase5-progress .progress-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 20px;
    border-right: 1px solid var(--line);
    font-family: var(--mono);
    font-size: 8.5px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #000;
    white-space: nowrap;
    flex-shrink: 0;
}

.fm-phase5-progress .progress-dot {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1.5px solid var(--gb);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 8px;
    font-weight: 500;
}

.fm-phase5-progress .complete .progress-dot {
    background: var(--gb);
    color: #fff;
}

.fm-phase5-progress .active .progress-dot {
    background: var(--gb);
    color: #fff;
    border-color: var(--gb);
}

.fm-phase5-progress .progress-item:last-child .progress-dot {
    background: rgba(247,244,239,.14);
    border-color: rgba(247,244,239,.14);
    color: #000;
}

/* ─────────────────────────────────────────────
   HERO SECTION
   ───────────────────────────────────────────── */
.fm-phase5-hero {
    min-height: 82vh;
    display: grid;
    grid-template-columns: 1fr 460px;
    border-bottom: 1px solid var(--line);
}

.fm-phase5-hero .hero-left {
    padding: 80px 60px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    overflow: hidden;
}

.fm-phase5-hero .hero-bg-number {
    position: absolute;
    bottom: -40px;
    left: -10px;
    font-family: var(--head);
    font-style: normal;
    font-size: clamp(120px, 18vw, 240px);
    font-weight: 700;
    color: rgba(154,120,48,.04);
    pointer-events: none;
    line-height: 1;
    letter-spacing: -.06em;
}

.fm-phase5-hero .hero-left .sl {
    position: relative;
    z-index: 1;
}

.fm-phase5-hero .hero-left h1 {
    font-family: var(--head);
    font-size: clamp(38px, 5vw, 68px);
    font-weight: 700;
    letter-spacing: -.03em;
    color: var(--ink);
    line-height: 1.05;
    margin-bottom: 14px;
    position: relative;
    z-index: 1;
}

.fm-phase5-hero .hero-left p {
    font-size: 16px;
    color: var(--inkl);
    line-height: 1.8;
    max-width: 520px;
    margin-bottom: 40px;
    position: relative;
    z-index: 1;
}

.fm-phase5-hero .hero-buttons {
    display: flex;
    position: relative;
    z-index: 1;
}

.fm-phase5-hero .btn-dark {
    display: flex;
    align-items: center;
    gap: 9px;
    font-family: var(--mono);
    font-size: 9.5px;
    letter-spacing: .14em;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    padding: 13px 26px;
    background: var(--ink);
    transition: background .22s;
}

.fm-phase5-hero .btn-dark:hover {
    background: var(--gb);
}

.fm-phase5-hero .btn-outline {
    display: flex;
    align-items: center;
    font-family: var(--mono);
    font-size: 9.5px;
    letter-spacing: .14em;
    font-weight: 500;
    color: var(--inkl);
    text-transform: uppercase;
    padding: 13px 20px;
    border: 1px solid var(--line2);
    border-left: none;
    transition: all .2s;
}

.fm-phase5-hero .btn-outline:hover {
    color: var(--ink);
    background: var(--bg1);
}

.fm-phase5-hero .hero-right {
    background: var(--ink);
    padding: 56px 48px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    overflow: hidden;
}

.fm-phase5-hero .phase-badge-circle {
    position: absolute;
    top: -60px;
    right: -60px;
    width: 220px;
    height: 220px;
    border: 44px solid rgba(154,120,48,.05);
    border-radius: 50%;
    pointer-events: none;
}

.fm-phase5-hero .phase-number {
    font-family: var(--head);
    font-size: 72px;
    font-weight: 700;
    letter-spacing: -.06em;
    color: rgba(154,120,48,.12);
    line-height: 1;
    margin-bottom: 16px;
    position: relative;
    z-index: 1;
}

.fm-phase5-hero .phase-label {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--gl);
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
}

.fm-phase5-hero .phase-price {
    font-family: var(--head);
    font-size: 36px;
    font-weight: 700;
    letter-spacing: -.03em;
    color: #fff;
    line-height: 1;
    margin-bottom: 4px;
    position: relative;
    z-index: 1;
}

.fm-phase5-hero .phase-min {
    font-family: var(--mono);
    font-size: 8.5px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: rgba(247,244,239,.3);
    margin-bottom: 8px;
    position: relative;
    z-index: 1;
}

.fm-phase5-hero .phase-timing {
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: rgba(247,244,239,.32);
    margin-bottom: 22px;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 8px;
}

.fm-phase5-hero .phase-timing .dot {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--gb);
    display: block;
}

.fm-phase5-hero .feature-list {
    position: relative;
    z-index: 1;
}

.fm-phase5-hero .feature-list div {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    color: rgba(247,244,239,.55);
    margin-bottom: 8px;
}

.fm-phase5-hero .check-dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--gb);
    flex-shrink: 0;
    display: block;
}

.fm-phase5-hero .btn-gold-full {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    background: var(--gb);
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    transition: background .2s;
    position: relative;
    z-index: 1;
    margin-top: 10px;
}

.fm-phase5-hero .btn-gold-full:hover {
    background: var(--gl);
}

/* ─────────────────────────────────────────────
   DELIVERS SECTION
   ───────────────────────────────────────────── */
.fm-phase5-delivers {
    padding: 80px 60px;
    border-bottom: 1px solid var(--line);
}

.fm-phase5-delivers h2 {
    font-family: var(--head);
    font-size: clamp(26px, 3.2vw, 42px);
    font-weight: 700;
    letter-spacing: -.03em;
    color: var(--ink);
    margin-bottom: 12px;
}

.fm-phase5-delivers h2 em {
    font-style: normal;
    font-family: var(--serif);
    font-weight: 400;
    color: var(--g);
}

.fm-phase5-delivers .delivers-intro {
    font-size: 15px;
    color: var(--inkl);
    max-width: 520px;
    line-height: 1.8;
    margin-bottom: 44px;
}

.fm-phase5-delivers .delivers-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.fm-phase5-delivers .deliver-card {
    padding: 26px 22px;
    border: 1px solid var(--line);
    transition: all .22s;
}

.fm-phase5-delivers .deliver-card:hover {
    background: var(--bg1);
    border-color: var(--line2);
}

.fm-phase5-delivers .deliver-icon {
    font-size: 24px;
    margin-bottom: 12px;
}

.fm-phase5-delivers .deliver-title {
    font-family: var(--head);
    font-size: 15px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 6px;
}

.fm-phase5-delivers .deliver-desc {
    font-size: 13px;
    color: var(--inkl);
    line-height: 1.65;
}

/* ─────────────────────────────────────────────
   TALENT SECTION
   ───────────────────────────────────────────── */
.fm-phase5-talent {
    padding: 80px 60px;
    background: var(--ink);
    border-bottom: 1px solid var(--line);
    position: relative;
    overflow: hidden;
}

.fm-phase5-talent .talent-bg-icon {
    position: absolute;
    bottom: -60px;
    right: -20px;
    font-family: var(--serif);
    font-style: normal;
    font-size: clamp(120px, 18vw, 220px);
    color: rgba(154,120,48,.05);
    pointer-events: none;
    line-height: 1;
}

.fm-phase5-talent h2 {
    font-family: var(--head);
    font-size: clamp(26px, 3.2vw, 42px);
    font-weight: 700;
    letter-spacing: -.03em;
    color: #fff;
    margin-bottom: 12px;
}

.fm-phase5-talent h2 em {
    font-style: normal;
    font-family: var(--serif);
    font-weight: 400;
    color: var(--gl);
}

.fm-phase5-talent .talent-intro {
    font-size: 15px;
    color: rgba(247,244,239,.42);
    max-width: 520px;
    line-height: 1.8;
    margin-bottom: 44px;
}

.fm-phase5-talent .talent-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    background: rgba(247,244,239,.06);
    position: relative;
    z-index: 1;
}

.fm-phase5-talent .talent-card {
    padding: 28px 24px;
    background: rgba(247,244,239,.03);
    border: 1px solid rgba(247,244,239,.07);
    transition: background .2s;
    position: relative;
    z-index: 1;
}

.fm-phase5-talent .talent-card:hover {
    background: rgba(247,244,239,.07);
}

.fm-phase5-talent .talent-country {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--gl);
    margin-bottom: 10px;
}

.fm-phase5-talent .talent-title {
    font-family: var(--head);
    font-size: 17px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -.02em;
    margin-bottom: 8px;
}

.fm-phase5-talent .talent-desc {
    font-size: 13px;
    color: rgba(247,244,239,.42);
    line-height: 1.65;
}

/* ─────────────────────────────────────────────
   NAVIGATION
   ───────────────────────────────────────────── */
.fm-phase5-nav {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-top: 1px solid var(--line);
}

.fm-phase5-nav .nav-prev,
.fm-phase5-nav .nav-next {
    padding: 36px 48px;
    display: flex;
    align-items: center;
    gap: 20px;
    transition: background .2s;
}

.fm-phase5-nav .nav-prev {
    border-right: 1px solid var(--line);
}

.fm-phase5-nav .nav-next {
    justify-content: flex-end;
}

.fm-phase5-nav .nav-prev:hover,
.fm-phase5-nav .nav-next:hover {
    background: var(--bg1);
}

.fm-phase5-nav .nav-arrow {
    font-size: 22px;
    color: var(--gb);
}

.fm-phase5-nav .nav-label {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--inkg);
    margin-bottom: 5px;
}

.fm-phase5-nav .nav-title {
    font-family: var(--head);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -.02em;
    color: var(--ink);
}

/* ─────────────────────────────────────────────
   CTA SECTION
   ───────────────────────────────────────────── */
.fm-phase5-cta {
    padding: 80px 60px;
    background: var(--ink);
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: 60px;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.fm-phase5-cta .cta-bg-icon {
    position: absolute;
    bottom: -80px;
    left: 40px;
    font-size: 260px;
    color: rgba(154,120,48,.04);
    pointer-events: none;
    line-height: 1;
}

.fm-phase5-cta .cta-label {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .24em;
    text-transform: uppercase;
    color: var(--gl);
    margin-bottom: 14px;
}

.fm-phase5-cta .cta-h {
    font-family: var(--head);
    font-size: clamp(26px, 3.2vw, 44px);
    font-weight: 700;
    letter-spacing: -.03em;
    color: #fff;
    line-height: 1.1;
    margin-bottom: 12px;
}

.fm-phase5-cta .cta-h em {
    font-style: normal;
    font-family: var(--serif);
    font-weight: 400;
    color: var(--gl);
}

.fm-phase5-cta .cta-desc {
    font-size: 14px;
    color: rgba(247,244,239,.42);
    line-height: 1.8;
}

.fm-phase5-cta .cta-card {
    background: rgba(247,244,239,.04);
    border: 1px solid rgba(247,244,239,.1);
    padding: 30px 26px;
}

.fm-phase5-cta .cta-buttons {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.fm-phase5-cta .cta-gold {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 18px;
    background: var(--gb);
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    transition: background .2s;
}

.fm-phase5-cta .cta-gold:hover {
    background: var(--gl);
}

.fm-phase5-cta .cta-ghost {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 18px;
    border: 1px solid rgba(247,244,239,.14);
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: rgba(247,244,239,.5);
    font-weight: 500;
    transition: all .2s;
}

.fm-phase5-cta .cta-ghost:hover {
    border-color: rgba(247,244,239,.3);
    color: rgba(247,244,239,.8);
}

/* ─────────────────────────────────────────────
   RESPONSIVE BREAKPOINTS
   ───────────────────────────────────────────── */
@media (max-width: 1100px) {
    .fm-phase5-cta {
        grid-template-columns: 1fr !important;
        gap: 40px !important;
    }
}

@media (max-width: 980px) {
    .fm-phase5-delivers .delivers-grid {
        grid-template-columns: 1fr !important;
    }
    .fm-phase5-talent .talent-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 768px) {
    .fm-phase5-bc {
        padding-left: 24px;
        padding-right: 24px;
    }
    .fm-phase5-hero {
        grid-template-columns: 1fr !important;
    }
    .fm-phase5-hero .hero-left {
        padding: 48px 24px;
    }
    .fm-phase5-hero .hero-right {
        padding: 40px 24px;
    }
    .fm-phase5-delivers,
    .fm-phase5-talent,
    .fm-phase5-cta {
        padding: 48px 24px !important;
    }
    .fm-phase5-nav .nav-prev,
    .fm-phase5-nav .nav-next {
        padding: 24px 20px;
    }
    .fm-phase5-progress .progress-item {
        padding: 10px 16px;
        font-size: 7px;
    }
    .fm-phase5-progress .progress-dot {
        width: 16px;
        height: 16px;
        font-size: 7px;
    }
}

@media (max-width: 480px) {
    .fm-phase5-hero .hero-left h1 {
        font-size: 28px;
    }
    .fm-phase5-hero .hero-left p {
        font-size: 14px;
    }
    .fm-phase5-hero .phase-price {
        font-size: 28px;
    }
    .fm-phase5-nav .nav-title {
        font-size: 14px;
    }
    .fm-phase5-nav .nav-arrow {
        font-size: 18px;
    }
    .fm-phase5-cta .cta-h {
        font-size: 22px;
    }
}
/* ============================================
FOREMARK PHASE 4 (LICENSING & COMPLIANCE) - COMPLETE CSS
============================================ */

/* ─────────────────────────────────────────────
   ROOT VARIABLES & RESET
   ───────────────────────────────────────────── */
.fm-phase4-bc,
.fm-phase4-progress,
.fm-phase4-hero,
.fm-phase4-incentives,
.fm-phase4-compliance,
.fm-phase4-nav,
.fm-phase4-cta {
    --bg: #f7f4ef;
    --bg1: #efebe3;
    --bg2: #e5dfd5;
    --ink: #131110;
    --ink2: #2a2724;
    --inkl: #5e5a55;
    --inkg: #9b9690;
    --g: #9a7830;
    --gb: #b8922e;
    --gl: #c9a84c;
    --gfill: rgba(154,120,48,.07);
    --gfill2: rgba(154,120,48,.14);
    --gborder: rgba(154,120,48,.22);
    --line: rgba(19,17,16,.09);
    --line2: rgba(19,17,16,.16);
    --line3: rgba(19,17,16,.28);
    --serif: 'Inter Tight', sans-serif;
    --head: 'Inter Tight', sans-serif;
    --sans: 'Inter', sans-serif;
    --mono: 'DM Mono', monospace;
    --ease: cubic-bezier(.4,0,.2,1);
}

.fm-phase4-bc *,
.fm-phase4-bc *::before,
.fm-phase4-bc *::after,
.fm-phase4-progress *,
.fm-phase4-progress *::before,
.fm-phase4-progress *::after,
.fm-phase4-hero *,
.fm-phase4-hero *::before,
.fm-phase4-hero *::after,
.fm-phase4-incentives *,
.fm-phase4-incentives *::before,
.fm-phase4-incentives *::after,
.fm-phase4-compliance *,
.fm-phase4-compliance *::before,
.fm-phase4-compliance *::after,
.fm-phase4-nav *,
.fm-phase4-nav *::before,
.fm-phase4-nav *::after,
.fm-phase4-cta *,
.fm-phase4-cta *::before,
.fm-phase4-cta *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.fm-phase4-bc,
.fm-phase4-progress,
.fm-phase4-hero,
.fm-phase4-incentives,
.fm-phase4-compliance,
.fm-phase4-nav,
.fm-phase4-cta {
    font-family: var(--sans);
    color: var(--ink);
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}

.fm-phase4-bc a,
.fm-phase4-hero a,
.fm-phase4-nav a,
.fm-phase4-cta a {
    text-decoration: none;
    
}

.comments-area a, 
.page-content a {
    text-decoration: none !important;
}

/* ─────────────────────────────────────────────
   SECTION LABEL UTILITY
   ───────────────────────────────────────────── */
.fm-phase4-hero .sl,
.fm-phase4-incentives .sl,
.fm-phase4-compliance .sl {
    font-family: var(--mono);
    font-size: 7.5px;
    letter-spacing: .28em;
    font-weight: 500;
    color: var(--gb);
    text-transform: uppercase;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.fm-phase4-hero .sl::before,
.fm-phase4-incentives .sl::before,
.fm-phase4-compliance .sl::before {
    content: '';
    display: block;
    width: 12px;
    height: 1.5px;
    background: var(--gb);
}

.fm-phase4-incentives .sl.lt,
.fm-phase4-incentives .sl {
    color: var(--gl);
}

.fm-phase4-incentives .sl.lt::before,
.fm-phase4-incentives .sl::before {
    background: var(--gl);
}

/* ─────────────────────────────────────────────
   BREADCRUMB
   ───────────────────────────────────────────── */
.fm-phase4-bc {
    padding: 16px 60px;
    border-bottom: 1px solid var(--line);
    background: var(--bg1);
    display: flex;
    align-items: center;
    gap: 8px;
}

.fm-phase4-bc a,
.fm-phase4-bc span {
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--inkg);
}

.fm-phase4-bc a:hover {
    color: var(--gb);
}

.fm-phase4-bc .sep {
    color: var(--line3);
}

.fm-phase4-bc .cur {
    color: var(--gb);
}

/* ─────────────────────────────────────────────
   PROGRESS BAR
   ───────────────────────────────────────────── */
.fm-phase4-progress {
    background: var(--bg1);
    border-bottom: 1px solid var(--line);
    display: flex;
    align-items: stretch;
    overflow-x: auto;
}

.fm-phase4-progress .progress-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 20px;
    border-right: 1px solid var(--line);
    font-family: var(--mono);
    font-size: 8.5px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #000;
    white-space: nowrap;
    flex-shrink: 0;
}

.fm-phase4-progress .progress-dot {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1.5px solid var(--gb);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 8px;
    font-weight: 500;
}

.fm-phase4-progress .complete .progress-dot {
    background: var(--gb);
    color: #fff;
}

.fm-phase4-progress .active .progress-dot {
    background: var(--gb);
    color: #fff;
    border-color: var(--gb);
}

.fm-phase4-progress .progress-item:last-child .progress-dot,
.fm-phase4-progress .progress-item:nth-last-child(2) .progress-dot {
    background: rgba(247,244,239,.14);
    border-color: rgba(247,244,239,.14);
    color: #000;
}

/* ─────────────────────────────────────────────
   HERO SECTION
   ───────────────────────────────────────────── */
.fm-phase4-hero {
    min-height: 82vh;
    display: grid;
    grid-template-columns: 1fr 460px;
    border-bottom: 1px solid var(--line);
}

.fm-phase4-hero .hero-left {
    padding: 80px 60px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    overflow: hidden;
}

.fm-phase4-hero .hero-bg-number {
    position: absolute;
    bottom: -40px;
    left: -10px;
    font-family: var(--head);
    font-style: normal;
    font-size: clamp(120px, 18vw, 240px);
    font-weight: 700;
    color: rgba(154,120,48,.04);
    pointer-events: none;
    line-height: 1;
    letter-spacing: -.06em;
}

.fm-phase4-hero .hero-left .sl {
    position: relative;
    z-index: 1;
}

.fm-phase4-hero .hero-left h1 {
    font-family: var(--head);
    font-size: clamp(38px, 5vw, 68px);
    font-weight: 700;
    letter-spacing: -.03em;
    color: var(--ink);
    line-height: 1.05;
    margin-bottom: 14px;
    position: relative;
    z-index: 1;
}

.fm-phase4-hero .hero-left p {
    font-size: 16px;
    color: var(--inkl);
    line-height: 1.8;
    max-width: 520px;
    margin-bottom: 40px;
    position: relative;
    z-index: 1;
}

.fm-phase4-hero .hero-buttons {
    display: flex;
    position: relative;
    z-index: 1;
}

.fm-phase4-hero .btn-dark {
    display: flex;
    align-items: center;
    gap: 9px;
    font-family: var(--mono);
    font-size: 9.5px;
    letter-spacing: .14em;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    padding: 13px 26px;
    background: var(--ink);
    transition: background .22s;
}

.fm-phase4-hero .btn-dark:hover {
    background: var(--gb);
}

.fm-phase4-hero .btn-outline {
    display: flex;
    align-items: center;
    font-family: var(--mono);
    font-size: 9.5px;
    letter-spacing: .14em;
    font-weight: 500;
    color: var(--inkl);
    text-transform: uppercase;
    padding: 13px 20px;
    border: 1px solid var(--line2);
    border-left: none;
    transition: all .2s;
}

.fm-phase4-hero .btn-outline:hover {
    color: var(--ink);
    background: var(--bg1);
}

.fm-phase4-hero .hero-right {
    background: var(--ink);
    padding: 56px 48px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    overflow: hidden;
}

.fm-phase4-hero .phase-badge-circle {
    position: absolute;
    top: -60px;
    right: -60px;
    width: 220px;
    height: 220px;
    border: 44px solid rgba(154,120,48,.05);
    border-radius: 50%;
    pointer-events: none;
}

.fm-phase4-hero .phase-number {
    font-family: var(--head);
    font-size: 72px;
    font-weight: 700;
    letter-spacing: -.06em;
    color: rgba(154,120,48,.12);
    line-height: 1;
    margin-bottom: 16px;
    position: relative;
    z-index: 1;
}

.fm-phase4-hero .phase-label {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--gl);
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
}

.fm-phase4-hero .phase-price {
    font-family: var(--head);
    font-size: 36px;
    font-weight: 700;
    letter-spacing: -.03em;
    color: #fff;
    line-height: 1;
    margin-bottom: 4px;
    position: relative;
    z-index: 1;
}

.fm-phase4-hero .phase-min {
    font-family: var(--mono);
    font-size: 8.5px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: rgba(247,244,239,.3);
    margin-bottom: 8px;
    position: relative;
    z-index: 1;
}

.fm-phase4-hero .phase-timing {
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: rgba(247,244,239,.32);
    margin-bottom: 22px;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 8px;
}

.fm-phase4-hero .phase-timing .dot {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--gb);
    display: block;
}

.fm-phase4-hero .feature-list {
    position: relative;
    z-index: 1;
}

.fm-phase4-hero .feature-list div {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    color: rgba(247,244,239,.55);
    margin-bottom: 8px;
}

.fm-phase4-hero .check-dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--gb);
    flex-shrink: 0;
    display: block;
}

.fm-phase4-hero .btn-gold-full {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    background: var(--gb);
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    transition: background .2s;
    position: relative;
    z-index: 1;
    margin-top: 10px;
}

.fm-phase4-hero .btn-gold-full:hover {
    background: var(--gl);
}

/* ─────────────────────────────────────────────
   INCENTIVES SECTION
   ───────────────────────────────────────────── */
.fm-phase4-incentives {
    padding: 80px 60px;
    background: var(--ink);
    border-bottom: 1px solid var(--line);
    position: relative;
    overflow: hidden;
}

.fm-phase4-incentives .incentives-bg-icon {
    position: absolute;
    bottom: -60px;
    right: -20px;
    font-family: var(--serif);
    font-style: normal;
    font-size: clamp(120px, 18vw, 220px);
    color: rgba(154,120,48,.05);
    pointer-events: none;
    line-height: 1;
}

.fm-phase4-incentives h2 {
    font-family: var(--head);
    font-size: clamp(26px, 3.2vw, 42px);
    font-weight: 700;
    letter-spacing: -.03em;
    color: #fff;
    margin-bottom: 12px;
}

.fm-phase4-incentives h2 em {
    font-style: normal;
    font-family: var(--serif);
    font-weight: 400;
    color: var(--gl);
}

.fm-phase4-incentives .incentives-intro {
    font-size: 15px;
    color: rgba(247,244,239,.42);
    max-width: 520px;
    line-height: 1.8;
    margin-bottom: 44px;
}

.fm-phase4-incentives .incentives-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    background: rgba(247,244,239,.06);
    position: relative;
    z-index: 1;
}

.fm-phase4-incentives .incentive-card {
    padding: 28px 24px;
    background: rgba(247,244,239,.03);
    border: 1px solid rgba(247,244,239,.07);
    transition: background .2s;
    position: relative;
    z-index: 1;
}

.fm-phase4-incentives .incentive-card:hover {
    background: rgba(247,244,239,.07);
}

.fm-phase4-incentives .incentive-country {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--gl);
    margin-bottom: 10px;
}

.fm-phase4-incentives .incentive-title {
    font-family: var(--head);
    font-size: 17px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -.02em;
    margin-bottom: 8px;
}

.fm-phase4-incentives .incentive-desc {
    font-size: 13px;
    color: rgba(247,244,239,.42);
    line-height: 1.65;
}

/* ─────────────────────────────────────────────
   COMPLIANCE SECTION
   ───────────────────────────────────────────── */
.fm-phase4-compliance {
    padding: 80px 60px;
    border-bottom: 1px solid var(--line);
}

.fm-phase4-compliance h2 {
    font-family: var(--head);
    font-size: clamp(26px, 3.2vw, 42px);
    font-weight: 700;
    letter-spacing: -.03em;
    color: var(--ink);
    margin-bottom: 12px;
}

.fm-phase4-compliance h2 em {
    font-style: normal;
    font-family: var(--serif);
    font-weight: 400;
    color: var(--g);
}

.fm-phase4-compliance .compliance-intro {
    font-size: 15px;
    color: var(--inkl);
    max-width: 520px;
    line-height: 1.8;
    margin-bottom: 44px;
}

.fm-phase4-compliance .compliance-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.fm-phase4-compliance .compliance-card {
    padding: 26px 22px;
    border: 1px solid var(--line);
    transition: all .22s;
}

.fm-phase4-compliance .compliance-card:hover {
    background: var(--bg1);
    border-color: var(--line2);
}

.fm-phase4-compliance .compliance-icon {
    font-size: 24px;
    margin-bottom: 12px;
}

.fm-phase4-compliance .compliance-title {
    font-family: var(--head);
    font-size: 15px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 6px;
}

.fm-phase4-compliance .compliance-desc {
    font-size: 13px;
    color: var(--inkl);
    line-height: 1.65;
}

/* ─────────────────────────────────────────────
   NAVIGATION
   ───────────────────────────────────────────── */
.fm-phase4-nav {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-top: 1px solid var(--line);
}

.fm-phase4-nav .nav-prev,
.fm-phase4-nav .nav-next {
    padding: 36px 48px;
    display: flex;
    align-items: center;
    gap: 20px;
    transition: background .2s;
}

.fm-phase4-nav .nav-prev {
    border-right: 1px solid var(--line);
}

.fm-phase4-nav .nav-next {
    justify-content: flex-end;
}

.fm-phase4-nav .nav-prev:hover,
.fm-phase4-nav .nav-next:hover {
    background: var(--bg1);
}

.fm-phase4-nav .nav-arrow {
    font-size: 22px;
    color: var(--gb);
}

.fm-phase4-nav .nav-label {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--inkg);
    margin-bottom: 5px;
}

.fm-phase4-nav .nav-title {
    font-family: var(--head);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -.02em;
    color: var(--ink);
}

/* ─────────────────────────────────────────────
   CTA SECTION
   ───────────────────────────────────────────── */
.fm-phase4-cta {
    padding: 80px 60px;
    background: var(--ink);
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: 60px;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.fm-phase4-cta .cta-bg-icon {
    position: absolute;
    bottom: -80px;
    left: 40px;
    font-size: 260px;
    color: rgba(154,120,48,.04);
    pointer-events: none;
    line-height: 1;
}

.fm-phase4-cta .cta-label {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .24em;
    text-transform: uppercase;
    color: var(--gl);
    margin-bottom: 14px;
}

.fm-phase4-cta .cta-h {
    font-family: var(--head);
    font-size: clamp(26px, 3.2vw, 44px);
    font-weight: 700;
    letter-spacing: -.03em;
    color: #fff;
    line-height: 1.1;
    margin-bottom: 12px;
}

.fm-phase4-cta .cta-h em {
    font-style: normal;
    font-family: var(--serif);
    font-weight: 400;
    color: var(--gl);
}

.fm-phase4-cta .cta-desc {
    font-size: 14px;
    color: rgba(247,244,239,.42);
    line-height: 1.8;
}

.fm-phase4-cta .cta-card {
    background: rgba(247,244,239,.04);
    border: 1px solid rgba(247,244,239,.1);
    padding: 30px 26px;
}

.fm-phase4-cta .cta-buttons {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.fm-phase4-cta .cta-gold {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 18px;
    background: var(--gb);
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    transition: background .2s;
}

.fm-phase4-cta .cta-gold:hover {
    background: var(--gl);
}

.fm-phase4-cta .cta-ghost {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 18px;
    border: 1px solid rgba(247,244,239,.14);
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: rgba(247,244,239,.5);
    font-weight: 500;
    transition: all .2s;
}

.fm-phase4-cta .cta-ghost:hover {
    border-color: rgba(247,244,239,.3);
    color: rgba(247,244,239,.8);
}

/* ─────────────────────────────────────────────
   RESPONSIVE BREAKPOINTS
   ───────────────────────────────────────────── */
@media (max-width: 1100px) {
    .fm-phase4-cta {
        grid-template-columns: 1fr !important;
        gap: 40px !important;
    }
}

@media (max-width: 980px) {
    .fm-phase4-incentives .incentives-grid {
        grid-template-columns: 1fr !important;
    }
    .fm-phase4-compliance .compliance-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 768px) {
    .fm-phase4-bc {
        padding-left: 24px;
        padding-right: 24px;
    }
    .fm-phase4-hero {
        grid-template-columns: 1fr !important;
    }
    .fm-phase4-hero .hero-left {
        padding: 48px 24px;
    }
    .fm-phase4-hero .hero-right {
        padding: 40px 24px;
    }
    .fm-phase4-incentives,
    .fm-phase4-compliance,
    .fm-phase4-cta {
        padding: 48px 24px !important;
    }
    .fm-phase4-nav .nav-prev,
    .fm-phase4-nav .nav-next {
        padding: 24px 20px;
    }
    .fm-phase4-progress .progress-item {
        padding: 10px 16px;
        font-size: 7px;
    }
    .fm-phase4-progress .progress-dot {
        width: 16px;
        height: 16px;
        font-size: 7px;
    }
}

@media (max-width: 480px) {
    .fm-phase4-hero .hero-left h1 {
        font-size: 28px;
    }
    .fm-phase4-hero .hero-left p {
        font-size: 14px;
    }
    .fm-phase4-hero .phase-price {
        font-size: 28px;
    }
    .fm-phase4-nav .nav-title {
        font-size: 14px;
    }
    .fm-phase4-nav .nav-arrow {
        font-size: 18px;
    }
    .fm-phase4-cta .cta-h {
        font-size: 22px;
    }
}
/* ============================================
FOREMARK PHASE 3 (TAX ARCHITECTURE) - COMPLETE CSS
============================================ */

/* ─────────────────────────────────────────────
   ROOT VARIABLES & RESET
   ───────────────────────────────────────────── */
.fm-phase3-bc,
.fm-phase3-progress,
.fm-phase3-hero,
.fm-phase3-designs,
.fm-phase3-tax-corridor,
.fm-phase3-process,
.fm-phase3-nav,
.fm-phase3-cta {
    --bg: #f7f4ef;
    --bg1: #efebe3;
    --bg2: #e5dfd5;
    --ink: #131110;
    --ink2: #2a2724;
    --inkl: #5e5a55;
    --inkg: #9b9690;
    --g: #9a7830;
    --gb: #b8922e;
    --gl: #c9a84c;
    --gfill: rgba(154,120,48,.07);
    --gfill2: rgba(154,120,48,.14);
    --gborder: rgba(154,120,48,.22);
    --line: rgba(19,17,16,.09);
    --line2: rgba(19,17,16,.16);
    --line3: rgba(19,17,16,.28);
    --serif: 'Inter Tight', sans-serif;
    --head: 'Inter Tight', sans-serif;
    --sans: 'Inter', sans-serif;
    --mono: 'DM Mono', monospace;
    --ease: cubic-bezier(.4,0,.2,1);
}

.fm-phase3-bc *,
.fm-phase3-bc *::before,
.fm-phase3-bc *::after,
.fm-phase3-progress *,
.fm-phase3-progress *::before,
.fm-phase3-progress *::after,
.fm-phase3-hero *,
.fm-phase3-hero *::before,
.fm-phase3-hero *::after,
.fm-phase3-designs *,
.fm-phase3-designs *::before,
.fm-phase3-designs *::after,
.fm-phase3-tax-corridor *,
.fm-phase3-tax-corridor *::before,
.fm-phase3-tax-corridor *::after,
.fm-phase3-process *,
.fm-phase3-process *::before,
.fm-phase3-process *::after,
.fm-phase3-nav *,
.fm-phase3-nav *::before,
.fm-phase3-nav *::after,
.fm-phase3-cta *,
.fm-phase3-cta *::before,
.fm-phase3-cta *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.fm-phase3-bc,
.fm-phase3-progress,
.fm-phase3-hero,
.fm-phase3-designs,
.fm-phase3-tax-corridor,
.fm-phase3-process,
.fm-phase3-nav,
.fm-phase3-cta {
    font-family: var(--sans);
    color: var(--ink);
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}

.fm-phase3-bc a,
.fm-phase3-hero a,
.fm-phase3-nav a,
.fm-phase3-cta a {
    text-decoration: none;
    
}

.comments-area a, 
.page-content a {
    text-decoration: none !important;
}

/* ─────────────────────────────────────────────
   SECTION LABEL UTILITY
   ───────────────────────────────────────────── */
.fm-phase3-hero .sl,
.fm-phase3-designs .sl,
.fm-phase3-tax-corridor .sl,
.fm-phase3-process .sl {
    font-family: var(--mono);
    font-size: 7.5px;
    letter-spacing: .28em;
    font-weight: 500;
    color: var(--gb);
    text-transform: uppercase;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.fm-phase3-hero .sl::before,
.fm-phase3-designs .sl::before,
.fm-phase3-tax-corridor .sl::before,
.fm-phase3-process .sl::before {
    content: '';
    display: block;
    width: 12px;
    height: 1.5px;
    background: var(--gb);
}

.fm-phase3-tax-corridor .sl.lt,
.fm-phase3-tax-corridor .sl {
    color: var(--gl);
}

.fm-phase3-tax-corridor .sl.lt::before,
.fm-phase3-tax-corridor .sl::before {
    background: var(--gl);
}

/* ─────────────────────────────────────────────
   BREADCRUMB
   ───────────────────────────────────────────── */
.fm-phase3-bc {
    padding: 16px 60px;
    border-bottom: 1px solid var(--line);
    background: var(--bg1);
    display: flex;
    align-items: center;
    gap: 8px;
}

.fm-phase3-bc a,
.fm-phase3-bc span {
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--inkg);
}

.fm-phase3-bc a:hover {
    color: var(--gb);
}

.fm-phase3-bc .sep {
    color: var(--line3);
}

.fm-phase3-bc .cur {
    color: var(--gb);
}

/* ─────────────────────────────────────────────
   PROGRESS BAR
   ───────────────────────────────────────────── */
.fm-phase3-progress {
    background: var(--bg1);
    border-bottom: 1px solid var(--line);
    display: flex;
    align-items: center;
    overflow-x: auto;
}

.fm-phase3-progress .progress-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 22px;
    border-right: 1px solid var(--line);
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #000;
    white-space: nowrap;
    flex-shrink: 0;
}

.fm-phase3-progress .progress-dot {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 1.5px solid var(--gb);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    font-weight: 600;
}

.fm-phase3-progress .complete .progress-dot {
    background: var(--gb);
    color: #fff;
}

.fm-phase3-progress .active .progress-dot {
    background: var(--gb);
    color: #fff;
    border-color: var(--gb);
}

.fm-phase3-progress .progress-item:not(.complete):not(.active) .progress-dot {
    background: rgba(247,244,239,.08);
    border-color: rgba(247,244,239,.14);
    color: #000;
}

/* ─────────────────────────────────────────────
   HERO SECTION
   ───────────────────────────────────────────── */
.fm-phase3-hero {
    min-height: 82vh;
    display: grid;
    grid-template-columns: 1fr 460px;
    border-bottom: 1px solid var(--line);
}

.fm-phase3-hero .hero-left {
    padding: 80px 60px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    overflow: hidden;
}

.fm-phase3-hero .hero-bg-number {
    position: absolute;
    bottom: -40px;
    left: -10px;
    font-family: var(--head);
    font-style: normal;
    font-size: clamp(120px, 18vw, 240px);
    font-weight: 700;
    color: rgba(154,120,48,.04);
    pointer-events: none;
    line-height: 1;
    letter-spacing: -.06em;
}

.fm-phase3-hero .hero-left .sl {
    position: relative;
    z-index: 1;
}

.fm-phase3-hero .hero-left h1 {
    font-family: var(--head);
    font-size: clamp(38px, 5vw, 68px);
    font-weight: 700;
    letter-spacing: -.03em;
    color: var(--ink);
    line-height: 1.05;
    margin-bottom: 14px;
    position: relative;
    z-index: 1;
}

.fm-phase3-hero .hero-left p {
    font-size: 16px;
    color: var(--inkl);
    line-height: 1.8;
    max-width: 520px;
    margin-bottom: 40px;
    position: relative;
    z-index: 1;
}

.fm-phase3-hero .hero-buttons {
    display: flex;
    position: relative;
    z-index: 1;
}

.fm-phase3-hero .btn-dark {
    display: flex;
    align-items: center;
    gap: 9px;
    font-family: var(--mono);
    font-size: 9.5px;
    letter-spacing: .14em;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    padding: 13px 26px;
    background: var(--ink);
    transition: background .22s;
}

.fm-phase3-hero .btn-dark:hover {
    background: var(--gb);
}

.fm-phase3-hero .btn-outline {
    display: flex;
    align-items: center;
    font-family: var(--mono);
    font-size: 9.5px;
    letter-spacing: .14em;
    font-weight: 500;
    color: var(--inkl);
    text-transform: uppercase;
    padding: 13px 20px;
    border: 1px solid var(--line2);
    border-left: none;
    transition: all .2s;
}

.fm-phase3-hero .btn-outline:hover {
    color: var(--ink);
    background: var(--bg1);
}

.fm-phase3-hero .hero-right {
    background: var(--ink);
    padding: 56px 48px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    overflow: hidden;
}

.fm-phase3-hero .phase-badge-circle {
    position: absolute;
    top: -60px;
    right: -60px;
    width: 220px;
    height: 220px;
    border: 44px solid rgba(154,120,48,.05);
    border-radius: 50%;
    pointer-events: none;
}

.fm-phase3-hero .phase-number {
    font-family: var(--head);
    font-size: 72px;
    font-weight: 700;
    letter-spacing: -.06em;
    color: rgba(154,120,48,.12);
    line-height: 1;
    margin-bottom: 16px;
    position: relative;
    z-index: 1;
}

.fm-phase3-hero .phase-label {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--gl);
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
}

.fm-phase3-hero .phase-price {
    font-family: var(--head);
    font-size: 36px;
    font-weight: 700;
    letter-spacing: -.03em;
    color: #fff;
    line-height: 1;
    margin-bottom: 4px;
    position: relative;
    z-index: 1;
}

.fm-phase3-hero .phase-min {
    font-family: var(--mono);
    font-size: 8.5px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: rgba(247,244,239,.3);
    margin-bottom: 8px;
    position: relative;
    z-index: 1;
}

.fm-phase3-hero .phase-timing {
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: rgba(247,244,239,.32);
    margin-bottom: 22px;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 8px;
}

.fm-phase3-hero .phase-timing .dot {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--gb);
    display: block;
}

.fm-phase3-hero .feature-list {
    position: relative;
    z-index: 1;
}

.fm-phase3-hero .feature-list div {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    color: rgba(247,244,239,.55);
    margin-bottom: 8px;
}

.fm-phase3-hero .check-dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--gb);
    flex-shrink: 0;
    display: block;
}

.fm-phase3-hero .btn-gold-full {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    background: var(--gb);
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    transition: background .2s;
    position: relative;
    z-index: 1;
    margin-top: 10px;
}

.fm-phase3-hero .btn-gold-full:hover {
    background: var(--gl);
}

/* ─────────────────────────────────────────────
   DESIGNS SECTION
   ───────────────────────────────────────────── */
.fm-phase3-designs {
    padding: 80px 60px;
    border-bottom: 1px solid var(--line);
}

.fm-phase3-designs h2 {
    font-family: var(--head);
    font-size: clamp(26px, 3.2vw, 42px);
    font-weight: 700;
    letter-spacing: -.03em;
    color: var(--ink);
    margin-bottom: 12px;
}

.fm-phase3-designs h2 em {
    font-style: normal;
    font-family: var(--serif);
    font-weight: 400;
    color: var(--g);
}

.fm-phase3-designs .designs-intro {
    font-size: 15px;
    color: var(--inkl);
    max-width: 520px;
    line-height: 1.8;
    margin-bottom: 44px;
}

.fm-phase3-designs .designs-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.fm-phase3-designs .design-card {
    padding: 26px 22px;
    border: 1px solid var(--line);
    transition: all .22s;
}

.fm-phase3-designs .design-card:hover {
    background: var(--bg1);
    border-color: var(--line2);
}

.fm-phase3-designs .design-icon {
    font-size: 24px;
    margin-bottom: 12px;
}

.fm-phase3-designs .design-title {
    font-family: var(--head);
    font-size: 15px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 6px;
}

.fm-phase3-designs .design-desc {
    font-size: 13px;
    color: var(--inkl);
    line-height: 1.65;
}

/* ─────────────────────────────────────────────
   TAX CORRIDOR SECTION
   ───────────────────────────────────────────── */
.fm-phase3-tax-corridor {
    padding: 80px 60px;
    background: var(--ink);
    border-bottom: 1px solid var(--line);
    position: relative;
    overflow: hidden;
}

.fm-phase3-tax-corridor .tax-bg-icon {
    position: absolute;
    bottom: -60px;
    right: -20px;
    font-family: var(--serif);
    font-style: normal;
    font-size: clamp(120px, 18vw, 220px);
    color: rgba(154,120,48,.05);
    pointer-events: none;
    line-height: 1;
}

.fm-phase3-tax-corridor h2 {
    font-family: var(--head);
    font-size: clamp(26px, 3.2vw, 42px);
    font-weight: 700;
    letter-spacing: -.03em;
    color: #fff;
    margin-bottom: 12px;
}

.fm-phase3-tax-corridor h2 em {
    font-style: normal;
    font-family: var(--serif);
    font-weight: 400;
    color: var(--gl);
}

.fm-phase3-tax-corridor .tax-intro {
    font-size: 15px;
    color: rgba(247,244,239,.42);
    max-width: 520px;
    line-height: 1.8;
    margin-bottom: 44px;
}

.fm-phase3-tax-corridor .tax-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    background: rgba(247,244,239,.06);
    position: relative;
    z-index: 1;
}

.fm-phase3-tax-corridor .tax-card {
    padding: 28px 24px;
    background: rgba(247,244,239,.03);
    border: 1px solid rgba(247,244,239,.07);
    transition: background .2s;
    position: relative;
    z-index: 1;
}

.fm-phase3-tax-corridor .tax-card:hover {
    background: rgba(247,244,239,.07);
}

.fm-phase3-tax-corridor .tax-country {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--gl);
    margin-bottom: 10px;
}

.fm-phase3-tax-corridor .tax-title {
    font-family: var(--head);
    font-size: 17px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -.02em;
    margin-bottom: 8px;
}

.fm-phase3-tax-corridor .tax-desc {
    font-size: 13px;
    color: rgba(247,244,239,.42);
    line-height: 1.65;
}

.fm-phase3-tax-corridor .tax-rate {
    font-family: var(--head);
    font-size: 26px;
    font-weight: 700;
    color: var(--gl);
    letter-spacing: -.03em;
    margin-top: 12px;
}

/* ─────────────────────────────────────────────
   PROCESS SECTION
   ───────────────────────────────────────────── */
.fm-phase3-process {
    padding: 80px 60px;
    border-bottom: 1px solid var(--line);
    background: var(--bg1);
}

.fm-phase3-process h2 {
    font-family: var(--head);
    font-size: clamp(26px, 3.2vw, 42px);
    font-weight: 700;
    letter-spacing: -.03em;
    color: var(--ink);
    margin-bottom: 12px;
}

.fm-phase3-process h2 em {
    font-style: normal;
    font-family: var(--serif);
    font-weight: 400;
    color: var(--g);
}

.fm-phase3-process .process-intro {
    font-size: 15px;
    color: var(--inkl);
    max-width: 520px;
    line-height: 1.8;
    margin-bottom: 44px;
}

.fm-phase3-process .process-steps {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    border: 1px solid var(--line);
}

.fm-phase3-process .step {
    padding: 32px 28px;
    border-right: 1px solid var(--line);
}

.fm-phase3-process .step:last-child {
    border-right: none;
}

.fm-phase3-process .step-number {
    font-family: var(--head);
    font-size: 44px;
    font-weight: 700;
    letter-spacing: -.04em;
    color: rgba(154,120,48,.15);
    line-height: 1;
    margin-bottom: 12px;
}

.fm-phase3-process .step-week {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--gb);
    margin-bottom: 6px;
}

.fm-phase3-process .step-title {
    font-family: var(--head);
    font-size: 15px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 7px;
}

.fm-phase3-process .step-desc {
    font-size: 13px;
    color: var(--inkl);
    line-height: 1.65;
}

/* ─────────────────────────────────────────────
   NAVIGATION
   ───────────────────────────────────────────── */
.fm-phase3-nav {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-top: 1px solid var(--line);
}

.fm-phase3-nav .nav-prev,
.fm-phase3-nav .nav-next {
    padding: 36px 48px;
    display: flex;
    align-items: center;
    gap: 20px;
    transition: background .2s;
}

.fm-phase3-nav .nav-prev {
    border-right: 1px solid var(--line);
}

.fm-phase3-nav .nav-next {
    justify-content: flex-end;
}

.fm-phase3-nav .nav-prev:hover,
.fm-phase3-nav .nav-next:hover {
    background: var(--bg1);
}

.fm-phase3-nav .nav-arrow {
    font-size: 22px;
    color: var(--gb);
}

.fm-phase3-nav .nav-label {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--inkg);
    margin-bottom: 5px;
}

.fm-phase3-nav .nav-title {
    font-family: var(--head);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -.02em;
    color: var(--ink);
}

/* ─────────────────────────────────────────────
   CTA SECTION
   ───────────────────────────────────────────── */
.fm-phase3-cta {
    padding: 80px 60px;
    background: var(--ink);
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: 60px;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.fm-phase3-cta .cta-bg-icon {
    position: absolute;
    bottom: -80px;
    left: 40px;
    font-size: 260px;
    color: rgba(154,120,48,.04);
    pointer-events: none;
    line-height: 1;
}

.fm-phase3-cta .cta-label {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .24em;
    text-transform: uppercase;
    color: var(--gl);
    margin-bottom: 14px;
}

.fm-phase3-cta .cta-h {
    font-family: var(--head);
    font-size: clamp(26px, 3.2vw, 44px);
    font-weight: 700;
    letter-spacing: -.03em;
    color: #fff;
    line-height: 1.1;
    margin-bottom: 12px;
}

.fm-phase3-cta .cta-h em {
    font-style: normal;
    font-family: var(--serif);
    font-weight: 400;
    color: var(--gl);
}

.fm-phase3-cta .cta-desc {
    font-size: 14px;
    color: rgba(247,244,239,.42);
    line-height: 1.8;
}

.fm-phase3-cta .cta-card {
    background: rgba(247,244,239,.04);
    border: 1px solid rgba(247,244,239,.1);
    padding: 30px 26px;
}

.fm-phase3-cta .cta-buttons {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.fm-phase3-cta .cta-gold {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 18px;
    background: var(--gb);
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    transition: background .2s;
}

.fm-phase3-cta .cta-gold:hover {
    background: var(--gl);
}

.fm-phase3-cta .cta-ghost {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 18px;
    border: 1px solid rgba(247,244,239,.14);
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: rgba(247,244,239,.5);
    font-weight: 500;
    transition: all .2s;
}

.fm-phase3-cta .cta-ghost:hover {
    border-color: rgba(247,244,239,.3);
    color: rgba(247,244,239,.8);
}

/* ─────────────────────────────────────────────
   RESPONSIVE BREAKPOINTS
   ───────────────────────────────────────────── */
@media (max-width: 1100px) {
    .fm-phase3-cta {
        grid-template-columns: 1fr !important;
        gap: 40px !important;
    }
}

@media (max-width: 980px) {
    .fm-phase3-designs .designs-grid {
        grid-template-columns: 1fr !important;
    }
    .fm-phase3-tax-corridor .tax-grid {
        grid-template-columns: 1fr !important;
    }
    .fm-phase3-process .process-steps {
        grid-template-columns: 1fr !important;
    }
    .fm-phase3-process .step {
        border-right: none !important;
    }
}

@media (max-width: 768px) {
    .fm-phase3-bc {
        padding-left: 24px;
        padding-right: 24px;
    }
    .fm-phase3-hero {
        grid-template-columns: 1fr !important;
    }
    .fm-phase3-hero .hero-left {
        padding: 48px 24px;
    }
    .fm-phase3-hero .hero-right {
        padding: 40px 24px;
    }
    .fm-phase3-designs,
    .fm-phase3-tax-corridor,
    .fm-phase3-process,
    .fm-phase3-cta {
        padding: 48px 24px !important;
    }
    .fm-phase3-nav .nav-prev,
    .fm-phase3-nav .nav-next {
        padding: 24px 20px;
    }
    .fm-phase3-progress .progress-item {
        padding: 10px 16px;
        font-size: 8px;
    }
    .fm-phase3-progress .progress-dot {
        width: 18px;
        height: 18px;
        font-size: 8px;
    }
}

@media (max-width: 480px) {
    .fm-phase3-hero .hero-left h1 {
        font-size: 28px;
    }
    .fm-phase3-hero .hero-left p {
        font-size: 14px;
    }
    .fm-phase3-hero .phase-price {
        font-size: 28px;
    }
    .fm-phase3-nav .nav-title {
        font-size: 14px;
    }
    .fm-phase3-nav .nav-arrow {
        font-size: 18px;
    }
    .fm-phase3-cta .cta-h {
        font-size: 22px;
    }
    .fm-phase3-process .step {
        padding: 24px 20px;
    }
    .fm-phase3-process .step-number {
        font-size: 36px;
    }
}
/* ============================================
FOREMARK PHASE 2 (LEGAL & STRUCTURAL SETUP) - COMPLETE CSS
============================================ */

/* ─────────────────────────────────────────────
   ROOT VARIABLES & RESET
   ───────────────────────────────────────────── */
.fm-phase2-breadcrumb,
.fm-phase2-progress,
.fm-phase2-hero,
.fm-phase2-entities,
.fm-phase2-process,
.fm-phase2-outcomes,
.fm-phase2-nav,
.fm-phase2-cta {
    --bg: #f7f4ef;
    --bg1: #efebe3;
    --bg2: #e5dfd5;
    --ink: #131110;
    --ink2: #2a2724;
    --inkl: #5e5a55;
    --inkg: #9b9690;
    --g: #9a7830;
    --gb: #b8922e;
    --gl: #c9a84c;
    --gfill: rgba(154,120,48,.07);
    --gborder: rgba(154,120,48,.22);
    --line: rgba(19,17,16,.09);
    --line2: rgba(19,17,16,.16);
    --line3: rgba(19,17,16,.28);
    --serif: 'Inter Tight', sans-serif;
    --head: 'Inter Tight', sans-serif;
    --sans: 'Inter', sans-serif;
    --mono: 'DM Mono', monospace;
    --ease: cubic-bezier(.4,0,.2,1);
}

.fm-phase2-breadcrumb *,
.fm-phase2-breadcrumb *::before,
.fm-phase2-breadcrumb *::after,
.fm-phase2-progress *,
.fm-phase2-progress *::before,
.fm-phase2-progress *::after,
.fm-phase2-hero *,
.fm-phase2-hero *::before,
.fm-phase2-hero *::after,
.fm-phase2-entities *,
.fm-phase2-entities *::before,
.fm-phase2-entities *::after,
.fm-phase2-process *,
.fm-phase2-process *::before,
.fm-phase2-process *::after,
.fm-phase2-outcomes *,
.fm-phase2-outcomes *::before,
.fm-phase2-outcomes *::after,
.fm-phase2-nav *,
.fm-phase2-nav *::before,
.fm-phase2-nav *::after,
.fm-phase2-cta *,
.fm-phase2-cta *::before,
.fm-phase2-cta *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.fm-phase2-breadcrumb,
.fm-phase2-progress,
.fm-phase2-hero,
.fm-phase2-entities,
.fm-phase2-process,
.fm-phase2-outcomes,
.fm-phase2-nav,
.fm-phase2-cta {
    font-family: var(--sans);
    color: var(--ink);
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}

.fm-phase2-breadcrumb a,
.fm-phase2-hero a,
.fm-phase2-nav a,
.fm-phase2-cta a {
    text-decoration: none;
    
}

.comments-area a, 
.page-content a {
    text-decoration: none !important;
}

/* ─────────────────────────────────────────────
   SECTION LABEL UTILITY
   ───────────────────────────────────────────── */
.fm-phase2-entities .section-label,
.fm-phase2-process .section-label,
.fm-phase2-outcomes .section-label {
    font-family: var(--mono);
    font-size: 7.5px;
    letter-spacing: .28em;
    font-weight: 500;
    color: var(--gb);
    text-transform: uppercase;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.fm-phase2-entities .section-label::before,
.fm-phase2-process .section-label::before,
.fm-phase2-outcomes .section-label::before {
    content: '';
    display: block;
    width: 12px;
    height: 1.5px;
    background: var(--gb);
}

.fm-phase2-process .section-label {
    color: var(--gl);
}

.fm-phase2-process .section-label::before {
    background: var(--gl);
}

/* ─────────────────────────────────────────────
   BREADCRUMB
   ───────────────────────────────────────────── */
.fm-phase2-breadcrumb {
    padding: 16px 60px;
    border-bottom: 1px solid var(--line);
    background: var(--bg1);
    display: flex;
    align-items: center;
    gap: 8px;
}

.fm-phase2-breadcrumb a,
.fm-phase2-breadcrumb span {
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--inkg);
}

.fm-phase2-breadcrumb a:hover {
    color: var(--gb);
}

.fm-phase2-breadcrumb .sep {
    color: var(--line3);
}

.fm-phase2-breadcrumb .current {
    color: var(--gb);
}

/* ─────────────────────────────────────────────
   PROGRESS BAR
   ───────────────────────────────────────────── */
.fm-phase2-progress {
    background: var(--bg1);
    border-bottom: 1px solid var(--line);
    padding: 0 60px;
    display: flex;
    align-items: stretch;
    overflow-x: auto;
}

.fm-phase2-progress .pp-step {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 20px;
    border-right: 1px solid var(--line);
    font-family: var(--mono);
    font-size: 8.5px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--inkg);
    white-space: nowrap;
    flex-shrink: 0;
}

.fm-phase2-progress .pp-step:first-child {
    padding-left: 0;
}

.fm-phase2-progress .pp-step.active {
    color: var(--gb);
}

.fm-phase2-progress .pp-dot {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1.5px solid var(--line2);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 8px;
    font-weight: 500;
    flex-shrink: 0;
}

.fm-phase2-progress .pp-step.active .pp-dot {
    border-color: var(--gb);
    background: var(--gb);
    color: #fff;
}

.fm-phase2-progress .pp-step.done .pp-dot {
    border-color: var(--gb);
    color: var(--gb);
}

/* ─────────────────────────────────────────────
   HERO SECTION
   ───────────────────────────────────────────── */
.fm-phase2-hero {
    min-height: 82vh;
    display: grid;
    grid-template-columns: 1fr 440px;
    border-bottom: 1px solid var(--line);
}

.fm-phase2-hero .hero-left {
    padding: 80px 60px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    overflow: hidden;
}

.fm-phase2-hero .hero-phase-bg {
    position: absolute;
    top: -20px;
    left: -10px;
    font-family: var(--head);
    font-weight: 700;
    font-size: clamp(160px, 22vw, 280px);
    color: rgba(154,120,48,.04);
    pointer-events: none;
    line-height: 1;
    letter-spacing: -.06em;
}

.fm-phase2-hero .hero-eyebrow {
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .28em;
    color: var(--gb);
    text-transform: uppercase;
    margin-bottom: 22px;
    display: flex;
    align-items: center;
    gap: 12px;
    position: relative;
    z-index: 1;
}

.fm-phase2-hero .hero-eyebrow::before {
    content: '';
    display: block;
    width: 20px;
    height: 1.5px;
    background: var(--gb);
}

.fm-phase2-hero .hero-h {
    font-family: var(--head);
    font-size: clamp(42px, 5.5vw, 76px);
    font-weight: 700;
    line-height: 1.04;
    letter-spacing: -.03em;
    color: var(--ink);
    margin-bottom: 14px;
    position: relative;
    z-index: 1;
}

.fm-phase2-hero .hero-h em {
    font-style: normal;
    font-family: var(--serif);
    font-weight: 400;
    color: var(--g);
}

.fm-phase2-hero .hero-sub {
    font-size: 16px;
    color: var(--inkl);
    line-height: 1.8;
    max-width: 540px;
    margin-bottom: 40px;
    position: relative;
    z-index: 1;
}

.fm-phase2-hero .hero-acts {
    display: flex;
    position: relative;
    z-index: 1;
}

.fm-phase2-hero .hero-btn-p {
    display: flex;
    align-items: center;
    gap: 9px;
    font-family: var(--mono);
    font-size: 9.5px;
    letter-spacing: .14em;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    padding: 14px 28px;
    background: var(--ink);
    position: relative;
    overflow: hidden;
}

.fm-phase2-hero .hero-btn-p::before {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--gb);
    transform: translateX(-101%);
    transition: transform .3s var(--ease);
}

.fm-phase2-hero .hero-btn-p:hover::before {
    transform: translateX(0);
}

.fm-phase2-hero .hero-btn-p > * {
    position: relative;
    z-index: 1;
}

.fm-phase2-hero .hero-btn-s {
    display: flex;
    align-items: center;
    font-family: var(--mono);
    font-size: 9.5px;
    letter-spacing: .14em;
    font-weight: 500;
    color: var(--inkl);
    text-transform: uppercase;
    padding: 14px 22px;
    border: 1px solid var(--line2);
    border-left: none;
    transition: all .2s;
}

.fm-phase2-hero .hero-btn-s:hover {
    color: var(--ink);
    border-color: var(--line3);
    background: var(--bg1);
}

.fm-phase2-hero .hero-right {
    background: var(--ink);
    padding: 60px 50px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    overflow: hidden;
}

.fm-phase2-hero .hero-right::before {
    content: '';
    position: absolute;
    top: -80px;
    right: -80px;
    width: 300px;
    height: 300px;
    border: 60px solid rgba(154,120,48,.05);
    border-radius: 50%;
    pointer-events: none;
}

.fm-phase2-hero .hr-phase {
    font-family: var(--head);
    font-size: 100px;
    font-weight: 700;
    letter-spacing: -.06em;
    color: rgba(154,120,48,.12);
    line-height: 1;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}

.fm-phase2-hero .hr-label {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--gl);
    margin-bottom: 12px;
    position: relative;
    z-index: 1;
}

.fm-phase2-hero .hr-price {
    font-family: var(--head);
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -.03em;
    color: #fff;
    line-height: 1;
    margin-bottom: 4px;
    position: relative;
    z-index: 1;
}

.fm-phase2-hero .hr-price-note {
    font-family: var(--mono);
    font-size: 8.5px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: rgba(247,244,239,.3);
    margin-bottom: 24px;
    position: relative;
    z-index: 1;
}

.fm-phase2-hero .hr-timing {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: rgba(247,244,239,.35);
    margin-bottom: 28px;
    position: relative;
    z-index: 1;
}

.fm-phase2-hero .hr-timing::before {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--gb);
}

.fm-phase2-hero .hr-deliverables {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 28px;
    position: relative;
    z-index: 1;
}

.fm-phase2-hero .hr-del {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    color: rgba(247,244,239,.55);
}

.fm-phase2-hero .hr-del::before {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--gb);
    flex-shrink: 0;
}

.fm-phase2-hero .hr-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 18px;
    background: var(--gb);
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    transition: background .2s;
    position: relative;
    z-index: 1;
}

.fm-phase2-hero .hr-cta:hover {
    background: var(--gl);
}

/* ─────────────────────────────────────────────
   ENTITIES SECTION
   ───────────────────────────────────────────── */
.fm-phase2-entities {
    padding: 100px 60px;
    border-bottom: 1px solid var(--line);
}

.fm-phase2-entities .entities-h {
    font-family: var(--head);
    font-size: clamp(32px, 4vw, 50px);
    font-weight: 700;
    letter-spacing: -.03em;
    color: var(--ink);
    margin-bottom: 12px;
}

.fm-phase2-entities .entities-h em {
    font-style: normal;
    font-family: var(--serif);
    font-weight: 400;
    color: var(--g);
}

.fm-phase2-entities .entities-sub {
    font-size: 15px;
    color: var(--inkl);
    max-width: 560px;
    line-height: 1.8;
    margin-bottom: 52px;
}

.fm-phase2-entities .entity-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.fm-phase2-entities .entity-card {
    padding: 28px 24px;
    border: 1px solid var(--line);
    position: relative;
    overflow: hidden;
    transition: all .22s;
}

.fm-phase2-entities .entity-card::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--g), var(--gl));
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .32s var(--ease);
}

.fm-phase2-entities .entity-card:hover {
    background: var(--bg1);
    border-color: var(--line2);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(19,17,16,.06);
}

.fm-phase2-entities .entity-card:hover::after {
    transform: scaleX(1);
}

.fm-phase2-entities .entity-corridor {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--gb);
    margin-bottom: 8px;
}

.fm-phase2-entities .entity-name {
    font-family: var(--head);
    font-size: 19px;
    font-weight: 700;
    color: var(--ink);
    letter-spacing: -.02em;
    margin-bottom: 6px;
}

.fm-phase2-entities .entity-desc {
    font-size: 13px;
    color: var(--inkl);
    line-height: 1.65;
    margin-bottom: 14px;
}

.fm-phase2-entities .entity-features {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.fm-phase2-entities .entity-feature {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: var(--inkl);
}

.fm-phase2-entities .entity-feature::before {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--gb);
    flex-shrink: 0;
}

.fm-phase2-entities .entity-badge {
    display: inline-block;
    margin-top: 12px;
    font-family: var(--mono);
    font-size: 7.5px;
    letter-spacing: .1em;
    text-transform: uppercase;
    padding: 3px 8px;
    background: var(--gfill);
    border: 1px solid var(--gborder);
    color: var(--gb);
}

/* ─────────────────────────────────────────────
   PROCESS DARK SECTION
   ───────────────────────────────────────────── */
.fm-phase2-process {
    padding: 100px 60px;
    background: var(--ink);
    border-bottom: 1px solid var(--line);
    position: relative;
    overflow: hidden;
}

.fm-phase2-process::before {
    content: '6';
    position: absolute;
    right: -20px;
    bottom: -80px;
    font-family: var(--head);
    font-size: 400px;
    font-weight: 700;
    color: rgba(154,120,48,.04);
    pointer-events: none;
    line-height: 1;
}

.fm-phase2-process .pd-h {
    font-family: var(--head);
    font-size: clamp(28px, 3.5vw, 44px);
    font-weight: 700;
    letter-spacing: -.03em;
    color: #fff;
    margin-bottom: 12px;
}

.fm-phase2-process .pd-h em {
    font-style: normal;
    font-family: var(--serif);
    font-weight: 400;
    color: var(--gl);
}

.fm-phase2-process .pd-sub {
    font-size: 15px;
    color: rgba(247,244,239,.4);
    max-width: 480px;
    line-height: 1.8;
    margin-bottom: 52px;
}

.fm-phase2-process .pd-steps {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    position: relative;
    z-index: 1;
}

.fm-phase2-process .pd-step {
    padding: 32px 28px;
    border-right: 1px solid rgba(247,244,239,.07);
}

.fm-phase2-process .pd-step:last-child {
    border-right: none;
}

.fm-phase2-process .pd-n {
    font-family: var(--head);
    font-size: 48px;
    font-weight: 700;
    letter-spacing: -.04em;
    color: rgba(154,120,48,.16);
    line-height: 1;
    margin-bottom: 14px;
}

.fm-phase2-process .pd-week {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--gl);
    margin-bottom: 8px;
}

.fm-phase2-process .pd-title {
    font-family: var(--head);
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 10px;
}

.fm-phase2-process .pd-p {
    font-size: 13px;
    color: rgba(247,244,239,.4);
    line-height: 1.65;
}

/* ─────────────────────────────────────────────
   OUTCOMES SECTION
   ───────────────────────────────────────────── */
.fm-phase2-outcomes {
    padding: 100px 60px;
    border-bottom: 1px solid var(--line);
}

.fm-phase2-outcomes .outcomes-h {
    font-family: var(--head);
    font-size: clamp(28px, 3.5vw, 44px);
    font-weight: 700;
    letter-spacing: -.03em;
    color: var(--ink);
    margin-bottom: 48px;
}

.fm-phase2-outcomes .outcomes-h em {
    font-style: normal;
    font-family: var(--serif);
    font-weight: 400;
    color: var(--g);
}

.fm-phase2-outcomes .outcomes-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.fm-phase2-outcomes .outcome-card {
    padding: 28px 24px;
    border: 1px solid var(--line);
    transition: all .22s;
}

.fm-phase2-outcomes .outcome-card:hover {
    background: var(--bg1);
    border-color: var(--line2);
}

.fm-phase2-outcomes .outcome-ico {
    font-size: 28px;
    margin-bottom: 14px;
}

.fm-phase2-outcomes .outcome-t {
    font-family: var(--head);
    font-size: 16px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 7px;
}

.fm-phase2-outcomes .outcome-p {
    font-size: 13px;
    color: var(--inkl);
    line-height: 1.65;
}

/* ─────────────────────────────────────────────
   NAVIGATION
   ───────────────────────────────────────────── */
.fm-phase2-nav {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-top: 1px solid var(--line);
}

.fm-phase2-nav .pn-prev,
.fm-phase2-nav .pn-next {
    padding: 36px 48px;
    transition: background .2s;
    display: flex;
    align-items: center;
    gap: 20px;
}

.fm-phase2-nav .pn-prev {
    border-right: 1px solid var(--line);
}

.fm-phase2-nav .pn-next {
    justify-content: flex-end;
}

.fm-phase2-nav .pn-prev:hover,
.fm-phase2-nav .pn-next:hover {
    background: var(--bg1);
}

.fm-phase2-nav .pn-dir {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--inkg);
    margin-bottom: 5px;
}

.fm-phase2-nav .pn-title {
    font-family: var(--head);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -.02em;
    color: var(--ink);
    transition: color .18s;
}

.fm-phase2-nav .pn-prev:hover .pn-title,
.fm-phase2-nav .pn-next:hover .pn-title {
    color: var(--g);
}

.fm-phase2-nav .pn-arr {
    font-size: 22px;
    color: var(--gb);
    flex-shrink: 0;
}

/* ─────────────────────────────────────────────
   CTA SECTION
   ───────────────────────────────────────────── */
.fm-phase2-cta {
    padding: 80px 60px;
    background: var(--ink);
    display: grid;
    grid-template-columns: 1fr 360px;
    gap: 60px;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.fm-phase2-cta::before {
    content: '✦';
    position: absolute;
    bottom: -80px;
    left: 40px;
    font-size: 280px;
    color: rgba(154,120,48,.04);
    pointer-events: none;
    line-height: 1;
}

.fm-phase2-cta .cta-label {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .24em;
    text-transform: uppercase;
    color: var(--gl);
    margin-bottom: 14px;
}

.fm-phase2-cta .cta-h {
    font-family: var(--head);
    font-size: clamp(28px, 3.5vw, 46px);
    font-weight: 700;
    letter-spacing: -.03em;
    color: #fff;
    line-height: 1.1;
    margin-bottom: 12px;
}

.fm-phase2-cta .cta-h em {
    font-style: normal;
    font-family: var(--serif);
    font-weight: 400;
    color: var(--gl);
}

.fm-phase2-cta .cta-p {
    font-size: 14px;
    color: rgba(247,244,239,.42);
    line-height: 1.8;
}

.fm-phase2-cta .cta-card {
    background: rgba(247,244,239,.04);
    border: 1px solid rgba(247,244,239,.1);
    padding: 32px 28px;
}

.fm-phase2-cta .cta-stacked {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.fm-phase2-cta .cta-a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 18px;
    background: var(--gb);
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    transition: background .2s;
}

.fm-phase2-cta .cta-a:hover {
    background: var(--gl);
}

.fm-phase2-cta .cta-b {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 18px;
    border: 1px solid rgba(247,244,239,.14);
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: rgba(247,244,239,.5);
    font-weight: 500;
    transition: all .2s;
}

.fm-phase2-cta .cta-b:hover {
    border-color: rgba(247,244,239,.3);
    color: rgba(247,244,239,.8);
}

/* ─────────────────────────────────────────────
   RESPONSIVE BREAKPOINTS
   ───────────────────────────────────────────── */
@media (max-width: 1100px) {
    .fm-phase2-hero {
        grid-template-columns: 1fr;
        min-height: auto;
    }
    .fm-phase2-entities .entity-grid,
    .fm-phase2-outcomes .outcomes-grid {
        grid-template-columns: 1fr;
    }
    .fm-phase2-process .pd-steps {
        grid-template-columns: 1fr 1fr;
    }
    .fm-phase2-cta {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .fm-phase2-breadcrumb,
    .fm-phase2-progress,
    .fm-phase2-hero .hero-left,
    .fm-phase2-entities,
    .fm-phase2-process,
    .fm-phase2-outcomes,
    .fm-phase2-cta {
        padding-left: 24px;
        padding-right: 24px;
    }
    .fm-phase2-progress {
        padding: 0 0 0 24px;
    }
    .fm-phase2-process .pd-steps {
        grid-template-columns: 1fr;
    }
    .fm-phase2-nav {
        grid-template-columns: 1fr;
    }
    .fm-phase2-nav .pn-prev,
    .fm-phase2-nav .pn-next {
        padding: 24px 28px;
    }
}
/* ============================================
FOREMARK PHASE 1 (PRE-DECISION INTELLIGENCE) - COMPLETE CSS
============================================ */

/* ─────────────────────────────────────────────
   ROOT VARIABLES & RESET
   ───────────────────────────────────────────── */
.fm-phase1-breadcrumb,
.fm-phase1-progress,
.fm-phase1-hero,
.fm-phase1-deep,
.fm-phase1-process,
.fm-phase1-outcomes,
.fm-phase1-faq,
.fm-phase1-nav,
.fm-phase1-cta {
    --bg: #f7f4ef;
    --bg1: #efebe3;
    --bg2: #e5dfd5;
    --bg3: #d9d1c4;
    --ink: #131110;
    --ink2: #2a2724;
    --inkl: #5e5a55;
    --inkg: #9b9690;
    --g: #9a7830;
    --gb: #b8922e;
    --gl: #c9a84c;
    --gfill: rgba(154,120,48,.07);
    --gfill2: rgba(154,120,48,.14);
    --gborder: rgba(154,120,48,.22);
    --line: rgba(19,17,16,.09);
    --line2: rgba(19,17,16,.16);
    --line3: rgba(19,17,16,.28);
    --serif: 'Inter Tight', sans-serif;
    --head: 'Inter Tight', sans-serif;
    --sans: 'Inter', sans-serif;
    --mono: 'DM Mono', monospace;
    --ease: cubic-bezier(.4,0,.2,1);
}

.fm-phase1-breadcrumb *,
.fm-phase1-breadcrumb *::before,
.fm-phase1-breadcrumb *::after,
.fm-phase1-progress *,
.fm-phase1-progress *::before,
.fm-phase1-progress *::after,
.fm-phase1-hero *,
.fm-phase1-hero *::before,
.fm-phase1-hero *::after,
.fm-phase1-deep *,
.fm-phase1-deep *::before,
.fm-phase1-deep *::after,
.fm-phase1-process *,
.fm-phase1-process *::before,
.fm-phase1-process *::after,
.fm-phase1-outcomes *,
.fm-phase1-outcomes *::before,
.fm-phase1-outcomes *::after,
.fm-phase1-faq *,
.fm-phase1-faq *::before,
.fm-phase1-faq *::after,
.fm-phase1-nav *,
.fm-phase1-nav *::before,
.fm-phase1-nav *::after,
.fm-phase1-cta *,
.fm-phase1-cta *::before,
.fm-phase1-cta *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.fm-phase1-breadcrumb,
.fm-phase1-progress,
.fm-phase1-hero,
.fm-phase1-deep,
.fm-phase1-process,
.fm-phase1-outcomes,
.fm-phase1-faq,
.fm-phase1-nav,
.fm-phase1-cta {
    font-family: var(--sans);
    color: var(--ink);
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}

.fm-phase1-breadcrumb a,
.fm-phase1-hero a,
.fm-phase1-nav a,
.fm-phase1-cta a {
    text-decoration: none;
    
}

.comments-area a, 
.page-content a {
    text-decoration: none !important;
}

/* ─────────────────────────────────────────────
   BREADCRUMB
   ───────────────────────────────────────────── */
.fm-phase1-breadcrumb {
    padding: 16px 60px;
    border-bottom: 1px solid var(--line);
    background: var(--bg1);
    display: flex;
    align-items: center;
    gap: 8px;
}

.fm-phase1-breadcrumb a,
.fm-phase1-breadcrumb span {
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--inkg);
}

.fm-phase1-breadcrumb a:hover {
    color: var(--gb);
}

.fm-phase1-breadcrumb .sep {
    color: var(--line3);
}

.fm-phase1-breadcrumb .current {
    color: var(--gb);
}

/* ─────────────────────────────────────────────
   PHASE PROGRESS BAR
   ───────────────────────────────────────────── */
.fm-phase1-progress {
    background: var(--bg1);
    border-bottom: 1px solid var(--line);
    padding: 0 60px;
    display: flex;
    align-items: stretch;
    gap: 0;
    overflow-x: auto;
}

.fm-phase1-progress .pp-step {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 20px;
    border-right: 1px solid var(--line);
    font-family: var(--mono);
    font-size: 8.5px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--inkg);
    white-space: nowrap;
    transition: all .2s;
    flex-shrink: 0;
}

.fm-phase1-progress .pp-step:first-child {
    padding-left: 0;
}

.fm-phase1-progress .pp-step:hover {
    color: var(--gb);
}

.fm-phase1-progress .pp-step.active {
    color: var(--gb);
}

.fm-phase1-progress .pp-dot {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1.5px solid var(--line2);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 8px;
    font-weight: 500;
    flex-shrink: 0;
    transition: all .2s;
}

.fm-phase1-progress .pp-step.active .pp-dot {
    border-color: var(--gb);
    background: var(--gb);
    color: #fff;
}

/* ─────────────────────────────────────────────
   SECTION LABEL UTILITY
   ───────────────────────────────────────────── */
.fm-phase1-deep .section-label,
.fm-phase1-process .section-label,
.fm-phase1-outcomes .section-label,
.fm-phase1-faq .section-label {
    font-family: var(--mono);
    font-size: 7.5px;
    letter-spacing: .28em;
    font-weight: 500;
    color: var(--gb);
    text-transform: uppercase;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.fm-phase1-deep .section-label::before,
.fm-phase1-process .section-label::before,
.fm-phase1-outcomes .section-label::before,
.fm-phase1-faq .section-label::before {
    content: '';
    display: block;
    width: 12px;
    height: 1.5px;
    background: var(--gb);
}

.fm-phase1-faq .section-label {
    color: var(--gl);
}

.fm-phase1-faq .section-label::before {
    background: var(--gl);
}

/* ─────────────────────────────────────────────
   HERO SECTION
   ───────────────────────────────────────────── */
.fm-phase1-hero {
    min-height: 80vh;
    display: grid;
    grid-template-columns: 1fr 440px;
    border-bottom: 1px solid var(--line);
}

.fm-phase1-hero .hero-left {
    padding: 80px 60px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    overflow: hidden;
}

.fm-phase1-hero .hero-phase-bg {
    position: absolute;
    top: -20px;
    left: -10px;
    font-family: var(--head);
    font-weight: 700;
    font-size: clamp(160px, 22vw, 280px);
    color: rgba(154,120,48,.04);
    pointer-events: none;
    line-height: 1;
    letter-spacing: -.06em;
}

.fm-phase1-hero .hero-eyebrow {
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .28em;
    color: var(--gb);
    text-transform: uppercase;
    margin-bottom: 22px;
    display: flex;
    align-items: center;
    gap: 12px;
    position: relative;
    z-index: 1;
}

.fm-phase1-hero .hero-eyebrow::before {
    content: '';
    display: block;
    width: 20px;
    height: 1.5px;
    background: var(--gb);
}

.fm-phase1-hero .hero-h {
    font-family: var(--head);
    font-size: clamp(42px, 5.5vw, 76px);
    font-weight: 700;
    line-height: 1.04;
    letter-spacing: -.03em;
    color: var(--ink);
    margin-bottom: 14px;
    position: relative;
    z-index: 1;
}

.fm-phase1-hero .hero-h em {
    font-style: normal;
    font-family: var(--serif);
    font-weight: 400;
    color: var(--g);
}

.fm-phase1-hero .hero-sub {
    font-size: 16px;
    color: var(--inkl);
    line-height: 1.8;
    max-width: 540px;
    margin-bottom: 40px;
    position: relative;
    z-index: 1;
}

.fm-phase1-hero .hero-acts {
    display: flex;
    position: relative;
    z-index: 1;
}

.fm-phase1-hero .hero-btn-p {
    display: flex;
    align-items: center;
    gap: 9px;
    font-family: var(--mono);
    font-size: 9.5px;
    letter-spacing: .14em;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    padding: 14px 28px;
    background: var(--ink);
    position: relative;
    overflow: hidden;
}

.fm-phase1-hero .hero-btn-p::before {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--gb);
    transform: translateX(-101%);
    transition: transform .3s var(--ease);
}

.fm-phase1-hero .hero-btn-p:hover::before {
    transform: translateX(0);
}

.fm-phase1-hero .hero-btn-p > * {
    position: relative;
    z-index: 1;
}

.fm-phase1-hero .hero-btn-s {
    display: flex;
    align-items: center;
    font-family: var(--mono);
    font-size: 9.5px;
    letter-spacing: .14em;
    font-weight: 500;
    color: var(--inkl);
    text-transform: uppercase;
    padding: 14px 22px;
    border: 1px solid var(--line2);
    border-left: none;
    transition: all .2s;
}

.fm-phase1-hero .hero-btn-s:hover {
    color: var(--ink);
    border-color: var(--line3);
    background: var(--bg1);
}

.fm-phase1-hero .hero-right {
    background: var(--ink);
    padding: 60px 50px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    overflow: hidden;
}

.fm-phase1-hero .hero-right::before {
    content: '';
    position: absolute;
    top: -80px;
    right: -80px;
    width: 300px;
    height: 300px;
    border: 60px solid rgba(154,120,48,.05);
    border-radius: 50%;
    pointer-events: none;
}

.fm-phase1-hero .hr-phase {
    font-family: var(--head);
    font-size: 100px;
    font-weight: 700;
    letter-spacing: -.06em;
    color: rgba(154,120,48,.12);
    line-height: 1;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}

.fm-phase1-hero .hr-label {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--gl);
    margin-bottom: 12px;
    position: relative;
    z-index: 1;
}

.fm-phase1-hero .hr-price {
    font-family: var(--head);
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -.03em;
    color: #fff;
    line-height: 1;
    margin-bottom: 4px;
    position: relative;
    z-index: 1;
}

.fm-phase1-hero .hr-price-note {
    font-family: var(--mono);
    font-size: 8.5px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: rgba(247,244,239,.3);
    margin-bottom: 24px;
    position: relative;
    z-index: 1;
}

.fm-phase1-hero .hr-timing {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: rgba(247,244,239,.35);
    margin-bottom: 28px;
    position: relative;
    z-index: 1;
}

.fm-phase1-hero .hr-timing::before {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--gb);
}

.fm-phase1-hero .hr-deliverables {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 28px;
    position: relative;
    z-index: 1;
}

.fm-phase1-hero .hr-del {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    color: rgba(247,244,239,.55);
}

.fm-phase1-hero .hr-del::before {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--gb);
    flex-shrink: 0;
}

.fm-phase1-hero .hr-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 18px;
    background: var(--gb);
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    transition: background .2s;
    position: relative;
    z-index: 1;
}

.fm-phase1-hero .hr-cta:hover {
    background: var(--gl);
}

/* ─────────────────────────────────────────────
   DEEP DIVE SECTION
   ───────────────────────────────────────────── */
.fm-phase1-deep {
    padding: 100px 60px;
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 80px;
    align-items: start;
    border-bottom: 1px solid var(--line);
}

.fm-phase1-deep .deep-left-h {
    font-family: var(--head);
    font-size: clamp(28px, 3.5vw, 44px);
    font-weight: 700;
    letter-spacing: -.03em;
    color: var(--ink);
    margin-bottom: 14px;
    line-height: 1.1;
}

.fm-phase1-deep .deep-left-h em {
    font-style: normal;
    font-family: var(--serif);
    font-weight: 400;
    color: var(--g);
}

.fm-phase1-deep .deep-left-p {
    font-size: 14.5px;
    color: var(--inkl);
    line-height: 1.8;
    margin-bottom: 28px;
}

.fm-phase1-deep .deep-left-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--gb);
    transition: gap .2s;
}

.fm-phase1-deep .deep-left-link:hover {
    gap: 14px;
}

.fm-phase1-deep .deep-items {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.fm-phase1-deep .deep-item {
    padding: 24px 0;
    border-bottom: 1px solid var(--line);
    display: grid;
    grid-template-columns: 48px 1fr;
    gap: 20px;
    align-items: start;
    transition: background .18s;
}

.fm-phase1-deep .deep-item:first-child {
    padding-top: 0;
}

.fm-phase1-deep .deep-item:last-child {
    border-bottom: none;
}

.fm-phase1-deep .deep-ico {
    width: 48px;
    height: 48px;
    background: var(--bg2);
    border: 1px solid var(--line2);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    flex-shrink: 0;
    margin-top: 2px;
    transition: all .2s;
}

.fm-phase1-deep .deep-item:hover .deep-ico {
    background: var(--gfill);
    border-color: var(--gborder);
}

.fm-phase1-deep .deep-item-t {
    font-family: var(--head);
    font-size: 15px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 6px;
}

.fm-phase1-deep .deep-item-p {
    font-size: 13px;
    color: var(--inkl);
    line-height: 1.7;
}

.fm-phase1-deep .deep-item-tag {
    display: inline-block;
    margin-top: 8px;
    font-family: var(--mono);
    font-size: 7.5px;
    letter-spacing: .1em;
    text-transform: uppercase;
    padding: 3px 8px;
    background: var(--gfill);
    border: 1px solid var(--gborder);
    color: var(--gb);
}

/* ─────────────────────────────────────────────
   PROCESS SECTION
   ───────────────────────────────────────────── */
.fm-phase1-process {
    padding: 100px 60px;
    background: var(--bg1);
    border-bottom: 1px solid var(--line);
}

.fm-phase1-process .process-h {
    font-family: var(--head);
    font-size: clamp(28px, 3.5vw, 44px);
    font-weight: 700;
    letter-spacing: -.03em;
    color: var(--ink);
    margin-bottom: 12px;
}

.fm-phase1-process .process-h em {
    font-style: normal;
    font-family: var(--serif);
    font-weight: 400;
    color: var(--g);
}

.fm-phase1-process .process-sub {
    font-size: 15px;
    color: var(--inkl);
    max-width: 480px;
    line-height: 1.8;
    margin-bottom: 52px;
}

.fm-phase1-process .process-steps {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    border: 1px solid var(--line);
}

.fm-phase1-process .process-step {
    padding: 32px 28px;
    border-right: 1px solid var(--line);
    background: var(--bg);
    transition: background .2s;
}

.fm-phase1-process .process-step:last-child {
    border-right: none;
}

.fm-phase1-process .process-step:hover {
    background: var(--bg1);
}

.fm-phase1-process .ps-n {
    font-family: var(--head);
    font-size: 48px;
    font-weight: 700;
    letter-spacing: -.04em;
    color: rgba(154,120,48,.15);
    line-height: 1;
    margin-bottom: 14px;
}

.fm-phase1-process .ps-title {
    font-family: var(--head);
    font-size: 15px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 8px;
}

.fm-phase1-process .ps-p {
    font-size: 13px;
    color: var(--inkl);
    line-height: 1.65;
}

.fm-phase1-process .ps-week {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--gb);
    margin-top: 12px;
}

/* ─────────────────────────────────────────────
   OUTCOMES SECTION
   ───────────────────────────────────────────── */
.fm-phase1-outcomes {
    padding: 100px 60px;
    border-bottom: 1px solid var(--line);
}

.fm-phase1-outcomes .outcomes-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 52px;
    flex-wrap: wrap;
    gap: 20px;
}

.fm-phase1-outcomes .outcomes-h {
    font-family: var(--head);
    font-size: clamp(28px, 3.5vw, 44px);
    font-weight: 700;
    letter-spacing: -.03em;
    color: var(--ink);
}

.fm-phase1-outcomes .outcomes-h em {
    font-style: normal;
    font-family: var(--serif);
    font-weight: 400;
    color: var(--g);
}

.fm-phase1-outcomes .outcomes-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.fm-phase1-outcomes .outcome-card {
    padding: 28px 24px;
    border: 1px solid var(--line);
    position: relative;
    overflow: hidden;
    transition: all .22s;
}

.fm-phase1-outcomes .outcome-card::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--g), var(--gl));
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .32s var(--ease);
}

.fm-phase1-outcomes .outcome-card:hover {
    background: var(--bg1);
    border-color: var(--line2);
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(19,17,16,.07);
}

.fm-phase1-outcomes .outcome-card:hover::after {
    transform: scaleX(1);
}

.fm-phase1-outcomes .outcome-ico {
    font-size: 28px;
    margin-bottom: 14px;
}

.fm-phase1-outcomes .outcome-t {
    font-family: var(--head);
    font-size: 16px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 7px;
}

.fm-phase1-outcomes .outcome-p {
    font-size: 13px;
    color: var(--inkl);
    line-height: 1.65;
}

/* ─────────────────────────────────────────────
   FAQ SECTION
   ───────────────────────────────────────────── */
.fm-phase1-faq {
    padding: 100px 60px;
    background: var(--ink);
    border-bottom: 1px solid var(--line);
}

.fm-phase1-faq .faq-h {
    font-family: var(--head);
    font-size: clamp(28px, 3.5vw, 44px);
    font-weight: 700;
    letter-spacing: -.03em;
    color: #fff;
    margin-bottom: 48px;
}

.fm-phase1-faq .faq-h em {
    font-style: normal;
    font-family: var(--serif);
    font-weight: 400;
    color: var(--gl);
}

.fm-phase1-faq .faq-list {
    display: flex;
    flex-direction: column;
    gap: 0;
    max-width: 800px;
}

.fm-phase1-faq .faq-item {
    border-bottom: 1px solid rgba(247,244,239,.07);
}

.fm-phase1-faq .faq-q {
    padding: 22px 0;
    font-family: var(--head);
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    transition: color .18s;
}

.fm-phase1-faq .faq-q:hover {
    color: var(--gl);
}

.fm-phase1-faq .faq-chevron {
    font-size: 18px;
    color: var(--gb);
    flex-shrink: 0;
    transition: transform .28s var(--ease);
}

.fm-phase1-faq .faq-item.open .faq-chevron {
    transform: rotate(45deg);
}

.fm-phase1-faq .faq-a {
    font-size: 14px;
    color: rgba(247,244,239,.42);
    line-height: 1.8;
    max-height: 0;
    overflow: hidden;
    transition: max-height .4s var(--ease), padding .3s;
}

.fm-phase1-faq .faq-item.open .faq-a {
    max-height: 300px;
    padding-bottom: 20px;
}

/* ─────────────────────────────────────────────
   PHASE NAVIGATION
   ───────────────────────────────────────────── */
.fm-phase1-nav {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-top: 1px solid var(--line);
}

.fm-phase1-nav .pn-prev,
.fm-phase1-nav .pn-next {
    padding: 36px 48px;
    border-right: 1px solid var(--line);
    transition: background .2s;
    display: flex;
    align-items: center;
    gap: 20px;
}

.fm-phase1-nav .pn-next {
    border-right: none;
    justify-content: flex-end;
}

.fm-phase1-nav .pn-prev:hover,
.fm-phase1-nav .pn-next:hover {
    background: var(--bg1);
}

.fm-phase1-nav .pn-dir {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--inkg);
    margin-bottom: 5px;
}

.fm-phase1-nav .pn-title {
    font-family: var(--head);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -.02em;
    color: var(--ink);
    transition: color .18s;
}

.fm-phase1-nav .pn-prev:hover .pn-title,
.fm-phase1-nav .pn-next:hover .pn-title {
    color: var(--g);
}

.fm-phase1-nav .pn-arr {
    font-size: 22px;
    color: var(--gb);
    flex-shrink: 0;
}

/* ─────────────────────────────────────────────
   CTA SECTION
   ───────────────────────────────────────────── */
.fm-phase1-cta {
    padding: 80px 60px;
    background: var(--ink);
    display: grid;
    grid-template-columns: 1fr 360px;
    gap: 60px;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.fm-phase1-cta::before {
    content: '✦';
    position: absolute;
    bottom: -80px;
    left: 40px;
    font-size: 280px;
    color: rgba(154,120,48,.04);
    pointer-events: none;
    line-height: 1;
}

.fm-phase1-cta .cta-label {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .24em;
    text-transform: uppercase;
    color: var(--gl);
    margin-bottom: 14px;
}

.fm-phase1-cta .cta-h {
    font-family: var(--head);
    font-size: clamp(28px, 3.5vw, 46px);
    font-weight: 700;
    letter-spacing: -.03em;
    color: #fff;
    line-height: 1.1;
    margin-bottom: 12px;
}

.fm-phase1-cta .cta-h em {
    font-style: normal;
    font-family: var(--serif);
    font-weight: 400;
    color: var(--gl);
}

.fm-phase1-cta .cta-p {
    font-size: 14px;
    color: rgba(247,244,239,.42);
    line-height: 1.8;
}

.fm-phase1-cta .cta-card {
    background: rgba(247,244,239,.04);
    border: 1px solid rgba(247,244,239,.1);
    padding: 32px 28px;
}

.fm-phase1-cta .cta-stacked {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.fm-phase1-cta .cta-a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 18px;
    background: var(--gb);
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    transition: background .2s;
}

.fm-phase1-cta .cta-a:hover {
    background: var(--gl);
}

.fm-phase1-cta .cta-b {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 18px;
    border: 1px solid rgba(247,244,239,.14);
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: rgba(247,244,239,.5);
    font-weight: 500;
    transition: all .2s;
}

.fm-phase1-cta .cta-b:hover {
    border-color: rgba(247,244,239,.3);
    color: rgba(247,244,239,.8);
}

/* ─────────────────────────────────────────────
   RESPONSIVE BREAKPOINTS
   ───────────────────────────────────────────── */
@media (max-width: 1100px) {
    .fm-phase1-hero {
        grid-template-columns: 1fr;
        min-height: auto;
    }
    .fm-phase1-hero .hero-right {
        padding: 40px 40px 60px;
    }
    .fm-phase1-deep {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    .fm-phase1-process .process-steps {
        grid-template-columns: 1fr 1fr;
    }
    .fm-phase1-outcomes .outcomes-grid {
        grid-template-columns: 1fr;
    }
    .fm-phase1-cta {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .fm-phase1-breadcrumb,
    .fm-phase1-progress,
    .fm-phase1-hero .hero-left,
    .fm-phase1-deep,
    .fm-phase1-process,
    .fm-phase1-outcomes,
    .fm-phase1-faq,
    .fm-phase1-cta {
        padding-left: 24px;
        padding-right: 24px;
    }
    .fm-phase1-progress {
        padding-left: 24px;
        padding-right: 24px;
    }
    .fm-phase1-process .process-steps {
        grid-template-columns: 1fr;
    }
    .fm-phase1-nav {
        grid-template-columns: 1fr;
    }
    .fm-phase1-nav .pn-prev {
        border-right: none;
        border-bottom: 1px solid var(--line);
    }
    .fm-phase1-progress .pp-step {
        padding: 12px 16px;
        font-size: 7.5px;
    }
    .fm-phase1-progress .pp-dot {
        width: 18px;
        height: 18px;
        font-size: 7px;
    }
    .fm-phase1-deep .deep-item {
        grid-template-columns: 40px 1fr;
        gap: 12px;
    }
    .fm-phase1-deep .deep-ico {
        width: 40px;
        height: 40px;
        font-size: 18px;
    }
    .fm-phase1-hero .hero-h {
        font-size: 32px;
    }
}

@media (max-width: 480px) {
    .fm-phase1-hero .hero-h {
        font-size: 28px;
    }
    .fm-phase1-hero .hero-sub {
        font-size: 14px;
    }
    .fm-phase1-hero .hr-price {
        font-size: 32px;
    }
    .fm-phase1-nav .pn-title {
        font-size: 14px;
    }
    .fm-phase1-nav .pn-arr {
        font-size: 18px;
    }
    .fm-phase1-cta .cta-h {
        font-size: 24px;
    }
    .fm-phase1-process .process-step {
        padding: 24px 20px;
    }
    .fm-phase1-process .ps-n {
        font-size: 36px;
    }
}
/* ============================================
FOREMARK GLOBAL FAQs Page - 100% FULLY RESPONSIVE
Mobile First - Tablet - Desktop - All Screens
============================================ */

/* CSS Variables */
.foremark-faqs-container {
    --bg: #f7f4ef;
    --bg1: #efebe3;
    --bg2: #e5dfd5;
    --ink: #131110;
    --ink2: #2a2724;
    --inkl: #5e5a55;
    --inkg: #9b9690;
    --g: #9a7830;
    --gb: #b8922e;
    --gl: #c9a84c;
    --gfill: rgba(154,120,48,.07);
    --gborder: rgba(154,120,48,.22);
    --line: rgba(19,17,16,.09);
    --line2: rgba(19,17,16,.16);
    --line3: rgba(19,17,16,.28);
    --serif: 'Inter Tight', sans-serif;
    --sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --mono: 'DM Mono', monospace;
    --ease: cubic-bezier(.4,0,.2,1);
    
    font-family: var(--sans);
    background: var(--bg);
    color: var(--ink);
    overflow-x: hidden;
    max-width: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Reset - Scoped */
.foremark-faqs-container,
.foremark-faqs-container *,
.foremark-faqs-container *::before,
.foremark-faqs-container *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* Selection */
.foremark-faqs-container ::selection {
    background: var(--gb);
    color: var(--ink);
}

/* Typography */
.foremark-faqs-container a {
    text-decoration: none !important;
}
.foremark-faqs-container ul {
    list-style: none;
}

/* ============================================
BREADCRUMB
============================================ */
.foremark-faqs-container .bc {
    padding: 12px 16px;
    border-bottom: 1px solid var(--line);
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
@media (min-width: 480px) {
    .foremark-faqs-container .bc {
        padding: 14px 24px;
    }
}
@media (min-width: 768px) {
    .foremark-faqs-container .bc {
        padding: 14px 60px;
    }
}
.foremark-faqs-container .bc a,
.foremark-faqs-container .bc span {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .12em;
    color: var(--inkg);
    text-transform: uppercase;
    transition: color .18s;
}
@media (min-width: 480px) {
    .foremark-faqs-container .bc a,
    .foremark-faqs-container .bc span {
        font-size: 8.5px;
    }
}
.foremark-faqs-container .bc a:hover {
    color: var(--gb);
}
.foremark-faqs-container .bc-sep {
    color: var(--line3);
}
.foremark-faqs-container .bc span:last-child {
    color: var(--gb);
}

/* ============================================
HERO SECTION
============================================ */
.foremark-faqs-container .hero {
    padding: 40px 16px;
    border-bottom: 1px solid var(--line);
    display: flex;
    flex-direction: column;
    gap: 40px;
    position: relative;
    overflow: hidden;
}
@media (min-width: 480px) {
    .foremark-faqs-container .hero {
        padding: 60px 24px;
    }
}
@media (min-width: 768px) {
    .foremark-faqs-container .hero {
        padding: 80px 40px 72px;
        display: grid;
        grid-template-columns: 1fr 380px;
        gap: 64px;
        align-items: end;
    }
}
@media (min-width: 1024px) {
    .foremark-faqs-container .hero {
        padding: 88px 60px 72px;
    }
}
.foremark-faqs-container .hero::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background: repeating-linear-gradient(0deg, transparent, transparent 60px, var(--line) 60px, var(--line) 61px);
    opacity: .4;
    pointer-events: none;
    display: none;
}
@media (min-width: 768px) {
    .foremark-faqs-container .hero::before {
        display: block;
    }
}
.foremark-faqs-container .hero-eyebrow {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .28em;
    color: var(--gb);
    text-transform: uppercase;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
}
.foremark-faqs-container .hero-eyebrow::before {
    content: '';
    display: block;
    width: 18px;
    height: 1.5px;
    background: var(--gb);
}
.foremark-faqs-container .hero h1 {
    font-family: var(--serif);
    font-size: clamp(36px, 6vw, 76px);
    font-weight: 400;
    color: var(--ink);
    line-height: 1.04;
    letter-spacing: -.02em;
    margin-bottom: 16px;
}
@media (min-width: 480px) {
    .foremark-faqs-container .hero h1 {
        margin-bottom: 20px;
    }
}
.foremark-faqs-container .hero h1 em {
    font-style: normal;
    color: var(--g);
}
.foremark-faqs-container .hero-sub {
    font-size: 14px;
    color: var(--inkl);
    line-height: 1.7;
    max-width: 480px;
}
@media (min-width: 480px) {
    .foremark-faqs-container .hero-sub {
        font-size: 15px;
        line-height: 1.8;
    }
}
.foremark-faqs-container .hero-right {
    position: relative;
    z-index: 1;
}
.foremark-faqs-container .faq-cats {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.foremark-faqs-container .faq-cat-link {
    border: 1px solid var(--line);
    background: var(--bg1);
    padding: 14px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: background .2s, border-color .2s;
}
@media (min-width: 480px) {
    .foremark-faqs-container .faq-cat-link {
        padding: 16px 20px;
    }
}
.foremark-faqs-container .faq-cat-link:hover {
    background: var(--bg2);
    border-color: var(--line2);
}
.foremark-faqs-container .fcl-name {
    font-size: 12px;
    font-weight: 500;
    color: var(--ink);
}
@media (min-width: 480px) {
    .foremark-faqs-container .fcl-name {
        font-size: 13.5px;
    }
}
.foremark-faqs-container .fcl-count {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .1em;
    color: var(--inkg);
}
@media (min-width: 480px) {
    .foremark-faqs-container .fcl-count {
        font-size: 9px;
    }
}

/* ============================================
FAQ SECTIONS
============================================ */
.foremark-faqs-container .faq-section {
    padding: 48px 16px;
    border-bottom: 1px solid var(--line);
}
.foremark-faqs-container .faq-section:nth-child(even) {
    background: var(--bg1);
}
@media (min-width: 480px) {
    .foremark-faqs-container .faq-section {
        padding: 60px 24px;
    }
}
@media (min-width: 768px) {
    .foremark-faqs-container .faq-section {
        padding: 72px 40px;
    }
}
@media (min-width: 1024px) {
    .foremark-faqs-container .faq-section {
        padding: 72px 60px;
    }
}
.foremark-faqs-container .faq-section-header {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 28px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--line);
    flex-wrap: wrap;
}
@media (min-width: 480px) {
    .foremark-faqs-container .faq-section-header {
        gap: 20px;
        margin-bottom: 36px;
        padding-bottom: 24px;
    }
}
.foremark-faqs-container .fsh-icon {
    font-size: 24px;
}
@media (min-width: 480px) {
    .foremark-faqs-container .fsh-icon {
        font-size: 28px;
    }
}
.foremark-faqs-container .fsh-title {
    font-family: var(--serif);
    font-size: 24px;
    color: var(--ink);
}
@media (min-width: 480px) {
    .foremark-faqs-container .fsh-title {
        font-size: 28px;
    }
}
.foremark-faqs-container .fsh-title em {
    font-style: normal;
    color: var(--g);
}
.foremark-faqs-container .faq-list {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.foremark-faqs-container .faq {
    border: 1px solid var(--line);
    background: var(--bg);
    overflow: hidden;
}
.foremark-faqs-container .faq-q {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 20px;
    cursor: pointer;
    transition: background .2s;
}
@media (min-width: 480px) {
    .foremark-faqs-container .faq-q {
        padding: 20px 28px;
    }
}
.foremark-faqs-container .faq-q:hover {
    background: var(--bg2);
}
.foremark-faqs-container .fq-text {
    font-size: 13px;
    font-weight: 500;
    color: var(--ink);
    line-height: 1.4;
    flex: 1;
}
@media (min-width: 480px) {
    .foremark-faqs-container .fq-text {
        font-size: 14px;
    }
}
.foremark-faqs-container .fq-tog {
    font-family: var(--mono);
    font-size: 18px;
    color: var(--gb);
    transition: transform .25s var(--ease);
    flex-shrink: 0;
}
@media (min-width: 480px) {
    .foremark-faqs-container .fq-tog {
        font-size: 20px;
    }
}
.foremark-faqs-container .faq.open .fq-tog {
    transform: rotate(45deg);
}
.foremark-faqs-container .faq-a {
    padding: 0 20px 18px;
    display: none;
    font-size: 12px;
    color: var(--inkl);
    line-height: 1.7;
}
@media (min-width: 480px) {
    .foremark-faqs-container .faq-a {
        padding: 0 28px 22px;
        font-size: 13.5px;
        line-height: 1.78;
    }
}
.foremark-faqs-container .faq.open .faq-a {
    display: block;
}
.foremark-faqs-container .faq-a strong {
    color: var(--ink);
    font-weight: 500;
}

/* ============================================
CTA SECTION
============================================ */
.foremark-faqs-container .cta {
    padding: 48px 16px;
    background: var(--ink);
    position: relative;
    overflow: hidden;
}
@media (min-width: 480px) {
    .foremark-faqs-container .cta {
        padding: 60px 24px;
    }
}
@media (min-width: 768px) {
    .foremark-faqs-container .cta {
        padding: 88px 40px;
    }
}
@media (min-width: 1024px) {
    .foremark-faqs-container .cta {
        padding: 88px 60px;
    }
}
.foremark-faqs-container .cta::before {
    content: '';
    position: absolute;
    top: -80px;
    right: -80px;
    width: 280px;
    height: 280px;
    border: 70px solid rgba(154,120,48,.04);
    border-radius: 50%;
    pointer-events: none;
}
@media (min-width: 768px) {
    .foremark-faqs-container .cta::before {
        width: 350px;
        height: 350px;
    }
}
.foremark-faqs-container .cta-inner {
    max-width: 100%;
    position: relative;
    z-index: 1;
}
@media (min-width: 768px) {
    .foremark-faqs-container .cta-inner {
        max-width: 600px;
    }
}
.foremark-faqs-container .cta-tag {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .28em;
    color: var(--gb);
    text-transform: uppercase;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
}
.foremark-faqs-container .cta-tag::before {
    content: '';
    display: block;
    width: 16px;
    height: 1.5px;
    background: var(--gb);
}
.foremark-faqs-container .cta-h {
    font-family: var(--serif);
    font-size: clamp(28px, 4.5vw, 52px);
    color: #fff;
    line-height: 1.08;
    letter-spacing: -.02em;
    margin-bottom: 20px;
    font-weight: 400;
}
.foremark-faqs-container .cta-h em {
    font-style: normal;
    color: var(--gl);
}
.foremark-faqs-container .cta-sub {
    font-size: 14px;
    color: rgba(247,244,239,.5);
    line-height: 1.7;
    margin-bottom: 28px;
}
@media (min-width: 480px) {
    .foremark-faqs-container .cta-sub {
        font-size: 15px;
        line-height: 1.75;
        margin-bottom: 36px;
    }
}
.foremark-faqs-container .cta-acts {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.foremark-faqs-container .ca-g {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: var(--mono);
    font-size: 9px;
    font-weight: 500;
    letter-spacing: .16em;
    color: var(--ink);
    text-transform: uppercase;
    padding: 10px 20px;
    background: var(--gb);
    transition: background .2s;
}
@media (min-width: 480px) {
    .foremark-faqs-container .ca-g {
        padding: 13px 28px;
    }
}
.foremark-faqs-container .ca-g:hover {
    background: var(--gl);
}
.foremark-faqs-container .ca-o {
    font-family: var(--mono);
    font-size: 9px;
    font-weight: 500;
    letter-spacing: .14em;
    color: rgba(247,244,239,.6);
    text-transform: uppercase;
    padding: 9px 16px;
    border: 1px solid rgba(247,244,239,.15);
    transition: all .2s;
}
@media (min-width: 480px) {
    .foremark-faqs-container .ca-o {
        padding: 12px 22px;
    }
}
.foremark-faqs-container .ca-o:hover {
    border-color: rgba(247,244,239,.3);
    color: #fff;
}

/* ============================================
PRINT STYLES
============================================ */
@media print {
    .foremark-faqs-container .cta {
        display: none !important;
    }
    .foremark-faqs-container .hero {
        background: white !important;
        color: black !important;
    }
    .foremark-faqs-container .hero h1,
    .foremark-faqs-container .hero h1 em {
        color: black !important;
    }
    .foremark-faqs-container .hero-sub {
        color: #666 !important;
    }
    .foremark-faqs-container .faq {
        break-inside: avoid;
    }
    .foremark-faqs-container .faq-a {
        display: block !important;
    }
    .foremark-faqs-container .fq-tog {
        display: none;
    }
}

/* Google Fonts fallback */
.foremark-faqs-container {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
.foremark-faqs-container .hero h1,
.foremark-faqs-container .fsh-title,
.foremark-faqs-container .cta-h {
    font-family: 'Inter Tight', sans-serif;
}
.foremark-faqs-container .hero-eyebrow,
.foremark-faqs-container .fcl-count,
.foremark-faqs-container .fq-tog,
.foremark-faqs-container .cta-tag,
.foremark-faqs-container .bc a,
.foremark-faqs-container .bc span {
    font-family: 'DM Mono', monospace;
}

/* blog post list  */
/* ============================================
FOREMARK GLOBAL BLOG/INSIGHTS PAGE - COMPLETE CSS
============================================ */

/* ─────────────────────────────────────────────
   ROOT VARIABLES & RESET
   ───────────────────────────────────────────── */
.fm-wrap {
    --bg: #f7f4ef;
    --bg1: #efebe3;
    --bg2: #e5dfd5;
    --ink: #131110;
    --ink2: #2a2724;
    --inkl: #5e5a55;
    --inkg: #9b9690;
    --g: #9a7830;
    --gb: #b8922e;
    --gl: #c9a84c;
    --gfill: rgba(154,120,48,.07);
    --gborder: rgba(154,120,48,.22);
    --line: rgba(19,17,16,.09);
    --line2: rgba(19,17,16,.16);
    --line3: rgba(19,17,16,.28);
    --serif: 'Inter Tight', sans-serif;
    --head: 'Inter Tight', sans-serif;
    --sans: 'Inter', sans-serif;
    --mono: 'DM Mono', monospace;
    --ease: cubic-bezier(.4,0,.2,1);
    
    font-family: var(--sans);
    background: var(--bg);
    color: var(--ink);
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}

.fm-wrap *,
.fm-wrap *::before,
.fm-wrap *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.fm-wrap a {
    text-decoration: none;
    
}

.fm-wrap ul {
    list-style: none;
}

.fm-wrap img {
    display: block;
    max-width: 100%;
}

/* ─────────────────────────────────────────────
   BREADCRUMB
   ───────────────────────────────────────────── */
.fm-breadcrumb {
    padding: 16px 60px;
    border-bottom: 1px solid var(--line);
    background: var(--bg1);
    display: flex;
    align-items: center;
    gap: 8px;
}

.fm-breadcrumb a,
.fm-breadcrumb span {
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--inkg);
}

.fm-breadcrumb a:hover {
    color: var(--gb);
}

.fm-breadcrumb .fm-sep {
    color: var(--line3);
}

.fm-breadcrumb .fm-current {
    color: var(--gb);
}

/* ─────────────────────────────────────────────
   SECTION LABEL
   ───────────────────────────────────────────── */
.fm-section-label {
    font-family: var(--mono);
    font-size: 7.5px;
    letter-spacing: .28em;
    font-weight: 500;
    color: var(--gb);
    text-transform: uppercase;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.fm-section-label::before {
    content: '';
    display: block;
    width: 12px;
    height: 1.5px;
    background: var(--gb);
}

/* ─────────────────────────────────────────────
   HERO SECTION
   ───────────────────────────────────────────── */
.fm-hero {
    /* padding: 80px 60px 0; */
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid var(--line);
}

.fm-hero-bg {
    position: absolute;
    bottom: -40px;
    right: -10px;
    font-family: var(--serif);
    font-style: normal;
    font-size: clamp(100px, 16vw, 180px);
    color: rgba(154,120,48,.038);
    pointer-events: none;
    line-height: 1;
}

.fm-hero h1 {
    font-family: var(--head);
    font-size: clamp(44px, 6vw, 80px);
    font-weight: 700;
    letter-spacing: -.03em;
    color: #f7f4ef !important;
    line-height: 1.04;
    margin-bottom: 14px;
}

.fm-hero h1 em {
    font-style: normal;
    font-family: var(--serif);
    font-weight: 400;
    color: var(--g);
}

.fm-hero p {
    font-size: 16px;
    color: var(--inkl);
    line-height: 1.8;
    max-width: 560px;
    margin-bottom: 52px;
}

/* ─────────────────────────────────────────────
   FILTER BAR
   ───────────────────────────────────────────── */
.fm-filter-bar {
    padding: 20px 60px;
    border-bottom: 1px solid var(--line);
    background: var(--bg1);
    display: flex;
    align-items: center;
    gap: 0;
    overflow-x: auto;
}

.fm-filter-tab {
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .12em;
    text-transform: uppercase;
    padding: 8px 18px;
    border-right: 1px solid var(--line);
    color: var(--inkg);
    white-space: nowrap;
    transition: all .18s;
    flex-shrink: 0;
}

.fm-filter-tab:first-child {
    padding-left: 0;
}

.fm-filter-tab:hover,
.fm-filter-tab.fm-active {
    color: var(--gb);
}

.fm-filter-sep {
    width: 1px;
    height: 20px;
    background: var(--line);
    margin: 0 12px;
}

/* ─────────────────────────────────────────────
   FEATURED ARTICLE
   ───────────────────────────────────────────── */
.fm-feat-wrap {
    padding: 60px 60px 0;
}

.fm-feat-article {
    display: grid;
    grid-template-columns: 1fr 480px;
    border: 1px solid var(--line);
    overflow: hidden;
    transition: all .24s;
}

.fm-feat-article:hover {
    border-color: var(--line2);
    box-shadow: 0 8px 32px rgba(19,17,16,.08);
}

.fm-fa-body {
    padding: 48px 44px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    background: var(--bg);
}

.fm-fa-bg {
    position: absolute;
    bottom: -20px;
    left: -10px;
    font-family: var(--serif);
    font-style: normal;
    font-size: clamp(80px, 12vw, 160px);
    color: rgba(154,120,48,.04);
    pointer-events: none;
    line-height: 1;
}

.fm-fa-tag {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--gb);
    margin-bottom: 12px;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 8px;
}

.fm-fa-tag::before {
    content: '';
    width: 8px;
    height: 1.5px;
    background: var(--gb);
}

.fm-fa-title {
    font-family: var(--head);
    font-size: clamp(24px, 3vw, 38px);
    font-weight: 700;
    letter-spacing: -.02em;
    color: var(--ink);
    line-height: 1.15;
    margin-bottom: 12px;
    position: relative;
    z-index: 1;
    transition: color .18s;
}

.fm-feat-article:hover .fm-fa-title {
    color: var(--g);
}

.fm-fa-excerpt {
    font-size: 14px;
    color: var(--inkl);
    line-height: 1.75;
    margin-bottom: 22px;
    max-width: 480px;
    position: relative;
    z-index: 1;
}

.fm-fa-meta {
    display: flex;
    align-items: center;
    gap: 16px;
    position: relative;
    z-index: 1;
}

.fm-fa-author {
    font-family: var(--mono);
    font-size: 8.5px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--inkg);
}

.fm-fa-read {
    font-family: var(--mono);
    font-size: 8.5px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--gb);
    display: flex;
    align-items: center;
    gap: 6px;
    transition: gap .2s;
}

.fm-feat-article:hover .fm-fa-read {
    gap: 10px;
}

.fm-fa-image {
    background: var(--ink);
    overflow: hidden;
    min-height: 380px;
}

.fm-fa-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .55;
    transition: opacity .3s, transform .5s;
}

.fm-feat-article:hover .fm-fa-image img {
    opacity: .7;
    transform: scale(1.03);
}

.fm-fa-image-placeholder {
    width: 100%;
    height: 100%;
    min-height: 380px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--serif);
    font-style: normal;
    font-size: 80px;
    color: rgba(201,168,76,.15);
}

/* ─────────────────────────────────────────────
   SIDEBAR LAYOUT
   ───────────────────────────────────────────── */
.fm-sidebar-layout {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 60px;
    align-items: start;
    padding: 40px 60px 60px;
}

/* ─────────────────────────────────────────────
   BLOG GRID
   ───────────────────────────────────────────── */
.fm-blog-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-bottom: 16px;
}

/* ─────────────────────────────────────────────
   ARTICLE CARD
   ───────────────────────────────────────────── */
.fm-article-card {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--line);
    position: relative;
    overflow: hidden;
    transition: all .24s var(--ease);
    background: var(--bg);
}

.fm-article-card:hover {
    background: var(--bg1);
    border-color: var(--line2);
    transform: translateY(-2px);
    box-shadow: 0 8px 28px rgba(19,17,16,.07);
}

.fm-article-card::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--g), var(--gl));
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .32s var(--ease);
}

.fm-article-card:hover::after {
    transform: scaleX(1);
}

.fm-ac-thumb {
    width: 100%;
    aspect-ratio: 16/9;
    overflow: hidden;
    background: var(--ink);
}

.fm-ac-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .72;
    transition: opacity .3s, transform .5s var(--ease);
}

.fm-article-card:hover .fm-ac-thumb img {
    opacity: .88;
    transform: scale(1.03);
}

.fm-thumb-placeholder {
    width: 100%;
    aspect-ratio: 16/9;
    background: var(--ink2);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--serif);
    font-style: normal;
    font-size: 40px;
    color: rgba(201,168,76,.18);
}

.fm-ac-body {
    padding: 22px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.fm-ac-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}

.fm-ac-tag {
    font-family: var(--mono);
    font-size: 7.5px;
    letter-spacing: .14em;
    text-transform: uppercase;
    padding: 3px 8px;
    background: var(--gfill);
    border: 1px solid var(--gborder);
    color: var(--g);
}

.fm-ac-date {
    font-family: var(--mono);
    font-size: 8px;
    color: var(--inkg);
}

.fm-ac-title {
    font-family: var(--head);
    font-size: 15px;
    font-weight: 600;
    color: var(--ink);
    line-height: 1.35;
    margin-bottom: 8px;
    flex: 1;
    transition: color .18s;
}

.fm-article-card:hover .fm-ac-title {
    color: var(--g);
}

.fm-ac-excerpt {
    font-size: 12.5px;
    color: var(--inkl);
    line-height: 1.65;
    margin-bottom: 14px;
}

.fm-ac-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 12px;
    border-top: 1px solid var(--line);
}

.fm-ac-author {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--inkg);
}

.fm-ac-read {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--gb);
}

/* ─────────────────────────────────────────────
   SIDEBAR WIDGETS
   ───────────────────────────────────────────── */
.fm-sidebar-widget {
    margin-bottom: 40px;
}

.fm-sw-h {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--gb);
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--line);
}

.fm-sw-links {
    display: flex;
    flex-direction: column;
}

.fm-sw-link {
    font-size: 13.5px;
    color: var(--inkl);
    padding: 9px 0;
    border-bottom: 1px solid var(--line);
    transition: color .18s;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.fm-sw-link:last-child {
    border-bottom: none;
}

.fm-sw-link:hover {
    color: var(--g);
}

.fm-sw-tag {
    font-family: var(--mono);
    font-size: 7.5px;
    letter-spacing: .08em;
    text-transform: uppercase;
    padding: 2px 7px;
    background: var(--gfill);
    border: 1px solid var(--gborder);
    color: var(--gb);
}

/* ─────────────────────────────────────────────
   SUBSCRIBE BOX
   ───────────────────────────────────────────── */
.fm-subscribe-box {
    background: var(--ink);
    padding: 28px 24px;
}

.fm-ssb-label {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--gl);
    margin-bottom: 8px;
}

.fm-ssb-h {
    font-family: var(--head);
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 6px;
}

.fm-ssb-p {
    font-size: 12.5px;
    color: rgba(247,244,239,.38);
    line-height: 1.7;
    margin-bottom: 16px;
}

.fm-ssb-input {
    width: 100%;
    background: rgba(247,244,239,.06);
    border: 1px solid rgba(247,244,239,.12);
    color: #fff;
    font-family: var(--sans);
    font-size: 13px;
    padding: 10px 14px;
    outline: none;
    margin-bottom: 8px;
    transition: border-color .25s;
}

.fm-ssb-input:focus {
    border-color: var(--gb);
}

.fm-ssb-input::placeholder {
    color: rgba(247,244,239,.2);
}

.fm-ssb-btn {
    width: 100% !important;
    background: var(--gb) !important;
    color: #fff !important;
    border: none !important;
    font-family: var(--mono) !important;
    font-size: 9px !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
    padding: 11px !important;
    cursor: pointer !important;
    transition: background .2s !important;
}

.fm-ssb-btn:hover {
    background: var(--gl) !important;
}

.fm-subscribe-message {
    margin-top: 10px;
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .08em;
    color: var(--gl);
    text-align: center;
}

.fm-subscribe-message.error {
    color: #e74c3c;
}

.fm-subscribe-message.success {
    color: #2ecc71;
}

/* ─────────────────────────────────────────────
   EMPTY STATE
   ───────────────────────────────────────────── */
.fm-no-posts {
    text-align: center;
    padding: 80px 24px;
    color: var(--inkg);
    font-family: var(--mono);
    font-size: 12px;
    letter-spacing: .08em;
}

.fm-no-posts a {
    color: var(--gb);
    display: inline-block;
    margin-top: 12px;
}

/* ─────────────────────────────────────────────
   NEWSLETTER BAR
   ───────────────────────────────────────────── */
.fm-newsletter-bar {
    padding: 60px;
    background: var(--ink);
    display: grid;
    grid-template-columns: 1fr 420px;
    gap: 60px;
    align-items: center;
    border-top: 1px solid rgba(247,244,239,.06);
}

.fm-nb-label {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--gl);
    margin-bottom: 10px;
}

.fm-nb-h {
    font-family: var(--head);
    font-size: clamp(22px, 3vw, 34px);
    font-weight: 700;
    letter-spacing: -.02em;
    color: #fff;
    margin-bottom: 8px;
}

.fm-nb-h em {
    font-style: normal;
    font-family: var(--serif);
    font-weight: 400;
    color: var(--gl);
}

.fm-nb-p {
    font-size: 14px;
    color: rgba(247,244,239,.38);
    line-height: 1.75;
}

.fm-nb-form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.fm-nb-row {
    display: flex;
}

.fm-nb-input {
    flex: 1;
    background: rgba(247,244,239,.06);
    border: 1px solid rgba(247,244,239,.12);
    border-right: none;
    color: #fff;
    font-family: var(--sans);
    font-size: 13.5px;
    padding: 12px 16px;
    outline: none;
    transition: border-color .25s;
}

.fm-nb-input:focus {
    border-color: var(--gb);
}

.fm-nb-input::placeholder {
    color: rgba(247,244,239,.22);
}

.fm-nb-btn {
    background: var(--gb) !important;
    color: #fff !important;
    border: none !important;
    font-family: var(--mono) !important;
    font-size: 9px !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
    padding: 12px 20px !important;
    cursor: pointer !important;
    transition: background .2s !important;
    flex-shrink: 0 !important;
}

.fm-nb-btn:hover {
    background: var(--gl) !important;
}

.fm-nb-note {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .08em;
    color: rgba(247,244,239,.2);
}

/* ─────────────────────────────────────────────
   ANIMATIONS
   ───────────────────────────────────────────── */
@keyframes fm-fadeUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fm-fade-up {
    animation: fm-fadeUp .7s var(--ease) both;
}

.fm-d1 { animation-delay: .1s; }
.fm-d2 { animation-delay: .2s; }
.fm-d3 { animation-delay: .3s; }

/* ─────────────────────────────────────────────
   RESPONSIVE BREAKPOINTS
   ───────────────────────────────────────────── */
@media (max-width: 1100px) {
    .fm-sidebar-layout {
        grid-template-columns: 1fr;
    }
    .fm-feat-article {
        grid-template-columns: 1fr;
    }
    .fm-fa-image {
        min-height: 260px;
    }
    .fm-newsletter-bar {
        grid-template-columns: 1fr;
    }
}

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

@media (max-width: 768px) {
    .fm-breadcrumb,
    .fm-filter-bar,
    .fm-hero,
    .fm-feat-wrap,
    .fm-sidebar-layout,
    .fm-newsletter-bar {
        padding-left: 24px;
        padding-right: 24px;
    }
    .fm-blog-grid {
        grid-template-columns: 1fr;
    }
    .fm-filter-sep {
        margin: 0 8px;
    }
}

/* ============================================
FOREMARK SINGLE BLOG POST - COMPLETE CSS
============================================ */

/* ─────────────────────────────────────────────
   ROOT VARIABLES & RESET
   ───────────────────────────────────────────── */
.fm-single-wrap {
    --bg: #f7f4ef;
    --bg1: #efebe3;
    --bg2: #e5dfd5;
    --ink: #131110;
    --ink2: #2a2724;
    --inkl: #5e5a55;
    --inkg: #9b9690;
    --g: #9a7830;
    --gb: #b8922e;
    --gl: #c9a84c;
    --gfill: rgba(154,120,48,.07);
    --gborder: rgba(154,120,48,.22);
    --line: rgba(19,17,16,.09);
    --line2: rgba(19,17,16,.16);
    --line3: rgba(19,17,16,.28);
    --serif: 'Inter Tight', sans-serif;
    --head: 'Inter Tight', sans-serif;
    --sans: 'Inter', sans-serif;
    --mono: 'DM Mono', monospace;
    --ease: cubic-bezier(.4,0,.2,1);
    
    font-family: var(--sans);
    background: var(--bg);
    color: var(--ink);
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}

.fm-single-wrap *,
.fm-single-wrap *::before,
.fm-single-wrap *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.fm-single-wrap a {
    text-decoration: none;
    
}

.fm-single-wrap img {
    display: block;
    max-width: 100%;
}

/* ─────────────────────────────────────────────
   BREADCRUMB
   ───────────────────────────────────────────── */
.fm-single-breadcrumb {
    padding: 16px 60px;
    border-bottom: 1px solid var(--line);
    background: var(--bg1);
    display: flex;
    align-items: center;
    gap: 8px;
}

.fm-single-breadcrumb a,
.fm-single-breadcrumb span {
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--inkg);
}

.fm-single-breadcrumb a:hover {
    color: var(--gb);
}

.fm-single-breadcrumb .fm-sep {
    color: var(--line3);
}

.fm-single-breadcrumb .fm-current {
    color: var(--gb);
}

/* ─────────────────────────────────────────────
   HERO / COVER
   ───────────────────────────────────────────── */
.fm-single-hero {
    position: relative;
    background: var(--ink);
    overflow: hidden;
    min-height: 480px;
    display: flex;
    align-items: flex-end;
}

.fm-single-hero-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .38;
    transition: transform 8s var(--ease);
}

.fm-single-hero-img:hover {
    transform: scale(1.04);
}

.fm-single-hero-placeholder {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--serif);
    font-style: normal;
    font-size: clamp(80px, 14vw, 160px);
    color: rgba(201,168,76,.07);
}

.fm-single-hero-gradient {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(19,17,16,.92) 0%, rgba(19,17,16,.4) 55%, transparent 100%);
}

.fm-single-hero-body {
    position: relative;
    z-index: 2;
    padding: 60px 60px 52px;
    width: 100%;
    max-width: 860px;
}

.fm-single-hero-tag {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--gl);
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.fm-single-hero-tag::before {
    content: '';
    display: block;
    width: 12px;
    height: 1.5px;
    background: var(--gl);
}

.fm-single-hero-title {
    font-family: var(--head);
    font-size: clamp(28px, 5vw, 58px);
    font-weight: 700;
    letter-spacing: -.03em;
    color: #fff;
    line-height: 1.08;
    margin-bottom: 18px;
}

.fm-single-hero-meta {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.fm-single-meta-item {
    font-family: var(--mono);
    font-size: 8.5px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: rgba(247,244,239,.46);
    display: flex;
    align-items: center;
    gap: 6px;
}

.fm-single-meta-item strong {
    color: rgba(247,244,239,.75);
    font-weight: 500;
}

.fm-single-meta-dot {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: rgba(247,244,239,.2);
}

/* ─────────────────────────────────────────────
   LAYOUT: ARTICLE + SIDEBAR
   ───────────────────────────────────────────── */
.fm-single-layout {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 64px;
    padding: 60px 60px 80px;
    align-items: start;
}

/* ─────────────────────────────────────────────
   ARTICLE BODY
   ───────────────────────────────────────────── */
.fm-single-lead {
    font-size: 19px;
    color: var(--inkl);
    line-height: 1.8;
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid var(--line);
    font-family: var(--serif);
    font-style: italic;
}

.fm-single-content {
    color: var(--ink2);
}

.fm-single-content h2 {
    font-family: var(--head);
    font-size: clamp(20px, 2.4vw, 28px);
    font-weight: 700;
    letter-spacing: -.02em;
    color: var(--ink);
    line-height: 1.2;
    margin: 52px 0 18px;
}

.fm-single-content h3 {
    font-family: var(--head);
    font-size: 18px;
    font-weight: 600;
    color: var(--ink);
    margin: 36px 0 14px;
}

.fm-single-content p {
    font-size: 16px;
    line-height: 1.85;
    margin-bottom: 22px;
    color: var(--inkl);
}

.fm-single-content ul,
.fm-single-content ol {
    margin: 0 0 22px 20px;
}

.fm-single-content li {
    font-size: 15.5px;
    line-height: 1.8;
    color: var(--inkl);
    margin-bottom: 8px;
}

.fm-single-content strong {
    color: var(--ink);
    font-weight: 600;
}

.fm-single-content em {
    font-family: var(--serif);
    font-style: italic;
}

.fm-single-content a {
    color: var(--gb);
    border-bottom: 1px solid var(--gborder);
    padding-bottom: 1px;
    transition: color .18s, border-color .18s;
}

.fm-single-content a:hover {
    color: var(--g);
    border-color: var(--g);
}

.fm-single-content blockquote {
    margin: 36px 0;
    padding: 24px 28px;
    border-left: 3px solid var(--gb);
    background: var(--bg1);
}

.fm-single-content blockquote p {
    font-family: var(--serif);
    font-style: normal;
    font-size: 18px;
    color: var(--ink);
    margin: 0;
    line-height: 1.7;
}

.fm-single-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 28px 0;
    font-size: 14px;
}

.fm-single-content th {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--gb);
    background: var(--bg1);
    padding: 10px 14px;
    border: 1px solid var(--line);
    text-align: left;
}

.fm-single-content td {
    padding: 10px 14px;
    border: 1px solid var(--line);
    color: var(--inkl);
    vertical-align: top;
}

.fm-single-content tr:nth-child(even) td {
    background: var(--bg1);
}

.fm-single-content img {
    width: 100%;
    margin: 32px 0;
    display: block;
}

.fm-single-content hr {
    border: none;
    border-top: 1px solid var(--line);
    margin: 48px 0;
}

/* ─────────────────────────────────────────────
   AUTHOR CARD
   ───────────────────────────────────────────── */
.fm-single-author {
    margin-top: 52px;
    padding: 28px 24px;
    border: 1px solid var(--line);
    background: var(--bg1);
    display: flex;
    align-items: center;
    gap: 20px;
}

.fm-single-author-avatar {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: var(--ink2);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--serif);
    font-style: normal;
    font-size: 20px;
    color: var(--gl);
    flex-shrink: 0;
}

.fm-single-author-label {
    font-family: var(--mono);
    font-size: 7.5px;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--gb);
    margin-bottom: 4px;
}

.fm-single-author-name {
    font-family: var(--head);
    font-size: 15px;
    font-weight: 600;
    color: var(--ink);
}

.fm-single-author-sub {
    font-size: 12.5px;
    color: var(--inkg);
    margin-top: 2px;
}

/* ─────────────────────────────────────────────
   TAGS ROW
   ───────────────────────────────────────────── */
.fm-single-tags {
    margin-top: 36px;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.fm-single-tag {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .12em;
    text-transform: uppercase;
    padding: 5px 11px;
    background: var(--gfill);
    border: 1px solid var(--gborder);
    color: var(--g);
}

/* ─────────────────────────────────────────────
   SIDEBAR
   ───────────────────────────────────────────── */
.fm-single-sidebar {
    position: sticky;
    top: 100px;
}

.fm-sw-h {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--gb);
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--line);
}

.fm-single-sidebar-widget {
    margin-bottom: 40px;
}

.fm-single-back {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--inkg);
    margin-bottom: 32px;
    transition: color .18s;
}

.fm-single-back:hover {
    color: var(--gb);
}

/* ─────────────────────────────────────────────
   KEY FACTS BOX
   ───────────────────────────────────────────── */
.fm-single-facts {
    border: 1px solid var(--line);
    margin-bottom: 40px;
}

.fm-single-facts-h {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--gb);
    padding: 14px 18px;
    border-bottom: 1px solid var(--line);
    background: var(--bg1);
}

.fm-single-fact {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 11px 18px;
    border-bottom: 1px solid var(--line);
    font-size: 12.5px;
}

.fm-single-fact:last-child {
    border-bottom: none;
}

.fm-single-fact-k {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--inkg);
}

.fm-single-fact-v {
    color: var(--ink);
    font-weight: 500;
    text-align: right;
}

/* ─────────────────────────────────────────────
   SUBSCRIBE BOX
   ───────────────────────────────────────────── */
.fm-single-subscribe-box {
    background: var(--ink);
    padding: 28px 24px;
    margin-bottom: 40px;
}

.fm-ssb-label {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--gl);
    margin-bottom: 8px;
}

.fm-ssb-h {
    font-family: var(--head);
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 6px;
}

.fm-ssb-p {
    font-size: 12.5px;
    color: rgba(247,244,239,.38);
    line-height: 1.7;
    margin-bottom: 16px;
}

.fm-ssb-input {
    width: 100%;
    background: rgba(247,244,239,.06);
    border: 1px solid rgba(247,244,239,.12);
    color: #fff;
    font-family: var(--sans);
    font-size: 13px;
    padding: 10px 14px;
    outline: none;
    margin-bottom: 8px;
    transition: border-color .25s;
}

.fm-ssb-input:focus {
    border-color: var(--gb);
}

.fm-ssb-input::placeholder {
    color: rgba(247,244,239,.2);
}

.fm-ssb-btn {
    width: 100%;
    background: var(--gb);
    color: #fff;
    border: none;
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .14em;
    text-transform: uppercase;
    padding: 11px;
    cursor: pointer;
    transition: background .2s;
}

.fm-ssb-btn:hover {
    background: var(--gl);
}

/* ─────────────────────────────────────────────
   EXPLORE MORE LINKS
   ───────────────────────────────────────────── */
.fm-sw-links {
    display: flex;
    flex-direction: column;
}

.fm-sw-link {
    font-size: 13px;
    color: var(--inkl);
    padding: 9px 0;
    border-bottom: 1px solid var(--line);
    transition: color .18s;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.fm-sw-link:last-child {
    border-bottom: none;
}

.fm-sw-link:hover {
    color: var(--g);
}

.fm-sw-tag {
    font-family: var(--mono);
    font-size: 7.5px;
    letter-spacing: .08em;
    text-transform: uppercase;
    padding: 2px 7px;
    background: var(--gfill);
    border: 1px solid var(--gborder);
    color: var(--gb);
}

/* ─────────────────────────────────────────────
   CTA BAND
   ───────────────────────────────────────────── */
.fm-single-cta-band {
    padding: 80px 60px;
    background: var(--ink);
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: 60px;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.fm-single-cta-band::before {
    content: '✦';
    position: absolute;
    bottom: -80px;
    left: 40px;
    font-size: 280px;
    color: rgba(154,120,48,.04);
    pointer-events: none;
    line-height: 1;
}

.fm-cta-label {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .24em;
    text-transform: uppercase;
    color: var(--gl);
    margin-bottom: 14px;
}

.fm-cta-h {
    font-family: var(--head);
    font-size: clamp(26px, 3.5vw, 44px);
    font-weight: 700;
    letter-spacing: -.03em;
    color: #fff;
    line-height: 1.1;
    margin-bottom: 12px;
}

.fm-cta-h em {
    font-style: normal;
    font-family: var(--serif);
    font-weight: 400;
    color: var(--gl);
}

.fm-cta-p {
    font-size: 14px;
    color: rgba(247,244,239,.42);
    line-height: 1.8;
}

.fm-cta-card {
    background: rgba(247,244,239,.04);
    border: 1px solid rgba(247,244,239,.1);
    padding: 32px 28px;
    position: relative;
    z-index: 1;
}

.fm-cta-stacked {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.fm-cta-a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 18px;
    background: var(--gb);
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    transition: background .2s;
}

.fm-cta-a:hover {
    background: var(--gl);
}

.fm-cta-b {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 18px;
    border: 1px solid rgba(247,244,239,.14);
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: rgba(247,244,239,.5);
    font-weight: 500;
    transition: all .2s;
}

.fm-cta-b:hover {
    border-color: rgba(247,244,239,.3);
    color: rgba(247,244,239,.8);
}

/* ─────────────────────────────────────────────
   ANIMATIONS
   ───────────────────────────────────────────── */
@keyframes fm-fadeUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fm-fade-up {
    animation: fm-fadeUp .7s var(--ease) both;
}

.fm-d1 { animation-delay: .1s; }
.fm-d2 { animation-delay: .2s; }
.fm-d3 { animation-delay: .3s; }

/* ─────────────────────────────────────────────
   RESPONSIVE BREAKPOINTS
   ───────────────────────────────────────────── */
@media (max-width: 1100px) {
    .fm-single-layout {
        grid-template-columns: 1fr;
    }
    .fm-single-cta-band {
        grid-template-columns: 1fr;
    }
    .fm-single-sidebar {
        position: static;
    }
}

@media (max-width: 768px) {
    .fm-single-breadcrumb,
    .fm-single-hero-body,
    .fm-single-layout,
    .fm-single-cta-band {
        padding-left: 24px;
        padding-right: 24px;
    }
    .fm-single-hero {
        min-height: 360px;
    }
    .fm-single-lead {
        font-size: 17px;
    }
}
/* ============================================
FOREMARK MARKET GUIDES - COMPLETE CSS
============================================ */

/* ─────────────────────────────────────────────
   ROOT VARIABLES & RESET
   ───────────────────────────────────────────── */
.fm-guides-breadcrumb,
.fm-guides-hero,
.fm-guides-flagship,
.fm-guides-specialist,
.fm-guides-cta {
    --bg: #f7f4ef;
    --bg1: #efebe3;
    --bg2: #e5dfd5;
    --bg3: #d9d1c4;
    --ink: #131110;
    --ink2: #2a2724;
    --inkl: #5e5a55;
    --inkg: #9b9690;
    --g: #9a7830;
    --gb: #b8922e;
    --gl: #c9a84c;
    --gfill: rgba(154,120,48,.07);
    --gfill2: rgba(154,120,48,.14);
    --gborder: rgba(154,120,48,.22);
    --line: rgba(19,17,16,.09);
    --line2: rgba(19,17,16,.16);
    --line3: rgba(19,17,16,.28);
    --serif: 'Inter Tight', sans-serif;
    --head: 'Inter Tight', sans-serif;
    --sans: 'Inter', sans-serif;
    --mono: 'DM Mono', monospace;
    --ease: cubic-bezier(.4,0,.2,1);
}

.fm-guides-breadcrumb *,
.fm-guides-breadcrumb *::before,
.fm-guides-breadcrumb *::after,
.fm-guides-hero *,
.fm-guides-hero *::before,
.fm-guides-hero *::after,
.fm-guides-flagship *,
.fm-guides-flagship *::before,
.fm-guides-flagship *::after,
.fm-guides-specialist *,
.fm-guides-specialist *::before,
.fm-guides-specialist *::after,
.fm-guides-cta *,
.fm-guides-cta *::before,
.fm-guides-cta *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.fm-guides-breadcrumb,
.fm-guides-hero,
.fm-guides-flagship,
.fm-guides-specialist,
.fm-guides-cta {
    font-family: var(--sans);
    color: var(--ink);
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}

.fm-guides-breadcrumb a,
.fm-guides-hero a,
.fm-guides-flagship a,
.fm-guides-specialist a,
.fm-guides-cta a {
    text-decoration: none;
    
}

.comments-area a, 
.page-content a {
    text-decoration: none !important;
}

/* ─────────────────────────────────────────────
   BREADCRUMB
   ───────────────────────────────────────────── */
.fm-guides-breadcrumb {
    padding: 16px 60px;
    border-bottom: 1px solid var(--line);
    background: var(--bg1);
    display: flex;
    align-items: center;
    gap: 8px;
}

.fm-guides-breadcrumb a,
.fm-guides-breadcrumb span {
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--inkg);
}

.fm-guides-breadcrumb a:hover {
    color: var(--gb);
}

.fm-guides-breadcrumb .sep {
    color: var(--line3);
}

.fm-guides-breadcrumb .current {
    color: var(--gb);
}

/* ─────────────────────────────────────────────
   SECTION LABEL UTILITY
   ───────────────────────────────────────────── */
.fm-guides-hero .section-label,
.fm-guides-flagship .section-label,
.fm-guides-specialist .section-label {
    font-family: var(--mono);
    font-size: 7.5px;
    letter-spacing: .28em;
    font-weight: 500;
    color: var(--gb);
    text-transform: uppercase;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.fm-guides-hero .section-label::before,
.fm-guides-flagship .section-label::before,
.fm-guides-specialist .section-label::before {
    content: '';
    display: block;
    width: 12px;
    height: 1.5px;
    background: var(--gb);
}

/* ─────────────────────────────────────────────
   HERO SECTION
   ───────────────────────────────────────────── */
.fm-guides-hero {
    padding: 80px 60px;
    border-bottom: 1px solid var(--line);
    position: relative;
    overflow: hidden;
}

.fm-guides-hero .hero-bg-text {
    position: absolute;
    bottom: -40px;
    right: -10px;
    font-family: var(--serif);
    font-style: normal;
    font-size: clamp(80px, 14vw, 180px);
    color: rgba(154,120,48,.038);
    pointer-events: none;
    line-height: 1;
}

.fm-guides-hero h1 {
    font-family: var(--head);
    font-size: clamp(44px, 6vw, 78px);
    font-weight: 700;
    letter-spacing: -.03em;
    color: var(--ink);
    line-height: 1.04;
    margin-bottom: 14px;
}

.fm-guides-hero h1 em {
    font-family: var(--serif);
    font-style: normal;
    font-weight: 400;
    color: var(--g);
}

.fm-guides-hero p {
    font-size: 16px;
    color: var(--inkl);
    line-height: 1.8;
    max-width: 560px;
    margin-bottom: 0;
}

/* ─────────────────────────────────────────────
   FLAGSHIP GUIDES SECTION
   ───────────────────────────────────────────── */
.fm-guides-flagship {
    padding: 60px 60px;
}

.fm-guides-flagship .flagship-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-bottom: 60px;
}

.fm-guides-flagship .sector-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

/* Guide Card */
.fm-guides-flagship .guide-card,
.fm-guides-specialist .guide-card {
    border: 1px solid var(--line);
    overflow: hidden;
    transition: all .22s var(--ease);
    background: var(--bg);
}

.fm-guides-flagship .guide-card:hover,
.fm-guides-specialist .guide-card:hover {
    border-color: var(--line2);
    box-shadow: 0 6px 24px rgba(19,17,16,.08);
    transform: translateY(-2px);
}

.fm-guides-flagship .gc-header,
.fm-guides-specialist .gc-header {
    padding: 32px 28px;
    background: var(--ink);
    position: relative;
    overflow: hidden;
}

.fm-guides-flagship .gc-header::before,
.fm-guides-specialist .gc-header::before {
    content: '';
    position: absolute;
    top: -40px;
    right: -40px;
    width: 160px;
    height: 160px;
    border: 36px solid rgba(154,120,48,.07);
    border-radius: 50%;
}

.fm-guides-flagship .gc-flag,
.fm-guides-specialist .gc-flag {
    font-size: 32px;
    margin-bottom: 14px;
    position: relative;
    z-index: 1;
}

.fm-guides-flagship .gc-corridor,
.fm-guides-specialist .gc-corridor {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--gl);
    margin-bottom: 8px;
    position: relative;
    z-index: 1;
}

.fm-guides-flagship .gc-title,
.fm-guides-specialist .gc-title {
    font-family: var(--head);
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -.02em;
    margin-bottom: 6px;
    position: relative;
    z-index: 1;
}

.fm-guides-flagship .gc-edition,
.fm-guides-specialist .gc-edition {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: rgba(247,244,239,.28);
    position: relative;
    z-index: 1;
}

.fm-guides-flagship .gc-body,
.fm-guides-specialist .gc-body {
    padding: 24px 28px;
}

.fm-guides-flagship .gc-includes,
.fm-guides-specialist .gc-includes {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-bottom: 20px;
}

.fm-guides-flagship .gc-include,
.fm-guides-specialist .gc-include {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--inkl);
}

.fm-guides-flagship .gc-include::before,
.fm-guides-specialist .gc-include::before {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--gb);
    flex-shrink: 0;
}

.fm-guides-flagship .gc-cta,
.fm-guides-specialist .gc-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 11px 16px;
    background: var(--ink);
    font-family: var(--mono);
    font-size: 8.5px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #fff;
    transition: background .2s;
}

.fm-guides-flagship .gc-cta:hover,
.fm-guides-specialist .gc-cta:hover {
    background: var(--gb);
}

/* ─────────────────────────────────────────────
   SPECIALIST REPORTS SECTION
   ───────────────────────────────────────────── */
.fm-guides-specialist {
    padding: 0 60px 80px;
    background: var(--bg1);
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
}

.fm-guides-specialist .specialist-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    padding-top: 60px;
}

.fm-guides-specialist .specialist-card {
    padding: 22px 20px;
    border: 1px solid var(--line);
    background: var(--bg);
    transition: background .2s;
}

.fm-guides-specialist .specialist-card:hover {
    background: var(--bg1);
}

.fm-guides-specialist .sp-badge {
    font-family: var(--mono);
    font-size: 7.5px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--gb);
    margin-bottom: 8px;
}

.fm-guides-specialist .sp-title {
    font-family: var(--head);
    font-size: 15px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 6px;
}

.fm-guides-specialist .sp-desc {
    font-size: 12px;
    color: var(--inkl);
    line-height: 1.6;
    margin-bottom: 14px;
}

.fm-guides-specialist .sp-link {
    font-family: var(--mono);
    font-size: 8.5px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--gb);
    display: inline-block;
    transition: gap .2s;
}

.fm-guides-specialist .sp-link:hover {
    transform: translateX(4px);
}

/* ─────────────────────────────────────────────
   CTA SECTION
   ───────────────────────────────────────────── */
.fm-guides-cta {
    padding: 80px 60px;
    background: var(--ink);
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: 60px;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.fm-guides-cta::before {
    content: '✦';
    position: absolute;
    bottom: -80px;
    left: 40px;
    font-size: 280px;
    color: rgba(154,120,48,.04);
    pointer-events: none;
    line-height: 1;
}

.fm-guides-cta .cta-label {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .24em;
    text-transform: uppercase;
    color: var(--gl);
    margin-bottom: 14px;
}

.fm-guides-cta .cta-h {
    font-family: var(--head);
    font-size: clamp(26px, 3.5vw, 44px);
    font-weight: 700;
    letter-spacing: -.03em;
    color: #fff;
    line-height: 1.1;
    margin-bottom: 12px;
}

.fm-guides-cta .cta-h em {
    font-style: normal;
    font-family: var(--serif);
    font-weight: 400;
    color: var(--gl);
}

.fm-guides-cta .cta-p {
    font-size: 14px;
    color: rgba(247,244,239,.42);
    line-height: 1.8;
}

.fm-guides-cta .cta-card {
    background: rgba(247,244,239,.04);
    border: 1px solid rgba(247,244,239,.1);
    padding: 32px 28px;
}

.fm-guides-cta .cta-stacked {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.fm-guides-cta .cta-a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 18px;
    background: var(--gb);
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    transition: background .2s;
}

.fm-guides-cta .cta-a:hover {
    background: var(--gl);
}

.fm-guides-cta .cta-b {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 18px;
    border: 1px solid rgba(247,244,239,.14);
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: rgba(247,244,239,.5);
    font-weight: 500;
    transition: all .2s;
}

.fm-guides-cta .cta-b:hover {
    border-color: rgba(247,244,239,.3);
    color: rgba(247,244,239,.8);
}

/* ─────────────────────────────────────────────
   RESPONSIVE BREAKPOINTS
   ───────────────────────────────────────────── */
@media (max-width: 1024px) {
    .fm-guides-cta {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .fm-guides-breadcrumb {
        padding-left: 24px;
        padding-right: 24px;
    }
    
    .fm-guides-hero {
        padding: 48px 24px;
    }
    
    .fm-guides-flagship {
        padding: 40px 24px;
    }
    
    .fm-guides-specialist {
        padding: 0 24px 60px;
    }
    
    .fm-guides-cta {
        padding: 60px 24px;
    }
    
    .fm-guides-flagship .flagship-grid,
    .fm-guides-flagship .sector-grid,
    .fm-guides-specialist .specialist-grid {
        grid-template-columns: 1fr !important;
    }
    
    .fm-guides-hero h1 {
        font-size: 36px;
    }
    
    .fm-guides-hero p {
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .fm-guides-hero h1 {
        font-size: 28px;
    }
    
    .fm-guides-flagship .gc-header,
    .fm-guides-specialist .gc-header {
        padding: 24px 20px;
    }
    
    .fm-guides-flagship .gc-body,
    .fm-guides-specialist .gc-body {
        padding: 20px;
    }
    
    .fm-guides-flagship .gc-title,
    .fm-guides-specialist .gc-title {
        font-size: 18px;
    }
    
    .fm-guides-specialist .specialist-card {
        padding: 18px 16px;
    }
    
    .fm-guides-cta .cta-h {
        font-size: 22px;
    }
    
    .fm-guides-cta .cta-p {
        font-size: 13px;
    }
}
/* ============================================
FOREMARK GLOBAL CASE STUDIES - COMPLETE CSS
Fully responsive with mobile-first CSS
============================================ */

/* ─────────────────────────────────────────────
   ROOT VARIABLES & RESET
   ───────────────────────────────────────────── */
.forem-case-studies {
    --bg: #f7f4ef;
    --bg1: #efebe3;
    --bg2: #e5dfd5;
    --ink: #131110;
    --ink2: #2a2724;
    --inkl: #5e5a55;
    --inkg: #9b9690;
    --gold: #b8922e;
    --gold-l: #c9a84c;
    --gold-d: #9a7830;
    --gfill: rgba(184,146,46,.08);
    --gborder: rgba(184,146,46,.22);
    --line: rgba(19,17,16,.09);
    --line2: rgba(19,17,16,.16);
    --tight: 'Inter Tight', sans-serif;
    --sans: 'Inter', sans-serif;
    --mono: 'DM Mono', monospace;
    --ease: cubic-bezier(.4,0,.2,1);
    
    font-family: var(--sans);
    background: var(--bg);
    color: var(--ink);
    overflow-x: hidden;
    width: 100%;
}

.forem-case-studies *,
.forem-case-studies *::before,
.forem-case-studies *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.forem-case-studies a {
    text-decoration: none;
    
}

.forem-case-studies ul {
    list-style: none;
}

.forem-case-studies h1,
.forem-case-studies h2,
.forem-case-studies h3 {
    font-family: var(--tight);
    font-style: normal;
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: -.03em;
}

/* ─────────────────────────────────────────────
   HERO - Mobile First
   ───────────────────────────────────────────── */
.forem-hero {
    padding: 48px 24px 40px;
    background: var(--bg);
    border-bottom: 1px solid var(--line);
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
    align-items: end;
    position: relative;
    overflow: hidden;
}

.forem-hero::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: repeating-linear-gradient(0deg, transparent, transparent 64px, rgba(19,17,16,.04) 64px, rgba(19,17,16,.04) 65px);
    pointer-events: none;
}

.forem-hero-tag {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .28em;
    color: var(--gold);
    text-transform: uppercase;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.forem-hero-tag::before {
    content: '';
    display: block;
    width: 20px;
    height: 1.5px;
    background: var(--gold);
}

.forem-hero h1 {
    font-size: clamp(36px, 8vw, 72px);
    color: var(--ink);
    margin-bottom: 16px;
    line-height: 1.08;
}

.forem-hero-sub {
    font-size: 14px;
    color: var(--inkl);
    line-height: 1.65;
    max-width: 100%;
    margin-bottom: 0;
}

.forem-hero-right {
    position: relative;
    z-index: 1;
}

.forem-hero-note {
    border: 1px solid var(--line);
    background: var(--bg1);
    padding: 24px 20px;
}

.forem-hn-icon {
    font-size: 20px;
    margin-bottom: 12px;
    display: block;
}

.forem-hn-title {
    font-family: var(--tight);
    font-size: 15px;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 8px;
}

.forem-hn-desc {
    font-size: 13px;
    color: var(--inkl);
    line-height: 1.65;
}

/* ─────────────────────────────────────────────
   FILTERS - Mobile First
   ───────────────────────────────────────────── */
.forem-filters {
    padding: 16px 24px;
    background: var(--bg1);
    border-bottom: 1px solid var(--line);
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    overflow-x: auto;
    scrollbar-width: none;
}

.forem-filters::-webkit-scrollbar {
    display: none;
}

.forem-filter-label {
    font-family: var(--mono);
    font-size: 7px;
    letter-spacing: .18em;
    color: var(--inkg);
    text-transform: uppercase;
    margin-right: 4px;
    flex-shrink: 0;
}

.forem-filter-btn {
    font-family: var(--mono);
    font-size: 7.5px;
    letter-spacing: .1em;
    color: var(--inkl);
    text-transform: uppercase;
    padding: 6px 12px;
    border: 1px solid var(--line2);
    background: var(--bg);
    cursor: pointer;
    transition: all .2s;
    white-space: nowrap;
    flex-shrink: 0;
}

.forem-filter-btn:hover {
    color: var(--ink);
    border-color: var(--line2);
    background: var(--bg2);
}

.forem-filter-btn.active {
    background: var(--ink);
    color: #fff;
    border-color: var(--ink);
}

/* ─────────────────────────────────────────────
   CASE STUDIES - Mobile First
   ───────────────────────────────────────────── */
.forem-cases {
    padding: 40px 24px;
    border-bottom: 1px solid var(--line);
}

.forem-cases-grid {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 0;
}

.forem-case {
    border: 1px solid var(--line);
    background: var(--bg);
    overflow: hidden;
    transition: border-color .2s;
    position: relative;
}

.forem-case::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--gold);
    opacity: 0;
    transition: opacity .28s;
}

.forem-case:hover {
    border-color: var(--line2);
}

.forem-case:hover::before {
    opacity: 1;
}

.forem-case-inner {
    display: grid;
    grid-template-columns: 1fr;
    transition: background .2s;
}

.forem-case:hover .forem-case-inner {
    background: var(--bg1);
}

.forem-case-left {
    background: var(--ink);
    padding: 24px 20px;
    display: flex;
    flex-direction: column;
}

.forem-cl-flag {
    font-size: 28px;
    margin-bottom: 10px;
    display: block;
}

.forem-cl-corridor {
    font-family: var(--mono);
    font-size: 7px;
    letter-spacing: .18em;
    color: var(--gold);
    text-transform: uppercase;
    margin-bottom: 6px;
}

.forem-cl-sector {
    font-family: var(--tight);
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 6px;
}

.forem-cl-origin {
    font-size: 11px;
    color: rgba(247,244,239,.4);
    margin-bottom: auto;
}

.forem-cl-tag {
    font-family: var(--mono);
    font-size: 7px;
    letter-spacing: .12em;
    border: 1px solid rgba(184,146,46,.3);
    color: var(--gold-l);
    padding: 3px 8px;
    text-transform: uppercase;
    margin-top: 14px;
    width: fit-content;
}

.forem-case-right {
    padding: 24px 20px;
}

.forem-cr-title {
    font-family: var(--tight);
    font-size: 18px;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 10px;
    line-height: 1.25;
    letter-spacing: -.02em;
}

.forem-cr-desc {
    font-size: 13px;
    color: var(--inkl);
    line-height: 1.65;
    margin-bottom: 18px;
}

.forem-cr-outcomes {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    margin-bottom: 18px;
}

.forem-outcome {
    background: var(--bg1);
    padding: 12px 14px;
}

.forem-outcome-n {
    font-family: var(--tight);
    font-size: 20px;
    font-weight: 900;
    color: var(--gold-d);
    letter-spacing: -.03em;
    line-height: 1;
    margin-bottom: 3px;
}

.forem-outcome-l {
    font-family: var(--mono);
    font-size: 7.5px;
    letter-spacing: .1em;
    color: var(--inkg);
    text-transform: uppercase;
    line-height: 1.4;
}

.forem-cr-quote {
    border-left: 3px solid var(--gold);
    padding: 12px 14px;
    background: var(--gfill);
    margin-bottom: 16px;
}

.forem-crq-text {
    font-size: 12.5px;
    color: var(--inkl);
    line-height: 1.6;
    font-style: normal;
}

.forem-crq-attr {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .1em;
    color: var(--inkg);
    margin-top: 6px;
}

.forem-cr-footer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    padding-top: 14px;
    border-top: 1px solid var(--line);
    gap: 12px;
}

.forem-cr-timeline {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .1em;
    color: var(--inkg);
}

.forem-cr-services {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.forem-cr-service {
    font-family: var(--mono);
    font-size: 7px;
    letter-spacing: .1em;
    color: var(--inkl);
    border: 1px solid var(--line2);
    padding: 2px 7px;
    text-transform: uppercase;
}

/* ─────────────────────────────────────────────
   CTA - Mobile First
   ───────────────────────────────────────────── */
.forem-cta {
    padding: 48px 24px;
    background: var(--ink);
    border-top: 1px solid rgba(255,255,255,.06);
}

.forem-cta-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
    align-items: center;
}

.forem-cta-tag {
    font-family: var(--mono);
    font-size: 7px;
    letter-spacing: .28em;
    color: var(--gold);
    text-transform: uppercase;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.forem-cta-tag::before {
    content: '';
    display: block;
    width: 16px;
    height: 1.5px;
    background: var(--gold);
}

.forem-cta-h {
    font-family: var(--tight);
    font-size: clamp(28px, 6vw, 54px);
    font-weight: 800;
    color: #fff;
    line-height: 1.1;
    letter-spacing: -.03em;
    margin-bottom: 16px;
}

.forem-cta-desc {
    font-size: 14px;
    color: rgba(247,244,239,.45);
    line-height: 1.7;
    margin-bottom: 28px;
}

.forem-cta-acts {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.forem-ca-gold {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-family: var(--mono);
    font-size: 9px;
    font-weight: 500;
    letter-spacing: .14em;
    color: var(--ink);
    text-transform: uppercase;
    padding: 14px 24px;
    background: var(--gold);
    transition: background .22s;
    text-align: center;
}

.forem-ca-gold:hover {
    background: var(--gold-l);
}

.forem-ca-ghost {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-family: var(--mono);
    font-size: 9px;
    font-weight: 500;
    letter-spacing: .14em;
    color: rgba(247,244,239,.55) !important;
    text-transform: uppercase;
    padding: 13px 24px;
    border: 1px solid rgba(255,255,255,.15);
    transition: all .22s;
    text-align: center;
}

.forem-ca-ghost:hover {
    color: #fff !important;
    border-color: rgba(255,255,255,.35);
}

.forem-cta-right {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

.forem-cta-stat {
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.07);
    padding: 20px 18px;
}

.forem-cs-n {
    font-family: var(--tight);
    font-size: 32px;
    font-weight: 900;
    color: var(--gold-l);
    letter-spacing: -.04em;
    line-height: 1;
    margin-bottom: 6px;
}

.forem-cs-l {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .12em;
    color: rgba(247,244,239,.3);
    text-transform: uppercase;
    line-height: 1.5;
}

/* ─────────────────────────────────────────────
   RESPONSIVE BREAKPOINTS
   ───────────────────────────────────────────── */

/* LARGE MOBILE - 480px */
@media (min-width: 480px) {
    .forem-hero {
        padding: 56px 28px 44px;
    }
    .forem-hero-sub {
        font-size: 14px;
    }
    .forem-filters {
        padding: 18px 28px;
    }
    .forem-cases {
        padding: 44px 28px;
    }
    .forem-case-left {
        padding: 28px 24px;
    }
    .forem-case-right {
        padding: 28px 24px;
    }
    .forem-cr-title {
        font-size: 19px;
    }
    .forem-cr-outcomes {
        grid-template-columns: repeat(3, 1fr);
    }
    .forem-cta {
        padding: 56px 28px;
    }
    .forem-cta-stat {
        padding: 22px 20px;
    }
}

/* TABLET BREAKPOINT (768px and up) */
@media (min-width: 768px) {
    .forem-hero {
        padding: 60px 40px 50px;
        grid-template-columns: 1fr 1fr;
        gap: 48px;
    }
    .forem-hero h1 {
        font-size: clamp(44px, 5vw, 72px);
        margin-bottom: 20px;
    }
    .forem-hero-sub {
        font-size: 15px;
        max-width: 480px;
    }
    .forem-hero-note {
        padding: 28px 28px;
    }
    
    .forem-filters {
        padding: 20px 40px;
        gap: 10px;
        overflow-x: visible;
        flex-wrap: wrap;
    }
    .forem-filter-label {
        font-size: 8px;
        margin-right: 4px;
    }
    .forem-filter-btn {
        font-size: 8.5px;
        padding: 7px 14px;
    }
    
    .forem-cases {
        padding: 50px 40px;
    }
    .forem-cases-grid {
        gap: 2px;
    }
    .forem-case-inner {
        grid-template-columns: 260px 1fr;
    }
    .forem-case-left {
        padding: 32px 28px;
    }
    .forem-cl-sector {
        font-size: 16px;
    }
    .forem-cl-origin {
        font-size: 12.5px;
    }
    .forem-cl-tag {
        font-size: 8px;
        padding: 3px 9px;
    }
    .forem-case-right {
        padding: 32px 36px;
    }
    .forem-cr-title {
        font-size: 20px;
    }
    .forem-cr-desc {
        font-size: 13.5px;
    }
    .forem-cr-outcomes {
        grid-template-columns: repeat(3, 1fr);
        gap: 2px;
    }
    .forem-outcome {
        padding: 14px 14px;
    }
    .forem-outcome-n {
        font-size: 22px;
    }
    .forem-outcome-l {
        font-size: 8px;
    }
    .forem-cr-footer {
        flex-direction: row;
        align-items: center;
    }
    .forem-cr-timeline {
        font-size: 9px;
    }
    .forem-cr-service {
        font-size: 8px;
        padding: 3px 8px;
    }
    
    .forem-cta {
        padding: 70px 40px;
    }
    .forem-cta-grid {
        grid-template-columns: 1fr 1fr;
        gap: 50px;
    }
    .forem-cta-tag {
        font-size: 8px;
    }
    .forem-cta-h {
        font-size: clamp(36px, 4vw, 54px);
        margin-bottom: 20px;
    }
    .forem-cta-desc {
        font-size: 15px;
        margin-bottom: 36px;
    }
    .forem-cta-acts {
        flex-direction: row;
    }
    .forem-ca-gold,
    .forem-ca-ghost {
        padding: 14px 28px;
        justify-content: flex-start;
    }
    .forem-cta-right {
        grid-template-columns: 1fr 1fr;
        gap: 2px;
    }
    .forem-cta-stat {
        padding: 24px 22px;
    }
    .forem-cs-n {
        font-size: 36px;
    }
    .forem-cs-l {
        font-size: 8.5px;
    }
}

/* DESKTOP BREAKPOINT (1024px and up) */
@media (min-width: 1024px) {
    .forem-hero {
        padding: 88px 60px 72px;
        gap: 72px;
    }
    .forem-filters {
        padding: 24px 60px;
    }
    .forem-cases {
        padding: 72px 60px;
    }
    .forem-cta {
        padding: 88px 60px;
    }
    .forem-cta-grid {
        gap: 72px;
    }
    .forem-cta-stat {
        padding: 28px 24px;
    }
    .forem-cs-n {
        font-size: 38px;
    }
}

/* DESKTOP LARGE - 1080px */
@media (min-width: 1080px) {
    .forem-hero {
        padding: 88px 72px 72px;
        gap: 80px;
    }
    .forem-filters {
        padding: 24px 72px;
    }
    .forem-cases {
        padding: 72px 72px;
    }
    .forem-cta {
        padding: 88px 72px;
    }
    .forem-cta-grid {
        gap: 80px;
    }
    .forem-case-inner {
        grid-template-columns: 280px 1fr;
    }
    .forem-case-right {
        padding: 36px 40px;
    }
}

/* SMALL MOBILE - 360px */
@media (max-width: 360px) {
    .forem-hero {
        padding: 40px 16px 32px;
        gap: 24px;
    }
    .forem-hero h1 {
        font-size: 32px;
    }
    .forem-hero-sub {
        font-size: 13px;
    }
    .forem-filters {
        padding: 14px 16px;
        gap: 6px;
    }
    .forem-cases {
        padding: 32px 16px;
    }
    .forem-case-left,
    .forem-case-right {
        padding: 20px 16px;
    }
    .forem-cr-title {
        font-size: 16px;
    }
    .forem-cr-desc {
        font-size: 12px;
    }
    .forem-outcome {
        padding: 10px 12px;
    }
    .forem-outcome-n {
        font-size: 18px;
    }
    .forem-cta {
        padding: 40px 16px;
    }
    .forem-cta-h {
        font-size: 26px;
    }
}

/* ─────────────────────────────────────────────
   PRINT STYLES
   ───────────────────────────────────────────── */
@media print {
    .forem-filters,
    .forem-cta {
        display: none !important;
    }
    .forem-case {
        break-inside: avoid;
        page-break-inside: avoid;
    }
    .forem-hero {
        background: white !important;
        color: black !important;
    }
    .forem-hero h1,
    .forem-hero h1 em {
        color: black !important;
    }
}
/* ============================================
FOREMARK WEBINARS - COMPLETE CSS
============================================ */

/* ─────────────────────────────────────────────
   ROOT VARIABLES & RESET
   ───────────────────────────────────────────── */
.fw-wrap {
    --bg: #f7f4ef;
    --bg1: #efebe3;
    --bg2: #e5dfd5;
    --ink: #131110;
    --ink2: #2a2724;
    --inkl: #5e5a55;
    --inkg: #9b9690;
    --gold: #b8922e;
    --gold-l: #c9a84c;
    --gold-d: #9a7830;
    --gfill: rgba(184,146,46,.08);
    --gborder: rgba(184,146,46,.22);
    --line: rgba(19,17,16,.09);
    --line2: rgba(19,17,16,.16);
    --tight: 'Inter Tight', sans-serif;
    --sans: 'Inter', sans-serif;
    --mono: 'DM Mono', monospace;
    --ease: cubic-bezier(.4,0,.2,1);
}

.fw-wrap *,
.fw-wrap *::before,
.fw-wrap *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.fw-wrap {
    font-family: var(--sans);
    color: var(--ink);
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}

.fw-wrap a {
    text-decoration: none;
    
}

.fw-wrap ul {
    list-style: none;
}

.fw-wrap h1,
.fw-wrap h2,
.fw-wrap h3 {
    font-family: var(--tight);
    font-style: normal;
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: -.03em;
}

/* ─────────────────────────────────────────────
   BREADCRUMB
   ───────────────────────────────────────────── */
.fw-bc {
    padding: 14px 60px;
    border-bottom: 1px solid var(--line);
    background: var(--bg1);
    display: flex;
    align-items: center;
    gap: 8px;
}

.fw-bc a,
.fw-bc span {
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--inkg);
}

.fw-bc a:hover {
    color: var(--gold);
}

.fw-bc .sep {
    color: var(--line2);
}

.fw-bc .cur {
    color: var(--gold);
}

/* ─────────────────────────────────────────────
   SECTION LABEL UTILITY
   ───────────────────────────────────────────── */
.fw-lbl {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .28em;
    font-weight: 500;
    color: var(--gold);
    text-transform: uppercase;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.fw-lbl::before {
    content: '';
    display: block;
    width: 16px;
    height: 1.5px;
    background: var(--gold);
}

/* ─────────────────────────────────────────────
   HERO SECTION
   ───────────────────────────────────────────── */
.fw-hero {
    background: var(--ink);
    padding: 96px 60px 80px;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid rgba(255,255,255,.06);
}

.fw-hero::before {
    content: 'LIVE';
    font-family: var(--tight);
    font-weight: 900;
    font-size: 360px;
    color: rgba(255,255,255,.02);
    position: absolute;
    right: -20px;
    bottom: -60px;
    line-height: 1;
    letter-spacing: -.06em;
    pointer-events: none;
}

.fw-hero-grid {
    display: grid;
    grid-template-columns: 1fr 420px;
    gap: 72px;
    align-items: center;
    position: relative;
    z-index: 1;
}

.fw-hero-tag {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .28em;
    color: var(--gold);
    text-transform: uppercase;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.fw-hero-tag::before {
    content: '';
    display: block;
    width: 20px;
    height: 1.5px;
    background: var(--gold);
}

.fw-hero h1 {
    font-size: clamp(48px, 5.5vw, 80px);
    color: #fff;
    margin-bottom: 20px;
}

.fw-hero-sub {
    font-size: 16px;
    color: rgba(247,244,239,.5);
    line-height: 1.78;
    max-width: 500px;
    margin-bottom: 40px;
}

.fw-hero-acts {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.fw-ha-gold {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: var(--mono);
    font-size: 9.5px;
    font-weight: 500;
    letter-spacing: .14em;
    color: var(--ink);
    text-transform: uppercase;
    padding: 14px 32px;
    background: var(--gold);
    transition: background .22s;
}

.fw-ha-gold:hover {
    background: var(--gold-l);
}

.fw-ha-ghost {
    font-family: var(--mono);
    font-size: 9.5px;
    font-weight: 500;
    letter-spacing: .14em;
    color: rgba(247,244,239,.55) !important;
    text-transform: uppercase;
    padding: 13px 24px;
    border: 1px solid rgba(255,255,255,.15) !important;
    transition: all .22s;
}

.fw-ha-ghost:hover {
    color: #fff !important;
    border-color: rgba(255,255,255,.35) !important;
}

/* ─────────────────────────────────────────────
   NEXT LIVE CARD
   ───────────────────────────────────────────── */
.fw-nlc {
    border: 1px solid rgba(184,146,46,.3);
    background: rgba(184,146,46,.05);
    overflow: hidden;
}

.fw-nlc-bar {
    background: var(--gold);
    padding: 10px 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.fw-nl-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
    animation: fw-pulse 2s ease-in-out infinite;
}

@keyframes fw-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: .4; }
}

.fw-nl-live {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .22em;
    color: rgba(19,17,16,.8);
    text-transform: uppercase;
    font-weight: 500;
}

.fw-nl-date {
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .1em;
    color: rgba(19,17,16,.6);
    margin-left: auto;
}

.fw-nlc-body {
    padding: 24px 24px 20px;
}

.fw-nl-corridor {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .18em;
    color: var(--gold);
    text-transform: uppercase;
    margin-bottom: 8px;
}

.fw-nl-title {
    font-family: var(--tight);
    font-size: 19px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px;
    line-height: 1.2;
    letter-spacing: -.02em;
}

.fw-nl-host {
    font-size: 13px;
    color: rgba(247,244,239,.45);
    margin-bottom: 16px;
}

.fw-nl-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 18px;
}

.fw-nl-tag {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .1em;
    color: rgba(247,244,239,.5);
    border: 1px solid rgba(255,255,255,.12);
    padding: 3px 9px;
    text-transform: uppercase;
}

.fw-nlc-foot {
    border-top: 1px solid rgba(255,255,255,.07);
    padding: 14px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.fw-nl-spots {
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .1em;
    color: rgba(247,244,239,.35);
}

.fw-nl-btn {
    font-family: var(--mono);
    font-size: 8.5px;
    letter-spacing: .14em;
    color: var(--ink) !important;
    text-transform: uppercase;
    padding: 8px 18px;
    background: var(--gold) !important;
    transition: background .2s;
    border: none !important;
    cursor: pointer;
}

.fw-nl-btn:hover {
    background: var(--gold-l) !important;
}

/* ─────────────────────────────────────────────
   STATS BAR
   ───────────────────────────────────────────── */
.fw-stats {
    background: var(--bg1);
    border-bottom: 1px solid var(--line);
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.fw-stat {
    padding: 26px 32px;
    border-right: 1px solid var(--line);
    text-align: center;
}

.fw-stat:last-child {
    border-right: none;
}

.fw-stat-n {
    font-family: var(--tight);
    font-size: 38px;
    font-weight: 900;
    color: var(--gold-d);
    line-height: 1;
    margin-bottom: 4px;
    letter-spacing: -.04em;
}

.fw-stat-l {
    font-family: var(--mono);
    font-size: 8.5px;
    letter-spacing: .14em;
    color: var(--inkg);
    text-transform: uppercase;
    line-height: 1.5;
}

/* ─────────────────────────────────────────────
   UPCOMING WEBINARS
   ───────────────────────────────────────────── */
.fw-upcoming {
    padding: 88px 60px;
    border-bottom: 1px solid var(--line);
    background: var(--bg);
}

.fw-upcoming h2 {
    font-size: clamp(32px, 3.5vw, 48px);
    font-weight: 800;
    letter-spacing: -.03em;
    color: var(--ink);
}

.fw-wgrid {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-top: 52px;
}

.fw-w {
    border: 1px solid var(--line);
    background: var(--bg);
    display: grid;
    grid-template-columns: 160px 1fr auto;
    transition: border-color .2s, background .2s;
    overflow: hidden;
}

.fw-w:hover {
    background: var(--bg1);
    border-color: var(--line2);
}

.fw-w.featured {
    border-color: var(--gold);
    background: var(--gfill);
}

.fw-wdate {
    background: var(--ink);
    padding: 28px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 4px;
}

.fw-wdate-day {
    font-family: var(--tight);
    font-size: 40px;
    font-weight: 900;
    color: #fff;
    line-height: 1;
    letter-spacing: -.04em;
}

.fw-wdate-mo {
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .18em;
    color: rgba(247,244,239,.4);
    text-transform: uppercase;
}

.fw-wdate-t {
    font-family: var(--mono);
    font-size: 8.5px;
    letter-spacing: .1em;
    color: var(--gold);
    margin-top: 6px;
}

.fw-wbody {
    padding: 24px 28px;
}

.fw-wcorr {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .18em;
    color: var(--gold);
    text-transform: uppercase;
    margin-bottom: 8px;
}

.fw-wtitle {
    font-family: var(--tight);
    font-size: 18px;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 8px;
    line-height: 1.2;
    letter-spacing: -.02em;
}

.fw-wdesc {
    font-size: 13px;
    color: var(--inkl);
    line-height: 1.65;
    margin-bottom: 12px;
}

.fw-whost {
    font-size: 12.5px;
    color: var(--inkg);
}

.fw-whost strong {
    color: var(--inkl);
}

.fw-wacts {
    padding: 24px 28px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 10px;
    border-left: 1px solid var(--line);
    min-width: 180px;
}

.fw-wspots {
    font-family: var(--mono);
    font-size: 8.5px;
    letter-spacing: .1em;
    color: var(--inkg);
    text-align: right;
}

.fw-wreg {
    font-family: var(--mono);
    font-size: 9px;
    font-weight: 500;
    letter-spacing: .14em;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 20px;
    background: var(--ink);
    white-space: nowrap;
    transition: background .22s;
    border: none;
    cursor: pointer;
}

.fw-wreg:hover {
    background: var(--gold);
}

.fw-wprice {
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .1em;
    color: var(--inkg);
}

/* ─────────────────────────────────────────────
   ON DEMAND SECTION
   ───────────────────────────────────────────── */
.fw-demand {
    padding: 88px 60px;
    background: var(--bg1);
    border-bottom: 1px solid var(--line);
}

.fw-demand h2 {
    font-size: clamp(32px, 3.5vw, 48px);
    font-weight: 800;
    letter-spacing: -.03em;
    color: var(--ink);
}

.fw-demand-intro {
    font-size: 15px;
    color: var(--inkl);
    margin-top: 12px;
    margin-bottom: 52px;
}

.fw-dgrid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2px;
    margin-top: 52px;
}

.fw-dcard {
    border: 1px solid var(--line);
    background: var(--bg);
    overflow: hidden;
    transition: border-color .2s;
}

.fw-dcard:hover {
    border-color: var(--line2);
}

.fw-dthumb {
    background: var(--ink2);
    padding: 32px 24px;
    position: relative;
    overflow: hidden;
}

.fw-dthumb::before {
    content: '▶';
    font-size: 32px;
    color: rgba(255,255,255,.1);
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.fw-dtlbl {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .18em;
    color: var(--gold);
    text-transform: uppercase;
    margin-bottom: 8px;
}

.fw-dttitle {
    font-family: var(--tight);
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    line-height: 1.25;
    letter-spacing: -.02em;
}

.fw-dbody {
    padding: 20px 22px;
}

.fw-dmeta {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
}

.fw-dcorr {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .14em;
    color: var(--gold);
    text-transform: uppercase;
}

.fw-ddur {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .1em;
    color: var(--inkg);
}

.fw-dhost {
    font-size: 12px;
    color: var(--inkl);
    margin-bottom: 12px;
}

.fw-dacc {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.fw-dnote {
    font-family: var(--mono);
    font-size: 8.5px;
    letter-spacing: .1em;
    color: var(--inkg);
}

.fw-dwatch {
    font-family: var(--mono);
    font-size: 8.5px;
    letter-spacing: .12em;
    color: var(--gold);
    text-transform: uppercase;
    cursor: pointer;
    transition: color .2s;
}

.fw-dwatch:hover {
    color: var(--gold-l);
}

/* ─────────────────────────────────────────────
   REGISTER SECTION
   ───────────────────────────────────────────── */
.fw-reg {
    padding: 88px 60px;
    background: var(--ink);
    border-bottom: 1px solid rgba(255,255,255,.06);
}

.fw-reg-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: start;
}

.fw-reg-tag {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .28em;
    color: var(--gold);
    text-transform: uppercase;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.fw-reg-tag::before {
    content: '';
    display: block;
    width: 16px;
    height: 1.5px;
    background: var(--gold);
}

.fw-reg h2 {
    font-size: clamp(34px, 4vw, 52px);
    font-weight: 800;
    color: #fff;
    line-height: 1.05;
    letter-spacing: -.03em;
    margin-bottom: 20px;
}

.fw-reg-desc {
    font-size: 15px;
    color: rgba(247,244,239,.45);
    line-height: 1.75;
    margin-bottom: 28px;
}

.fw-reg-feats {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.fw-rf {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    font-size: 13.5px;
    color: rgba(247,244,239,.5);
    line-height: 1.6;
}

.fw-rf::before {
    content: '✓';
    font-family: var(--mono);
    font-size: 10px;
    color: var(--gold);
    flex-shrink: 0;
    margin-top: 2px;
}

.fw-form-box {
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.08);
    padding: 44px 40px;
}

.fw-form-lbl {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .24em;
    color: var(--gold);
    text-transform: uppercase;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.fw-form-lbl::before {
    content: '';
    display: block;
    width: 12px;
    height: 1px;
    background: var(--gold);
}

.fw-form-title {
    font-family: var(--tight);
    font-size: 24px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 6px;
    letter-spacing: -.02em;
}

.fw-form-sub {
    font-size: 13px;
    color: rgba(247,244,239,.35);
    margin-bottom: 28px;
}

.fw-frow {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-bottom: 10px;
}

.fw-ffull {
    margin-bottom: 10px;
}

.fw-fi {
    width: 100%;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.1);
    color: rgba(247,244,239,.85);
    font-family: var(--sans);
    font-size: 13px;
    padding: 12px 14px;
    outline: none;
    transition: border-color .2s;
    -webkit-appearance: none;
    appearance: none;
}

.fw-fi:focus {
    border-color: rgba(184,146,46,.5);
}

.fw-fi::placeholder {
    color: rgba(247,244,239,.22);
}

select.fw-fi option {
    background: var(--ink2);
}

.fw-submit {
    width: 100%;
    font-family: var(--mono);
    font-size: 9.5px;
    font-weight: 500;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: #fff !important;
    background: var(--gold) !important;
    padding: 15px;
    border: none !important;
    cursor: pointer;
    transition: background .22s;
    margin-top: 4px;
}

.fw-submit:hover {
    background: var(--gold-l) !important;
}

.fw-form-note-sm {
    font-family: var(--mono);
    font-size: 8.5px;
    letter-spacing: .06em;
    color: rgba(247,244,239,.2);
    text-align: center;
    margin-top: 10px;
}

/* ─────────────────────────────────────────────
   ALERT MESSAGES
   ───────────────────────────────────────────── */
.fw-success-bar {
    background: rgba(46,204,113,.1);
    border: 1px solid rgba(46,204,113,.25);
    padding: 14px 18px;
    margin-bottom: 16px;
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .1em;
    color: #2ecc71;
    text-transform: uppercase;
}

.fw-error-bar {
    background: rgba(231,76,60,.1);
    border: 1px solid rgba(231,76,60,.25);
    padding: 14px 18px;
    margin-bottom: 16px;
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .1em;
    color: #e74c3c;
    text-transform: uppercase;
}

/* ─────────────────────────────────────────────
   ADMIN TABLE
   ───────────────────────────────────────────── */
.fw-tbl-wrap {
    margin: 0 60px 60px;
    border: 1px solid var(--line);
    overflow-x: auto;
}

.fw-tbl-head {
    background: var(--ink2);
    padding: 16px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.fw-tbl-head h3 {
    font-family: var(--tight);
    font-size: 13px;
    font-weight: 700;
    color: #fff;
}

.fw-tbl-head span {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--gold);
}

.fw-tbl {
    width: 100%;
    border-collapse: collapse;
    background: var(--bg);
    font-size: 12.5px;
}

.fw-tbl th {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--inkg);
    padding: 11px 18px;
    text-align: left;
    border-bottom: 1px solid var(--line);
    background: var(--bg1);
}

.fw-tbl td {
    padding: 12px 18px;
    border-bottom: 1px solid var(--line);
    color: var(--inkl);
    vertical-align: middle;
}

.fw-tbl tr:last-child td {
    border-bottom: none;
}

.fw-tbl tr:hover td {
    background: var(--bg1);
}

.fw-tbl td.nm {
    font-weight: 600;
    color: var(--ink);
    font-size: 13px;
}

.fw-tbl td.wt {
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fw-pill {
    display: inline-block;
    font-family: var(--mono);
    font-size: 7px;
    letter-spacing: .1em;
    text-transform: uppercase;
    padding: 3px 8px;
    border: 1px solid var(--gborder);
    color: var(--gold);
    background: var(--gfill);
}

.fw-tbl-empty {
    padding: 36px;
    text-align: center;
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--inkg);
}

/* ─────────────────────────────────────────────
   NEWSLETTER BAR
   ───────────────────────────────────────────── */
.fw-nl {
    padding: 64px 60px;
    background: var(--ink);
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: 60px;
    align-items: center;
    border-top: 1px solid rgba(255,255,255,.05);
    border-bottom: 1px solid rgba(255,255,255,.05);
}

.fw-nl h3 {
    font-size: clamp(22px, 3vw, 34px);
    font-weight: 800;
    color: #fff;
    margin-bottom: 8px;
    letter-spacing: -.02em;
}

.fw-nl h3 em {
    font-style: italic;
    font-weight: 400;
    color: var(--gold);
}

.fw-nl p {
    font-size: 14px;
    color: rgba(247,244,239,.35);
    line-height: 1.8;
}

.fw-nl-row {
    display: flex;
}

.fw-nl-in {
    flex: 1;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.1);
    border-right: none;
    color: #fff;
    font-family: var(--sans);
    font-size: 13.5px;
    padding: 12px 16px;
    outline: none;
    transition: border-color .25s;
}

.fw-nl-in:focus {
    border-color: var(--gold);
}

.fw-nl-in::placeholder {
    color: rgba(247,244,239,.2);
}

.fw-nl-btn {
    background: var(--gold) !important;
    color: #fff !important;
    border: none !important;
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .14em;
    text-transform: uppercase;
    padding: 12px 20px;
    cursor: pointer;
    transition: background .2s;
    flex-shrink: 0;
}

.fw-nl-btn:hover {
    background: var(--gold-l) !important;
}

.fw-nl-note {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .08em;
    color: rgba(247,244,239,.18);
    margin-top: 8px;
}

.fw-sub-ok {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .08em;
    color: #2ecc71;
    margin-top: 8px;
}

.fw-sub-err {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .08em;
    color: #e74c3c;
    margin-top: 8px;
}

/* ─────────────────────────────────────────────
   RESPONSIVE BREAKPOINTS
   ───────────────────────────────────────────── */
@media (max-width: 1024px) {
    .fw-hero-grid,
    .fw-reg-grid,
    .fw-nl {
        grid-template-columns: 1fr;
    }
    .fw-nlc {
        display: none;
    }
    .fw-dgrid {
        grid-template-columns: 1fr;
    }
    .fw-stats {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .fw-hero,
    .fw-upcoming,
    .fw-demand,
    .fw-reg,
    .fw-nl {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
    .fw-tbl-wrap {
        margin-left: 24px;
        margin-right: 24px;
    }
    .fw-w {
        grid-template-columns: 90px 1fr;
    }
    .fw-wacts {
        display: none;
    }
    .fw-wdate-day {
        font-size: 28px;
    }
    .fw-stat:nth-child(2) {
        border-right: none;
    }
    .fw-bc {
        padding-left: 24px;
        padding-right: 24px;
    }
    .fw-form-box {
        padding: 28px 20px;
    }
    .fw-frow {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .fw-hero h1 {
        font-size: 32px;
    }
    .fw-hero-sub {
        font-size: 14px;
    }
    .fw-hero-acts {
        flex-direction: column;
    }
    .fw-ha-gold,
    .fw-ha-ghost {
        text-align: center;
        justify-content: center;
    }
    .fw-stat {
        padding: 20px 16px;
    }
    .fw-stat-n {
        font-size: 28px;
    }
    .fw-stat-l {
        font-size: 7px;
    }
    .fw-wbody {
        padding: 16px;
    }
    .fw-wtitle {
        font-size: 14px;
    }
    .fw-wdesc {
        font-size: 11px;
    }
}
/* ============================================
FOREMARK REFERRAL PROGRAMME - COMPLETE CSS
============================================ */

/* ─────────────────────────────────────────────
   ROOT VARIABLES & RESET
   ───────────────────────────────────────────── */
.fr-wrap {
    --bg: #f7f4ef;
    --bg1: #efebe3;
    --bg2: #e5dfd5;
    --bg3: #d9d1c4;
    --ink: #131110;
    --ink2: #2a2724;
    --inkl: #5e5a55;
    --inkg: #9b9690;
    --g: #9a7830;
    --gb: #b8922e;
    --gl: #c9a84c;
    --gfill: rgba(154,120,48,.07);
    --gfill2: rgba(154,120,48,.14);
    --gborder: rgba(154,120,48,.22);
    --gborder2: rgba(154,120,48,.42);
    --line: rgba(19,17,16,.09);
    --line2: rgba(19,17,16,.16);
    --line3: rgba(19,17,16,.28);
    --serif: 'Inter Tight', sans-serif;
    --head: 'Inter Tight', sans-serif;
    --sans: 'Inter', sans-serif;
    --mono: 'DM Mono', monospace;
    --ease: cubic-bezier(.4,0,.2,1);
}

.fr-wrap *,
.fr-wrap *::before,
.fr-wrap *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.fr-wrap {
    font-family: var(--sans);
    background: var(--bg);
    color: var(--ink);
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}

.fr-wrap a {
    text-decoration: none;
    
}

.fr-wrap ul {
    list-style: none;
}

/* ─────────────────────────────────────────────
   SECTION LABEL UTILITY
   ───────────────────────────────────────────── */
.fr-wrap .sl {
    font-family: var(--mono);
    font-size: 7.5px;
    letter-spacing: .28em;
    font-weight: 500;
    color: var(--gb);
    text-transform: uppercase;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.fr-wrap .sl::before {
    content: '';
    display: block;
    width: 12px;
    height: 1.5px;
    background: var(--gb);
}

.fr-wrap .sl.light {
    color: var(--gl);
}

.fr-wrap .sl.light::before {
    background: var(--gl);
}

/* ─────────────────────────────────────────────
   BREADCRUMB
   ───────────────────────────────────────────── */
.fr-bc {
    padding: 16px 60px;
    border-bottom: 1px solid var(--line);
    background: var(--bg1);
    display: flex;
    align-items: center;
    gap: 8px;
}

.fr-bc a,
.fr-bc span {
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--inkg);
}

.fr-bc a:hover {
    color: var(--gb);
}

.fr-bc .sep {
    color: var(--line3);
}

.fr-bc .cur {
    color: var(--gb);
}

/* ─────────────────────────────────────────────
   HERO SECTION
   ───────────────────────────────────────────── */
.fr-hero {
    display: grid;
    grid-template-columns: 1fr 480px;
    min-height: 80vh;
    border-bottom: 1px solid var(--line);
}

.fr-hero-content {
    padding: 80px 60px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    overflow: hidden;
}

.fr-hero-watermark {
    position: absolute;
    bottom: -40px;
    left: -10px;
    font-family: var(--serif);
    font-size: clamp(80px, 14vw, 180px);
    color: rgba(154,120,48,.038);
    line-height: 1;
    pointer-events: none;
}

.fr-hero .sl {
    position: relative;
    z-index: 1;
}

.fr-hero-title {
    position: relative;
    z-index: 1;
    font-family: var(--head);
    font-size: clamp(44px, 5.5vw, 76px);
    font-weight: 700;
    line-height: 1.04;
    letter-spacing: -.03em;
    color: var(--ink);
    margin-bottom: 14px;
}

.fr-hero-title em {
    font-family: var(--serif);
    font-style: normal;
    font-weight: 400;
    color: var(--g);
}

.fr-hero-text {
    position: relative;
    z-index: 1;
    font-size: 16px;
    color: var(--inkl);
    line-height: 1.8;
    max-width: 520px;
    margin-bottom: 44px;
}

.fr-hero-actions {
    position: relative;
    z-index: 1;
    display: flex;
}

.fr-hero-btn {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 14px 28px;
    background: var(--ink);
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-family: var(--mono);
    font-size: 9.5px;
    letter-spacing: .14em;
    font-weight: 500;
    transition: .25s ease;
}

.fr-hero-btn:hover {
    background: var(--gb);
}

/* ─────────────────────────────────────────────
   MATHS PANEL
   ───────────────────────────────────────────── */
.fr-maths {
    background: var(--ink2);
    padding: 60px 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-left: 1px solid var(--line);
}

.fr-maths-label {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--gl);
    margin-bottom: 16px;
}

.fr-maths-item {
    padding-bottom: 24px;
}

.fr-maths-divider {
    border-top: 1px solid rgba(247,244,239,.06);
    padding-top: 24px;
}

.fr-maths-title {
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: rgba(247,244,239,.35);
    margin-bottom: 8px;
}

.fr-maths-value {
    font-family: var(--head);
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -.03em;
    line-height: 1;
    margin-bottom: 4px;
}

.fr-gold {
    color: var(--gl);
}

.fr-maths-note {
    font-family: var(--mono);
    font-size: 8.5px;
    letter-spacing: .1em;
    color: rgba(247,244,239,.28);
    text-transform: uppercase;
}

/* ─────────────────────────────────────────────
   HOW IT WORKS SECTION
   ───────────────────────────────────────────── */
.fr-how {
    padding: 80px 60px;
    border-bottom: 1px solid var(--line);
}

.fr-how-title {
    font-family: var(--head);
    font-size: clamp(26px, 3.5vw, 40px);
    font-weight: 700;
    letter-spacing: -.03em;
    color: var(--ink);
    margin-bottom: 48px;
}

.fr-how-title em {
    font-style: normal;
    font-family: var(--serif);
    font-weight: 400;
    color: var(--g);
}

.fr-how-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border: 1px solid var(--line);
}

.fr-how-card {
    padding: 32px 28px;
    border-right: 1px solid var(--line);
}

.fr-how-card:last-child {
    border-right: none;
}

.fr-how-number {
    font-family: var(--head);
    font-size: 52px;
    font-weight: 700;
    letter-spacing: -.04em;
    color: rgba(154,120,48,.15);
    line-height: 1;
    margin-bottom: 16px;
}

.fr-how-card-title {
    font-family: var(--head);
    font-size: 16px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 8px;
}

.fr-how-card-text {
    font-size: 13px;
    color: var(--inkl);
    line-height: 1.65;
}

/* ─────────────────────────────────────────────
   ADVISORS SECTION
   ───────────────────────────────────────────── */
.fr-advisors {
    padding: 80px 60px;
    background: var(--bg1);
    border-bottom: 1px solid var(--line);
}

.fr-advisors-title {
    font-family: var(--head);
    font-size: clamp(26px, 3.5vw, 40px);
    font-weight: 700;
    letter-spacing: -0.03em;
    color: var(--ink);
    margin-bottom: 48px;
}

.fr-advisors-title em {
    font-family: var(--serif);
    font-style: normal;
    font-weight: 400;
    color: var(--g);
}

.fr-advisors-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.fr-advisor-card {
    padding: 28px 24px;
    background: var(--bg);
    border: 1px solid var(--line);
    transition: .25s ease;
}

.fr-advisor-card:hover {
    transform: translateY(-2px);
    border-color: var(--gborder2);
}

.fr-advisor-icon {
    font-size: 28px;
    margin-bottom: 12px;
}

.fr-advisor-name {
    font-family: var(--head);
    font-size: 16px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 6px;
}

.fr-advisor-text {
    font-size: 13px;
    color: var(--inkl);
    line-height: 1.65;
}

/* ─────────────────────────────────────────────
   REGISTRATION SECTION
   ───────────────────────────────────────────── */
.fr-reg {
    padding: 80px 60px;
    border-bottom: 1px solid var(--line);
}

.fr-reg-grid {
    display: grid;
    grid-template-columns: 1fr 480px;
    gap: 80px;
    align-items: start;
}

.fr-reg-heading {
    font-family: var(--head);
    font-size: clamp(26px, 3.5vw, 40px);
    font-weight: 700;
    letter-spacing: -.03em;
    color: var(--ink);
    margin-bottom: 14px;
}

.fr-reg-heading em {
    font-style: normal;
    font-family: var(--serif);
    font-weight: 400;
    color: var(--g);
}

.fr-reg-subtext {
    font-size: 14.5px;
    color: var(--inkl);
    line-height: 1.8;
    margin-bottom: 24px;
}

.fr-reg-agreement-box {
    padding: 28px;
    background: var(--bg1);
    border: 1px solid var(--line);
    margin-bottom: 24px;
}

.fr-reg-agreement-label {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--gb);
    margin-bottom: 12px;
}

.fr-reg-agreement-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 13px;
    color: var(--inkl);
    margin-bottom: 9px;
}

.fr-dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--gb);
    flex-shrink: 0;
    display: block;
    margin-top: 5px;
}

/* Registration Form Card */
.fr-reg-form-card {
    background: var(--ink);
    padding: 48px 40px;
    position: sticky;
    top: 100px;
    overflow: hidden;
}

.fr-reg-form-deco {
    position: absolute;
    top: -40px;
    right: -40px;
    width: 160px;
    height: 160px;
    border: 36px solid rgba(154,120,48,.06);
    border-radius: 50%;
    pointer-events: none;
}

.fr-reg-form-tag {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--gl);
    margin-bottom: 14px;
    position: relative;
    z-index: 1;
}

.fr-reg-form-title {
    font-family: var(--head);
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 6px;
    position: relative;
    z-index: 1;
}

.fr-reg-form-sub {
    font-size: 13px;
    color: rgba(247,244,239,.38);
    line-height: 1.7;
    margin-bottom: 22px;
    position: relative;
    z-index: 1;
}

.fr-reg-field {
    margin-bottom: 12px;
    position: relative;
    z-index: 1;
}

.fr-reg-label {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: rgba(247,244,239,.38);
    display: block;
    margin-bottom: 6px;
}

.fr-reg-input,
.fr-reg-select {
    width: 100%;
    background: rgba(247,244,239,.06);
    border: 1px solid rgba(247,244,239,.12);
    color: #fff;
    font-family: var(--sans);
    font-size: 13.5px;
    padding: 12px 14px;
    outline: none;
    transition: border-color .25s;
    box-sizing: border-box;
}

.fr-reg-select {
    font-size: 13px;
    color: rgba(247,244,239,.6);
}

.fr-reg-input:focus,
.fr-reg-select:focus {
    border-color: rgba(247,244,239,.4);
}

.fr-form-success-msg,
.fr-form-error-msg {
    display: none;
    font-family: var(--mono);
    font-size: 11px;
    letter-spacing: .05em;
    text-align: center;
    margin-bottom: 10px;
}

.fr-form-success-msg {
    color: #6fcf97;
}

.fr-form-error-msg {
    color: #eb5757;
}

.fr-reg-btn {
    width: 100%;
    background: var(--gb) !important;
    color: #fff !important;
    border: none !important;
    font-family: var(--mono);
    font-size: 9.5px!important;
    letter-spacing: .16em!important;
    text-transform: uppercase!important;
    padding: 14px!important;
    cursor: pointer!important;
    transition: background .2s;
    position: relative;
    z-index: 1;
    margin-top: 4px;
}

.fr-reg-btn:hover {
    background: var(--gl) !important;
}

.fr-reg-btn:disabled {
    opacity: 0.7 !important;
    cursor: not-allowed !important;
}

.fr-reg-footnote {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .08em;
    color: rgba(247,244,239,.2);
    margin-top: 12px;
    position: relative;
    z-index: 1;
    text-align: center;
}

/* ─────────────────────────────────────────────
   CTA SECTION
   ───────────────────────────────────────────── */
.fr-cta {
    padding: 80px 60px;
    background: var(--ink);
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: 60px;
    align-items: center;
    position: relative;
    overflow: hidden;
    border-top: 1px solid rgba(247,244,239,.06);
}

.fr-cta-deco {
    position: absolute;
    bottom: -80px;
    left: 40px;
    font-size: 280px;
    color: rgba(154,120,48,.04);
    pointer-events: none;
    line-height: 1;
}

.fr-cta-eyebrow {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .24em;
    text-transform: uppercase;
    color: var(--gl);
    margin-bottom: 14px;
}

.fr-cta-heading {
    font-family: var(--head);
    font-size: clamp(28px, 3.5vw, 46px);
    font-weight: 700;
    letter-spacing: -.03em;
    color: #fff;
    line-height: 1.1;
    margin-bottom: 12px;
}

.fr-cta-heading em {
    font-style: normal;
    font-family: var(--serif);
    font-weight: 400;
    color: var(--gl);
}

.fr-cta-body {
    font-size: 14px;
    color: rgba(247,244,239,.42);
    line-height: 1.8;
}

.fr-cta-right {
    background: rgba(247,244,239,.04);
    border: 1px solid rgba(247,244,239,.1);
    padding: 32px 28px;
}

.fr-cta-btn-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.fr-cta-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .14em;
    text-transform: uppercase;
    font-weight: 500;
    text-decoration: none;
    transition: background .2s, border-color .2s, color .2s;
}

.fr-cta-btn--primary {
    padding: 13px 18px;
    background: var(--gb);
    color: #fff;
}

.fr-cta-btn--primary:hover {
    background: var(--gl);
}

.fr-cta-btn--ghost {
    padding: 12px 18px;
    border: 1px solid rgba(247,244,239,.14);
    color: rgba(247,244,239,.5);
}

.fr-cta-btn--ghost:hover {
    border-color: rgba(247,244,239,.3);
    color: rgba(247,244,239,.8);
}

/* ─────────────────────────────────────────────
   RESPONSIVE BREAKPOINTS
   ───────────────────────────────────────────── */
@media (max-width: 1400px) {
    .fr-hero { grid-template-columns: 1fr 400px; }
    .fr-how { padding: 80px 50px; }
    .fr-advisors { padding: 80px 50px; }
    .fr-reg { padding: 72px 48px; }
    .fr-reg-grid { gap: 60px; grid-template-columns: 1fr 440px; }
    .fr-cta { padding: 72px 48px; }
}

@media (max-width: 1080px) {
    .fr-hero { grid-template-columns: 1fr; }
    .fr-maths { border-left: none; border-top: 1px solid var(--line); }
    .fr-how-grid { grid-template-columns: repeat(2, 1fr); }
    .fr-how-card:nth-child(2) { border-right: none; }
    .fr-advisors-grid { grid-template-columns: repeat(2, 1fr); }
    .fr-reg-grid { grid-template-columns: 1fr 380px; gap: 48px; }
    .fr-reg-form-card { padding: 40px 32px; }
    .fr-cta { grid-template-columns: 1fr 320px; gap: 48px; }
}

@media (max-width: 980px) {
    .fr-how { padding: 70px 40px; }
    .fr-advisors { padding: 70px 40px; }
    .fr-reg { padding: 60px 40px; }
    .fr-reg-grid { grid-template-columns: 1fr; gap: 48px; }
    .fr-reg-form-card { position: static; }
    .fr-cta { grid-template-columns: 1fr; gap: 40px; padding: 60px 40px; }
    .fr-cta-right { max-width: 480px; }
}

@media (max-width: 780px) {
    .fr-hero-content { padding: 60px 40px; }
    .fr-how { padding: 60px 30px; }
    .fr-advisors { padding: 60px 30px; }
    .fr-reg { padding: 48px 28px; }
    .fr-reg-agreement-box { padding: 20px; }
    .fr-reg-form-card { padding: 32px 24px; }
    .fr-cta { padding: 48px 28px; }
    .fr-cta-deco { font-size: 200px; bottom: -60px; }
    .fr-how-title { font-size: 34px; }
    .fr-advisors-title { font-size: 34px; }
}

@media (max-width: 680px) {
    .fr-hero-content { padding: 60px 24px; }
    .fr-maths { padding: 40px 30px; }
    .fr-hero-title { font-size: 42px; }
    .fr-maths-value { font-size: 30px; }
    .fr-how { padding: 60px 24px; }
    .fr-how-grid { grid-template-columns: 1fr; }
    .fr-how-card { border-right: none; border-bottom: 1px solid var(--line); }
    .fr-how-card:last-child { border-bottom: none; }
    .fr-advisors { padding: 60px 24px; }
    .fr-advisors-grid { grid-template-columns: 1fr; }
    .fr-reg { padding: 40px 20px; }
    .fr-reg-btn { font-size: 9px; letter-spacing: .12em; }
    .fr-cta { padding: 40px 20px; }
    .fr-cta-btn { font-size: 8.5px; }
    .fr-cta-right { max-width: 100%; }
}

@media (max-width: 480px) {
    .fr-hero-content { padding: 50px 20px; }
    .fr-hero-title { font-size: 34px; }
    .fr-hero-text { font-size: 14px; }
    .fr-hero-btn { width: 100%; justify-content: center; }
    .fr-maths { padding: 30px 20px; }
    .fr-maths-value { font-size: 28px; }
    .fr-how { padding: 50px 20px; }
    .fr-advisors { padding: 50px 20px; }
    .fr-advisor-card { padding: 24px 20px; }
    .fr-reg-form-card { padding: 28px 18px; }
    .fr-reg-form-title { font-size: 19px; }
    .fr-reg-input, .fr-reg-select { font-size: 13px; padding: 10px 12px; }
    .fr-cta-right { padding: 24px 18px; }
    .fr-cta-deco { font-size: 140px; }
    .fr-how-title { font-size: 30px; }
    .fr-advisors-title { font-size: 30px; }
}

@media (max-width: 360px) {
    .fr-hero-content { padding: 40px 16px; }
    .fr-hero-title { font-size: 28px; }
    .fr-maths { padding: 24px 16px; }
    .fr-maths-value { font-size: 26px; }
    .fr-how { padding: 40px 16px; }
    .fr-advisors { padding: 40px 16px; }
    .fr-advisor-card { padding: 20px 16px; }
    .fr-advisor-icon { font-size: 24px; }
    .fr-reg { padding: 32px 14px; }
    .fr-reg-form-card { padding: 22px 14px; }
    .fr-cta { padding: 32px 14px; }
    .fr-cta-btn { padding: 11px 14px; }
    .fr-how-title { font-size: 26px; }
    .fr-advisors-title { font-size: 26px; }
    .fr-how-number { font-size: 42px; }
    .fr-how-card { padding: 24px 20px; }
}

@media (max-width: 768px) {
    .fr-bc { padding-left: 24px; padding-right: 24px; }
}
/* ============================================
FOREMARK CUSTOM DASHBOARD - COMPLETE CSS
============================================ */

/* ─────────────────────────────────────────────
   MAIN CONTAINER
   ───────────────────────────────────────────── */
.comments-area a, 
.page-content a {
    text-decoration: none !important;
}

.fmk-dashboard-wrap {
    font-family: 'Inter', sans-serif;
    background: #f7f4ef;
    min-height: 100vh;
    padding: 10px 10px;
    color: #141210;
}

.fmk-dash-container {
    margin: 0 auto;
}

/* ─────────────────────────────────────────────
   HEADER SECTION
   ───────────────────────────────────────────── */
.fmk-dash-header {
    display: flex;
    align-items: center;
    gap: 20px;
    background: #141210;
    padding: 28px 32px;
    margin-bottom: 24px;
    flex-wrap: wrap;
}

.fmk-dash-avatar-wrap {
    width: 68px;
    height: 68px;
    border-radius: 50%;
    border: 2px solid #b8922e;
    overflow: hidden;
    flex-shrink: 0;
    background: #2a2520;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fmk-dash-avatar-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.fmk-dash-avatar-initials {
    font-size: 22px;
    font-weight: 700;
    color: #b8922e;
}

.fmk-dash-header h2 {
    font-family: 'Inter Tight', sans-serif;
    font-size: 21px;
    font-weight: 600;
    color: #f7f4ef;
    margin: 0 0 4px;
}

.fmk-dash-header p {
    margin: 0;
    color: rgba(247,244,239,0.50);
    font-size: 13px;
}

.fmk-member-since {
    margin-left: auto;
    font-family: 'DM Mono', monospace;
    font-size: 11px;
    color: #b8922e;
    letter-spacing: .1em;
    text-transform: uppercase;
    white-space: nowrap;
}

/* ─────────────────────────────────────────────
   STATS GRID (4 cards)
   ───────────────────────────────────────────── */
.fmk-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 24px;
}

.fmk-stat-card {
    background: #ffffff;
    border: 1px solid rgba(20,18,16,0.10);
    padding: 20px 22px;
}

.fmk-stat-card .fmk-card-label {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .13em;
    text-transform: uppercase;
    color: #7a7770;
    margin-bottom: 10px;
}

.fmk-stat-card .fmk-value {
    font-size: 20px;
    font-weight: 700;
    color: #141210;
    font-family: 'DM Mono', monospace;
}

.fmk-stat-card .fmk-sub {
    font-size: 11px;
    color: #9b9690;
    margin-top: 6px;
}

/* ─────────────────────────────────────────────
   TWO COLUMN SECTION
   ───────────────────────────────────────────── */
.fmk-two-col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 24px;
}

/* ─────────────────────────────────────────────
   SECTION CARD
   ───────────────────────────────────────────── */
.fmk-section {
    background: #ffffff;
    border: 1px solid rgba(20,18,16,0.10);
    overflow: hidden;
}

.fmk-section-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .13em;
    text-transform: uppercase;
    color: #7a7770;
    padding: 18px 22px 14px;
    border-bottom: 1px solid rgba(20,18,16,0.08);
    margin: 0;
}

/* ─────────────────────────────────────────────
   PROFILE BLOCK
   ───────────────────────────────────────────── */
.fmk-profile-block {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 22px;
}

.fmk-profile-avatar {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 2px solid #b8922e;
    overflow: hidden;
    flex-shrink: 0;
    background: #2a2520;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fmk-profile-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.fmk-profile-avatar .fmk-initials-sm {
    font-size: 16px;
    font-weight: 700;
    color: #b8922e;
}

.fmk-profile-name {
    font-size: 16px;
    font-weight: 600;
    color: #141210;
}

.fmk-profile-email {
    font-size: 12px;
    color: #9b9690;
    margin-top: 2px;
}

.fmk-profile-badge-row {
    margin-top: 8px;
}

.fmk-profile-divider {
    border: none;
    border-top: 1px solid rgba(20,18,16,0.08);
    margin: 0;
}

/* ─────────────────────────────────────────────
   INFO TABLE
   ───────────────────────────────────────────── */
.fmk-info-table {
    width: 100%;
    border-collapse: collapse;
}

.fmk-info-table td {
    padding: 12px 22px;
    font-size: 13px;
    border-bottom: 1px solid rgba(20,18,16,0.06);
    color: #141210;
}

.fmk-info-table td:first-child {
    color: #7a7770;
    width: 160px;
    font-size: 12px;
}

.fmk-info-table tr:last-child td {
    border-bottom: none;
}

.fmk-code {
    font-family: 'DM Mono', monospace;
    background: #f7f4ef;
    padding: 2px 7px;
    border-radius: 4px;
    font-size: 12px;
}

/* ─────────────────────────────────────────────
   STATUS BADGE
   ───────────────────────────────────────────── */
.fmk-status-badge {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 50px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #fff;
}

/* ─────────────────────────────────────────────
   QUICK ACTIONS BUTTONS
   ───────────────────────────────────────────── */
.fmk-dash-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
}

.fmk-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 22px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none !important;
    transition: background .2s, color .2s, border-color .2s;
}

.fmk-btn-primary {
    background: #141210;
    color: #f7f4ef;
}

.fmk-btn-primary:hover {
    background: #b8922e;
    color: #fff;
}

.fmk-btn-outline {
    background: transparent;
    border: 1px solid rgba(20,18,16,0.20);
    color: #141210;
}

.fmk-btn-outline:hover {
    border-color: #b8922e;
    color: #b8922e;
}

/* ─────────────────────────────────────────────
   LOGOUT SECTION
   ───────────────────────────────────────────── */
.fmk-logout-row {
    text-align: right;
    font-size: 13px;
}

.fmk-logout-row a {
    color: #9b9690;
    text-decoration: none !important;
}

.fmk-logout-row a:hover {
    color: #b8922e;
}

/* ─────────────────────────────────────────────
   RESPONSIVE BREAKPOINTS
   ───────────────────────────────────────────── */
@media (max-width: 900px) {
    .fmk-stats-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .fmk-two-col {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 540px) {
    .fmk-stats-grid {
        grid-template-columns: 1fr;
    }
    .fmk-dash-header {
        padding: 20px;
    }
    .fmk-member-since {
        margin-left: 0;
    }
}

/* ============================================
FOREMARK PARTNER PORTAL - COMPLETE CSS
============================================ */

/* ─────────────────────────────────────────────
   ROOT VARIABLES
   ───────────────────────────────────────────── */
.fm-partner-breadcrumb,
.fm-partner-grid {
    --bg: #f7f4ef;
    --bg1: #efebe3;
    --bg2: #e5dfd5;
    --bg3: #d9d1c4;
    --ink: #131110;
    --ink2: #2a2724;
    --inkl: #5e5a55;
    --inkg: #9b9690;
    --g: #9a7830;
    --gb: #b8922e;
    --gl: #c9a84c;
    --gfill: rgba(154,120,48,.07);
    --gfill2: rgba(154,120,48,.14);
    --gborder: rgba(154,120,48,.22);
    --gborder2: rgba(154,120,48,.42);
    --line: rgba(19,17,16,.09);
    --line2: rgba(19,17,16,.16);
    --line3: rgba(19,17,16,.28);
    --serif: 'Inter Tight', sans-serif;
    --head: 'Inter Tight', sans-serif;
    --sans: 'Inter', sans-serif;
    --mono: 'DM Mono', monospace;
    --ease: cubic-bezier(.4,0,.2,1);
}

/* ─────────────────────────────────────────────
   RESET
   ───────────────────────────────────────────── */
.fm-partner-breadcrumb *,
.fm-partner-breadcrumb *::before,
.fm-partner-breadcrumb *::after,
.fm-partner-grid *,
.fm-partner-grid *::before,
.fm-partner-grid *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.fm-partner-breadcrumb,
.fm-partner-grid {
    font-family: var(--sans);
    color: var(--ink);
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}

.fm-partner-breadcrumb a,
.fm-partner-grid a {
    text-decoration: none;
    
}

.comments-area a, 
.page-content a {
    text-decoration: none !important;
}

/* ─────────────────────────────────────────────
   BREADCRUMB
   ───────────────────────────────────────────── */
.fm-partner-breadcrumb {
    padding: 16px 60px;
    border-bottom: 1px solid var(--line);
    background: var(--bg1);
    display: flex;
    align-items: center;
    gap: 8px;
}

.fm-partner-breadcrumb a,
.fm-partner-breadcrumb span {
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--inkg);
}

.fm-partner-breadcrumb a:hover {
    color: var(--gb);
}

.fm-partner-breadcrumb .sep {
    color: var(--line3);
}

.fm-partner-breadcrumb .current {
    color: var(--gb);
}

/* ─────────────────────────────────────────────
   MAIN GRID
   ───────────────────────────────────────────── */
.fm-partner-grid {
    display: grid;
    grid-template-columns: 1fr 480px;
    min-height: calc(100vh - 108px);
}

/* ─────────────────────────────────────────────
   LEFT PANEL
   ───────────────────────────────────────────── */
.fm-partner-left {
    padding: 80px 60px;
    background: var(--ink);
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.fm-deco-circle.top-right {
    position: absolute;
    top: -60px;
    right: -60px;
    width: 280px;
    height: 280px;
    border: 60px solid rgba(154,120,48,.05);
    border-radius: 50%;
    pointer-events: none;
}

.fm-deco-circle.bottom-left {
    position: absolute;
    bottom: -80px;
    left: -80px;
    width: 220px;
    height: 220px;
    border: 44px solid rgba(154,120,48,.04);
    border-radius: 50%;
    pointer-events: none;
}

.fm-portal-tag {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .24em;
    text-transform: uppercase;
    color: var(--gl);
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}

.fm-partner-left h1 {
    font-family: var(--head);
    font-size: clamp(40px, 5vw, 68px);
    font-weight: 700;
    letter-spacing: -.03em;
    color: #fff;
    line-height: 1.04;
    margin-bottom: 16px;
    position: relative;
    z-index: 1;
}

.fm-partner-left h1 em {
    font-family: var(--serif);
    font-style: normal;
    font-weight: 400;
    color: var(--gl);
}

.fm-partner-left p {
    font-size: 15px;
    color: rgba(247,244,239,.42);
    line-height: 1.8;
    max-width: 420px;
    margin-bottom: 48px;
    position: relative;
    z-index: 1;
}

/* Features List */
.fm-features-list {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
}

.fm-feature-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 0;
    border-bottom: 1px solid rgba(247,244,239,.06);
}

.fm-feature-icon {
    width: 36px;
    height: 36px;
    background: rgba(154,120,48,.12);
    border: 1px solid rgba(154,120,48,.2);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
}

.fm-feature-title {
    font-family: var(--head);
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 2px;
}

.fm-feature-desc {
    font-size: 12px;
    color: rgba(247,244,239,.35);
}

/* ─────────────────────────────────────────────
   RIGHT PANEL - LOGIN FORM
   ───────────────────────────────────────────── */
.fm-partner-right {
    padding: 80px 56px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-left: 1px solid var(--line);
}

.fm-login-tag {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--gb);
    margin-bottom: 14px;
}

.fm-login-title {
    font-family: var(--head);
    font-size: 26px;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 6px;
    letter-spacing: -.02em;
}

.fm-login-sub {
    font-size: 13.5px;
    color: var(--inkl);
    margin-bottom: 32px;
    line-height: 1.7;
}

.fm-login-sub a {
    color: var(--gb);
}

.fm-login-sub a:hover {
    text-decoration: underline;
}

/* Form Groups */
.fm-form-group {
    margin-bottom: 16px;
}

.fm-form-group label {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--inkg);
    display: block;
    margin-bottom: 6px;
}

.fm-input {
    width: 100%;
    border: 1px solid var(--line2);
    background: #fff;
    color: var(--ink);
    font-family: var(--sans);
    font-size: 14px;
    padding: 13px 16px;
    outline: none;
    transition: border-color .25s;
}

.fm-input:focus {
    border-color: var(--gb);
}

/* Password Wrapper */
.fm-pw-wrap {
    position: relative;
    display: flex;
    align-items: center;
}

.fm-pw-wrap input {
    width: 100%;
    padding: 13px 44px 13px 16px;
}

.fm-eye-btn {
    position: absolute;
    right: 12px;
    background: none !important;
    border: none;
    cursor: pointer;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--inkg);
    transition: color .2s;
}

.fm-eye-btn:hover {
    color: var(--gb);
}

.fm-eye-btn svg {
    width: 18px;
    height: 18px;
    display: block;
}

/* Messages */
.fm-error-msg {
    display: none;
    background: #f4433610;
    border: 1px solid #f44336;
    color: #c62828;
    padding: 10px 14px;
    margin-bottom: 16px;
    font-size: 12px;
    font-family: var(--mono);
    line-height: 1.5;
}

.fm-success-msg {
    display: none;
    background: #2e7d3210;
    border: 1px solid #2e7d32;
    color: #1b5e20;
    padding: 10px 14px;
    margin-bottom: 16px;
    font-size: 12px;
    font-family: var(--mono);
    line-height: 1.5;
}

/* Sign In Button */
.fm-signin-btn {
    width: 100%;
    background: var(--ink);
    color: #fff;
    border: none;
    font-family: var(--mono);
    font-size: 10px;
    letter-spacing: .16em;
    text-transform: uppercase;
    padding: 14px;
    cursor: pointer;
    transition: background .2s, opacity .2s;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.fm-signin-btn:hover {
    background: var(--gb);
}

.fm-signin-btn:disabled {
    opacity: .55;
    cursor: not-allowed;
}

/* Spinner */
.fm-spinner {
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255,255,255,.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: fm-spin .7s linear infinite;
    display: none;
}

@keyframes fm-spin {
    to { transform: rotate(360deg); }
}

/* Login Links */
.fm-login-links {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
}

.fm-forgot-link,
.fm-partner-link {
    font-family: var(--mono);
    font-size: 8.5px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--inkg);
    transition: color .18s;
}

.fm-forgot-link:hover,
.fm-partner-link:hover {
    color: var(--gb);
}

/* Info Box */
.fm-info-box {
    margin-top: 40px;
    padding: 20px;
    background: var(--bg1);
    border: 1px solid var(--line);
}

.fm-info-title {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--gb);
    margin-bottom: 8px;
}

.fm-info-desc {
    font-size: 13px;
    color: var(--inkl);
    line-height: 1.65;
    margin-bottom: 12px;
}

.fm-info-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--gb);
    transition: gap .2s;
}

.fm-info-link:hover {
    gap: 11px;
}

/* ─────────────────────────────────────────────
   RESPONSIVE
   ───────────────────────────────────────────── */
@media (max-width: 1100px) {
    .fm-partner-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 768px) {
    .fm-partner-breadcrumb {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
    
    .fm-partner-left {
        padding: 60px 24px !important;
    }
    
    .fm-partner-right {
        padding: 60px 24px !important;
    }
}

@media (max-width: 480px) {
    .fm-partner-left h1 {
        font-size: 32px;
    }
    
    .fm-login-title {
        font-size: 22px;
    }
    
    .fm-login-sub {
        font-size: 12px;
    }
    
    .fm-feature-item {
        gap: 10px;
        padding: 12px 0;
    }
    
    .fm-feature-icon {
        width: 30px;
        height: 30px;
        font-size: 14px;
    }
    
    .fm-feature-title {
        font-size: 13px;
    }
    
    .fm-feature-desc {
        font-size: 11px;
    }
}
/* ============================================
FOREMARK GOVERNANCE & ETHICS - COMPLETE CSS
============================================ */

/* Font Import */
@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter+Tight:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&family=DM+Mono:wght@300;400;500&display=swap');

/* Root Variables */
.foremark-gov-container {
    --bg: #f7f4ef;
    --bg1: #efebe3;
    --bg2: #e5dfd5;
    --ink: #131110;
    --ink2: #2a2724;
    --inkl: #5e5a55;
    --inkg: #9b9690;
    --g: #9a7830;
    --gb: #b8922e;
    --gl: #c9a84c;
    --gfill: rgba(154,120,48,.07);
    --gborder: rgba(154,120,48,.22);
    --line: rgba(19,17,16,.09);
    --line2: rgba(19,17,16,.16);
    --line3: rgba(19,17,16,.28);
    --serif: 'Inter Tight', sans-serif;
    --head: 'Inter Tight', sans-serif;
    --sans: 'Inter', sans-serif;
    --mono: 'DM Mono', monospace;
    --ease: cubic-bezier(.4,0,.2,1);
}

.foremark-gov-container {
    font-family: var(--sans);
    background: var(--bg);
    color: var(--ink);
    max-width: 100%;
    overflow-x: hidden;
}

/* Reset */
.foremark-gov-container *,
.foremark-gov-container *::before,
.foremark-gov-container *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.foremark-gov-container a {
    text-decoration: none;
    
}

/* Section Labels */
.foremark-gov-container .sl {
    font-family: var(--mono);
    font-size: 7.5px;
    letter-spacing: .28em;
    font-weight: 500;
    color: var(--gb);
    text-transform: uppercase;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.foremark-gov-container .sl::before {
    content: '';
    display: block;
    width: 12px;
    height: 1.5px;
    background: var(--gb);
}

.foremark-gov-container .sl.lt {
    color: var(--gl);
}

.foremark-gov-container .sl.lt::before {
    background: var(--gl);
}

/* Section Headings */
.foremark-gov-container .sh {
    font-family: var(--head);
    font-size: clamp(28px, 3.5vw, 46px);
    font-weight: 700;
    letter-spacing: -.03em;
    color: var(--ink);
    line-height: 1.1;
    margin-bottom: 14px;
}

.foremark-gov-container .sh em {
    font-style: normal;
    font-family: var(--serif);
    font-weight: 400;
    color: var(--g);
}

.foremark-gov-container .sh.lt {
    color: #fff;
}

.foremark-gov-container .sh.lt em {
    color: var(--gl);
}

/* Section Intros */
.foremark-gov-container .section-intro {
    font-size: 15px;
    color: var(--inkl);
    line-height: 1.8;
    margin-bottom: 40px;
    max-width: 640px;
}

.foremark-gov-container .section-intro-light {
    font-size: 15px;
    color: rgba(247,244,239,.45);
    line-height: 1.8;
    margin-bottom: 24px;
    max-width: 640px;
}

/* Hero Section */
.foremark-gov-container .hero-simple {
    background: var(--ink);
    padding: 100px 60px 80px;
    border-bottom: 1px solid rgba(247,244,239,.08);
    position: relative;
    overflow: hidden;
}

.foremark-gov-container .hero-simple::before {
    content: '';
    position: absolute;
    inset: 0;
    background: repeating-linear-gradient(90deg, transparent, transparent 90px, rgba(255,255,255,.015) 90px, rgba(255,255,255,.015) 91px);
    pointer-events: none;
}

.foremark-gov-container .hero-simple-inner {
    position: relative;
    z-index: 1;
    max-width: 780px;
}

.foremark-gov-container .hero-ey {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .28em;
    color: var(--gb);
    text-transform: uppercase;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.foremark-gov-container .hero-ey::before {
    content: '';
    display: block;
    width: 20px;
    height: 1.5px;
    background: var(--gb);
}

.foremark-gov-container .hero-simple h1 {
    font-family: var(--head);
    font-size: clamp(42px, 5.5vw, 76px);
    font-weight: 700;
    color: #fff;
    line-height: 1.03;
    letter-spacing: -.03em;
    margin-bottom: 28px;
}

.foremark-gov-container .hero-simple h1 em {
    font-style: normal;
    font-family: var(--serif);
    font-weight: 400;
    color: var(--gl);
}

.foremark-gov-container .hero-sub {
    font-size: 16px;
    color: rgba(247,244,239,.52);
    line-height: 1.8;
    max-width: 620px;
    margin-bottom: 44px;
}

.foremark-gov-container .hero-acts {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.foremark-gov-container .hbp {
    display: flex;
    align-items: center;
    gap: 9px;
    font-family: var(--mono);
    font-size: 9px;
    font-weight: 500;
    letter-spacing: .16em;
    color: #fff;
    text-transform: uppercase;
    padding: 13px 28px;
    background: var(--gb);
    transition: background .2s;
}

.foremark-gov-container .hbp:hover {
    background: var(--gl);
}

.foremark-gov-container .hbs {
    font-family: var(--mono);
    font-size: 9px;
    font-weight: 500;
    letter-spacing: .14em;
    color: rgba(247,244,239,.6);
    text-transform: uppercase;
    padding: 12px 22px;
    border: 1px solid rgba(247,244,239,.15);
    transition: all .2s;
}

.foremark-gov-container .hbs:hover {
    border-color: rgba(247,244,239,.3);
    color: #fff;
}

/* Section Containers */
.foremark-gov-container .gov-section-standards,
.foremark-gov-container .gov-section-policies,
.foremark-gov-container .gov-section-data,
.foremark-gov-container .gov-section-contact {
    padding: 80px 60px;
    border-bottom: 1px solid var(--line);
}

.foremark-gov-container .gov-section-standards {
    background: var(--bg);
}

.foremark-gov-container .gov-section-policies {
    background: var(--bg1);
}

.foremark-gov-container .gov-section-data {
    background: var(--ink);
}

.foremark-gov-container .gov-section-contact {
    background: var(--bg);
}

/* Three Column Grid */
.foremark-gov-container .three-col {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

/* Model Cards (Standards) */
.foremark-gov-container .mc {
    border: 1px solid var(--line);
    background: var(--bg);
    padding: 36px 32px;
    position: relative;
    overflow: hidden;
    transition: border-color .2s, background .2s;
}

.foremark-gov-container .mc:hover {
    background: var(--bg1);
    border-color: var(--line2);
}

.foremark-gov-container .mc::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--g), var(--gl));
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .35s var(--ease);
}

.foremark-gov-container .mc:hover::after {
    transform: scaleX(1);
}

.foremark-gov-container .mc-icon {
    font-size: 26px;
    display: block;
    margin-bottom: 16px;
}

.foremark-gov-container .mc-title {
    font-family: var(--head);
    font-size: 18px;
    font-weight: 700;
    color: var(--ink);
    letter-spacing: -.02em;
    margin-bottom: 10px;
}

.foremark-gov-container .mc-desc {
    font-size: 13.5px;
    color: var(--inkl);
    line-height: 1.72;
}

/* Policy Cards */
.foremark-gov-container .policy-card {
    padding: 28px 24px;
    background: var(--bg);
    border: 1px solid var(--line);
    transition: background .2s, border-color .2s;
}

.foremark-gov-container .policy-card:hover {
    background: var(--bg1);
    border-color: var(--line2);
}

.foremark-gov-container .policy-icon {
    font-size: 24px;
    display: block;
    margin-bottom: 12px;
}

.foremark-gov-container .policy-title {
    font-family: var(--head);
    font-size: 15px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 7px;
}

.foremark-gov-container .policy-desc {
    font-size: 13px;
    color: var(--inkl);
    line-height: 1.65;
    margin-bottom: 14px;
}

.foremark-gov-container .policy-link {
    font-family: var(--mono);
    font-size: 8.5px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--gb);
}

.foremark-gov-container .policy-link:hover {
    text-decoration: underline;
}

/* Data List */
.foremark-gov-container .data-list {
    max-width: 760px;
}

.foremark-gov-container .data-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 12px;
    font-size: 14px;
    color: rgba(247,244,239,.55);
}

.foremark-gov-container .data-dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--gb);
    flex-shrink: 0;
    display: block;
    margin-top: 6px;
}

/* Two Column Layout */
.foremark-gov-container .two-col {
    display: grid;
    grid-template-columns: 420px 1fr;
    gap: 72px;
    align-items: start;
}

/* Contact Section */
.foremark-gov-container .contact-intro {
    font-size: 15px;
    color: var(--inkl);
    line-height: 1.8;
    margin-bottom: 20px;
    max-width: 520px;
}

.foremark-gov-container .contact-email {
    font-size: 14px;
    color: var(--inkl);
    line-height: 1.8;
}

.foremark-gov-container .contact-email strong a {
    color: var(--gb);
}

.foremark-gov-container .contact-email strong a:hover {
    text-decoration: underline;
}

/* Compliance Card */
.foremark-gov-container .compliance-card {
    background: var(--bg1);
    border: 1px solid var(--line);
    padding: 36px 32px;
}

.foremark-gov-container .compliance-label {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--gb);
    margin-bottom: 12px;
}

.foremark-gov-container .compliance-title {
    font-family: var(--head);
    font-size: 16px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 10px;
}

.foremark-gov-container .compliance-desc {
    font-size: 13px;
    color: var(--inkl);
    line-height: 1.8;
}

/* Responsive Breakpoints */
@media (max-width: 1100px) {
    .foremark-gov-container .three-col {
        grid-template-columns: 1fr 1fr;
    }
    .foremark-gov-container .two-col {
        grid-template-columns: 1fr;
        gap: 40px;
    }
}

@media (max-width: 900px) {
    .foremark-gov-container .hero-simple {
        padding: 60px 40px;
    }
    .foremark-gov-container .gov-section-standards,
    .foremark-gov-container .gov-section-policies,
    .foremark-gov-container .gov-section-data,
    .foremark-gov-container .gov-section-contact {
        padding: 48px 24px;
    }
}

@media (max-width: 768px) {
    .foremark-gov-container .three-col {
        grid-template-columns: 1fr;
    }
    .foremark-gov-container .hero-simple {
        padding: 48px 24px !important;
    }
    .foremark-gov-container .mc {
        padding: 24px 20px;
    }
    .foremark-gov-container .gov-section-standards,
    .foremark-gov-container .gov-section-policies,
    .foremark-gov-container .gov-section-data,
    .foremark-gov-container .gov-section-contact {
        padding: 48px 24px !important;
    }
    .foremark-gov-container .hero-sub {
        font-size: 14px;
    }
    .foremark-gov-container .hero-acts {
        flex-direction: column;
        align-items: flex-start;
    }
    .foremark-gov-container .hbp,
    .foremark-gov-container .hbs {
        text-align: center;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .foremark-gov-container .hero-simple h1 {
        font-size: 32px;
    }
    .foremark-gov-container .sh {
        font-size: 24px;
    }
    .foremark-gov-container .compliance-card {
        padding: 24px 20px;
    }
}
/* ============================================
FOREMARK PRESS & MEDIA PAGE - COMPLETE CSS
============================================ */
/* Root Variables */
.foremark-press-container {
    --bg: #f7f4ef;
    --bg1: #efebe3;
    --bg2: #e5dfd5;
    --ink: #131110;
    --ink2: #2a2724;
    --inkl: #5e5a55;
    --inkg: #9b9690;
    --g: #9a7830;
    --gb: #b8922e;
    --gl: #c9a84c;
    --gfill: rgba(154,120,48,.07);
    --gborder: rgba(154,120,48,.22);
    --line: rgba(19,17,16,.09);
    --line2: rgba(19,17,16,.16);
    --line3: rgba(19,17,16,.28);
    --serif: 'Inter Tight', sans-serif;
    --head: 'Inter Tight', sans-serif;
    --sans: 'Inter', sans-serif;
    --mono: 'DM Mono', monospace;
    --ease: cubic-bezier(.4,0,.2,1);
}

.foremark-press-container {
    font-family: var(--sans);
    background: var(--bg);
    color: var(--ink);
    max-width: 100%;
    overflow-x: hidden;
}

/* Reset */
.foremark-press-container *,
.foremark-press-container *::before,
.foremark-press-container *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.foremark-press-container a {
    text-decoration: none;
    
}

/* Section Labels */
.foremark-press-container .sl {
    font-family: var(--mono);
    font-size: 7.5px;
    letter-spacing: .28em;
    font-weight: 500;
    color: var(--gb);
    text-transform: uppercase;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.foremark-press-container .sl::before {
    content: '';
    display: block;
    width: 12px;
    height: 1.5px;
    background: var(--gb);
}

.foremark-press-container .sl.lt {
    color: var(--gl);
}

.foremark-press-container .sl.lt::before {
    background: var(--gl);
}

/* Section Headings */
.foremark-press-container .sh {
    font-family: var(--head);
    font-size: clamp(28px, 3.5vw, 46px);
    font-weight: 700;
    letter-spacing: -.03em;
    color: var(--ink);
    line-height: 1.1;
    margin-bottom: 14px;
}

.foremark-press-container .sh em {
    font-style: normal;
    font-family: var(--serif);
    font-weight: 400;
    color: var(--g);
}

.foremark-press-container .sh.lt {
    color: #fff;
}

.foremark-press-container .sh.lt em {
    color: var(--gl);
}

/* Hero Section */
.foremark-press-container .press-hero-simple {
    background: var(--ink);
    padding: 100px 60px 80px;
    border-bottom: 1px solid rgba(247,244,239,.08);
    position: relative;
    overflow: hidden;
}

.foremark-press-container .press-hero-simple::before {
    content: '';
    position: absolute;
    inset: 0;
    background: repeating-linear-gradient(90deg, transparent, transparent 90px, rgba(255,255,255,.015) 90px, rgba(255,255,255,.015) 91px);
    pointer-events: none;
}

.foremark-press-container .press-hero-simple-inner {
    position: relative;
    z-index: 1;
    max-width: 780px;
}

.foremark-press-container .press-hero-ey {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .28em;
    color: var(--gb);
    text-transform: uppercase;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.foremark-press-container .press-hero-ey::before {
    content: '';
    display: block;
    width: 20px;
    height: 1.5px;
    background: var(--gb);
}

.foremark-press-container .press-hero-simple h1 {
    font-family: var(--head);
    font-size: clamp(42px, 5.5vw, 76px);
    font-weight: 700;
    color: #fff;
    line-height: 1.03;
    letter-spacing: -.03em;
    margin-bottom: 28px;
}

.foremark-press-container .press-hero-simple h1 em {
    font-style: normal;
    font-family: var(--serif);
    font-weight: 400;
    color: var(--gl);
}

.foremark-press-container .press-hero-sub {
    font-size: 16px;
    color: rgba(247,244,239,.52);
    line-height: 1.8;
    max-width: 620px;
    margin-bottom: 44px;
}

.foremark-press-container .press-hero-acts {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.foremark-press-container .press-hbp {
    display: flex;
    align-items: center;
    gap: 9px;
    font-family: var(--mono);
    font-size: 9px;
    font-weight: 500;
    letter-spacing: .16em;
    color: #fff;
    text-transform: uppercase;
    padding: 13px 28px;
    background: var(--gb);
    transition: background .2s;
}

.foremark-press-container .press-hbp:hover {
    background: var(--gl);
}

.foremark-press-container .press-hbs {
    font-family: var(--mono);
    font-size: 9px;
    font-weight: 500;
    letter-spacing: .14em;
    color: rgba(247,244,239,.6);
    text-transform: uppercase;
    padding: 12px 22px;
    border: 1px solid rgba(247,244,239,.15);
    transition: all .2s;
}

.foremark-press-container .press-hbs:hover {
    border-color: rgba(247,244,239,.3);
    color: #fff;
}

/* Boilerplate Section */
.foremark-press-container .press-boilerplate {
    padding: 80px 60px;
    background: var(--bg1);
    border-bottom: 1px solid var(--line);
}

.foremark-press-container .press-boilerplate-intro {
    font-size: 15px;
    color: var(--inkl);
    line-height: 1.8;
    margin-bottom: 32px;
    max-width: 640px;
}

.foremark-press-container .press-email-link {
    color: var(--gb);
}

.foremark-press-container .press-email-link:hover {
    text-decoration: underline;
}

.foremark-press-container .press-boilerplate-box {
    background: var(--bg);
    border: 1px solid var(--line);
    padding: 36px 40px;
    max-width: 760px;
}

.foremark-press-container .press-boilerplate-label {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--gb);
    margin-bottom: 14px;
}

.foremark-press-container .press-boilerplate-text {
    font-size: 14px;
    color: var(--ink);
    line-height: 1.8;
    margin-bottom: 28px;
}

.foremark-press-container .press-boilerplate-text:last-child {
    margin-bottom: 0;
}

/* Key Facts Section */
.foremark-press-container .press-keyfacts {
    padding: 80px 60px;
    background: var(--bg);
    border-bottom: 1px solid var(--line);
}

.foremark-press-container .press-keyfacts-accent {
    color: var(--g);
    font-style: normal;
}

.foremark-press-container .press-keyfacts-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    border: 1px solid var(--line);
    margin-top: 40px;
}

.foremark-press-container .press-keyfact-card {
    padding: 32px 28px;
    border-right: 1px solid var(--line);
}

.foremark-press-container .press-last-card {
    border-right: none;
}

.foremark-press-container .press-keyfact-number {
    font-family: var(--head);
    font-size: 44px;
    font-weight: 700;
    color: var(--g);
    letter-spacing: -0.04em;
    line-height: 1;
    margin-bottom: 8px;
}

.foremark-press-container .press-keyfact-text {
    font-family: var(--mono);
    font-size: 8.5px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--inkg);
    line-height: 1.65;
}

/* Spokespeople Section */
.foremark-press-container .press-spokespeople {
    padding: 80px 60px;
    background: var(--ink);
    border-bottom: 1px solid var(--line);
}

.foremark-press-container .press-spokespeople-intro {
    font-size: 15px;
    color: rgba(247,244,239,.45);
    line-height: 1.8;
    margin-bottom: 40px;
    max-width: 640px;
}

.foremark-press-container .press-email-link-gold {
    color: var(--gl);
}

.foremark-press-container .press-email-link-gold:hover {
    text-decoration: underline;
}

/* Three Column Grid */
.foremark-press-container .press-three-col {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

/* Leader Cards (Dark) */
.foremark-press-container .press-lc {
    border: 1px solid rgba(247,244,239,.08);
    background: rgba(247,244,239,.02);
    padding: 32px 28px;
    transition: background .2s, border-color .2s;
}

.foremark-press-container .press-lc:hover {
    background: rgba(247,244,239,.05);
    border-color: rgba(247,244,239,.14);
}

.foremark-press-container .press-lc-av {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: var(--gb);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--head);
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
}

.foremark-press-container .press-lc-name {
    font-family: var(--head);
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 3px;
}

.foremark-press-container .press-lc-role {
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .14em;
    color: var(--gb);
    text-transform: uppercase;
    margin-bottom: 12px;
}

.foremark-press-container .press-lc-bio {
    font-size: 13px;
    color: rgba(247,244,239,.42);
    line-height: 1.7;
    margin-bottom: 12px;
}

.foremark-press-container .press-lc-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.foremark-press-container .press-lc-tag {
    font-family: var(--mono);
    font-size: 7.5px;
    letter-spacing: .1em;
    color: rgba(247,244,239,.35);
    border: 1px solid rgba(247,244,239,.1);
    padding: 3px 9px;
    text-transform: uppercase;
    display: inline-block;
}

/* Press Kit Section */
.foremark-press-container .press-presskit {
    padding: 80px 60px;
    background: var(--bg);
    border-bottom: 1px solid var(--line);
}

.foremark-press-container .press-presskit-intro {
    font-size: 15px;
    color: var(--inkl);
    line-height: 1.8;
    margin-bottom: 40px;
    max-width: 640px;
}

/* Asset Cards */
.foremark-press-container .press-asset-card {
    padding: 28px 24px;
    background: var(--bg);
    border: 1px solid var(--line);
    transition: background .2s, border-color .2s;
}

.foremark-press-container .press-asset-card:hover {
    background: var(--bg1);
    border-color: var(--line2);
}

.foremark-press-container .press-asset-icon {
    font-size: 24px;
    display: block;
    margin-bottom: 12px;
}

.foremark-press-container .press-asset-title {
    font-family: var(--head);
    font-size: 15px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 7px;
}

.foremark-press-container .press-asset-desc {
    font-size: 13px;
    color: var(--inkl);
    line-height: 1.65;
    margin-bottom: 14px;
}

.foremark-press-container .press-asset-link {
    font-family: var(--mono);
    font-size: 8.5px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--gb);
}

.foremark-press-container .press-asset-link:hover {
    text-decoration: underline;
}

/* Responsive Breakpoints */
@media (max-width: 1400px) {
    .foremark-press-container .press-keyfacts {
        padding: 80px 50px;
    }
}

@media (max-width: 1100px) {
    .foremark-press-container .press-three-col {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 1080px) {
    .foremark-press-container .press-keyfacts-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .foremark-press-container .press-keyfact-card:nth-child(2) {
        border-right: none;
    }
}

@media (max-width: 980px) {
    .foremark-press-container .press-keyfacts {
        padding: 70px 40px;
    }
    .foremark-press-container .press-boilerplate,
    .foremark-press-container .press-spokespeople,
    .foremark-press-container .press-presskit {
        padding: 60px 40px;
    }
}

@media (max-width: 900px) {
    .foremark-press-container .press-hero-simple {
        padding: 60px 40px;
    }
}

@media (max-width: 780px) {
    .foremark-press-container .press-keyfact-number {
        font-size: 38px;
    }
}

@media (max-width: 768px) {
    .foremark-press-container .press-hero-simple {
        padding: 48px 24px !important;
    }
    .foremark-press-container .press-boilerplate,
    .foremark-press-container .press-keyfacts,
    .foremark-press-container .press-spokespeople,
    .foremark-press-container .press-presskit {
        padding: 48px 24px !important;
    }
    .foremark-press-container .press-three-col {
        grid-template-columns: 1fr;
    }
    .foremark-press-container .press-lc {
        padding: 24px 20px;
    }
    .foremark-press-container .press-boilerplate-box {
        padding: 24px 20px;
    }
}

@media (max-width: 680px) {
    .foremark-press-container .press-keyfacts {
        padding: 60px 24px;
    }
    .foremark-press-container .press-keyfacts-grid {
        grid-template-columns: 1fr;
    }
    .foremark-press-container .press-keyfact-card {
        border-right: none;
        border-bottom: 1px solid var(--line);
    }
    .foremark-press-container .press-keyfact-card:last-child {
        border-bottom: none;
    }
    .foremark-press-container .press-hero-acts {
        flex-direction: column;
    }
    .foremark-press-container .press-hbp,
    .foremark-press-container .press-hbs {
        text-align: center;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .foremark-press-container .press-keyfacts {
        padding: 50px 20px;
    }
    .foremark-press-container .press-keyfact-card {
        padding: 24px 20px;
    }
    .foremark-press-container .press-keyfact-number {
        font-size: 32px;
    }
    .foremark-press-container .press-hero-simple h1 {
        font-size: 36px;
    }
    .foremark-press-container .press-hero-sub {
        font-size: 14px;
    }
    .foremark-press-container .sh {
        font-size: 28px;
    }
}

@media (max-width: 360px) {
    .foremark-press-container .press-keyfacts {
        padding: 40px 16px;
    }
    .foremark-press-container .press-keyfact-card {
        padding: 20px 16px;
    }
    .foremark-press-container .press-keyfact-number {
        font-size: 28px;
    }
}
/* ============================================
FOREMARK GLOBAL Process Page - 100% FULLY RESPONSIVE
Mobile First - Tablet - Desktop - All Screens
============================================ */

/* CSS Variables */
.foremark-process-container {
    --bg: #f7f4ef;
    --bg1: #efebe3;
    --bg2: #e5dfd5;
    --bg3: #d9d1c4;
    --ink: #131110;
    --ink2: #2a2724;
    --inkl: #5e5a55;
    --inkg: #9b9690;
    --g: #9a7830;
    --gb: #b8922e;
    --gl: #c9a84c;
    --gxx: #e8c870;
    --gfill: rgba(154,120,48,.07);
    --gfill2: rgba(154,120,48,.14);
    --gborder: rgba(154,120,48,.22);
    --gborder2: rgba(154,120,48,.42);
    --line: rgba(19,17,16,.09);
    --line2: rgba(19,17,16,.16);
    --line3: rgba(19,17,16,.28);
    --serif: 'Inter Tight', sans-serif;
    --sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --mono: 'DM Mono', monospace;
    --ease: cubic-bezier(.4,0,.2,1);
    
    font-family: var(--sans);
    background: var(--bg);
    color: var(--ink);
    overflow-x: hidden;
    max-width: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Reset - Scoped */
.foremark-process-container,
.foremark-process-container *,
.foremark-process-container *::before,
.foremark-process-container *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* Selection */
.foremark-process-container ::selection {
    background: var(--gb);
    color: var(--ink);
}

/* Typography */
.foremark-process-container a {
    text-decoration: none !important;
}
.foremark-process-container ul {
    list-style: none;
}

/* Font families */
.foremark-process-container .logo-mark,
.foremark-process-container .sec-h,
.foremark-process-container .hero h1,
.foremark-process-container .sbr-title,
.foremark-process-container .gc-num,
.foremark-process-container .sb-num,
.foremark-process-container .gm-week,
.foremark-process-container .footer-brand {
    font-family: 'Inter Tight', sans-serif;
}

.foremark-process-container .topbar,
.foremark-process-container .nav-links a,
.foremark-process-container .btn-ol,
.foremark-process-container .btn-s,
.foremark-process-container .ha-g,
.foremark-process-container .ha-o,
.foremark-process-container .sec-label,
.foremark-process-container .fc-label,
.foremark-process-container .footer-copy,
.foremark-process-container .tb-pill,
.foremark-process-container .tb-msg,
.foremark-process-container .bc a,
.foremark-process-container .bc span,
.foremark-process-container .ci-label,
.foremark-process-container .gc-label,
.foremark-process-container .gc-unit,
.foremark-process-container .gc-fine,
.foremark-process-container .sbr-dur-label,
.foremark-process-container .sbr-dur-val,
.foremark-process-container .fq-tog {
    font-family: 'DM Mono', monospace;
}

/* ============================================
BREADCRUMB
============================================ */
.foremark-process-container .bc {
    padding: 12px 16px;
    border-bottom: 1px solid var(--line);
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
@media (min-width: 480px) {
    .foremark-process-container .bc { padding: 14px 24px; }
}
@media (min-width: 768px) {
    .foremark-process-container .bc { padding: 14px 60px; }
}
.foremark-process-container .bc a,
.foremark-process-container .bc span {
    font-size: 8px;
    letter-spacing: .12em;
    color: var(--inkg);
    text-transform: uppercase;
    transition: color .18s;
}
@media (min-width: 480px) {
    .foremark-process-container .bc a,
    .foremark-process-container .bc span { font-size: 8.5px; }
}
.foremark-process-container .bc a:hover { color: var(--gb); }
.foremark-process-container .bc-sep { color: var(--line3); }
.foremark-process-container .bc span:last-child { color: var(--gb); }

/* ============================================
SECTION LABELS & HEADINGS
============================================ */
.foremark-process-container .sec-label {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .28em;
    font-weight: 500;
    color: var(--gb);
    text-transform: uppercase;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 12px;
}
.foremark-process-container .sec-label::before {
    content: '';
    display: block;
    width: 16px;
    height: 1.5px;
    background: var(--gb);
}
.foremark-process-container .sec-h {
    font-family: var(--serif);
    font-size: clamp(28px, 5vw, 56px);
    font-weight: 400;
    line-height: 1.08;
    letter-spacing: -.02em;
}
.foremark-process-container .sec-h em {
    font-style: normal;
    color: var(--g);
}

/* ============================================
HERO SECTION
============================================ */
.foremark-process-container .hero {
    background: var(--ink);
    padding: 48px 16px;
    border-bottom: 1px solid rgba(255,255,255,.06);
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
@media (min-width: 480px) {
    .foremark-process-container .hero { padding: 60px 24px; }
}
@media (min-width: 768px) {
    .foremark-process-container .hero {
        padding: 96px 40px 80px;
        display: grid;
        grid-template-columns: 1fr 380px;
        gap: 72px;
        align-items: center;
    }
}
@media (min-width: 1024px) {
    .foremark-process-container .hero { padding: 96px 60px 80px; }
}
.foremark-process-container .hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: repeating-linear-gradient(90deg, transparent, transparent 90px, rgba(255,255,255,.015) 90px, rgba(255,255,255,.015) 91px);
    pointer-events: none;
}
.foremark-process-container .hero::after {
    content: '';
    position: absolute;
    top: -80px;
    right: -80px;
    width: 300px;
    height: 300px;
    border: 72px solid rgba(154,120,48,.04);
    border-radius: 50%;
    pointer-events: none;
}
@media (min-width: 768px) {
    .foremark-process-container .hero::after {
        width: 400px;
        height: 400px;
    }
}
.foremark-process-container .hero-left { position: relative; z-index: 1; }
.foremark-process-container .hero-eyebrow {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .28em;
    color: var(--gb);
    text-transform: uppercase;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
}
.foremark-process-container .hero-eyebrow::before {
    content: '';
    display: block;
    width: 18px;
    height: 1.5px;
    background: var(--gb);
}
.foremark-process-container .hero h1 {
    font-family: var(--serif);
    font-size: clamp(36px, 8vw, 80px);
    color: #fff;
    line-height: 1.03;
    letter-spacing: -.025em;
    font-weight: 400;
    margin-bottom: 24px;
}
@media (min-width: 480px) {
    .foremark-process-container .hero h1 { margin-bottom: 28px; }
}
.foremark-process-container .hero h1 em {
    font-style: normal;
    color: var(--gl);
}
.foremark-process-container .hero-sub {
    font-size: 14px;
    color: rgba(247,244,239,.5);
    line-height: 1.7;
    max-width: 540px;
    margin-bottom: 32px;
}
@media (min-width: 480px) {
    .foremark-process-container .hero-sub {
        font-size: 16px;
        line-height: 1.8;
        margin-bottom: 40px;
    }
}
.foremark-process-container .hero-acts {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.foremark-process-container .ha-g {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: var(--mono);
    font-size: 9px;
    font-weight: 500;
    letter-spacing: .16em;
    color: var(--ink);
    text-transform: uppercase;
    padding: 10px 20px;
    background: var(--gb);
    transition: background .2s;
}
@media (min-width: 480px) {
    .foremark-process-container .ha-g { padding: 13px 28px; }
}
.foremark-process-container .ha-g:hover { background: var(--gl); }
.foremark-process-container .ha-o {
    font-family: var(--mono);
    font-size: 9px;
    font-weight: 500;
    letter-spacing: .14em;
    color: rgba(247,244,239,.6);
    text-transform: uppercase;
    padding: 9px 18px;
    border: 1px solid rgba(247,244,239,.15);
    transition: all .2s;
}
@media (min-width: 480px) {
    .foremark-process-container .ha-o { padding: 12px 22px; }
}
.foremark-process-container .ha-o:hover {
    border-color: rgba(247,244,239,.3);
    color: #fff;
}
.foremark-process-container .hero-right { position: relative; z-index: 1; }
.foremark-process-container .guarantee-card {
    border: 1px solid rgba(154,120,48,.28);
    background: rgba(154,120,48,.06);
    padding: 24px 20px;
}
@media (min-width: 480px) {
    .foremark-process-container .guarantee-card { padding: 30px 28px; }
}
@media (min-width: 768px) {
    .foremark-process-container .guarantee-card { padding: 40px 36px; }
}
.foremark-process-container .gc-label {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .24em;
    color: var(--gb);
    text-transform: uppercase;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.foremark-process-container .gc-label::before {
    content: '';
    display: block;
    width: 12px;
    height: 1.5px;
    background: var(--gb);
}
.foremark-process-container .gc-num {
    font-family: var(--serif);
    font-size: 60px;
    color: var(--gl);
    line-height: 1;
    margin-bottom: 4px;
}
@media (min-width: 480px) {
    .foremark-process-container .gc-num { font-size: 80px; }
}
.foremark-process-container .gc-unit {
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .18em;
    color: rgba(247,244,239,.4);
    text-transform: uppercase;
    margin-bottom: 16px;
}
@media (min-width: 480px) {
    .foremark-process-container .gc-unit {
        font-size: 11px;
        margin-bottom: 20px;
    }
}
.foremark-process-container .gc-desc {
    font-size: 12px;
    color: rgba(247,244,239,.5);
    line-height: 1.6;
    margin-bottom: 16px;
    border-top: 1px solid rgba(154,120,48,.18);
    padding-top: 16px;
}
@media (min-width: 480px) {
    .foremark-process-container .gc-desc {
        font-size: 13px;
        line-height: 1.7;
    }
}
.foremark-process-container .gc-fine {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .08em;
    color: rgba(247,244,239,.25);
    font-style: normal;
}
@media (min-width: 480px) {
    .foremark-process-container .gc-fine { font-size: 9px; }
}

/* ============================================
PROCESS STEPS
============================================ */
.foremark-process-container .steps {
    padding: 0;
    border-bottom: 1px solid var(--line);
}
.foremark-process-container .step-block {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid var(--line);
    position: relative;
    transition: background .2s;
}
@media (min-width: 768px) {
    .foremark-process-container .step-block {
        display: grid;
        grid-template-columns: 120px 1fr;
    }
}
.foremark-process-container .step-block:hover { background: var(--bg1); }
.foremark-process-container .step-block:last-child { border-bottom: none; }
.foremark-process-container .step-block::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: linear-gradient(180deg, var(--g), var(--gl));
    opacity: 0;
    transition: opacity .3s var(--ease);
}
.foremark-process-container .step-block:hover::before { opacity: 1; }
.foremark-process-container .sb-left {
    background: var(--ink);
    padding: 24px 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    text-align: center;
    gap: 12px;
    border-bottom: 1px solid rgba(255,255,255,.06);
}
@media (min-width: 480px) {
    .foremark-process-container .sb-left { padding: 32px 24px; }
}
@media (min-width: 768px) {
    .foremark-process-container .sb-left {
        flex-direction: column;
        justify-content: center;
        padding: 48px 32px;
        border-right: 1px solid rgba(255,255,255,.06);
        border-bottom: none;
    }
}
.foremark-process-container .sb-week {
    font-family: var(--mono);
    font-size: 7px;
    letter-spacing: .18em;
    color: rgba(247,244,239,.3);
    text-transform: uppercase;
}
@media (min-width: 480px) {
    .foremark-process-container .sb-week { font-size: 8px; }
}
.foremark-process-container .sb-num {
    font-family: var(--serif);
    font-size: 36px;
    color: var(--gl);
    line-height: 1;
}
@media (min-width: 480px) {
    .foremark-process-container .sb-num { font-size: 52px; }
}
.foremark-process-container .sb-phase {
    font-family: var(--mono);
    font-size: 7px;
    letter-spacing: .2em;
    color: var(--gb);
    text-transform: uppercase;
}
@media (min-width: 480px) {
    .foremark-process-container .sb-phase { font-size: 7.5px; }
}
.foremark-process-container .sb-right {
    padding: 24px 16px;
    display: flex;
    flex-direction: column;
    gap: 28px;
}
@media (min-width: 480px) {
    .foremark-process-container .sb-right {
        padding: 32px 24px;
        gap: 32px;
    }
}
@media (min-width: 768px) {
    .foremark-process-container .sb-right {
        padding: 48px 40px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 36px 64px;
    }
}
@media (min-width: 1024px) {
    .foremark-process-container .sb-right { padding: 48px 52px; }
}
.foremark-process-container .sbr-title {
    font-family: var(--serif);
    font-size: 22px;
    color: var(--ink);
    margin-bottom: 12px;
    line-height: 1.15;
}
@media (min-width: 480px) {
    .foremark-process-container .sbr-title { font-size: 28px; }
}
.foremark-process-container .sbr-title em {
    font-style: normal;
    color: var(--g);
}
.foremark-process-container .sbr-desc {
    font-size: 13px;
    color: var(--inkl);
    line-height: 1.7;
}
@media (min-width: 480px) {
    .foremark-process-container .sbr-desc {
        font-size: 14px;
        line-height: 1.8;
    }
}
.foremark-process-container .sbr-del-label {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .2em;
    color: var(--gb);
    text-transform: uppercase;
    margin-bottom: 10px;
}
.foremark-process-container .sbr-deliverables {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 20px;
}
.foremark-process-container .sbr-del {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 12px;
    color: var(--inkl);
    line-height: 1.55;
}
@media (min-width: 480px) {
    .foremark-process-container .sbr-del { font-size: 13px; }
}
.foremark-process-container .sbr-del::before {
    content: '→';
    font-family: var(--mono);
    font-size: 10px;
    color: var(--gb);
    flex-shrink: 0;
    margin-top: 1px;
}
.foremark-process-container .sbr-duration {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    background: var(--bg);
    border: 1px solid var(--line);
    margin-top: 16px;
}
@media (min-width: 480px) {
    .foremark-process-container .sbr-duration { padding: 12px 14px; }
}
.foremark-process-container .sbr-dur-label {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .15em;
    color: var(--inkg);
    text-transform: uppercase;
}
.foremark-process-container .sbr-dur-val {
    font-family: var(--mono);
    font-size: 9px;
    color: var(--ink);
    letter-spacing: .06em;
}
@media (min-width: 480px) {
    .foremark-process-container .sbr-dur-val { font-size: 10px; }
}

/* ============================================
COMPARISON SECTION
============================================ */
.foremark-process-container .comparison {
    padding: 48px 16px;
    background: var(--bg1);
    border-bottom: 1px solid var(--line);
}
@media (min-width: 480px) {
    .foremark-process-container .comparison { padding: 60px 24px; }
}
@media (min-width: 768px) {
    .foremark-process-container .comparison { padding: 88px 40px; }
}
@media (min-width: 1024px) {
    .foremark-process-container .comparison { padding: 88px 60px; }
}
.foremark-process-container .comp-intro {
    font-size: clamp(13px, 4vw, 15px);
    color: var(--inkl);
    line-height: 1.75;
    max-width: 580px;
    margin-top: 14px;
}
.foremark-process-container .comp-grid {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-top: 32px;
}
@media (min-width: 768px) {
    .foremark-process-container .comp-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 2px;
        margin-top: 52px;
    }
}
.foremark-process-container .comp-col {
    border: 1px solid var(--line);
    background: var(--bg);
}
.foremark-process-container .comp-header {
    padding: 16px 20px;
    border-bottom: 1px solid var(--line);
    display: flex;
    align-items: center;
    gap: 12px;
}
@media (min-width: 480px) {
    .foremark-process-container .comp-header { padding: 20px 28px; }
}
.foremark-process-container .ch-icon { font-size: 18px; }
@media (min-width: 480px) {
    .foremark-process-container .ch-icon { font-size: 20px; }
}
.foremark-process-container .ch-title {
    font-size: 13px;
    font-weight: 500;
    color: var(--ink);
}
@media (min-width: 480px) {
    .foremark-process-container .ch-title { font-size: 14px; }
}
.foremark-process-container .ch-sub {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .1em;
    color: var(--inkg);
}
@media (min-width: 480px) {
    .foremark-process-container .ch-sub { font-size: 9px; }
}
.foremark-process-container .comp-col.foremark .comp-header {
    background: var(--gfill);
    border-bottom-color: var(--gborder);
}
.foremark-process-container .comp-col.typical .comp-header { background: var(--bg2); }
.foremark-process-container .comp-items { display: flex; flex-direction: column; }
.foremark-process-container .comp-item {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-bottom: 1px solid var(--line);
}
.foremark-process-container .comp-item:last-child { border-bottom: none; }
.foremark-process-container .ci-label {
    padding: 12px 16px;
    border-right: 1px solid var(--line);
    font-family: var(--mono);
    font-size: 7.5px;
    letter-spacing: .1em;
    color: var(--inkg);
    text-transform: uppercase;
    display: flex;
    align-items: center;
    background: var(--bg);
}
@media (min-width: 480px) {
    .foremark-process-container .ci-label {
        padding: 16px 24px;
        font-size: 8.5px;
    }
}
@media (min-width: 768px) {
    .foremark-process-container .ci-label { padding: 16px 28px; }
}
.foremark-process-container .ci-val {
    padding: 12px 16px;
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}
@media (min-width: 480px) {
    .foremark-process-container .ci-val {
        padding: 16px 24px;
        font-size: 13.5px;
    }
}
@media (min-width: 768px) {
    .foremark-process-container .ci-val { padding: 16px 28px; }
}
.foremark-process-container .ci-val.good {
    color: var(--ink);
    font-weight: 500;
}
.foremark-process-container .ci-val.good::before {
    content: '✓';
    font-family: var(--mono);
    color: var(--gb);
    font-size: 11px;
}
@media (min-width: 480px) {
    .foremark-process-container .ci-val.good::before { font-size: 12px; }
}
.foremark-process-container .ci-val.bad { color: var(--inkg); }
.foremark-process-container .ci-val.bad::before {
    content: '✕';
    font-family: var(--mono);
    color: var(--inkg);
    font-size: 11px;
}
@media (min-width: 480px) {
    .foremark-process-container .ci-val.bad::before { font-size: 12px; }
}

/* ============================================
GUARANTEE SECTION
============================================ */
.foremark-process-container .guarantee {
    padding: 48px 16px;
    border-bottom: 1px solid var(--line);
}
@media (min-width: 480px) {
    .foremark-process-container .guarantee { padding: 60px 24px; }
}
@media (min-width: 768px) {
    .foremark-process-container .guarantee { padding: 88px 40px; }
}
@media (min-width: 1024px) {
    .foremark-process-container .guarantee { padding: 88px 60px; }
}
.foremark-process-container .g-inner {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
@media (min-width: 768px) {
    .foremark-process-container .g-inner {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 64px;
        align-items: center;
    }
}
.foremark-process-container .g-text .sec-h { margin-bottom: 20px; }
.foremark-process-container .g-text p {
    font-size: 14px;
    color: var(--inkl);
    line-height: 1.7;
    margin-bottom: 16px;
}
@media (min-width: 768px) {
    .foremark-process-container .g-text p {
        font-size: 15px;
        line-height: 1.8;
    }
}
.foremark-process-container .g-milestones {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.foremark-process-container .gm {
    border: 1px solid var(--line);
    background: var(--bg);
    padding: 16px 18px;
    display: grid;
    grid-template-columns: 48px 1fr;
    gap: 14px;
    align-items: center;
    transition: border-color .2s, background .2s;
}
@media (min-width: 480px) {
    .foremark-process-container .gm {
        padding: 22px 24px;
        grid-template-columns: 56px 1fr;
        gap: 18px;
    }
}
.foremark-process-container .gm:hover {
    background: var(--bg1);
    border-color: var(--line2);
}
.foremark-process-container .gm-week {
    font-family: var(--serif);
    font-size: 22px;
    color: var(--g);
    line-height: 1;
    text-align: center;
}
@media (min-width: 480px) {
    .foremark-process-container .gm-week { font-size: 28px; }
}
.foremark-process-container .gm-week span {
    display: block;
    font-family: var(--mono);
    font-size: 6px;
    letter-spacing: .14em;
    color: var(--inkg);
    text-transform: uppercase;
    margin-top: 2px;
    font-style: normal;
}
@media (min-width: 480px) {
    .foremark-process-container .gm-week span { font-size: 7px; }
}
.foremark-process-container .gm-title {
    font-size: 13px;
    font-weight: 500;
    color: var(--ink);
    margin-bottom: 4px;
}
@media (min-width: 480px) {
    .foremark-process-container .gm-title { font-size: 14px; }
}
.foremark-process-container .gm-desc {
    font-size: 11px;
    color: var(--inkl);
    line-height: 1.5;
}
@media (min-width: 480px) {
    .foremark-process-container .gm-desc {
        font-size: 12.5px;
        line-height: 1.55;
    }
}

/* ============================================
FAQ SECTION
============================================ */
.foremark-process-container .faq-strip {
    padding: 48px 16px;
    background: var(--bg1);
    border-bottom: 1px solid var(--line);
}
@media (min-width: 480px) {
    .foremark-process-container .faq-strip { padding: 60px 24px; }
}
@media (min-width: 768px) {
    .foremark-process-container .faq-strip { padding: 88px 40px; }
}
@media (min-width: 1024px) {
    .foremark-process-container .faq-strip { padding: 88px 60px; }
}
.foremark-process-container .faq-list {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-top: 32px;
}
@media (min-width: 768px) {
    .foremark-process-container .faq-list { margin-top: 48px; }
}
.foremark-process-container .faq {
    border: 1px solid var(--line);
    background: var(--bg);
    overflow: hidden;
}
.foremark-process-container .faq-q {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 20px;
    cursor: pointer;
    transition: background .2s;
}
@media (min-width: 480px) {
    .foremark-process-container .faq-q { padding: 20px 28px; }
}
.foremark-process-container .faq-q:hover { background: var(--bg2); }
.foremark-process-container .fq-text {
    font-size: 13px;
    font-weight: 500;
    color: var(--ink);
}
@media (min-width: 480px) {
    .foremark-process-container .fq-text { font-size: 14px; }
}
.foremark-process-container .fq-tog {
    font-family: var(--mono);
    font-size: 16px;
    color: var(--gb);
    transition: transform .25s var(--ease);
}
@media (min-width: 480px) {
    .foremark-process-container .fq-tog { font-size: 18px; }
}
.foremark-process-container .faq.open .fq-tog { transform: rotate(45deg); }
.foremark-process-container .faq-a {
    padding: 0 20px 20px;
    display: none;
    font-size: 12px;
    color: var(--inkl);
    line-height: 1.65;
}
@media (min-width: 480px) {
    .foremark-process-container .faq-a {
        padding: 0 28px 20px;
        font-size: 13.5px;
        line-height: 1.75;
    }
}
.foremark-process-container .faq.open .faq-a { display: block; }

/* ============================================
ANIMATIONS
============================================ */
@keyframes fadeUp {
    from { opacity: 0; transform: translateY(24px); }
    to { opacity: 1; transform: translateY(0); }
}
.foremark-process-container .ani {
    opacity: 0;
    animation: fadeUp .7s var(--ease) forwards;
}
.foremark-process-container .ani-1 { animation-delay: .1s; }
.foremark-process-container .ani-2 { animation-delay: .22s; }
.foremark-process-container .ani-3 { animation-delay: .38s; }

/* ============================================
PRINT STYLES
============================================ */
@media print {
    .foremark-process-container .hero-acts { display: none !important; }
    .foremark-process-container .hero {
        background: white !important;
        color: black !important;
    }
    .foremark-process-container .hero h1,
    .foremark-process-container .hero h1 em { color: black !important; }
    .foremark-process-container .hero-sub { color: #666 !important; }
}
/* ============================================
FOREMARK GLOBAL - WONE Global Network Page
Mobile First - Tablet - Desktop - All Screens
============================================ */

/* CSS Variables */
.foremark-wone-container {
    --bg: #f7f4ef;
    --bg1: #efebe3;
    --bg2: #e5dfd5;
    --ink: #131110;
    --ink2: #2a2724;
    --inkl: #5e5a55;
    --inkg: #9b9690;
    --g: #9a7830;
    --gb: #b8922e;
    --gl: #c9a84c;
    --gfill: rgba(154,120,48,.07);
    --gborder: rgba(154,120,48,.22);
    --gborder2: rgba(154,120,48,.42);
    --line: rgba(19,17,16,.09);
    --line2: rgba(19,17,16,.16);
    --line3: rgba(19,17,16,.28);
    --serif: 'Inter Tight', sans-serif;
    --sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --mono: 'DM Mono', monospace;
    --ease: cubic-bezier(.4,0,.2,1);
    
    font-family: var(--sans);
    background: var(--bg);
    color: var(--ink);
    overflow-x: hidden;
    max-width: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Reset - Scoped */
.foremark-wone-container,
.foremark-wone-container *,
.foremark-wone-container *::before,
.foremark-wone-container *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* Selection */
.foremark-wone-container ::selection {
    background: var(--gb);
    color: var(--ink);
}

/* Typography */
.foremark-wone-container a {
    text-decoration: none !important;
}
.foremark-wone-container ul {
    list-style: none;
}

/* ============================================
BREADCRUMB
============================================ */
.foremark-wone-container .bc {
    padding: 12px 16px;
    border-bottom: 1px solid var(--line);
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
@media (min-width: 480px) {
    .foremark-wone-container .bc {
        padding: 14px 24px;
    }
}
@media (min-width: 768px) {
    .foremark-wone-container .bc {
        padding: 14px 60px;
    }
}
.foremark-wone-container .bc a,
.foremark-wone-container .bc span {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .12em;
    color: var(--inkg);
    text-transform: uppercase;
    transition: color .18s;
}
@media (min-width: 480px) {
    .foremark-wone-container .bc a,
    .foremark-wone-container .bc span {
        font-size: 8.5px;
    }
}
.foremark-wone-container .bc a:hover {
    color: var(--gb);
}
.foremark-wone-container .bc-sep {
    color: var(--line3);
}
.foremark-wone-container .bc span:last-child {
    color: var(--gb);
}

/* ============================================
SECTION LABELS & HEADINGS
============================================ */
.foremark-wone-container .sec-label {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .28em;
    font-weight: 500;
    color: var(--gb);
    text-transform: uppercase;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 12px;
}
.foremark-wone-container .sec-label::before {
    content: '';
    display: block;
    width: 16px;
    height: 1.5px;
    background: var(--gb);
}
.foremark-wone-container .sec-h {
    font-family: var(--serif);
    font-size: clamp(28px, 5vw, 56px);
    font-weight: 400;
    line-height: 1.08;
    letter-spacing: -.02em;
}
.foremark-wone-container .sec-h em {
    font-style: normal;
    color: var(--g);
}

/* ============================================
HERO SECTION
============================================ */
.foremark-wone-container .hero {
    background: var(--ink2);
    padding: 48px 16px;
    border-bottom: 1px solid rgba(255,255,255,.06);
    position: relative;
    overflow: hidden;
}
@media (min-width: 480px) {
    .foremark-wone-container .hero {
        padding: 60px 24px;
    }
}
@media (min-width: 768px) {
    .foremark-wone-container .hero {
        padding: 80px 40px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 48px;
    }
}
@media (min-width: 1024px) {
    .foremark-wone-container .hero {
        padding: 96px 60px 80px;
        gap: 72px;
    }
}
.foremark-wone-container .hero::before {
    content: 'WONE GLOBAL';
    font-family: var(--serif);
    font-size: 100px;
    color: rgba(255,255,255,.02);
    position: absolute;
    bottom: -20px;
    right: -10px;
    line-height: 1;
    pointer-events: none;
    white-space: nowrap;
}
@media (min-width: 768px) {
    .foremark-wone-container .hero::before {
        font-size: 180px;
        bottom: -30px;
        right: -20px;
    }
}
.foremark-wone-container .hero-left {
    position: relative;
    z-index: 1;
}
.foremark-wone-container .hero-eyebrow {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .28em;
    color: var(--gb);
    text-transform: uppercase;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 12px;
}
@media (min-width: 480px) {
    .foremark-wone-container .hero-eyebrow {
        margin-bottom: 20px;
    }
}
.foremark-wone-container .hero-eyebrow::before {
    content: '';
    display: block;
    width: 18px;
    height: 1.5px;
    background: var(--gb);
}
.foremark-wone-container .hero h1 {
    font-family: var(--serif);
    font-size: clamp(36px, 7vw, 76px);
    color: #fff;
    line-height: 1.03;
    letter-spacing: -.025em;
    font-weight: 400;
    margin-bottom: 20px;
}
@media (min-width: 480px) {
    .foremark-wone-container .hero h1 {
        margin-bottom: 28px;
    }
}
.foremark-wone-container .hero h1 em {
    font-style: normal;
    color: var(--gl);
}
.foremark-wone-container .hero-sub {
    font-size: 14px;
    color: rgba(247,244,239,.5);
    line-height: 1.7;
    max-width: 500px;
    margin-bottom: 28px;
}
@media (min-width: 480px) {
    .foremark-wone-container .hero-sub {
        font-size: 15px;
        line-height: 1.8;
        margin-bottom: 40px;
    }
}
.foremark-wone-container .hero-acts {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.foremark-wone-container .ha-g {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: var(--mono);
    font-size: 9px;
    font-weight: 500;
    letter-spacing: .16em;
    color: var(--ink);
    text-transform: uppercase;
    padding: 10px 20px;
    background: var(--gb);
    transition: background .2s;
}
@media (min-width: 480px) {
    .foremark-wone-container .ha-g {
        padding: 13px 28px;
    }
}
.foremark-wone-container .ha-g:hover {
    background: var(--gl);
}
.foremark-wone-container .hero-right {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2px;
    align-content: start;
    margin-top: 24px;
}
@media (min-width: 768px) {
    .foremark-wone-container .hero-right {
        margin-top: 0;
    }
}
.foremark-wone-container .hw {
    border: 1px solid rgba(255,255,255,.07);
    background: rgba(255,255,255,.03);
    padding: 16px 16px;
}
@media (min-width: 480px) {
    .foremark-wone-container .hw {
        padding: 20px 20px;
    }
}
@media (min-width: 768px) {
    .foremark-wone-container .hw {
        padding: 28px 24px;
    }
}
.foremark-wone-container .hw-n {
    font-family: var(--serif);
    font-size: 28px;
    color: var(--gl);
    line-height: 1;
    margin-bottom: 6px;
}
@media (min-width: 480px) {
    .foremark-wone-container .hw-n {
        font-size: 36px;
    }
}
@media (min-width: 768px) {
    .foremark-wone-container .hw-n {
        font-size: 44px;
    }
}
.foremark-wone-container .hw-l {
    font-family: var(--mono);
    font-size: 7px;
    letter-spacing: .14em;
    color: rgba(247,244,239,.25);
    text-transform: uppercase;
    line-height: 1.4;
}
@media (min-width: 480px) {
    .foremark-wone-container .hw-l {
        font-size: 8.5px;
        line-height: 1.5;
    }
}

/* ============================================
ABOUT WONE SECTION
============================================ */
.foremark-wone-container .about-wone {
    padding: 48px 16px;
    border-bottom: 1px solid var(--line);
}
@media (min-width: 480px) {
    .foremark-wone-container .about-wone {
        padding: 60px 24px;
    }
}
@media (min-width: 768px) {
    .foremark-wone-container .about-wone {
        padding: 88px 40px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 48px;
        align-items: start;
    }
}
@media (min-width: 1024px) {
    .foremark-wone-container .about-wone {
        padding: 88px 60px;
        gap: 72px;
    }
}
.foremark-wone-container .aw-left p {
    font-size: 14px;
    color: var(--inkl);
    line-height: 1.7;
    margin-bottom: 16px;
}
@media (min-width: 768px) {
    .foremark-wone-container .aw-left p {
        font-size: 15px;
        line-height: 1.8;
        margin-bottom: 20px;
    }
}
.foremark-wone-container .aw-right {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-top: 24px;
}
@media (min-width: 768px) {
    .foremark-wone-container .aw-right {
        margin-top: 0;
    }
}
.foremark-wone-container .aw-block {
    border: 1px solid var(--line);
    background: var(--bg);
    padding: 20px 20px;
    transition: border-color .2s, background .2s;
    position: relative;
    overflow: hidden;
}
@media (min-width: 480px) {
    .foremark-wone-container .aw-block {
        padding: 24px 24px;
    }
}
@media (min-width: 768px) {
    .foremark-wone-container .aw-block {
        padding: 28px 28px;
    }
}
.foremark-wone-container .aw-block:hover {
    background: var(--bg1);
    border-color: var(--line2);
}
.foremark-wone-container .aw-block::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: linear-gradient(180deg, var(--g), var(--gl));
    transform: scaleY(0);
    transform-origin: top;
    transition: transform .35s var(--ease);
}
.foremark-wone-container .aw-block:hover::before {
    transform: scaleY(1);
}
.foremark-wone-container .aw-title {
    font-size: 13px;
    font-weight: 500;
    color: var(--ink);
    margin-bottom: 8px;
}
@media (min-width: 480px) {
    .foremark-wone-container .aw-title {
        font-size: 14px;
    }
}
.foremark-wone-container .aw-desc {
    font-size: 12px;
    color: var(--inkl);
    line-height: 1.6;
}
@media (min-width: 480px) {
    .foremark-wone-container .aw-desc {
        font-size: 13px;
        line-height: 1.65;
    }
}

/* ============================================
FOOTPRINT SECTION
============================================ */
.foremark-wone-container .footprint {
    padding: 48px 16px;
    background: var(--bg1);
    border-bottom: 1px solid var(--line);
}
@media (min-width: 480px) {
    .foremark-wone-container .footprint {
        padding: 60px 24px;
    }
}
@media (min-width: 768px) {
    .foremark-wone-container .footprint {
        padding: 88px 40px;
    }
}
@media (min-width: 1024px) {
    .foremark-wone-container .footprint {
        padding: 88px 60px;
    }
}
.foremark-wone-container .fp-intro {
    font-size: 14px;
    color: var(--inkl);
    line-height: 1.7;
    max-width: 580px;
    margin-top: 14px;
}
@media (min-width: 768px) {
    .foremark-wone-container .fp-intro {
        font-size: 15px;
        line-height: 1.75;
    }
}
.foremark-wone-container .fp-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2px;
    margin-top: 32px;
}
@media (min-width: 480px) {
    .foremark-wone-container .fp-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (min-width: 768px) {
    .foremark-wone-container .fp-grid {
        grid-template-columns: repeat(5, 1fr);
        margin-top: 52px;
    }
}
.foremark-wone-container .fp-region {
    border: 1px solid var(--line);
    background: var(--bg);
    padding: 16px 14px;
    transition: border-color .2s, background .2s;
}
@media (min-width: 480px) {
    .foremark-wone-container .fp-region {
        padding: 20px 18px;
    }
}
@media (min-width: 768px) {
    .foremark-wone-container .fp-region {
        padding: 24px 22px;
    }
}
.foremark-wone-container .fp-region:hover {
    background: var(--bg2);
    border-color: var(--line2);
}
.foremark-wone-container .fpr-name {
    font-family: var(--mono);
    font-size: 7px;
    letter-spacing: .14em;
    color: var(--gb);
    text-transform: uppercase;
    margin-bottom: 10px;
}
@media (min-width: 480px) {
    .foremark-wone-container .fpr-name {
        font-size: 8.5px;
    }
}
.foremark-wone-container .fpr-countries {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.foremark-wone-container .fprc {
    font-size: 11px;
    color: var(--inkl);
    display: flex;
    align-items: center;
    gap: 8px;
    line-height: 1.4;
}
@media (min-width: 480px) {
    .foremark-wone-container .fprc {
        font-size: 12.5px;
    }
}
.foremark-wone-container .fprc::before {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--gborder2);
    flex-shrink: 0;
}
.foremark-wone-container .fprc.active {
    color: var(--ink);
    font-weight: 500;
}
.foremark-wone-container .fprc.active::before {
    background: var(--gb);
}

/* ============================================
CHAIR QUOTE SECTION
============================================ */
.foremark-wone-container .chair {
    padding: 48px 16px;
    background: var(--ink);
    border-bottom: 1px solid rgba(255,255,255,.06);
}
@media (min-width: 480px) {
    .foremark-wone-container .chair {
        padding: 60px 24px;
    }
}
@media (min-width: 768px) {
    .foremark-wone-container .chair {
        padding: 88px 40px;
    }
}
@media (min-width: 1024px) {
    .foremark-wone-container .chair {
        padding: 88px 60px;
    }
}
.foremark-wone-container .chair-inner {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
    max-width: 900px;
    margin: 0 auto;
}
@media (min-width: 480px) {
    .foremark-wone-container .chair-inner {
        flex-direction: row;
        gap: 40px;
    }
}
@media (min-width: 768px) {
    .foremark-wone-container .chair-inner {
        gap: 64px;
    }
}
.foremark-wone-container .chair-photo {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: var(--gb);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--serif);
    font-size: 40px;
    color: #fff;
    flex-shrink: 0;
    position: relative;
}
@media (min-width: 480px) {
    .foremark-wone-container .chair-photo {
        width: 120px;
        height: 120px;
        font-size: 48px;
    }
}
.foremark-wone-container .chair-photo::after {
    content: '';
    position: absolute;
    inset: -4px;
    border-radius: 50%;
    border: 1px solid rgba(154,120,48,.3);
}
.foremark-wone-container .chair-quote {
    font-family: var(--serif);
    font-size: 18px;
    color: #fff;
    font-style: normal;
    line-height: 1.5;
    margin-bottom: 20px;
}
@media (min-width: 480px) {
    .foremark-wone-container .chair-quote {
        font-size: 22px;
        margin-bottom: 24px;
    }
}
@media (min-width: 768px) {
    .foremark-wone-container .chair-quote {
        font-size: 26px;
    }
}
.foremark-wone-container .chair-attr {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.foremark-wone-container .ca-name {
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .16em;
    color: var(--gb);
    text-transform: uppercase;
}
@media (min-width: 480px) {
    .foremark-wone-container .ca-name {
        font-size: 10px;
    }
}
.foremark-wone-container .ca-role {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .1em;
    color: rgba(247,244,239,.3);
}
@media (min-width: 480px) {
    .foremark-wone-container .ca-role {
        font-size: 9px;
    }
}

/* ============================================
POWERS SECTION
============================================ */
.foremark-wone-container .powers {
    padding: 48px 16px;
    border-bottom: 1px solid var(--line);
}
@media (min-width: 480px) {
    .foremark-wone-container .powers {
        padding: 60px 24px;
    }
}
@media (min-width: 768px) {
    .foremark-wone-container .powers {
        padding: 88px 40px;
    }
}
@media (min-width: 1024px) {
    .foremark-wone-container .powers {
        padding: 88px 60px;
    }
}
.foremark-wone-container .powers-grid {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-top: 32px;
}
@media (min-width: 768px) {
    .foremark-wone-container .powers-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        margin-top: 52px;
    }
}
.foremark-wone-container .pw {
    border: 1px solid var(--line);
    background: var(--bg);
    padding: 24px 20px;
    transition: border-color .2s, background .2s;
    position: relative;
    overflow: hidden;
}
@media (min-width: 480px) {
    .foremark-wone-container .pw {
        padding: 28px 24px;
    }
}
@media (min-width: 768px) {
    .foremark-wone-container .pw {
        padding: 36px 30px;
    }
}
.foremark-wone-container .pw:hover {
    background: var(--bg1);
    border-color: var(--line2);
}
.foremark-wone-container .pw::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--g), var(--gl));
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .35s var(--ease);
}
.foremark-wone-container .pw:hover::after {
    transform: scaleX(1);
}
.foremark-wone-container .pw-icon {
    font-size: 22px;
    margin-bottom: 16px;
    display: block;
}
@media (min-width: 480px) {
    .foremark-wone-container .pw-icon {
        font-size: 26px;
        margin-bottom: 18px;
    }
}
.foremark-wone-container .pw-title {
    font-size: 14px;
    font-weight: 500;
    color: var(--ink);
    margin-bottom: 8px;
}
@media (min-width: 480px) {
    .foremark-wone-container .pw-title {
        font-size: 15px;
        margin-bottom: 10px;
    }
}
.foremark-wone-container .pw-desc {
    font-size: 12px;
    color: var(--inkl);
    line-height: 1.65;
}
@media (min-width: 480px) {
    .foremark-wone-container .pw-desc {
        font-size: 13px;
        line-height: 1.7;
    }
}

/* ============================================
ANIMATIONS
============================================ */
@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(24px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.foremark-wone-container .ani {
    opacity: 0;
    animation: fadeUp .7s var(--ease) forwards;
}
.foremark-wone-container .ani-1 { animation-delay: .1s; }
.foremark-wone-container .ani-2 { animation-delay: .22s; }
.foremark-wone-container .ani-3 { animation-delay: .38s; }

/* ============================================
PRINT STYLES
============================================ */
@media print {
    .foremark-wone-container .bc,
    .foremark-wone-container .hero-acts {
        display: none !important;
    }
    .foremark-wone-container .hero {
        background: white !important;
        color: black !important;
    }
    .foremark-wone-container .hero h1,
    .foremark-wone-container .hero h1 em {
        color: black !important;
    }
    .foremark-wone-container .hero-sub {
        color: #666 !important;
    }
    .foremark-wone-container .hw-n {
        color: #9a7830 !important;
    }
    .foremark-wone-container .chair-quote {
        color: #333 !important;
    }
}
/* ============================================
FOREMARK GLOBAL - Privacy Policy Page
============================================ */

:root {
    --bg: #f7f4ef;
    --bg1: #efebe3;
    --bg2: #e5dfd5;
    --ink: #131110;
    --ink2: #2a2724;
    --inkl: #5e5a55;
    --inkg: #9b9690;
    --g: #9a7830;
    --gb: #b8922e;
    --gl: #c9a84c;
    --gfill: rgba(154,120,48,.07);
    --gborder: rgba(154,120,48,.22);
    --line: rgba(19,17,16,.09);
    --line2: rgba(19,17,16,.16);
    --line3: rgba(19,17,16,.28);
    --serif: 'Inter Tight', sans-serif;
    --head: 'Inter Tight', sans-serif;
    --sans: 'Inter', sans-serif;
    --mono: 'DM Mono', monospace;
    --ease: cubic-bezier(.4,0,.2,1);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.foremark-privacy-container {
    font-family: var(--sans);
    background: var(--bg);
    color: var(--ink);
    max-width: 100%;
    overflow-x: hidden;
}

/* ============================================
HERO SECTION
============================================ */
.privacy-hero {
    background: var(--ink);
    padding: 80px 60px;
    border-bottom: 1px solid rgba(247,244,239,.08);
    position: relative;
    overflow: hidden;
}

.privacy-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: repeating-linear-gradient(90deg, transparent, transparent 90px, rgba(255,255,255,.015) 90px, rgba(255,255,255,.015) 91px);
    pointer-events: none;
}

.privacy-hero-inner {
    max-width: 720px;
    position: relative;
    z-index: 1;
}

.privacy-eyebrow {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .28em;
    color: var(--gb);
    text-transform: uppercase;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.privacy-eyebrow::before {
    content: '';
    display: block;
    width: 20px;
    height: 1.5px;
    background: var(--gb);
}

.privacy-hero h1 {
    font-family: var(--head);
    font-size: clamp(36px, 4.5vw, 60px);
    font-weight: 700;
    color: #fff;
    line-height: 1.04;
    letter-spacing: -.03em;
    margin-bottom: 16px;
}

.privacy-hero h1 em {
    font-style: normal;
    font-family: var(--serif);
    font-weight: 400;
    color: var(--gl);
}

.privacy-hero p {
    font-size: 15px;
    color: rgba(247,244,239,.45);
    line-height: 1.8;
}

/* ============================================
MAIN CONTENT
============================================ */
.privacy-main {
    padding: 80px 60px;
    border-bottom: 1px solid var(--line);
}

.privacy-grid {
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 72px;
    align-items: start;
}

/* ============================================
SIDEBAR NAVIGATION
============================================ */
.privacy-sidebar {
    position: sticky;
    top: 100px;
}

.privacy-sidebar-title {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--gb);
    margin-bottom: 16px;
}

.privacy-sidebar-item {
    font-family: var(--sans);
    font-size: 13px;
    color: var(--inkg);
    padding: 8px 0;
    border-bottom: 1px solid var(--line);
    line-height: 1.4;
    cursor: pointer;
    transition: color 0.2s ease;
}

.privacy-sidebar-item:hover {
    color: var(--gb);
}

.privacy-sidebar-item.active {
    color: var(--gb);
}

/* ============================================
CONTENT SECTIONS
============================================ */
.privacy-content {
    max-width: 760px;
}

.privacy-section {
    margin-bottom: 40px;
    scroll-margin-top: 100px;
}

.privacy-section h3 {
    font-family: var(--head);
    font-size: 17px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--line);
}

.privacy-section p {
    font-size: 14.5px;
    color: var(--inkl);
    line-height: 1.85;
    margin-bottom: 14px;
}

.privacy-section p strong {
    color: var(--ink);
    font-weight: 500;
}

/* ============================================
CONTACT BAR
============================================ */
.privacy-contact-bar {
    padding: 48px 60px;
    background: var(--bg1);
    border-bottom: 1px solid var(--line);
}

.privacy-contact-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}

.privacy-contact-label {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--gb);
    margin-bottom: 6px;
}

.privacy-contact-text {
    font-size: 14px;
    color: var(--inkl);
}

.privacy-contact-text a {
    color: var(--gb);
    text-decoration: none !important;
    transition: opacity 0.2s;
}

.privacy-contact-text a:hover {
    opacity: 0.8;
}

.privacy-last-updated {
    font-family: var(--mono);
    font-size: 8.5px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--inkg);
}

/* ============================================
RESPONSIVE BREAKPOINTS
============================================ */
@media (max-width: 1100px) {
    .privacy-grid {
        grid-template-columns: 1fr !important;
        gap: 40px !important;
    }
    .privacy-sidebar {
        position: relative;
        top: 0;
    }
}

@media (max-width: 768px) {
    .privacy-hero {
        padding: 48px 24px !important;
    }
    .privacy-main {
        padding: 48px 24px !important;
    }
    .privacy-contact-bar {
        padding: 32px 24px !important;
    }
    .privacy-contact-inner {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* ============================================
PRINT STYLES
============================================ */
@media print {
    .privacy-sidebar,
    .privacy-contact-bar {
        display: none !important;
    }
    .privacy-hero {
        background: white !important;
        color: black !important;
        padding: 20px !important;
    }
    .privacy-hero h1,
    .privacy-hero h1 em {
        color: black !important;
    }
    .privacy-hero p {
        color: #666 !important;
    }
    .privacy-main {
        padding: 20px !important;
    }
    .privacy-section {
        page-break-inside: avoid;
    }
}
/* ============================================
FOREMARK GLOBAL COOKIE POLICY - COMPLETE CSS
============================================ */


.foremark-cookie-container {
    font-family: var(--sans);
    background: var(--bg);
    color: var(--ink);
    max-width: 100%;
    overflow-x: hidden;
}

/* ============================================
HERO SECTION
============================================ */
.cookie-hero {
    background: var(--ink);
    padding: 80px 60px;
    border-bottom: 1px solid rgba(247,244,239,.08);
    position: relative;
    overflow: hidden;
}

.cookie-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: repeating-linear-gradient(90deg, transparent, transparent 90px, rgba(255,255,255,.015) 90px, rgba(255,255,255,.015) 91px);
    pointer-events: none;
}

.cookie-hero-inner {
    max-width: 720px;
    position: relative;
    z-index: 1;
}

.cookie-eyebrow {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .28em;
    color: var(--gb);
    text-transform: uppercase;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.cookie-eyebrow::before {
    content: '';
    display: block;
    width: 20px;
    height: 1.5px;
    background: var(--gb);
}

.cookie-hero h1 {
    font-family: var(--head);
    font-size: clamp(36px, 4.5vw, 60px);
    font-weight: 700;
    color: #fff;
    line-height: 1.04;
    letter-spacing: -.03em;
    margin-bottom: 16px;
}

.cookie-hero h1 em {
    font-style: normal;
    font-family: var(--serif);
    font-weight: 400;
    color: var(--gl);
}

.cookie-hero p {
    font-size: 15px;
    color: rgba(247,244,239,.45);
    line-height: 1.8;
}

/* ============================================
MAIN CONTENT
============================================ */
.cookie-main {
    padding: 80px 60px;
    border-bottom: 1px solid var(--line);
}

.cookie-grid {
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 72px;
    align-items: start;
}

/* Sidebar Navigation */
.cookie-sidebar {
    position: sticky;
    top: 100px;
}

.cookie-sidebar-title {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--gb);
    margin-bottom: 16px;
}

.cookie-sidebar-item {
    font-family: var(--sans);
    font-size: 13px;
    color: var(--inkg);
    padding: 8px 0;
    border-bottom: 1px solid var(--line);
    line-height: 1.4;
    cursor: pointer;
    transition: color 0.2s ease;
}

.cookie-sidebar-item:hover {
    color: var(--gb);
}

.cookie-sidebar-item.active {
    color: var(--gb);
}

/* Content Sections */
.cookie-content {
    max-width: 760px;
}

.cookie-section {
    margin-bottom: 40px;
    scroll-margin-top: 100px;
}

.cookie-section h3 {
    font-family: var(--head);
    font-size: 17px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--line);
}

.cookie-section p {
    font-size: 14.5px;
    color: var(--inkl);
    line-height: 1.85;
    margin-bottom: 14px;
}

.cookie-section p strong {
    color: var(--ink);
    font-weight: 500;
}

/* ============================================
CONTACT BAR
============================================ */
.cookie-contact-bar {
    padding: 48px 60px;
    background: var(--bg1);
    border-bottom: 1px solid var(--line);
}

.cookie-contact-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}

.cookie-contact-label {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--gb);
    margin-bottom: 6px;
}

.cookie-contact-text {
    font-size: 14px;
    color: var(--inkl);
}

.cookie-contact-text a {
    color: var(--gb);
    text-decoration: none !important;
    transition: opacity 0.2s;
}

.cookie-contact-text a:hover {
    opacity: 0.8;
}

.cookie-last-updated {
    font-family: var(--mono);
    font-size: 8.5px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--inkg);
}

/* ============================================
RESPONSIVE
============================================ */
@media (max-width: 1100px) {
    .cookie-grid {
        grid-template-columns: 1fr !important;
        gap: 40px !important;
    }
    .cookie-sidebar {
        position: relative;
        top: 0;
    }
}

@media (max-width: 768px) {
    .cookie-hero {
        padding: 48px 24px !important;
    }
    .cookie-main {
        padding: 48px 24px !important;
    }
    .cookie-contact-bar {
        padding: 32px 24px !important;
    }
    .cookie-contact-inner {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* Smooth scroll */
html {
    scroll-behavior: smooth;
}

/* ============================================
FOREMARK GLOBAL - 404 Error Page
============================================ */


.foremark-404-container {
    font-family: var(--sans);
    background: var(--bg);
    color: var(--ink);
    max-width: 100%;
    overflow-x: hidden;
}

/* ============================================
404 HERO SECTION
============================================ */
.error-hero {
    background: var(--ink);
    min-height: calc(100vh - 108px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 80px 60px;
    position: relative;
    overflow: hidden;
}

.error-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: repeating-linear-gradient(90deg, transparent, transparent 90px, rgba(255,255,255,.015) 90px, rgba(255,255,255,.015) 91px);
    pointer-events: none;
}

.error-bg-number {
    position: absolute;
    font-family: var(--head);
    font-size: 320px;
    font-weight: 700;
    color: rgba(247,244,239,.03);
    line-height: 1;
    letter-spacing: -.1em;
    pointer-events: none;
    user-select: none;
}

.error-content {
    position: relative;
    z-index: 1;
    max-width: 560px;
}

.error-eyebrow {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .28em;
    color: var(--gb);
    text-transform: uppercase;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.error-eyebrow::before {
    content: '';
    display: block;
    width: 20px;
    height: 1.5px;
    background: var(--gb);
}

.error-eyebrow::after {
    content: '';
    display: block;
    width: 20px;
    height: 1.5px;
    background: var(--gb);
}

.error-hero h1 {
    font-family: var(--head);
    font-size: clamp(36px, 5vw, 60px);
    font-weight: 700;
    color: #fff;
    line-height: 1.07;
    letter-spacing: -.04em;
    margin-bottom: 20px;
}

.error-hero h1 em {
    font-style: normal;
    font-family: var(--serif);
    font-weight: 400;
    color: var(--gl);
}

.error-hero p {
    font-size: 16px;
    color: rgba(247,244,239,.45);
    line-height: 1.8;
    margin-bottom: 44px;
}

/* ============================================
BUTTONS
============================================ */
.error-buttons {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 52px;
}

.error-btn-primary {
    display: flex;
    align-items: center;
    gap: 9px;
    font-family: var(--mono);
    font-size: 9px;
    font-weight: 500;
    letter-spacing: .16em;
    color: #fff;
    text-transform: uppercase;
    padding: 13px 28px;
    background: var(--gb);
    transition: background .2s;
    text-decoration: none !important;
}

.error-btn-primary:hover {
    background: var(--gl);
}

.error-btn-secondary {
    font-family: var(--mono);
    font-size: 9px;
    font-weight: 500;
    letter-spacing: .14em;
    color: rgba(247,244,239,.6);
    text-transform: uppercase;
    padding: 12px 22px;
    border: 1px solid rgba(247,244,239,.15);
    transition: all .2s;
    text-decoration: none !important;
}

.error-btn-secondary:hover {
    border-color: rgba(247,244,239,.3);
    color: #fff;
}

/* ============================================
NAVIGATION GRID
============================================ */
.error-nav-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    text-align: left;
}

.error-nav-card {
    padding: 18px 20px;
    border: 1px solid rgba(247,244,239,.08);
    background: rgba(247,244,239,.02);
    transition: background .2s, border-color .2s;
    text-decoration: none !important;
    display: block;
}

.error-nav-card:hover {
    background: rgba(247,244,239,.06);
    border-color: rgba(247,244,239,.15);
}

.error-nav-label {
    font-family: var(--mono);
    font-size: 7.5px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--gb);
    margin-bottom: 6px;
}

.error-nav-title {
    font-family: var(--head);
    font-size: 14px;
    font-weight: 600;
    color: #fff;
}

/* ============================================
RESPONSIVE BREAKPOINTS
============================================ */
@media (max-width: 1100px) {
    .error-nav-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 768px) {
    .error-hero {
        padding: 48px 24px !important;
        min-height: auto;
    }
    .error-nav-grid {
        grid-template-columns: 1fr !important;
    }
    .error-bg-number {
        font-size: 180px !important;
    }
    .error-hero p {
        font-size: 14px;
        margin-bottom: 32px;
    }
    .error-buttons {
        margin-bottom: 36px;
    }
    .error-btn-primary,
    .error-btn-secondary {
        font-size: 8px;
        padding: 10px 18px;
    }
}

@media (max-width: 480px) {
    .error-hero h1 {
        font-size: 28px;
    }
    .error-nav-card {
        padding: 14px 16px;
    }
    .error-nav-title {
        font-size: 12px;
    }
}

/* ============================================
PRINT STYLES
============================================ */
@media print {
    .error-hero {
        background: white !important;
        color: black !important;
        padding: 20px !important;
    }
    .error-hero h1,
    .error-hero h1 em {
        color: black !important;
    }
    .error-hero p {
        color: #666 !important;
    }
    .error-nav-grid {
        display: none !important;
    }
    .error-buttons {
        display: none !important;
    }
}
/* ============================================
FOREMARK GLOBAL Careers Page - 100% FULLY RESPONSIVE
============================================ */

/* CSS Variables */
.foremark-careers-container {
    --bg: #f7f4ef;
    --bg1: #efebe3;
    --bg2: #e5dfd5;
    --ink: #131110;
    --ink2: #2a2724;
    --inkl: #5e5a55;
    --inkg: #9b9690;
    --g: #9a7830;
    --gb: #b8922e;
    --gl: #c9a84c;
    --gfill: rgba(154,120,48,.07);
    --gborder: rgba(154,120,48,.22);
    --line: rgba(19,17,16,.09);
    --line2: rgba(19,17,16,.16);
    --line3: rgba(19,17,16,.28);
    --serif: 'Inter Tight', sans-serif;
    --sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --mono: 'DM Mono', monospace;
    --ease: cubic-bezier(.4,0,.2,1);
    
    font-family: var(--sans);
    background: var(--bg);
    color: var(--ink);
    overflow-x: hidden;
    max-width: 100%;
    -webkit-font-smoothing: antialiased;
}

/* Reset */
.foremark-careers-container,
.foremark-careers-container *,
.foremark-careers-container *::before,
.foremark-careers-container *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.foremark-careers-container a {
    text-decoration: none !important;
}
.foremark-careers-container ul {
    list-style: none;
}

/* ============================================
BREADCRUMB
============================================ */
.foremark-careers-container .bc {
    padding: 12px 16px;
    border-bottom: 1px solid var(--line);
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
@media (min-width: 768px) {
    .foremark-careers-container .bc { padding: 14px 60px; }
}
.foremark-careers-container .bc a,
.foremark-careers-container .bc span {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .12em;
    color: var(--inkg);
    text-transform: uppercase;
}
.foremark-careers-container .bc a:hover { color: var(--gb); }
.foremark-careers-container .bc-sep { color: var(--line3); }
.foremark-careers-container .bc span:last-child { color: var(--gb); }

/* ============================================
SECTION LABELS
============================================ */
.foremark-careers-container .sec-label {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .28em;
    font-weight: 500;
    color: var(--gb);
    text-transform: uppercase;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 12px;
}
.foremark-careers-container .sec-label::before {
    content: '';
    display: block;
    width: 16px;
    height: 1.5px;
    background: var(--gb);
}
.foremark-careers-container .sec-h {
    font-family: var(--serif);
    font-size: clamp(28px, 5vw, 56px);
    font-weight: 400;
    line-height: 1.08;
    letter-spacing: -.02em;
}
.foremark-careers-container .sec-h em {
    font-style: normal;
    color: var(--g);
}

/* ============================================
HERO SECTION
============================================ */
.foremark-careers-container .hero {
    background: var(--ink);
    padding: 48px 16px;
    position: relative;
    overflow: hidden;
}
@media (min-width: 768px) {
    .foremark-careers-container .hero {
        padding: 96px 60px 80px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 72px;
        align-items: center;
    }
}
.foremark-careers-container .hero::after {
    content: '';
    position: absolute;
    top: -80px;
    right: -80px;
    width: 400px;
    height: 400px;
    border: 72px solid rgba(154,120,48,.04);
    border-radius: 50%;
    pointer-events: none;
}
.foremark-careers-container .hero-eyebrow {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .28em;
    color: var(--gb);
    text-transform: uppercase;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
}
.foremark-careers-container .hero-eyebrow::before {
    content: '';
    display: block;
    width: 18px;
    height: 1.5px;
    background: var(--gb);
}
.foremark-careers-container .hero h1 {
    font-family: var(--serif);
    font-size: clamp(32px, 7vw, 76px);
    color: #fff;
    line-height: 1.03;
    margin-bottom: 24px;
}
.foremark-careers-container .hero h1 em {
    font-style: normal;
    color: var(--gl);
}
.foremark-careers-container .hero-sub {
    font-size: 15px;
    color: rgba(247,244,239,.5);
    line-height: 1.8;
    max-width: 480px;
    margin-bottom: 40px;
}
.foremark-careers-container .ha-g {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-family: var(--mono);
    font-size: 9px;
    font-weight: 500;
    letter-spacing: .16em;
    color: var(--ink);
    text-transform: uppercase;
    padding: 13px 28px;
    background: var(--gb);
    transition: background .2s;
}
.foremark-careers-container .ha-g:hover { background: var(--gl); }
.foremark-careers-container .hero-right { display: flex; flex-direction: column; gap: 2px; }
.foremark-careers-container .hv {
    border: 1px solid rgba(255,255,255,.07);
    background: rgba(255,255,255,.03);
    padding: 24px;
    display: flex;
    align-items: center;
    gap: 16px;
}
.foremark-careers-container .hv-n {
    font-family: var(--serif);
    font-size: 36px;
    color: var(--gl);
    line-height: 1;
    width: 80px;
}
.foremark-careers-container .hv-l {
    font-size: 13px;
    color: rgba(247,244,239,.45);
    line-height: 1.55;
    flex: 1;
}

/* ============================================
COUNTRY DIRECTOR PROGRAMME
============================================ */
.foremark-careers-container .cd-programme {
    padding: 88px 60px;
    border-bottom: 1px solid var(--line);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: start;
}
@media (max-width: 768px) {
    .foremark-careers-container .cd-programme {
        padding: 60px 24px;
        grid-template-columns: 1fr;
        gap: 40px;
    }
}
.foremark-careers-container .cdp-left p {
    font-size: 15px;
    color: var(--inkl);
    line-height: 1.8;
    margin-bottom: 20px;
}
.foremark-careers-container .cdp-right {
    background: var(--ink2);
    padding: 44px 40px;
    position: relative;
    overflow: hidden;
}
.foremark-careers-container .cdp-right::before {
    content: '';
    position: absolute;
    top: -40px;
    right: -40px;
    width: 180px;
    height: 180px;
    border: 36px solid rgba(154,120,48,.05);
    border-radius: 50%;
}
.foremark-careers-container .cdpr-label {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .24em;
    color: var(--gb);
    text-transform: uppercase;
    margin-bottom: 16px;
}
.foremark-careers-container .cdpr-title {
    font-family: var(--serif);
    font-size: 28px;
    color: #fff;
    margin-bottom: 16px;
}
.foremark-careers-container .cdpr-title em { font-style: normal; color: var(--gl); }
.foremark-careers-container .cdpr-desc {
    font-size: 13.5px;
    color: rgba(247,244,239,.45);
    line-height: 1.7;
    margin-bottom: 20px;
}
.foremark-careers-container .cdpr-items { display: flex; flex-direction: column; gap: 10px; margin-bottom: 24px; }
.foremark-careers-container .cdpri {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 13px;
    color: rgba(247,244,239,.6);
}
.foremark-careers-container .cdpri::before {
    content: '✓';
    font-family: var(--mono);
    font-size: 10px;
    color: var(--gb);
}
.foremark-careers-container .cdpr-cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: var(--mono);
    font-size: 9px;
    font-weight: 500;
    letter-spacing: .14em;
    color: var(--ink);
    text-transform: uppercase;
    padding: 12px 24px;
    background: var(--gb);
    transition: background .2s;
}
.foremark-careers-container .cdpr-cta:hover { background: var(--gl); }

/* ============================================
OPEN ROLES SECTION
============================================ */
.foremark-careers-container .open-roles {
    padding: 88px 60px;
    background: var(--bg1);
    border-bottom: 1px solid var(--line);
}
@media (max-width: 768px) {
    .foremark-careers-container .open-roles { padding: 60px 24px; }
}
.foremark-careers-container .roles-list {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-top: 52px;
}
.foremark-careers-container .role {
    border: 1px solid var(--line);
    background: var(--bg);
    overflow: hidden;
    position: relative;
}
.foremark-careers-container .role::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: linear-gradient(180deg, var(--g), var(--gl));
    opacity: 0;
    transition: opacity .3s;
}
.foremark-careers-container .role:hover::before { opacity: 1; }
.foremark-careers-container .role-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 24px 32px;
    cursor: pointer;
}
@media (max-width: 768px) {
    .foremark-careers-container .role-header {
        flex-direction: column;
        align-items: flex-start;
        padding: 20px 24px;
    }
}
.foremark-careers-container .rh-title {
    font-size: 15px;
    font-weight: 500;
    color: var(--ink);
    margin-bottom: 6px;
}
.foremark-careers-container .rh-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}
.foremark-careers-container .rh-type {
    font-family: var(--mono);
    font-size: 8.5px;
    letter-spacing: .12em;
    color: var(--gb);
    text-transform: uppercase;
}
.foremark-careers-container .rh-loc {
    font-family: var(--mono);
    font-size: 8.5px;
    letter-spacing: .1em;
    color: var(--inkg);
    text-transform: uppercase;
}
.foremark-careers-container .rh-status {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .14em;
    padding: 4px 10px;
    text-transform: uppercase;
}
.foremark-careers-container .rh-status.open {
    background: rgba(27,120,50,.1);
    color: #1b7832;
}
.foremark-careers-container .rh-status.soon {
    background: var(--gfill);
    color: var(--g);
}
.foremark-careers-container .rh-tog {
    font-family: var(--mono);
    font-size: 20px;
    color: var(--gb);
    transition: transform .25s;
}
.foremark-careers-container .role.open-r .rh-tog { transform: rotate(45deg); }
.foremark-careers-container .role-body {
    padding: 0 32px 28px;
    display: none;
    border-top: 1px solid var(--line);
}
.foremark-careers-container .role.open-r .role-body { display: block; }
.foremark-careers-container .role-body-inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 36px;
    padding-top: 24px;
}
@media (max-width: 768px) {
    .foremark-careers-container .role-body-inner {
        grid-template-columns: 1fr;
        gap: 24px;
    }
}
.foremark-careers-container .rb-section-title {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .2em;
    color: var(--gb);
    text-transform: uppercase;
    margin-bottom: 12px;
}
.foremark-careers-container .rb-desc {
    font-size: 13.5px;
    color: var(--inkl);
    line-height: 1.75;
    margin-bottom: 16px;
}
.foremark-careers-container .rb-list { display: flex; flex-direction: column; gap: 8px; }
.foremark-careers-container .rb-item {
    font-size: 13px;
    color: var(--inkl);
    display: flex;
    align-items: flex-start;
    gap: 10px;
    line-height: 1.55;
}
.foremark-careers-container .rb-item::before {
    content: '→';
    font-family: var(--mono);
    font-size: 10px;
    color: var(--gb);
}
.foremark-careers-container .role-apply {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid var(--line);
}
@media (max-width: 480px) {
    .foremark-careers-container .role-apply {
        flex-direction: column;
        align-items: flex-start;
    }
}
.foremark-careers-container .ra-cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: var(--mono);
    font-size: 9px;
    font-weight: 500;
    letter-spacing: .14em;
    color: #fff;
    text-transform: uppercase;
    padding: 12px 24px;
    background: var(--ink);
    transition: background .2s;
}
.foremark-careers-container .ra-cta:hover { background: var(--gb); }
.foremark-careers-container .ra-note {
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .08em;
    color: var(--inkg);
}

/* ============================================
NO FIT SECTION
============================================ */
.foremark-careers-container .no-fit {
    padding: 72px 60px;
    border-bottom: 1px solid var(--line);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: center;
}
@media (max-width: 768px) {
    .foremark-careers-container .no-fit {
        padding: 60px 24px;
        grid-template-columns: 1fr;
        gap: 40px;
    }
}
.foremark-careers-container .nf-left .sec-h {
    margin-bottom: 20px;
    font-size: clamp(24px, 4vw, 42px);
}
.foremark-careers-container .nf-left p {
    font-size: 15px;
    color: var(--inkl);
    line-height: 1.8;
    margin-bottom: 24px;
}
.foremark-careers-container .nf-cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: var(--mono);
    font-size: 9px;
    font-weight: 500;
    letter-spacing: .14em;
    color: #fff;
    text-transform: uppercase;
    padding: 13px 28px;
    background: var(--ink);
    position: relative;
    overflow: hidden;
}
.foremark-careers-container .nf-cta::before {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--gb);
    transform: translateX(-101%);
    transition: transform .3s;
}
.foremark-careers-container .nf-cta:hover::before { transform: translateX(0); }
.foremark-careers-container .nf-cta > * { position: relative; z-index: 1; }
.foremark-careers-container .nf-right {
    background: var(--bg1);
    border: 1px solid var(--line);
    padding: 36px 32px;
}
.foremark-careers-container .nfr-label {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .22em;
    color: var(--gb);
    text-transform: uppercase;
    margin-bottom: 16px;
}
.foremark-careers-container .nfr-title {
    font-family: var(--serif);
    font-size: 22px;
    color: var(--ink);
    margin-bottom: 10px;
}
.foremark-careers-container .nfr-email {
    font-size: 15px;
    color: var(--g);
    font-weight: 500;
    margin-bottom: 12px;
    word-break: break-all;
}
.foremark-careers-container .nfr-note {
    font-size: 13px;
    color: var(--inkl);
    line-height: 1.65;
}

/* Print Styles */
@media print {
    .foremark-careers-container .hero-acts,
    .foremark-careers-container .cdpr-cta,
    .foremark-careers-container .role-apply,
    .foremark-careers-container .nf-cta,
    .foremark-careers-container .rh-tog {
        display: none !important;
    }
    .foremark-careers-container .hero {
        background: white !important;
        color: black !important;
    }
    .foremark-careers-container .hero h1,
    .foremark-careers-container .hero h1 em {
        color: black !important;
    }
    .foremark-careers-container .role-body {
        display: block !important;
    }
}
/* ============================================
FOREMARK CORRIDOR BRIEF - COMPLETE CSS
FULLY RESPONSIVE - ALL DEVICES
============================================ */

:root {
    --forem-bg:#f7f4ef;
    --forem-bg1:#efebe3;
    --forem-bg2:#e5dfd5;
    --forem-ink:#131110;
    --forem-ink2:#2a2724;
    --forem-inkl:#5e5a55;
    --forem-inkg:#9b9690;
    --forem-gold:#b8922e;
    --forem-gold-l:#c9a84c;
    --forem-gold-d:#9a7830;
    --forem-gfill:rgba(184,146,46,.08);
    --forem-gborder:rgba(184,146,46,.22);
    --forem-line:rgba(19,17,16,.09);
    --forem-line2:rgba(19,17,16,.16);
    --forem-tight:'Inter Tight',sans-serif;
    --forem-sans:'Inter',sans-serif;
    --forem-mono:'DM Mono',monospace;
    --forem-ease:cubic-bezier(.4,0,.2,1);
}

.forem-cb *,
.forem-cb *::before,
.forem-cb *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.forem-cb {
    font-family: var(--forem-sans);
    background: var(--forem-bg);
    color: var(--forem-ink);
    overflow-x: hidden;
    width: 100%;
}

.forem-cb a { text-decoration: none; }
.forem-cb ul { list-style: none; }

.forem-cb h1, .forem-cb h2, .forem-cb h3, .forem-cb h4 {
    font-family: var(--forem-tight);
    font-style: normal;
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: -.03em;
}

/* Messages */
.forem-cb-message-wrap {
    max-width: 1400px;
    margin: 20px auto 0;
    padding: 0 24px;
}
.forem-cb-message {
    padding: 16px 20px;
    margin-bottom: 20px;
    border-radius: 4px;
    font-size: 14px;
    position: relative;
    z-index: 100;
}
.forem-cb-message.success {
    background: rgba(76,175,80,.15);
    border: 1px solid rgba(76,175,80,.3);
    color: #4caf50;
}
.forem-cb-message.error {
    background: rgba(244,67,54,.15);
    border: 1px solid rgba(244,67,54,.3);
    color: #f44336;
}

/* HERO */
.forem-cb-hero {
    background: var(--forem-ink);
    padding: 60px 24px 50px;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid rgba(255,255,255,.06);
}
.forem-cb-hero::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: repeating-linear-gradient(0deg, transparent, transparent 64px, rgba(255,255,255,.018) 64px, rgba(255,255,255,.018) 65px);
    pointer-events: none;
}
.forem-cb-hero::after {
    content: 'BRIEF';
    font-family: var(--forem-tight);
    font-weight: 900;
    font-size: 160px;
    color: rgba(255,255,255,.018);
    position: absolute;
    right: -20px;
    bottom: -40px;
    line-height: 1;
    pointer-events: none;
    letter-spacing: -.05em;
}
.forem-cb-hero-inner {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
    align-items: center;
    position: relative;
    z-index: 1;
}
.forem-cb-hero-tag {
    font-family: var(--forem-mono);
    font-size: 7px;
    letter-spacing: .28em;
    color: var(--forem-gold);
    text-transform: uppercase;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.forem-cb-hero-tag::before {
    content: '';
    display: block;
    width: 20px;
    height: 1.5px;
    background: var(--forem-gold);
}
.forem-cb-hero h1 {
    font-size: clamp(40px, 8vw, 88px);
    color: #fff;
    margin-bottom: 16px;
    line-height: 1.0;
}
.forem-cb-hero-sub {
    font-size: 15px;
    color: rgba(247,244,239,.52);
    line-height: 1.65;
    max-width: 100%;
    margin-bottom: 28px;
}
.forem-cb-hero-acts {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.forem-cb-ha-gold {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-family: var(--forem-mono);
    font-size: 9px;
    font-weight: 500;
    letter-spacing: .14em;
    color: var(--forem-ink);
    text-transform: uppercase;
    padding: 12px 24px;
    background: var(--forem-gold);
    transition: background .22s;
    text-align: center;
}
.forem-cb-ha-gold:hover { background: var(--forem-gold-l); }
.forem-cb-ha-ghost {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-family: var(--forem-mono);
    font-size: 9px;
    font-weight: 500;
    letter-spacing: .14em;
    color: rgba(247,244,239,.55);
    text-transform: uppercase;
    padding: 11px 24px;
    border: 1px solid rgba(255,255,255,.15);
    transition: all .22s;
    text-align: center;
}
.forem-cb-ha-ghost:hover {
    color: #fff;
    border-color: rgba(255,255,255,.35);
}

/* Issue Card */
.forem-cb-issue-card {
    border: 1px solid rgba(184,146,46,.28);
    background: rgba(184,146,46,.06);
    overflow: hidden;
}
.forem-cb-ic-header {
    background: var(--forem-gold);
    padding: 14px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
}
.forem-cb-ic-header-label {
    font-family: var(--forem-mono);
    font-size: 7px;
    letter-spacing: .22em;
    color: rgba(19,17,16,.7);
    text-transform: uppercase;
}
.forem-cb-ic-header-issue {
    font-family: var(--forem-mono);
    font-size: 8px;
    letter-spacing: .14em;
    color: var(--forem-ink);
    font-weight: 500;
}
.forem-cb-ic-body { padding: 24px 20px; }
.forem-cb-ic-month {
    font-family: var(--forem-tight);
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 4px;
}
.forem-cb-ic-edition {
    font-family: var(--forem-mono);
    font-size: 8px;
    letter-spacing: .14em;
    color: rgba(184,146,46,.7);
    text-transform: uppercase;
    margin-bottom: 16px;
}
.forem-cb-ic-stories { display: flex; flex-direction: column; gap: 0; }
.forem-cb-ic-story {
    padding: 12px 0;
    border-bottom: 1px solid rgba(255,255,255,.07);
    display: flex;
    align-items: flex-start;
    gap: 10px;
}
.forem-cb-ic-story:last-child { border-bottom: none; padding-bottom: 0; }
.forem-cb-ic-flag { font-size: 14px; flex-shrink: 0; margin-top: 1px; }
.forem-cb-ic-story-label {
    font-family: var(--forem-mono);
    font-size: 7px;
    letter-spacing: .16em;
    color: var(--forem-gold-l);
    text-transform: uppercase;
    margin-bottom: 3px;
}
.forem-cb-ic-story-title {
    font-size: 12px;
    color: rgba(247,244,239,.8);
    line-height: 1.5;
    font-weight: 500;
}
.forem-cb-ic-footer {
    padding: 14px 20px;
    border-top: 1px solid rgba(255,255,255,.06);
    background: rgba(0,0,0,.15);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
}
.forem-cb-ic-pages {
    font-family: var(--forem-mono);
    font-size: 8px;
    letter-spacing: .1em;
    color: rgba(247,244,239,.3);
}
.forem-cb-ic-badge {
    font-family: var(--forem-mono);
    font-size: 7px;
    letter-spacing: .14em;
    color: var(--forem-gold-l);
    text-transform: uppercase;
    border: 1px solid rgba(184,146,46,.3);
    padding: 2px 8px;
}

/* STATS BAR */
.forem-cb-stats-bar {
    background: var(--forem-bg1);
    border-bottom: 1px solid var(--forem-line);
    display: grid;
    grid-template-columns: repeat(2,1fr);
}
.forem-cb-stat {
    padding: 24px 20px;
    border-right: 1px solid var(--forem-line);
    text-align: center;
}
.forem-cb-stat:nth-child(2) { border-right: none; }
.forem-cb-stat-n {
    font-family: var(--forem-tight);
    font-size: 32px;
    font-weight: 800;
    color: var(--forem-ink);
    line-height: 1;
    margin-bottom: 4px;
    letter-spacing: -.03em;
}
.forem-cb-stat-n span { color: var(--forem-gold); }
.forem-cb-stat-l {
    font-family: var(--forem-mono);
    font-size: 7.5px;
    letter-spacing: .14em;
    color: var(--forem-inkg);
    text-transform: uppercase;
    line-height: 1.4;
}

/* Section Label */
.forem-cb-sec-label {
    font-family: var(--forem-mono);
    font-size: 7px;
    letter-spacing: .28em;
    font-weight: 500;
    color: var(--forem-gold);
    text-transform: uppercase;
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.forem-cb-sec-label::before {
    content: '';
    display: block;
    width: 16px;
    height: 1.5px;
    background: var(--forem-gold);
}
.forem-cb-sec-h {
    font-family: var(--forem-tight);
    font-size: clamp(28px, 6vw, 52px);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: -.03em;
    color: var(--forem-ink);
    margin-bottom: 0;
}

/* WHAT IS IT */
.forem-cb-what {
    padding: 48px 24px;
    border-bottom: 1px solid var(--forem-line);
}
.forem-cb-what-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 48px;
    margin-top: 36px;
}
.forem-cb-what-desc {
    font-size: 14px;
    color: var(--forem-inkl);
    line-height: 1.7;
    margin-bottom: 16px;
}
.forem-cb-what-item {
    border: 1px solid var(--forem-line);
    background: var(--forem-bg);
    padding: 20px;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    transition: border-color .2s,background .2s;
}
.forem-cb-what-item:hover {
    background: var(--forem-bg1);
    border-color: var(--forem-line2);
}
.forem-cb-wi-icon { font-size: 20px; flex-shrink: 0; margin-top: 2px; }
.forem-cb-wi-title {
    font-family: var(--forem-tight);
    font-size: 14px;
    font-weight: 700;
    color: var(--forem-ink);
    margin-bottom: 4px;
    letter-spacing: -.01em;
}
.forem-cb-wi-desc {
    font-size: 12.5px;
    color: var(--forem-inkl);
    line-height: 1.6;
}

/* WHAT'S INSIDE */
.forem-cb-inside {
    padding: 48px 24px;
    background: var(--forem-bg1);
    border-bottom: 1px solid var(--forem-line);
}
.forem-cb-inside-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-top: 36px;
}
.forem-cb-inside-block {
    background: var(--forem-bg);
    border: 1px solid var(--forem-line);
    padding: 24px;
    position: relative;
    overflow: hidden;
    transition: border-color .2s,background .2s;
}
.forem-cb-inside-block:hover {
    background: var(--forem-bg2);
    border-color: var(--forem-line2);
}
.forem-cb-inside-block::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--forem-gold);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .32s var(--forem-ease);
}
.forem-cb-inside-block:hover::after { transform: scaleX(1); }
.forem-cb-ib-num {
    font-family: var(--forem-mono);
    font-size: 7.5px;
    letter-spacing: .22em;
    color: var(--forem-gold);
    text-transform: uppercase;
    margin-bottom: 10px;
}
.forem-cb-ib-title {
    font-family: var(--forem-tight);
    font-size: 16px;
    font-weight: 700;
    color: var(--forem-ink);
    margin-bottom: 8px;
    line-height: 1.2;
    letter-spacing: -.02em;
}
.forem-cb-ib-desc {
    font-size: 12.5px;
    color: var(--forem-inkl);
    line-height: 1.65;
    margin-bottom: 12px;
}
.forem-cb-ib-example {
    font-family: var(--forem-mono);
    font-size: 9px;
    letter-spacing: .06em;
    color: var(--forem-inkg);
    border-left: 2px solid var(--forem-gold);
    padding-left: 10px;
    font-style: italic;
}

/* TIERS */
.forem-cb-tiers {
    padding: 48px 24px;
    border-bottom: 1px solid var(--forem-line);
}
.forem-cb-tiers-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    margin-top: 36px;
}
.forem-cb-tier {
    background: var(--forem-bg);
    border: 1px solid var(--forem-line);
    padding: 32px 24px;
    position: relative;
    overflow: hidden;
}
.forem-cb-tier.featured {
    background: var(--forem-ink);
    border-color: var(--forem-ink);
}
.forem-cb-tier-bar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--forem-gold);
}
.forem-cb-tier-badge {
    font-family: var(--forem-mono);
    font-size: 7px;
    letter-spacing: .22em;
    background: var(--forem-gold);
    color: #fff;
    padding: 3px 8px;
    text-transform: uppercase;
    margin-bottom: 20px;
    display: inline-block;
}
.forem-cb-tier-badge.muted {
    background: transparent;
    border: 1px solid var(--forem-line2);
    color: var(--forem-inkg);
}
.forem-cb-tier-name {
    font-family: var(--forem-tight);
    font-size: 22px;
    font-weight: 800;
    color: var(--forem-ink);
    margin-bottom: 6px;
    letter-spacing: -.03em;
}
.forem-cb-tier.featured .forem-cb-tier-name { color: #fff; }
.forem-cb-tier-price {
    font-family: var(--forem-tight);
    font-size: 44px;
    font-weight: 900;
    color: var(--forem-gold);
    line-height: 1;
    letter-spacing: -.04em;
    margin-bottom: 4px;
}
.forem-cb-tier.featured .forem-cb-tier-price { color: var(--forem-gold-l); }
.forem-cb-tier-period {
    font-family: var(--forem-mono);
    font-size: 8px;
    letter-spacing: .12em;
    color: var(--forem-inkg);
    text-transform: uppercase;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--forem-line);
}
.forem-cb-tier.featured .forem-cb-tier-period {
    color: rgba(247,244,239,.3);
    border-color: rgba(247,244,239,.08);
}
.forem-cb-tier-desc {
    font-size: 12.5px;
    color: var(--forem-inkl);
    line-height: 1.65;
    margin-bottom: 20px;
}
.forem-cb-tier.featured .forem-cb-tier-desc { color: rgba(247,244,239,.5); }
.forem-cb-tier-items {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 28px;
}
.forem-cb-ti {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 12.5px;
    color: var(--forem-inkl);
    line-height: 1.45;
}
.forem-cb-tier.featured .forem-cb-ti { color: rgba(247,244,239,.6); }
.forem-cb-ti::before {
    content: '✓';
    font-family: var(--forem-mono);
    font-size: 9px;
    color: var(--forem-gold);
    flex-shrink: 0;
    margin-top: 1px;
}
.forem-cb-tier.featured .forem-cb-ti::before { color: var(--forem-gold-l); }
.forem-cb-tier-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-family: var(--forem-mono);
    font-size: 8.5px;
    font-weight: 500;
    letter-spacing: .14em;
    text-transform: uppercase;
    padding: 12px 20px;
    transition: all .22s;
    width: 100%;
}
.forem-cb-tier-cta.dark {
    background: var(--forem-ink);
    color: #fff;
}
.forem-cb-tier-cta.dark:hover { background: var(--forem-gold); }
.forem-cb-tier-cta.gold {
    background: var(--forem-gold);
    color: #fff;
}
.forem-cb-tier-cta.gold:hover { background: var(--forem-gold-l); }

/* WHO IT'S FOR */
.forem-cb-who {
    padding: 48px 24px;
    border-bottom: 1px solid var(--forem-line);
}
.forem-cb-who-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-top: 36px;
}
.forem-cb-who-block {
    border: 1px solid var(--forem-line);
    background: var(--forem-bg);
    padding: 24px 20px;
    transition: background .2s,border-color .2s;
}
.forem-cb-who-block:hover {
    background: var(--forem-bg1);
    border-color: var(--forem-line2);
}
.forem-cb-wb-icon { font-size: 22px; margin-bottom: 10px; display: block; }
.forem-cb-wb-title {
    font-family: var(--forem-tight);
    font-size: 14px;
    font-weight: 700;
    color: var(--forem-ink);
    margin-bottom: 6px;
    letter-spacing: -.01em;
}
.forem-cb-wb-desc {
    font-size: 12px;
    color: var(--forem-inkl);
    line-height: 1.6;
}

/* SUBSCRIBE FORM */
.forem-cb-subscribe {
    padding: 48px 24px;
    background: var(--forem-ink);
    border-bottom: 1px solid rgba(255,255,255,.06);
}
.forem-cb-sub-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
    align-items: center;
}
.forem-cb-sub-tag {
    font-family: var(--forem-mono);
    font-size: 7px;
    letter-spacing: .28em;
    color: var(--forem-gold);
    text-transform: uppercase;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.forem-cb-sub-tag::before {
    content: '';
    display: block;
    width: 16px;
    height: 1.5px;
    background: var(--forem-gold);
}
.forem-cb-sub-h {
    font-family: var(--forem-tight);
    font-size: clamp(28px, 6vw, 54px);
    font-weight: 800;
    color: #fff;
    line-height: 1.05;
    letter-spacing: -.03em;
    margin-bottom: 16px;
}
.forem-cb-sub-desc {
    font-size: 14px;
    color: rgba(247,244,239,.45);
    line-height: 1.7;
    margin-bottom: 24px;
}
.forem-cb-sub-proof { display: flex; flex-direction: column; gap: 10px; }
.forem-cb-sp-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 12.5px;
    color: rgba(247,244,239,.45);
}
.forem-cb-sp-item::before {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--forem-gold);
    flex-shrink: 0;
}
.forem-cb-sub-right {
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.08);
    padding: 32px 24px;
}
.forem-cb-form-label {
    font-family: var(--forem-mono);
    font-size: 7px;
    letter-spacing: .24em;
    color: var(--forem-gold);
    text-transform: uppercase;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.forem-cb-form-label::before {
    content: '';
    display: block;
    width: 12px;
    height: 1px;
    background: var(--forem-gold);
}
.forem-cb-form-title {
    font-family: var(--forem-tight);
    font-size: 22px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 6px;
    letter-spacing: -.02em;
}
.forem-cb-form-sub {
    font-size: 12px;
    color: rgba(247,244,239,.38);
    margin-bottom: 24px;
    line-height: 1.5;
}
.forem-cb-form-plans {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-bottom: 16px;
}
.forem-cb-plan-opt { display: none; }
.forem-cb-plan-opt:checked + .forem-cb-plan-card {
    border-color: var(--forem-gold);
    background: rgba(184,146,46,.1);
}
.forem-cb-plan-card {
    border: 1px solid rgba(255,255,255,.1);
    background: rgba(255,255,255,.03);
    padding: 10px 12px;
    cursor: pointer;
    transition: all .2s;
    display: block;
}
.forem-cb-plan-card:hover { border-color: rgba(255,255,255,.25); }
.forem-cb-plan-name {
    font-family: var(--forem-mono);
    font-size: 7px;
    letter-spacing: .16em;
    color: rgba(247,244,239,.5);
    text-transform: uppercase;
    margin-bottom: 2px;
}
.forem-cb-plan-price {
    font-family: var(--forem-tight);
    font-size: 15px;
    font-weight: 800;
    color: #fff;
    letter-spacing: -.02em;
}
.forem-cb-plan-per {
    font-family: var(--forem-mono);
    font-size: 7px;
    letter-spacing: .1em;
    color: rgba(247,244,239,.3);
    display: block;
}
.forem-cb-form-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 25px;
    margin-bottom: 10px;
}
.forem-cb-fi {
    width: 100%;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.1);
    color: rgba(247,244,239,.85);
    font-family: var(--forem-sans);
    font-size: 13px;
    padding: 11px 12px;
    outline: none;
    transition: border-color .2s;
    -webkit-appearance: none;
}
.forem-cb-fi:focus { border-color: rgba(184,146,46,.5); }
.forem-cb-fi::placeholder { color: rgba(247,244,239,.25); }
.forem-cb-form-submit {
    width: 100% !important;
    font-family: var(--forem-mono) !important;
    font-size: 9px !important;
    font-weight: 500 !important;
    letter-spacing: .16em !important;
    text-transform: uppercase !important;
    color: #fff !important;
    background: var(--forem-gold) !important;
    padding: 13px 24px !important;
    border: none !important;
    cursor: pointer !important;
    transition: background .22s !important;
    margin-top: 8px !important;
}
/* ============================================
FM-RELOAD-BTN - Complete CSS
============================================ */

.foremark-contact-wrapper .fm-reload-btn {
    margin-top: 24px;
    padding: 12px 28px;
    background: var(--fm-ink);
    color: #fff;
    border: none;
    font-family: var(--fm-mono);
    font-size: 9px;
    letter-spacing: 0.12em;
    cursor: pointer;
    transition: all 0.25s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-transform: uppercase;
    font-weight: 500;
    position: relative;
    overflow: hidden;
}

/* Hover effect */
.foremark-contact-wrapper .fm-reload-btn:hover {
    background: var(--fm-gold);
    color: var(--fm-ink);
    transform: translateY(-2px);
}

/* Active/Click effect */
.foremark-contact-wrapper .fm-reload-btn:active {
    transform: translateY(0);
}

/* Focus effect for accessibility */
.foremark-contact-wrapper .fm-reload-btn:focus {
    outline: 2px solid var(--fm-gold);
    outline-offset: 2px;
}

/* Disabled state */
.foremark-contact-wrapper .fm-reload-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

/* Optional: Add arrow after text */
.foremark-contact-wrapper .fm-reload-btn::after {
    content: '↻';
    font-size: 11px;
    transition: transform 0.2s ease;
}

/* Hover rotate effect */
.foremark-contact-wrapper .fm-reload-btn:hover::after {
    transform: rotate(180deg);
}

/* Mobile responsive */
@media (max-width: 480px) {
    .foremark-contact-wrapper .fm-reload-btn {
        padding: 10px 20px;
        font-size: 8px;
        width: 100%;
        justify-content: center;
    }
}

/* Dark mode support (if needed) */
@media (prefers-color-scheme: dark) {
    .foremark-contact-wrapper .fm-reload-btn {
        background: var(--fm-ink);
        color: #fff;
    }
    .foremark-contact-wrapper .fm-reload-btn:hover {
        background: var(--fm-gold-l);
        color: var(--fm-ink);
    }
}
.forem-cb-form-submit:hover {
    background: var(--forem-gold-l) !important;
}
.forem-cb-form-note {
    font-family: var(--forem-mono);
    font-size: 7.5px;
    letter-spacing: .06em;
    color: rgba(247,244,239,.2);
    text-align: center;
    margin-top: 10px;
}

/* FAQ */
.forem-cb-faqs {
    padding: 48px 24px;
    background: var(--forem-bg1);
    border-bottom: 1px solid var(--forem-line);
}
.forem-cb-faq-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 36px;
}
.forem-cb-faq {
    border: 1px solid var(--forem-line);
    background: var(--forem-bg);
    overflow: hidden;
}
.forem-cb-faq-q {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 18px;
    cursor: pointer;
    transition: background .2s;
}
.forem-cb-faq-q:hover { background: var(--forem-bg2); }
.forem-cb-fq-text {
    font-size: 13px;
    font-weight: 500;
    color: var(--forem-ink);
    line-height: 1.4;
}
.forem-cb-fq-tog {
    font-family: var(--forem-mono);
    font-size: 18px;
    color: var(--forem-gold);
    transition: transform .25s var(--forem-ease);
    flex-shrink: 0;
}
.forem-cb-faq.open .forem-cb-fq-tog { transform: rotate(45deg); }
.forem-cb-faq-a {
    padding: 0 18px 18px;
    display: none;
    font-size: 12.5px;
    color: var(--forem-inkl);
    line-height: 1.7;
}
.forem-cb-faq.open .forem-cb-faq-a { display: block; }

/* RESPONSIVE BREAKPOINTS */
@media (min-width: 768px) {
    .forem-cb-hero { padding: 80px 40px 70px; }
    .forem-cb-hero::after { font-size: 220px; right: -30px; bottom: -50px; }
    .forem-cb-hero-inner { grid-template-columns: 1fr 380px; gap: 50px; }
    .forem-cb-hero-sub { font-size: 16px; max-width: 500px; }
    .forem-cb-hero-acts { flex-direction: row; }
    .forem-cb-ha-gold, .forem-cb-ha-ghost { justify-content: flex-start; }
    .forem-cb-stats-bar { grid-template-columns: repeat(4,1fr); }
    .forem-cb-stat { padding: 28px 20px; }
    .forem-cb-stat:nth-child(2) { border-right: 1px solid var(--forem-line); }
    .forem-cb-stat:nth-child(4) { border-right: none; }
    .forem-cb-stat-n { font-size: 36px; }
    .forem-cb-stat-l { font-size: 8px; }
    .forem-cb-what { padding: 70px 40px; }
    .forem-cb-what-grid { grid-template-columns: 1fr 1fr; gap: 50px; }
    .forem-cb-what-desc { font-size: 15px; }
    .forem-cb-inside { padding: 70px 40px; }
    .forem-cb-inside-grid { grid-template-columns: repeat(2,1fr); gap: 2px; }
    .forem-cb-inside-block { padding: 28px 24px; }
    .forem-cb-tiers { padding: 70px 40px; }
    .forem-cb-tiers-grid { grid-template-columns: repeat(3,1fr); gap: 2px; }
    .forem-cb-tier { padding: 36px 28px; }
    .forem-cb-tier-name { font-size: 24px; }
    .forem-cb-tier-price { font-size: 48px; }
    .forem-cb-who { padding: 70px 40px; }
    .forem-cb-who-grid { grid-template-columns: repeat(2,1fr); gap: 2px; }
    .forem-cb-who-block { padding: 28px 24px; }
    .forem-cb-subscribe { padding: 70px 40px; }
    .forem-cb-sub-grid { grid-template-columns: 1fr 1fr; gap: 50px; }
    .forem-cb-sub-right { padding: 36px 32px; }
    .forem-cb-form-row { grid-template-columns: 1fr 1fr; }
    .forem-cb-faqs { padding: 70px 40px; }
    .forem-cb-faq-list { grid-template-columns: repeat(2,1fr); gap: 2px; }
}
@media (min-width: 1024px) {
    .forem-cb-hero { padding: 100px 60px 90px; }
    .forem-cb-hero-inner { grid-template-columns: 1fr 460px; gap: 80px; }
    .forem-cb-hero::after { font-size: 320px; }
    .forem-cb-stat-l { font-size: 8.5px; }
    .forem-cb-what { padding: 88px 60px; }
    .forem-cb-what-grid { gap: 80px; }
    .forem-cb-inside { padding: 88px 60px; }
    .forem-cb-inside-grid { grid-template-columns: repeat(3,1fr); }
    .forem-cb-tiers { padding: 88px 60px; }
    .forem-cb-who { padding: 88px 60px; }
    .forem-cb-who-grid { grid-template-columns: repeat(4,1fr); }
    .forem-cb-subscribe { padding: 88px 60px; }
    .forem-cb-sub-grid { gap: 80px; }
    .forem-cb-faqs { padding: 80px 60px; }
}
/* ============================================
FOREMARK TERMS OF BUSINESS - COMPLETE CSS
FULLY RESPONSIVE - ALL DEVICES
============================================ */

/* CSS Variables */
.foremark-terms-container {
    --bg: #f7f4ef;
    --bg1: #efebe3;
    --bg2: #e5dfd5;
    --ink: #131110;
    --ink2: #2a2724;
    --inkl: #5e5a55;
    --inkg: #9b9690;
    --g: #9a7830;
    --gb: #b8922e;
    --gl: #c9a84c;
    --gfill: rgba(154,120,48,.07);
    --gborder: rgba(154,120,48,.22);
    --line: rgba(19,17,16,.09);
    --line2: rgba(19,17,16,.16);
    --line3: rgba(19,17,16,.28);
    --serif: 'Inter Tight', sans-serif;
    --head: 'Inter Tight', sans-serif;
    --sans: 'Inter', sans-serif;
    --mono: 'DM Mono', monospace;
    --ease: cubic-bezier(.4,0,.2,1);
    
    font-family: var(--sans);
    background: var(--bg);
    color: var(--ink);
    max-width: 100%;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Reset */
.foremark-terms-container * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* ============================================
HERO SECTION
============================================ */
.foremark-terms-container .terms-hero {
    background: var(--ink);
    padding: 80px 60px;
    border-bottom: 1px solid rgba(247,244,239,.08);
    position: relative;
    overflow: hidden;
}
@media (max-width: 768px) {
    .foremark-terms-container .terms-hero {
        padding: 48px 24px;
    }
}

.foremark-terms-container .terms-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: repeating-linear-gradient(90deg, transparent, transparent 90px, rgba(255,255,255,.015) 90px, rgba(255,255,255,.015) 91px);
    pointer-events: none;
}

.foremark-terms-container .terms-hero-inner {
    max-width: 720px;
    position: relative;
    z-index: 1;
}

.foremark-terms-container .terms-eyebrow {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .28em;
    color: var(--gb);
    text-transform: uppercase;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.foremark-terms-container .terms-eyebrow::before {
    content: '';
    display: block;
    width: 20px;
    height: 1.5px;
    background: var(--gb);
}

.foremark-terms-container .terms-hero h1 {
    font-family: var(--head);
    font-size: clamp(36px, 4.5vw, 60px);
    font-weight: 700;
    color: #fff;
    line-height: 1.04;
    letter-spacing: -.03em;
    margin-bottom: 16px;
}

.foremark-terms-container .terms-hero h1 em {
    font-style: normal;
    font-family: var(--serif);
    font-weight: 400;
    color: var(--gl);
}

.foremark-terms-container .terms-hero p {
    font-size: 15px;
    color: rgba(247,244,239,.45);
    line-height: 1.8;
}

/* ============================================
MAIN CONTENT
============================================ */
.foremark-terms-container .terms-main {
    padding: 80px 60px;
    border-bottom: 1px solid var(--line);
}
@media (max-width: 768px) {
    .foremark-terms-container .terms-main {
        padding: 48px 24px;
    }
}

.foremark-terms-container .terms-grid {
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 72px;
    align-items: start;
}
@media (max-width: 1100px) {
    .foremark-terms-container .terms-grid {
        grid-template-columns: 1fr !important;
        gap: 40px !important;
    }
}

/* ============================================
SIDEBAR NAVIGATION
============================================ */
.foremark-terms-container .terms-sidebar {
    position: sticky;
    top: 100px;
}
@media (max-width: 1100px) {
    .foremark-terms-container .terms-sidebar {
        position: relative;
        top: 0;
    }
}

.foremark-terms-container .terms-sidebar-title {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--gb);
    margin-bottom: 16px;
}

.foremark-terms-container .terms-sidebar-item {
    font-family: var(--sans);
    font-size: 13px;
    color: var(--inkg);
    padding: 8px 0;
    border-bottom: 1px solid var(--line);
    line-height: 1.4;
    cursor: pointer;
    transition: color 0.2s ease;
}

.foremark-terms-container .terms-sidebar-item:hover {
    color: var(--gb);
}

.foremark-terms-container .terms-sidebar-item.active {
    color: var(--gb);
    font-weight: 500;
}

/* ============================================
CONTENT SECTIONS
============================================ */
.foremark-terms-container .terms-content {
    max-width: 760px;
}

.foremark-terms-container .terms-section {
    margin-bottom: 40px;
    scroll-margin-top: 100px;
}

.foremark-terms-container .terms-section h3 {
    font-family: var(--head);
    font-size: 17px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--line);
}

.foremark-terms-container .terms-section p {
    font-size: 14.5px;
    color: var(--inkl);
    line-height: 1.85;
    margin-bottom: 14px;
}

.foremark-terms-container .terms-section p strong {
    color: var(--ink);
    font-weight: 500;
}

/* ============================================
CONTACT BAR
============================================ */
.foremark-terms-container .terms-contact-bar {
    padding: 48px 60px;
    background: var(--bg1);
    border-bottom: 1px solid var(--line);
}
@media (max-width: 768px) {
    .foremark-terms-container .terms-contact-bar {
        padding: 32px 24px;
    }
}

.foremark-terms-container .terms-contact-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}
@media (max-width: 768px) {
    .foremark-terms-container .terms-contact-inner {
        flex-direction: column;
        align-items: flex-start;
    }
}

.foremark-terms-container .terms-contact-label {
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--gb);
    margin-bottom: 6px;
}

.foremark-terms-container .terms-contact-text {
    font-size: 14px;
    color: var(--inkl);
}

.foremark-terms-container .terms-contact-text a {
    color: var(--gb);
    text-decoration: none !important;
    transition: opacity 0.2s;
}

.foremark-terms-container .terms-contact-text a:hover {
    opacity: 0.8;
}

.foremark-terms-container .terms-last-updated {
    font-family: var(--mono);
    font-size: 8.5px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--inkg);
}

/* ============================================
SMOOTH SCROLL
============================================ */
html {
    scroll-behavior: smooth;
}

/* ============================================
PRINT STYLES
============================================ */
@media print {
    .foremark-terms-container .terms-sidebar,
    .foremark-terms-container .terms-contact-bar {
        display: none !important;
    }
    .foremark-terms-container .terms-main {
        padding: 40px !important;
    }
    .foremark-terms-container .terms-grid {
        display: block !important;
    }
    .foremark-terms-container .terms-section {
        break-inside: avoid;
        page-break-inside: avoid;
    }
}
/* ============================================
FOREMARK PARTNER EOI - COMPLETE CSS
============================================ */

:root {
    --fm-bg:          #f7f4ef;
    --fm-surface:     #ffffff;
    --fm-surface2:    #eeebe3;
    --fm-border:      rgba(20,18,16,0.11);
    --fm-text:        #141210;
    --fm-muted:       #4a4742;
    --fm-dim:         #7a7770;
    --fm-gold:        #9a7830;
    --fm-gold-dim:    rgba(154,120,48,0.08);
    --fm-gold-border: rgba(154,120,48,0.28);
    --fm-red:         #c0392b;
    --fm-green:       #2e6b3e;
    --fm-cd:          #1a4a8b;
    --fm-fp:          #9a7830;
    --fm-sp:          #5a3e7a;
}

.fm-eoi-wrap {
    font-family: 'Inter', sans-serif;
    background: var(--fm-bg);
    color: var(--fm-text);
    min-height: 100vh;
    overflow-x: hidden;
}

.fm-eoi-wrap * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* ─────────────────────────────────────────────
   HERO SECTION
   ───────────────────────────────────────────── */
.fm-hero {
    position: relative;
    background: #0f0d0b;
    overflow: hidden;
}

.fm-hero-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 520px;
}

.fm-hero-left {
    padding: 72px 0px 20px 48px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 2;
}

.fm-hero-right {
    position: relative;
    overflow: hidden;
}

.fm-hero-visual {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #1a1410 0%, #2a1f10 40%, #1a1208 100%);
    padding: 40px;
}

.fm-hero-right-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, #0f0d0b 0%, transparent 60%);
}

.fm-hero-eyebrow {
    font-size: 10px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--fm-gold);
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 24px;
    font-family: 'DM Mono', monospace;
}

.fm-hero-eyebrow::before {
    content: '';
    width: 24px;
    height: 1px;
    background: var(--fm-gold);
}

.fm-hero-h1 {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(32px, 4vw, 52px);
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -0.02em;
    color: #f5f0e8;
    margin-bottom: 22px;
}

.fm-hero-h1 em {
    color: var(--fm-gold);
    font-style: italic;
}

.fm-hero-sub {
    font-size: 14px;
    color: rgba(245, 240, 232, 0.55);
    line-height: 1.75;
    max-width: 380px;
    margin-bottom: 36px;
}

.fm-hero-stats {
    display: flex;
    gap: 32px;
    margin-bottom: 40px;
}

.fm-hero-stat-val {
    font-family: 'DM Mono', monospace;
    font-size: 24px;
    font-weight: 700;
    color: var(--fm-gold);
    line-height: 1;
}

.fm-hero-stat-label {
    font-size: 10px;
    color: rgba(245, 240, 232, 0.45);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-top: 4px;
}

.fm-hero-divider {
    width: 1px;
    background: rgba(154, 120, 48, 0.2);
}

.fm-hero-cta {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: var(--fm-gold);
    color: #0b0b0b;
    font-size: 13px;
    font-weight: 600;
    padding: 14px 28px;
    border: none;
    cursor: pointer;
    letter-spacing: 0.01em;
    transition: background 0.2s;
}

.fm-hero-cta:hover {
    background: #c9a86c;
}

.fm-hero-cta-arr {
    font-size: 16px;
    transition: transform 0.18s;
}

.fm-hero-cta:hover .fm-hero-cta-arr {
    transform: translateX(3px);
}

.fm-hero-badge-row {
    display: flex;
    gap: 12px;
    margin-top: 28px;
    flex-wrap: wrap;
}

.fm-hero-badge {
    font-size: 10px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(245, 240, 232, 0.35);
    border: 1px solid rgba(154, 120, 48, 0.18);
    padding: 5px 12px;
    font-family: 'DM Mono', monospace;
}

/* ─────────────────────────────────────────────
   TICKER SECTION
   ───────────────────────────────────────────── */
.fm-ticker {
    background: #0f0d0b;
    border-top: 1px solid rgba(154, 120, 48, 0.15);
    border-bottom: 1px solid rgba(154, 120, 48, 0.15);
    overflow: hidden;
    height: 38px;
    display: flex;
    align-items: center;
}

.fm-ticker-track {
    display: flex;
    gap: 0;
    animation: fm-tick 28s linear infinite;
    white-space: nowrap;
}

.fm-ticker-item {
    font-family: 'DM Mono', monospace;
    font-size: 10px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(154, 120, 48, 0.55);
    padding: 0 36px;
}

.fm-ticker-item span {
    color: rgba(154, 120, 48, 0.3);
    margin: 0 8px;
}

@keyframes fm-tick {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* ─────────────────────────────────────────────
   FORM CONTAINER
   ───────────────────────────────────────────── */
.fm-eoi-container {
    max-width: 1300px;
    margin: 0 auto;
    padding: 36px 24px 72px;
    position: relative;
}

.fm-eoi-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--fm-border);
    margin-bottom: 44px;
}

.fm-eoi-logo {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--fm-text);
    text-decoration: none;
}

.fm-eoi-logo sup {
    color: var(--fm-gold);
    font-size: 9px;
}

.fm-eoi-badge {
    font-family: 'DM Mono', monospace;
    font-size: 9px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--fm-muted);
    border: 1px solid var(--fm-border);
    padding: 4px 10px;
}

.fm-eoi-intro {
    margin-bottom: 36px;
}

.fm-eoi-eyebrow {
    font-family: 'DM Mono', monospace;
    font-size: 10px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--fm-gold);
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
}

.fm-eoi-eyebrow::before {
    content: '';
    width: 20px;
    height: 1px;
    background: var(--fm-gold);
}

.fm-eoi-intro h1 {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(30px, 5vw, 44px);
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.02em;
    margin-bottom: 14px;
}

.fm-eoi-intro h1 em {
    color: var(--fm-gold);
}

.fm-eoi-intro p {
    font-size: 13.5px;
    color: var(--fm-muted);
    line-height: 1.7;
    max-width: 500px;
}

/* ─────────────────────────────────────────────
   ROLE CARDS
   ───────────────────────────────────────────── */
.fm-eoi-role-label {
    font-family: 'DM Mono', monospace;
    font-size: 10px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--fm-muted);
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.fm-eoi-role-label .req {
    color: var(--fm-gold);
    font-size: 12px;
}

.fm-eoi-role-cards {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
    margin-bottom: 36px;
}

.fm-eoi-role-card {
    position: relative;
}

.fm-eoi-role-card input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.fm-eoi-role-card label {
    display: flex;
    flex-direction: column;
    padding: 18px 14px 16px;
    background: var(--fm-surface);
    border: 1px solid var(--fm-border);
    cursor: pointer;
    transition: all 0.25s;
    height: 100%;
}

.fm-eoi-role-card label:hover {
    border-color: rgba(154, 120, 48, 0.45);
    background: rgba(154, 120, 48, 0.04);
}

.fm-eoi-role-card input:checked + label {
    border-color: var(--role-color, var(--fm-gold-border));
    background: var(--role-bg, var(--fm-gold-dim));
}

.fm-eoi-role-card[data-role="cd"] {
    --role-color: rgba(26, 74, 139, 0.4);
    --role-bg: rgba(26, 74, 139, 0.05);
}

.fm-eoi-role-card[data-role="fp"] {
    --role-color: rgba(154, 120, 48, 0.45);
    --role-bg: rgba(154, 120, 48, 0.07);
}

.fm-eoi-role-card[data-role="sp"] {
    --role-color: rgba(90, 62, 122, 0.4);
    --role-bg: rgba(90, 62, 122, 0.05);
}

.fm-eoi-role-icon {
    font-size: 20px;
    margin-bottom: 10px;
    line-height: 1;
}

.fm-eoi-role-name {
    font-family: 'Inter Tight', sans-serif;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 4px;
}

.fm-eoi-role-share {
    font-family: 'DM Mono', monospace;
    font-size: 10px;
    letter-spacing: 0.06em;
    margin-bottom: 8px;
}

.fm-eoi-role-card[data-role="cd"] .fm-eoi-role-share {
    color: var(--fm-cd);
}

.fm-eoi-role-card[data-role="fp"] .fm-eoi-role-share {
    color: var(--fm-fp);
}

.fm-eoi-role-card[data-role="sp"] .fm-eoi-role-share {
    color: var(--fm-sp);
}

.fm-eoi-role-desc {
    font-size: 11px;
    color: var(--fm-muted);
    line-height: 1.5;
}

/* ─────────────────────────────────────────────
   FORM BODY
   ───────────────────────────────────────────── */
.fm-eoi-form-body {
    display: none;
    animation: fm-fadeUp 0.35s ease;
}

.fm-eoi-form-body.show {
    display: block;
}

@keyframes fm-fadeUp {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.fm-eoi-section {
    margin-bottom: 32px;
}

.fm-eoi-section-title {
    font-family: 'DM Mono', monospace;
    font-size: 9px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--fm-dim);
    padding-bottom: 12px;
    border-bottom: 1px solid var(--fm-border);
    margin-bottom: 20px;
}

.fm-eoi-grid {
    display: grid;
    gap: 18px;
}

.fm-eoi-grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

.fm-eoi-field-group {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.fm-eoi-label {
    font-family: 'DM Mono', monospace;
    font-size: 10px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--fm-muted);
    display: flex;
    align-items: center;
    gap: 5px;
}

.fm-eoi-label .req {
    color: var(--fm-gold);
}

.fm-eoi-field-group input,
.fm-eoi-field-group select,
.fm-eoi-field-group textarea {
    background: var(--fm-surface2);
    border: 1px solid var(--fm-border);
    color: var(--fm-text);
    font-family: 'Inter', sans-serif;
    font-size: 13.5px;
    font-weight: 300;
    padding: 11px 14px;
    width: 100%;
    outline: none;
}

.fm-eoi-field-group input:focus,
.fm-eoi-field-group select:focus,
.fm-eoi-field-group textarea:focus {
    border-color: rgba(154, 120, 48, 0.4);
}

.fm-eoi-field-group input::placeholder {
    color: var(--fm-dim);
}

.fm-eoi-field-group.err input,
.fm-eoi-field-group.err select,
.fm-eoi-field-group.err textarea {
    border-color: rgba(217, 83, 79, 0.5);
}

.fm-eoi-error {
    font-family: 'DM Mono', monospace;
    font-size: 9.5px;
    color: var(--fm-red);
    display: none;
}

.fm-eoi-field-group.err .fm-eoi-error {
    display: block;
}

.fm-eoi-phone-row {
    display: flex;
}

.fm-eoi-phone-row select {
    width: 108px;
    flex-shrink: 0;
    border-right: none;
    font-size: 12px;
}

.fm-eoi-phone-row input {
    flex: 1;
}

.fm-eoi-radio-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.fm-eoi-radio-pill {
    position: relative;
}

.fm-eoi-radio-pill input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.fm-eoi-radio-pill label {
    display: block;
    padding: 8px 14px;
    background: var(--fm-surface2);
    border: 1px solid var(--fm-border);
    font-size: 12px;
    color: var(--fm-muted);
    cursor: pointer;
    white-space: nowrap;
}

.fm-eoi-radio-pill label:hover {
    border-color: rgba(154, 120, 48, 0.35);
    color: var(--fm-text);
}

.fm-eoi-radio-pill input:checked + label {
    border-color: var(--fm-gold-border);
    background: var(--fm-gold-dim);
    color: var(--fm-text);
}

.fm-eoi-check-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.fm-eoi-check-pill {
    position: relative;
}

.fm-eoi-check-pill input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.fm-eoi-check-pill label {
    display: block;
    padding: 7px 12px;
    background: var(--fm-surface2);
    border: 1px solid var(--fm-border);
    font-size: 11.5px;
    color: var(--fm-muted);
    cursor: pointer;
}

.fm-eoi-check-pill label:hover {
    border-color: rgba(154, 120, 48, 0.35);
    color: var(--fm-text);
}

.fm-eoi-check-pill input:checked + label {
    border-color: var(--fm-gold-border);
    background: var(--fm-gold-dim);
    color: var(--fm-text);
}

.fm-eoi-role-fields {
    display: none;
}

.fm-eoi-role-fields.show {
    display: block;
}

/* ─────────────────────────────────────────────
   CONSENT
   ───────────────────────────────────────────── */
.fm-eoi-consent {
    background: rgba(201, 170, 111, 0.05);
    border: 1px solid rgba(201, 170, 111, 0.25);
    padding: 18px 20px;
    margin-top: 28px;
}

.fm-eoi-consent-row {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    cursor: pointer;
}

.fm-eoi-consent-row input[type="checkbox"] {
    display: none;
}

.fm-eoi-cbox {
    width: 17px;
    height: 17px;
    flex-shrink: 0;
    margin-top: 2px;
    border: 1px solid rgba(201, 170, 111, 0.4);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fm-eoi-consent-row input[type="checkbox"]:checked + .fm-eoi-cbox {
    background: var(--fm-gold);
    border-color: var(--fm-gold);
}

.fm-eoi-consent-row input[type="checkbox"]:checked + .fm-eoi-cbox::after {
    content: '✓';
    color: #0b0b0b;
    font-size: 10px;
    font-weight: 700;
}

.fm-eoi-ctext {
    font-size: 12px;
    color: var(--fm-muted);
    line-height: 1.65;
}

.fm-eoi-ctext a {
    color: var(--fm-gold);
    text-decoration: none;
}

/* ─────────────────────────────────────────────
   SUBMIT
   ───────────────────────────────────────────── */
.fm-eoi-submit-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 24px;
}

.fm-eoi-tag-note {
    font-family: 'DM Mono', monospace;
    font-size: 9px;
    color: var(--fm-dim);
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.fm-eoi-btn-submit {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 13px 28px !important;
    background: var(--fm-gold) !important;
    color: #0b0b0b !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.22s !important;
}

.fm-eoi-btn-submit:hover {
    background: #d4b87a !important;
    transform: translateY(-1px) !important;
}

.fm-eoi-arr {
    font-size: 15px;
    transition: transform 0.18s;
}

.fm-eoi-btn-submit:hover .fm-eoi-arr {
    transform: translateX(3px);
}

/* ─────────────────────────────────────────────
   SUCCESS
   ───────────────────────────────────────────── */
.fm-eoi-success {
    display: none;
    text-align: center;
    padding: 60px 24px;
    animation: fm-fadeUp 0.45s ease;
}

.fm-eoi-success.show {
    display: block;
}

.fm-eoi-s-icon {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 1px solid var(--fm-green);
    background: rgba(90, 175, 133, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 24px;
    font-size: 22px;
    color: var(--fm-green);
}

.fm-eoi-s-title {
    font-family: 'Inter Tight', sans-serif;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 12px;
}

.fm-eoi-s-title em {
    color: var(--fm-gold);
}

.fm-eoi-s-desc {
    font-size: 13px;
    color: var(--fm-muted);
    line-height: 1.7;
    max-width: 380px;
    margin: 0 auto 20px;
}

/* ─────────────────────────────────────────────
   RESPONSIVE
   ───────────────────────────────────────────── */
@media (max-width: 900px) {
    .fm-hero-grid {
        grid-template-columns: 1fr;
    }
    
    .fm-hero-right {
        display: none;
    }
    
    .fm-hero-left {
        padding: 48px 24px;
    }
}

@media (max-width: 600px) {
    .fm-eoi-role-cards {
        grid-template-columns: 1fr;
    }
    
    .fm-eoi-grid-2 {
        grid-template-columns: 1fr;
        gap: 18px;
    }
    
    .fm-eoi-submit-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
    
    .fm-eoi-btn-submit {
        width: 100%;
        justify-content: center;
    }
    
    .fm-hero-stats {
        flex-direction: column;
        gap: 16px;
    }
    
    .fm-hero-divider {
        display: none;
    }
}
/* ===================================
   AUTO SAVE POPUP
   =================================== */

.fm-eoi-auto-save-popup {
    position: fixed;
    bottom: 30px;
    right: 30px;
    background: var(--fm-surface);
    border: 1px solid var(--fm-gold-border);
    border-radius: 2px;
    padding: 12px 20px;
    font-family: 'DM Mono', monospace;
    font-size: 12px;
    color: var(--fm-gold);
    z-index: 1000;
    display: none;
    align-items: center;
    gap: 10px;
    box-shadow: 0 4px 20px rgba(20,18,16,0.12);
}

.fm-eoi-auto-save-popup.show {
    display: flex;
}

/* ===================================
   DRAFT POPUP
   =================================== */

.fm-eoi-draft-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--fm-surface);
    border: 1px solid var(--fm-gold-border);
    border-radius: 2px;
    padding: 32px 40px;
    z-index: 1001;
    display: none;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    max-width: 400px;
    text-align: center;
}

.fm-eoi-draft-popup.show {
    display: flex;
}

.fm-eoi-draft-popup h3 {
    font-family: 'Inter Tight', sans-serif;
    font-size: 20px;
    color: var(--fm-gold);
}

.fm-eoi-draft-popup p {
    font-size: 14px;
    color: var(--fm-muted);
}

.fm-eoi-draft-buttons {
    display: flex;
    gap: 12px;
    margin-top: 8px;
}

.fm-eoi-draft-load {
    background: var(--fm-gold);
    color: #0b0b0b;
    border: none;
    padding: 10px 24px;
    cursor: pointer;
    font-weight: 600;
}

.fm-eoi-draft-new {
    background: transparent;
    border: 1px solid var(--fm-gold-border);
    color: var(--fm-text);
    padding: 10px 24px;
    cursor: pointer;
}

/* ===================================
   EMAIL EXISTS POPUP
   =================================== */

.fm-eoi-email-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--fm-surface);
    border: 1px solid var(--fm-red);
    border-radius: 2px;
    padding: 32px 40px;
    z-index: 1001;
    display: none;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    max-width: 400px;
    text-align: center;
}

.fm-eoi-email-popup.show {
    display: flex;
}

.fm-eoi-email-popup h3 {
    font-family: 'Inter Tight', sans-serif;
    font-size: 20px;
    color: var(--fm-red);
}

.fm-eoi-email-close {
    background: var(--fm-red);
    color: #fff;
    border: none;
    padding: 10px 24px;
    cursor: pointer;
}

/* ===================================
   LOADING SCREEN
   =================================== */

.fm-eoi-loading {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.8);
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.fm-eoi-loading.show {
    display: flex;
}

.fm-eoi-spinner {
    width: 48px;
    height: 48px;
    border: 3px solid rgba(154,120,48,.25);
    border-top-color: var(--fm-gold);
    border-radius: 50%;
    animation: fm-spin .8s linear infinite;
}

@keyframes fm-spin {
    to {
        transform: rotate(360deg);
    }
}

/* ===================================
   REVIEW NOTE
   =================================== */

.fm-eoi-tag-note {
    font-family: 'DM Mono', monospace;
    font-size: 9px;
    color: var(--fm-dim);
    letter-spacing: .07em;
    text-transform: uppercase;
}