/*
 * OmniResponse – segment landing pages (stage D, 2026-10-02).
 * Loaded by mu-plugins/omni-landing-styles.php only on pages whose content has the class "omni-landing".
 * Builds on omni-brand.css: palette roles (INVENTORY.md §5) and the tokens --omni-navy, --omni-card-line, --omni-radius.
 * Contrast (WCAG 2.2 AA), backgrounds: card #1E3654 (palette7), accent #072B5F (--omni-navy):
 *   palette15 #E8952B on card 5.12, on navy 5.77 · palette13 #FF8F80 on card 5.55 · palette2 #6FC6F5 on card 6.47, on navy 7.29
 *   palette3 #F5F9FD on card 11.60 · palette4 #E4F1FC on card 10.69 · palette5 #B9D2EC on card 7.89, on navy 8.88
 * Section labels use .omni-eyebrow from omni-brand.css (not redefined here).
 */

/* ---------- Hero: long segment headlines ---------- */
.omni-landing.omni-hero h1 { font-size: clamp(34px, 1.6vw + 24px, 48px); max-width: 24ch; margin-top: 0.35em; }
@media (max-width: 767px) { .omni-landing.omni-hero h1 { font-size: 31px; } }

/* Draft preview card (fictional data) in the hero */
.omni-draft-mock > .kt-inside-inner-col {
	background: var(--global-palette7); border: 1px solid var(--omni-card-line); border-radius: var(--omni-radius);
	padding: 24px 26px 22px; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
}
.entry-content .omni-draft-meta {
	display: flex; align-items: flex-start; gap: 0.55em; margin: 0 0 0.9em; font-size: 14px; line-height: 1.4;
	color: var(--global-palette5); letter-spacing: 0.02em;
}
.entry-content .omni-draft-meta::before {
	content: ""; flex: 0 0 auto; width: 8px; height: 8px; margin-top: 0.45em; border-radius: 50%; background: var(--global-palette15);
}
.entry-content .omni-draft-subject { margin: 0 0 0.6em; font-size: 17px; font-weight: 600; line-height: 1.4; color: var(--global-palette3); }
.entry-content .omni-draft-body { margin: 0 0 1em; font-size: 16px; line-height: 1.6; color: var(--global-palette4); }
.entry-content .omni-draft-source {
	margin: 0 0 0.9em; padding-left: 0.75em; border-left: 3px solid var(--global-palette2);
	font-size: 14.5px; line-height: 1.5; color: var(--global-palette2);
}
.entry-content .omni-draft-caption { margin: 0; font-size: 14px; line-height: 1.45; color: var(--global-palette5); }

/* ---------- Problem: common denominator line ---------- */
.entry-content .omni-denominator { margin-top: 1.2em; }
.entry-content .omni-denominator strong { color: var(--global-palette15); }

/* ---------- Scale: numbers with footnotes ---------- */
.entry-content .omni-tiles p.omni-stat-num {
	margin: 0 0 0.2em; font-size: clamp(40px, 2vw + 24px, 54px); font-weight: 700; line-height: 1.05;
	letter-spacing: -0.01em; color: var(--global-palette15);
}
.entry-content .omni-tiles p.omni-stat-label { margin: 0 0 0.55em; font-size: 17px; font-weight: 600; line-height: 1.4; color: var(--global-palette3); }
.entry-content sup { font-size: 0.7em; line-height: 0; vertical-align: super; }
.entry-content .omni-sources-title {
	margin: 2.6em 0 0.6em; padding-top: 1.2em; border-top: 1px solid var(--omni-card-line);
	font-size: 14px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--global-palette3); max-width: none;
}
.entry-content .omni-source { margin: 0 0 0.45em; font-size: 14.5px; line-height: 1.55; color: var(--global-palette5); max-width: 110ch; }

/* ---------- How it works: step numbers ---------- */
.entry-content .omni-tiles p.omni-step-num {
	margin: 0 0 0.35em; font-size: 15px; font-weight: 700; letter-spacing: 0.08em; line-height: 1.3; color: var(--global-palette15);
}

/* ---------- Examples: "Today" vs "With OmniResponse" ---------- */
.entry-content p.omni-example-num {
	margin: 40px 0 0.3em; font-size: 14px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--global-palette5);
}
.entry-content p.omni-example-num.omni-example-gap { margin-top: 72px; }
.entry-content h3.omni-example-title { margin-top: 0; margin-bottom: 0.35em; }
.entry-content .omni-example-context { color: var(--global-palette5); margin-bottom: 0; }
.entry-content .omni-tiles p.omni-compare-label {
	margin: 0 0 0.45em; font-size: 14px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; line-height: 1.4;
}
.omni-compare-before .omni-compare-label { color: var(--global-palette13) !important; }
.omni-compare-after > .kt-inside-inner-col { background: var(--omni-navy) !important; border-color: var(--global-palette1) !important; }
.omni-compare-after .omni-compare-label { color: var(--global-palette2) !important; }
.entry-content .omni-compare-after p { color: var(--global-palette4); }

/* ---------- Effect: time / cost / team labels ---------- */
.entry-content .omni-tiles p.omni-effect-label {
	margin: 0 0 0.4em; font-size: 14px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; line-height: 1.4;
	color: var(--global-palette15);
}

/* ---------- Next step: links to the other segments ---------- */
.entry-content .omni-segment-links { margin-top: 1.6em; max-width: 96ch; }
.entry-content .omni-segment-links a { color: var(--global-palette2); text-decoration: underline; text-underline-offset: 0.2em; white-space: nowrap; }
.entry-content .omni-segment-links a:hover { color: var(--global-palette3); }

@media (max-width: 767px) {
	.entry-content p.omni-example-num { margin-top: 32px; }
	.entry-content p.omni-example-num.omni-example-gap { margin-top: 48px; }
	.omni-draft-mock > .kt-inside-inner-col { padding: 20px; }
}