/*
 * Shared look for every secondary page on skoldmarketer.com (about, contact, legal, pricing, /for/*),
 * so they read as the same site as the homepage. Loaded AFTER each page's own inline <style>, so these
 * rules win at equal specificity; page-specific bits (pricing card, legal jump-links) stay inline.
 * Added 2 Oct 2026: the secondary pages had underlined nav/logo/footer links (the page's own `a{}` rule
 * lacked the homepage's text-decoration:none), plain left-aligned prose instead of the homepage's hero
 * treatment, a minimal footer, and no chat widget.
 */
:root{
  --line:rgba(24,24,27,.08);--line-2:rgba(24,24,27,.14);
  --muted-2:#71717a;--card-2:#fafaf8;--bg-3:#f0efe9;
}

/* Links: homepage default is no underline; only real in-content links get one. */
a{text-decoration:none;}
.page-body a:not(.btn):not(.cta){color:var(--accent-2);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;}
.page-body a:not(.btn):not(.cta):hover{color:var(--accent);}
.nav a,.logo,footer a{text-decoration:none;}
.nav-links a{color:var(--muted);}
.nav-links a:hover{color:var(--text);}
footer .footer-links a{color:var(--muted);}
footer .footer-links a:hover{color:var(--text);}
footer .footer-links a{display:inline-block;padding:.35rem 0;}
.btn-primary{color:#ffffff;}
/* contact.html's own `.btn{margin-top:1.5rem}` is meant for its Email-us button; it must not push the nav buttons down. */
.nav .btn{margin-top:0;}

/* Hero: same treatment as the homepage (soft teal/blue glow, centred, large tight heading). */
body{padding-top:0;}
.page-main{display:block;}
/* .page-main > prefix: a page's own `section:first-of-type{padding-top:0}` (legal.html) must not collapse the hero. */
.page-main > .page-hero{position:relative;overflow:hidden;padding:150px 24px 48px;margin:0;border:0;text-align:center;}
.page-body a.cta{color:#fff;text-decoration:none;}
.page-hero-bg{position:absolute;inset:0;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,#000 55%,transparent);mask-image:linear-gradient(to bottom,#000 55%,transparent);}
.page-hero-bg::before{content:"";position:absolute;top:-260px;left:50%;transform:translateX(-50%);width:900px;max-width:140vw;height:560px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(13,148,136,.10),transparent 65%);filter:blur(20px);}
.page-hero-bg::after{content:"";position:absolute;top:60px;right:-220px;width:560px;height:560px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(37,99,235,.07),transparent 65%);}
.page-hero-inner{position:relative;max-width:820px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1.1rem;}
.page-hero h1{font-size:clamp(2.2rem,5.2vw,3.7rem);font-weight:800;line-height:1.08;letter-spacing:-.03em;margin:0;}
.page-hero .lead{font-size:clamp(1.05rem,1.6vw,1.25rem);color:var(--muted);line-height:1.7;max-width:640px;margin:0;}
.page-hero .eyebrow{display:inline-flex;align-items:center;gap:.5rem;margin:0;padding:.4rem .9rem;font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-2);border:1px solid rgba(13,148,136,.25);border-radius:999px;background:rgba(13,148,136,.06);}

/* Body column: comfortable reading width, homepage-style section headings and cards. */
.page-body.wrap{max-width:760px;margin:0 auto;padding:1rem 1.5rem 5.5rem;}
.page-body > h2{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-top:3rem;margin-bottom:.8rem;}
.page-body h3{letter-spacing:-.01em;}
.page-body .card,.page-body .plan{border-radius:18px;border:1px solid var(--line-2);background:var(--card-2);box-shadow:0 24px 60px rgba(24,24,27,.07);}

@media (max-width:640px){
  .page-main > .page-hero{padding:120px 20px 32px;}
  .page-body.wrap{padding:.5rem 1.25rem 4rem;}
}