/*
 * Homepage-style section typography for every marketing page (loaded after page CSS).
 * Homepage layout stays in home.css (.home-lp); tokens live in marketing-site.css.
 */

/* ---------- Section kickers & titles (same as former .home-lp defaults) ---------- */
body.marketing-site.marketing-page .section-eyebrow,
body.marketing-site.marketing-page .home-kicker {
	font-family: var(--home-font-body), system-ui, sans-serif;
	font-size: 0.6875rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.14em;
	color: var(--home-violet);
	margin: 0 0 1rem;
	text-align: center;
}

body.marketing-site.marketing-page .home-section-title,
body.marketing-site.marketing-page .section-title {
	font-family: var(--home-font-display), system-ui, sans-serif;
	font-size: clamp(2rem, 4.5vw, 3.25rem);
	font-weight: 800;
	line-height: 1.1;
	letter-spacing: -0.035em;
	text-align: center;
	margin: 0 auto 2.5rem;
	max-width: 40rem;
	color: var(--home-zinc-900);
}

body.marketing-site.marketing-page .home-kicker.home-kicker--on-dark,
body.marketing-site.marketing-page .home-kicker--on-dark {
	color: #c4b5fd;
}

body.marketing-site.marketing-page .home-section-title.home-section-title--on-dark,
body.marketing-site.marketing-page h2.home-section-title--on-dark {
	color: #fff;
}

/* ---------- Homepage section leads (light sections) ---------- */
body.marketing-site.marketing-page .home-features-intro,
body.marketing-site.marketing-page .home-why-intro {
	text-align: center;
	font-size: 1.125rem;
	line-height: 1.65;
	color: var(--home-zinc-600);
	max-width: 36rem;
	margin: -1rem auto 3rem;
}

body.marketing-site.marketing-page .home-example-intro {
	text-align: center;
	font-size: 1.125rem;
	line-height: 1.65;
	color: var(--home-zinc-600);
	max-width: 38rem;
	margin: -1rem auto 2.5rem;
}

/* ---------- Articles & resources ---------- */
body.marketing-site.marketing-page .article-page .article-wrap h1 {
	font-family: var(--home-font-display), system-ui, sans-serif;
	font-size: clamp(1.875rem, 3.5vw, 2.75rem);
	font-weight: 800;
	letter-spacing: -0.035em;
	color: var(--home-zinc-950);
	line-height: 1.1;
	margin: 0 0 1.25rem;
}

body.marketing-site.marketing-page .article-page .article-intro {
	font-family: var(--home-font-body), system-ui, sans-serif;
	font-size: 1.125rem;
	line-height: 1.65;
	color: var(--home-zinc-600);
	margin: 0 0 1.5rem;
}

body.marketing-site.marketing-page .article-page .article-body h2,
body.marketing-site.marketing-page .article-page .article-body h3,
body.marketing-site.marketing-page .article-page .article-body h4 {
	font-family: var(--home-font-display), system-ui, sans-serif;
	color: var(--home-zinc-900);
}

body.marketing-site.marketing-page .article-page .article-body p,
body.marketing-site.marketing-page .article-page .article-body li {
	font-family: var(--home-font-body), system-ui, sans-serif;
	color: var(--home-zinc-600);
}

body.marketing-site.marketing-page .article-page .article-body p {
	line-height: 1.65;
}

body.marketing-site.marketing-page .article-page .article-body ul,
body.marketing-site.marketing-page .article-page .article-body ol {
	line-height: 1.65;
}

body.marketing-site.marketing-page .article-page .article-quick-answer {
	font-family: var(--home-font-body), system-ui, sans-serif;
	background: var(--home-violet-soft);
	border-color: rgba(137, 82, 224, 0.25);
	border-radius: var(--home-radius-2xl);
}

body.marketing-site.marketing-page .article-page .article-quick-answer p {
	font-family: var(--home-font-body), system-ui, sans-serif;
	color: var(--home-zinc-900);
}

body.marketing-site.marketing-page .article-page .article-faq h2,
body.marketing-site.marketing-page .article-page .article-cta-final h2 {
	font-family: var(--home-font-display), system-ui, sans-serif;
	color: var(--home-zinc-900);
}

body.marketing-site.marketing-page .article-page .article-faq dt {
	font-family: var(--home-font-display), system-ui, sans-serif;
	color: var(--home-zinc-900);
}

body.marketing-site.marketing-page .article-page .article-faq dd {
	font-family: var(--home-font-body), system-ui, sans-serif;
	color: var(--home-zinc-600);
}

body.marketing-site.marketing-page .article-page .article-index-list a {
	font-family: var(--home-font-display), system-ui, sans-serif;
	font-weight: 800;
	color: var(--home-zinc-900);
}

body.marketing-site.marketing-page .article-page .article-index-list a:hover {
	color: var(--home-violet);
}

body.marketing-site.marketing-page .article-page .article-index-list p {
	font-family: var(--home-font-body), system-ui, sans-serif;
	color: var(--home-zinc-500);
}

body.marketing-site.marketing-page .article-page .article-back {
	font-family: var(--home-font-body), system-ui, sans-serif;
	color: var(--home-zinc-600);
}

body.marketing-site.marketing-page .article-page .article-back:hover {
	color: var(--home-violet);
}

/* ---------- Legal ---------- */
body.marketing-site.marketing-page .legal-page .legal-hero h1 {
	font-family: var(--home-font-display), system-ui, sans-serif;
	font-size: clamp(2rem, 4vw, 2.75rem);
	font-weight: 800;
	line-height: 1.1;
	letter-spacing: -0.035em;
	color: var(--home-zinc-950);
	margin: 0;
}

body.marketing-site.marketing-page .legal-page .legal-meta {
	font-family: var(--home-font-body), system-ui, sans-serif;
}

body.marketing-site.marketing-page .legal-page .legal-card h2 {
	font-family: var(--home-font-display), system-ui, sans-serif;
	color: var(--home-zinc-900);
}

body.marketing-site.marketing-page .legal-page .legal-card p,
body.marketing-site.marketing-page .legal-page .legal-card li {
	font-family: var(--home-font-body), system-ui, sans-serif;
	font-size: 0.9375rem;
	line-height: 1.65;
	color: var(--home-zinc-600);
}

body.marketing-site.marketing-page .legal-page .legal-card a {
	color: var(--home-violet);
}

body.marketing-site.marketing-page .legal-page .legal-card a:hover {
	color: var(--home-violet-hover);
}

/* ---------- Tool landings: hero copy aligns with marketing body ---------- */
body.marketing-site.marketing-page .tpl-hero-tagline,
body.marketing-site.marketing-page .ats-hero-tagline {
	font-family: var(--home-font-body), system-ui, sans-serif;
	font-size: clamp(1.0625rem, 2.2vw, 1.2rem);
	font-weight: 600;
	line-height: 1.5;
}

body.marketing-site.marketing-page .tpl-hero-sub,
body.marketing-site.marketing-page .ats-hero-sub {
	font-family: var(--home-font-body), system-ui, sans-serif;
	font-size: 1.125rem;
	line-height: 1.65;
}

body.marketing-site.marketing-page .tpl-hero-bridge {
	font-family: var(--home-font-body), system-ui, sans-serif;
	font-size: 0.9375rem;
	line-height: 1.65;
}