/* ============================================================================
   Expert Scale — the corporate design tokens, for HUGO content pages only
   ----------------------------------------------------------------------------
   The five hand-written pages under static/ each carry the corporate design
   system in an inline <style> (or, for /proof/ and /program/, in
   corporate.css). Hugo content pages — /continuity/, /investors/, /team/, the
   blog — do not: they are Tailwind surfaces rendered by
   layouts/_default/single.html from markdown.

   So when one of those pages includes the corporate CTA partial
   (layouts/partials/corporate-cta.html), the protégé card and the form arrive
   with no --navy, no --gold, no .btn-gold and no .gold-bar to render with.
   This file supplies exactly those, and nothing else.

   ⚠️ EVERY RULE IS SCOPED UNDER .corporate-cta, ON PURPOSE.
   The body of a Hugo content page is markdown: bare `h2`, `section` and `p`
   selectors here would restyle every heading and paragraph on the blog, the
   investor briefing and the team page. Scoping keeps the blast radius to the
   partial's own subtree. If you add a rule, scope it.

   Pairs with /css/corporate-cta.css, which carries the protégé + form styles
   and is shared with the five static pages.

   Palette: apexreplicant/presentations/brand-guide.html.
   ========================================================================== */

.corporate-cta {
  --navy:      #102A43;
  --navy-mid:  #1a426a;
  --navy-deep: #0a1e30;
  --gold:      #B8860B;
  --gold-hi:   #D4A017;
  --gold-pale: #FFF3CD;
  /* Text-gold tokens (F3.6, 2026-08-12): --gold as TEXT fails AA (3.25:1 on
     white, 2.96:1 on --bg, 4.499:1 on navy). Gold TEXT uses these; --gold
     stays for fills, borders and large display type.
       --gold-text      #7D5A07: 6.29:1 white, 5.73:1 --bg
       --gold-text-navy #D4A017: 6.16:1 navy */
  --gold-text:      #7D5A07;
  --gold-text-navy: #D4A017;
  --steel:     #627d98;
  --bg:        #F4F4F7;
  --white:     #FFFFFF;
  --border:    #dde1e8;
  --text:      #102A43;
  --muted:     #4a6580;
  --green:     #2A7A4F;
  --radius:    8px;

  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  color: var(--text);
  line-height: 1.6;
  margin-top: 3rem;
}

.corporate-cta section { margin: 2.5rem 0; }

.corporate-cta .gold-bar {
  width: 54px; height: 3px; background: var(--gold);
  margin-bottom: 1.1rem;
}

.corporate-cta h2 {
  font-size: clamp(1.5rem, 3vw, 1.9rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.25;
  color: var(--navy);
  margin: 0 0 1rem;
}

.corporate-cta h3 { font-size: 1.15rem; font-weight: 700; color: var(--navy); }

.corporate-cta .prose p {
  font-size: 1rem; color: var(--muted); margin-bottom: 0.9rem;
}
.corporate-cta .prose em { font-style: italic; }

.corporate-cta .divider {
  height: 1px; background: var(--border); margin: 2.5rem 0;
}

.corporate-cta .btn-gold {
  display: inline-block;
  background: var(--gold);
  color: var(--navy);
  font-weight: 700;
  font-size: 0.88rem;
  padding: 0.8rem 1.8rem;
  border: none;
  border-radius: 4px;
  letter-spacing: 0.03em;
  cursor: pointer;
  transition: background 0.18s;
  min-height: 44px;
}
.corporate-cta .btn-gold:hover { background: var(--gold-hi); }

/* The partial sits inside single.html's white article card, which already has
   its own padding; the CTA supplies its own rhythm and should not inherit the
   markdown prose spacing above it. */
.corporate-cta a { text-decoration: none; }