/*!
 * Stan Consulting LLC - Premium UX/UI Layer v6.0
 * Sitewide additive polish. Does NOT override working page-scoped styles.
 * Only adds things pages don't already have: focus rings, selection,
 * print styles, form input polish, reduced-motion, design tokens.
 */

/* =============================================
   DESIGN TOKENS (namespaced, non-intrusive)
============================================= */
:root {
  --sc-navy-900:#1A2A3E;
  --sc-navy-800:#263F5B;
  --sc-navy-700:#3A5776;
  --sc-navy-100:#E8EDF3;
  --sc-mauve-900:#31141F;
  --sc-mauve-800:#491E30;
  --sc-mauve-100:#F4E8ED;
  --sc-gold-600:#B08D4E;
  --sc-gold-500:#C9A96E;
  --sc-gold-400:#DBC190;
  --sc-gold-100:#F5EFE0;
  --sc-ink-900:#0F0F0F;
  --sc-ink-700:#1A1A1A;
  --sc-ink-500:#4A4A4A;
  --sc-ink-300:#A0A0A0;
  --sc-stone-100:#F8F8F6;
  --sc-stone-200:#F0EFEB;
  --sc-paper:#FFFFFF;
  --sc-s1:4px;  --sc-s2:8px;  --sc-s3:16px; --sc-s4:24px; --sc-s5:32px;
  --sc-s6:48px; --sc-s7:80px; --sc-s8:120px; --sc-s9:160px;

  /* Legacy var aliases (April 25 2026 · Phase 7.2 enabler).
     Most bespoke prefix pages (b-*, hbc-*, csv-*, ab-*, etc.) reference
     short var names like var(--navy), var(--gold) defined in their
     inline <style> :root. Mirroring those names here lets us lift
     bespoke rules into v6.css without rewriting their var() calls. */
  --navy:        #263F5B;
  --navy-d:      #1A2A3E;
  --navy-900:    #1A2A3E;  /* Item F · 2026-05-05 · alias for inline-CSS namespace */
  --navy-l:      #3A5776;
  --navy-100:    #E8EDF3;
  --gold:        #C9A96E;
  --gold-d:      #B08D4E;
  --gold-600:    #B08D4E;
  --gold-l:      #DBC190;
  --mauve:       #491E30;
  --mauve-d:     #31141F;
  --paper:       #FFFFFF;
  --stone:       #F8F8F6;
  --stone-2:     #F0EFEB;
  --stone-200:   #F0EFEB;
  --ink:         #1A1A1A;
  --ink-2:       #4A4A4A;
  --ink-500:     #4A4A4A;
  --ink-3:       #707789;
  --ink-900:     #0F0F0F;  /* Item F · 2026-05-05 · alias for inline-CSS namespace */
  --charcoal:    #444B5B;
}

/* =============================================
   FOCUS STATES (a11y required, non-disruptive)
============================================= */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[role="button"]:focus-visible,
[tabindex]:focus-visible {
  outline: 2px solid #C9A96E;
  outline-offset: 2px;
}

/* =============================================
   SELECTION COLOR
============================================= */
::selection { background: #C9A96E; color: #263F5B; }
::-moz-selection { background: #C9A96E; color: #263F5B; }

/* =============================================
   FORM INPUT POLISH (subtle)
============================================= */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="number"]:focus,
select:focus,
textarea:focus {
  box-shadow: 0 0 0 3px rgba(201,169,110,0.15);
}

/* =============================================
   REDUCED MOTION
============================================= */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* =============================================
   PRINT
============================================= */
@media print {
  nav, footer, [class*="cta"] { display: none !important; }
  body { color: #000 !important; background: #fff !important; font-size: 12pt !important; }
  a { color: #000 !important; text-decoration: underline; }
}

/* =============================================
   SCROLLBAR (minimal)
============================================= */
@supports (scrollbar-color: auto) {
  html { scrollbar-color: #3A5776 #F8F8F6; }
}

/* =============================================
   SMOOTH SCROLL + ANCHOR OFFSET
   Smooth scroll for in-page anchor jumps (TOCs, FAQ jumps, etc).
   scroll-margin-top clears sticky navs so the targeted heading
   isn't hidden under the navigation bar after the jump.
   Reduced-motion users keep `auto` via the rule above (which uses
   !important inside the @media block).
============================================= */
html {
  scroll-behavior: smooth;
}
:target,
[id] {
  scroll-margin-top: 96px;
}

/* =============================================
   PULL QUOTE (for article pages that use <blockquote>)
============================================= */
blockquote {
  font-family: Georgia, 'Times New Roman', serif;
  font-style: italic;
}

/* =====================================================================
   PHASE 7 · CANONICAL DESIGN-SYSTEM TOKENS (locked April 25 2026)
   Per 17-PAGE-TEMPLATES.md § "H1 type scale" + § "Hero composition rule"

   These tokens are AVAILABLE on every page (loaded via <link> to v6.css)
   but only ACTIVATE when a page opts in by using a .v6-* class. This
   preserves the "non-intrusive" v6 contract — bespoke prefix pages
   continue to work; new pages and migrated pages use the canonical tokens.

   Tier 1: homepage, hub indexes
   Tier 2: service pages (/services/*)
   Tier 3: article / blog / leaf pages
   Tier 4: form / contact / legal pages
   ===================================================================== */
:root {
  /* H1 caps · per locked spec */
  --sc-t1-h1: clamp(40px, 4.4vw, 64px);
  --sc-t2-h1: clamp(36px, 4vw,   56px);
  --sc-t3-h1: clamp(32px, 3.6vw, 48px);
  --sc-t4-h1: clamp(28px, 3.2vw, 40px);
  --sc-t1-h1-serif: clamp(44px, 4.8vw, 68px);
  --sc-t2-h1-serif: clamp(40px, 4.2vw, 60px);

  /* H2 caps (body H2) · slightly tighter than H1 for hierarchy gap */
  --sc-t1-h2: clamp(36px, 4vw,   56px);
  --sc-t2-h2: clamp(32px, 3.6vw, 48px);
  --sc-t3-h2: clamp(28px, 3.2vw, 40px);
  --sc-t4-h2: clamp(24px, 2.8vw, 32px);

  /* Closing-CTA H2 caps · use H1 cap of same tier (editorial moment) */
  --sc-t1-cta-h2: var(--sc-t1-h1);
  --sc-t2-cta-h2: var(--sc-t2-h1);
  --sc-t3-cta-h2: var(--sc-t3-h1);
  --sc-t4-cta-h2: var(--sc-t4-h1);

  /* Body text scale */
  --sc-t-body:  17px;
  --sc-t-lede:  21px;
  --sc-t-small: 14px;
  --sc-t-micro: 12px;

  /* Display body line-heights */
  --sc-lh-display: 0.96;
  --sc-lh-h2:      1.05;
  --sc-lh-body:    1.65;

  /* Container + reading widths */
  --sc-container: 1180px;
  --sc-reading:    760px;
  --sc-gutter:      24px;
  --sc-gutter-mob:  16px;

  /* Easing + duration */
  --sc-ease:     cubic-bezier(0.2, 0.6, 0.2, 1);
  --sc-ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --sc-dur-mid:  200ms;
  --sc-dur-slow: 360ms;
}

/* =====================================================================
   PHASE 7 · CANONICAL COMPONENTS (opt-in, .v6-* prefix)

   These are the editorial primitives every Maybach page builds from.
   Pages opt in by using .v6-eyebrow, .v6-dek, .v6-cta-mauve, etc.
   Existing bespoke-prefix pages are unaffected — these classes are scoped
   to their own selectors and do not leak.
   ===================================================================== */

/* Page-family eyebrow · "Stan Consulting · [section]" */
.v6-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: var(--sc-gold-600);
  margin: 0 0 24px 0;
}
.v6-eyebrow::before {
  content: "";
  display: inline-block;
  width: 32px;
  height: 1px;
  background: var(--sc-gold-500);
  flex-shrink: 0;
}

/* Breadcrumb · small caps, muted */
.v6-breadcrumb {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.45);
  margin: 0 0 32px 0;
}
.v6-breadcrumb a {
  color: rgba(0, 0, 0, 0.7);
  text-decoration: none;
  transition: color var(--sc-dur-mid) var(--sc-ease);
}
.v6-breadcrumb a:hover { color: var(--sc-gold-600); }
.v6-breadcrumb .sep {
  display: inline-block;
  width: 12px;
  height: 1px;
  background: rgba(0, 0, 0, 0.2);
}
/* Breadcrumb on dark backgrounds */
.v6-on-dark .v6-breadcrumb { color: rgba(255, 255, 255, 0.5); }
.v6-on-dark .v6-breadcrumb a { color: rgba(255, 255, 255, 0.75); }
.v6-on-dark .v6-breadcrumb a:hover { color: var(--sc-gold-500); }
.v6-on-dark .v6-breadcrumb .sep { background: rgba(255, 255, 255, 0.25); }

/* Dek · the lede paragraph beneath an H1 */
.v6-dek {
  font-family: 'Barlow', sans-serif;
  font-size: var(--sc-t-lede);
  line-height: 1.55;
  color: var(--sc-ink-500);
  max-width: 620px;
  margin: 0 0 32px 0;
  text-wrap: pretty;
}
.v6-on-dark .v6-dek { color: rgba(255, 255, 255, 0.75); }

/* Tier-aware H1 helpers (opt-in) */
.v6-h1-t1 { font-family: 'Bebas Neue', sans-serif; font-weight: 400; font-size: var(--sc-t1-h1); line-height: var(--sc-lh-display); letter-spacing: -0.01em; max-width: 720px; margin: 0 0 24px 0; }
.v6-h1-t2 { font-family: 'Bebas Neue', sans-serif; font-weight: 400; font-size: var(--sc-t2-h1); line-height: var(--sc-lh-display); letter-spacing: -0.01em; max-width: 680px; margin: 0 0 24px 0; }
.v6-h1-t3 { font-family: 'Bebas Neue', sans-serif; font-weight: 400; font-size: var(--sc-t3-h1); line-height: var(--sc-lh-display); letter-spacing: -0.01em; max-width: 640px; margin: 0 0 24px 0; }
.v6-h1-t4 { font-family: 'Bebas Neue', sans-serif; font-weight: 400; font-size: var(--sc-t4-h1); line-height: var(--sc-lh-display); letter-spacing: -0.01em; max-width: 600px; margin: 0 0 24px 0; }

.v6-h1-t1.v6-h1-serif,
.v6-h1-t2.v6-h1-serif {
  font-family: 'DM Serif Display', Georgia, serif;
}
.v6-h1-t1.v6-h1-serif { font-size: var(--sc-t1-h1-serif); }
.v6-h1-t2.v6-h1-serif { font-size: var(--sc-t2-h1-serif); }
.v6-h1-em { font-style: italic; color: var(--sc-gold-500); }

/* Mauve closing CTA · canonical pattern (one per page rule)
   z-index:1 + position:relative defends against sticky-hero bleed-through. */
.v6-cta-mauve {
  background: #707789;
  border-top: 4px solid #491E30;
  color: var(--sc-paper);
  padding: clamp(80px, 12vh, 140px) var(--sc-gutter);
  text-align: center;
  font-family: 'Barlow', sans-serif;
  position: relative;
  z-index: 1;
}
.v6-cta-mauve-in {
  max-width: var(--sc-reading);
  margin: 0 auto;
}
.v6-cta-mauve-eye {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--sc-gold-500);
  margin: 0 0 28px 0;
}
.v6-cta-mauve-eye::before,
.v6-cta-mauve-eye::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 1px;
  background: var(--sc-gold-500);
}
.v6-cta-mauve h2 {
  font-family: 'DM Serif Display', Georgia, serif;
  font-style: italic;
  font-weight: 400;
  font-size: var(--sc-t1-cta-h2);
  line-height: 1.15;
  letter-spacing: -0.01em;
  color: var(--sc-paper);
  margin: 0 0 28px 0;
  text-wrap: balance;
}
.v6-cta-mauve h2 em {
  font-style: italic;
  color: var(--sc-gold-500);
}
.v6-cta-mauve-foot {
  font-family: 'Barlow', sans-serif;
  font-style: italic;
  font-size: 14px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.55);
  margin: 28px auto 0;
  max-width: 520px;
}

/* Canonical "Begin a Conversation" button · gold-bordered ghost */
.v6-btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 0 var(--sc-s6);
  height: 60px;
  background: transparent;
  color: var(--sc-paper);
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  border: 1px solid var(--sc-gold-500);
  text-decoration: none;
  transition: background var(--sc-dur-mid) var(--sc-ease),
              color var(--sc-dur-mid) var(--sc-ease),
              transform 160ms var(--sc-ease-out);
  white-space: nowrap;
}
.v6-btn:hover { background: var(--sc-gold-500); color: var(--sc-mauve-800); }
.v6-btn:active { transform: scale(0.97); }
.v6-btn-on-light {
  color: var(--sc-navy-800);
  border-color: var(--sc-navy-800);
}
.v6-btn-on-light:hover { background: var(--sc-navy-800); color: var(--sc-paper); }
.v6-btn-solid {
  background: var(--sc-navy-800);
  color: var(--sc-paper);
  border-color: var(--sc-navy-800);
}
.v6-btn-solid:hover { background: var(--sc-navy-900); border-color: var(--sc-navy-900); }

/* Gold rule · short divider used between editorial moments */
.v6-rule {
  display: block;
  width: 64px;
  height: 1px;
  background: var(--sc-gold-500);
  border: 0;
  margin: 24px 0;
}
.v6-rule-strong { height: 2px; background: var(--sc-gold-500); }
.v6-rule-center { margin-left: auto; margin-right: auto; }

/* =====================================================================
   PHASE 7.2 SESSION 3 · BLOG TEMPLATE (lifted from inline blocks)
   The b-* prefix is the canonical blog leaf template (66 pages under
   /blog/*). 24 of them shared one byte-identical fingerprint; the rules
   below are that fingerprint verbatim so per-page strip is safe.
   Saves ~5.4 KB per matching page × 24 pages = ~130 KB site-wide.
   ===================================================================== */
.b-nav{background:var(--navy);padding:20px 24px;position:sticky;top:0;z-index:100;}
.b-nav-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:24px;}
.b-nav img{filter:brightness(0) invert(1);height:auto;max-height:48px;width:auto;}
.b-nav-cta{background:var(--gold);color:var(--navy);font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:13px;letter-spacing:0.08em;text-transform:uppercase;padding:12px 22px;}
.b-hero{background:var(--navy);color:#fff;padding:96px 24px 64px;}
.b-hero-inner{max-width:820px;margin:0 auto;}
.b-crumb{font-size:13px;color:rgba(255,255,255,0.5);margin-bottom:24px;font-family:'Barlow Condensed',sans-serif;letter-spacing:0.04em;text-transform:uppercase;}
.b-crumb a{color:rgba(255,255,255,0.7);}
.b-cat{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:13px;letter-spacing:0.12em;text-transform:uppercase;color:var(--gold);margin:0 0 20px 0;}
.b-hero h1{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:clamp(32px,3.6vw,48px);line-height:1.1;letter-spacing:-0.01em;color:#fff;margin:0 0 20px 0;}
.b-dek{font-size:19px;line-height:1.55;color:rgba(255,255,255,0.85);margin:0 0 32px 0;}
.b-byline{display:flex;align-items:center;gap:16px;padding-top:24px;border-top:1px solid rgba(255,255,255,0.18);font-size:14px;color:rgba(255,255,255,0.65);font-family:'Barlow Condensed',sans-serif;letter-spacing:0.04em;text-transform:uppercase;}
.b-byline strong{color:#fff;font-weight:700;}
.b-quick{max-width:820px;margin:0 auto;padding:48px 24px 0;}
.b-quick-box{background:var(--navy);color:#fff;padding:32px 40px;position:relative;}
.b-quick-box::before,.b-quick-box::after{content:"";position:absolute;width:32px;height:32px;border-color:var(--gold);border-style:solid;}
.b-quick-box::before{top:-1px;left:-1px;border-width:2px 0 0 2px;}
.b-quick-box::after{bottom:-1px;right:-1px;border-width:0 2px 2px 0;}
.b-quick-lab{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:13px;letter-spacing:0.12em;text-transform:uppercase;color:var(--gold);margin:0 0 12px 0;}
.b-quick-box p{margin:0;font-size:17px;line-height:1.7;color:#fff;}
.b-body{max-width:720px;margin:0 auto;padding:64px 24px;}
.b-body h2{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:28px;line-height:1.2;color:var(--navy);margin:48px 0 16px 0;letter-spacing:-0.01em;}
.b-body h2:first-child{margin-top:0;}
.b-body p{margin:0 0 20px 0;font-size:17px;line-height:1.8;color:var(--ink);}
.b-body code{background:var(--stone);padding:2px 6px;font-family:monospace;font-size:15px;}
.b-visual{margin:36px 0;padding:28px;background:linear-gradient(180deg,var(--stone),#fff);border:1px solid rgba(38,63,91,0.14);border-top:3px solid var(--gold);}
.b-visual-kicker{display:block;margin:0 0 8px 0;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:12px;line-height:1.2;letter-spacing:0.12em;text-transform:uppercase;color:var(--gold-600);}
.b-visual-title{display:block;margin:0 0 18px 0;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:22px;line-height:1.2;color:var(--navy);}
.b-visual-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 0 0;}
.b-visual-card{background:#fff;border:1px solid rgba(38,63,91,0.12);padding:16px 14px;min-height:120px;}
.b-visual-card strong{display:block;margin:0 0 8px 0;font-family:'Barlow Condensed',sans-serif;font-size:18px;line-height:1.15;color:var(--navy);}
.b-visual-card span{display:block;font-size:14px;line-height:1.55;color:var(--ink-500);}
.b-visual-metric{display:block;margin:0 0 6px 0;font-family:'Bebas Neue','Oswald','Arial Narrow',Impact,sans-serif;font-size:34px;line-height:1;color:var(--mauve);letter-spacing:0;}
.b-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:18px 0 0 0;}
.b-flow-step{background:#fff;border:1px solid rgba(38,63,91,0.14);padding:16px 14px;min-height:116px;}
.b-flow-step b{display:block;margin:0 0 8px 0;font-family:'Barlow Condensed',sans-serif;font-size:16px;line-height:1.2;color:var(--navy);}
.b-flow-step span{display:block;font-size:14px;line-height:1.5;color:var(--ink-500);}
.b-step-num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin:0 0 10px 0;background:var(--navy);color:#fff;font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;line-height:1;}
.b-bars{display:grid;gap:12px;margin:18px 0 0 0;}
.b-bar{display:grid;grid-template-columns:128px 1fr 64px;gap:12px;align-items:center;font-size:14px;line-height:1.4;color:var(--ink-500);}
.b-bar-name{font-family:'Barlow Condensed',sans-serif;font-weight:700;color:var(--navy);}
.b-bar-track{display:block;height:12px;background:rgba(38,63,91,0.12);overflow:hidden;}
.b-bar-fill{display:block;height:100%;background:var(--gold);}
.b-bar-value{text-align:right;font-family:'Barlow Condensed',sans-serif;font-weight:700;color:var(--mauve);}
.b-matrix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 0 0;}
.b-matrix-item{background:#fff;border:1px solid rgba(38,63,91,0.12);padding:16px 14px;}
.b-matrix-item b{display:block;margin:0 0 8px 0;font-family:'Barlow Condensed',sans-serif;font-size:17px;line-height:1.2;color:var(--navy);}
.b-matrix-item span{display:block;font-size:14px;line-height:1.55;color:var(--ink-500);}
.b-visual figcaption{margin:18px 0 0 0;font-size:14px;line-height:1.6;color:var(--ink-500);}
.b-visual figcaption strong{color:var(--navy);}
.b-faq-sec{background:var(--stone);padding:64px 24px;}
.b-faq-inner{max-width:820px;margin:0 auto;}
.b-faq-lab{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:13px;letter-spacing:0.12em;text-transform:uppercase;color:var(--gold-600);margin:0 0 16px 0;}
.b-faq-h{font-family:'Bebas Neue','Oswald','Arial Narrow',Impact,sans-serif;font-size:48px;line-height:1;color:var(--navy);letter-spacing:-0.02em;margin:0 0 32px 0;text-transform:uppercase;}
.b-faq-item{padding:24px 0;border-top:1px solid rgba(38,63,91,0.12);}
.b-faq-item:last-child{border-bottom:1px solid rgba(38,63,91,0.12);}
.b-faq-q{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:20px;color:var(--navy);margin:0 0 10px 0;}
.b-faq-a{font-size:16px;line-height:1.7;color:var(--ink);margin:0;}
.b-rel{background:var(--paper);padding:64px 24px;}
.b-rel-inner{max-width:1100px;margin:0 auto;}
.b-rel-lab{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:13px;letter-spacing:0.12em;text-transform:uppercase;color:var(--gold-600);margin:0 0 16px 0;}
.b-rel-h{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:28px;color:var(--navy);margin:0 0 32px 0;letter-spacing:-0.01em;}
.b-rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.b-rel-card{display:block;background:var(--stone);padding:24px;border-top:2px solid var(--gold);}
.b-rel-cat{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:12px;letter-spacing:0.08em;text-transform:uppercase;color:var(--gold-600);margin:0 0 8px 0;}
.b-rel-card h3{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:18px;line-height:1.3;color:var(--navy);margin:0 0 12px 0;}
.b-rel-arrow{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:13px;letter-spacing:0.08em;text-transform:uppercase;color:var(--navy);}
.b-mauve{background:#707789;border-top:4px solid #491E30;color:#fff;padding:96px 24px;position:relative;z-index:1;}
.b-mauve::before,.b-mauve::after{content:"";position:absolute;width:48px;height:48px;border-color:var(--gold);border-style:solid;}
.b-mauve::before{top:24px;left:24px;border-width:2px 0 0 2px;}
.b-mauve::after{bottom:24px;right:24px;border-width:0 2px 2px 0;}
.b-mauve-in{max-width:820px;margin:0 auto;text-align:center;}
.b-mauve .eye{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:13px;letter-spacing:0.12em;text-transform:uppercase;color:var(--gold);margin:0 0 20px 0;}
.b-mauve h2{font-family:'Bebas Neue','Oswald','Arial Narrow',Impact,sans-serif;font-weight:400;font-size:clamp(28px,3.2vw,40px);line-height:1;color:#fff;margin:0 0 24px 0;text-transform:uppercase;}
.b-mauve h2 em{color:var(--gold);font-style:normal;}
.b-mauve p{color:rgba(255,255,255,0.8);margin:0 0 32px 0;}
.b-btn{display:inline-block;background:var(--gold);color:var(--navy);padding:16px 32px;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:14px;letter-spacing:0.08em;text-transform:uppercase;}
.b-author{background:var(--paper);padding:64px 24px;}
.b-author-inner{max-width:820px;margin:0 auto;display:grid;grid-template-columns:128px 1fr;gap:32px;align-items:center;}
.b-author img{width:128px;height:128px;object-fit:cover;object-position:center top;border:2px solid var(--gold);margin:0 auto;}
.b-author-name{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:22px;color:var(--navy);margin:0 0 4px 0;letter-spacing:-0.01em;}
.b-author-title{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:13px;letter-spacing:0.08em;text-transform:uppercase;color:var(--gold-600);margin:0 0 12px 0;}
.b-author-bio{font-size:15px;line-height:1.6;color:var(--ink-500);margin:0 0 12px 0;}
.b-author-link{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:13px;letter-spacing:0.08em;text-transform:uppercase;color:var(--navy);border-bottom:2px solid var(--gold);padding-bottom:2px;}
@media (max-width:780px){
  .b-rel-grid{grid-template-columns:1fr;}
  .b-author-inner{grid-template-columns:1fr;text-align:center;}
  .b-visual{padding:22px 18px;}
  .b-visual-grid,.b-flow,.b-matrix{grid-template-columns:1fr;}
  .b-bar{grid-template-columns:1fr;gap:6px;}
  .b-bar-value{text-align:left;}
}

/* =====================================================================
   PHASE 7.2 SESSION 4 · HUB-INDEX TEMPLATE (.h-* lifted from inline blocks)
   The .h-* prefix is the canonical hub-index template used by 22 pages:
   industries hub + leaves, locations hub + leaves, niches, problems hub +
   leaves, platforms, research. 10 pages share the canonical fingerprint
   34b64c13; 12 more share near-identical variants (39-40 rules each).
   Saves ~3.9 KB per page across 22 pages = ~85 KB site-wide.
   ===================================================================== */
.h-nav{background:var(--navy);padding:20px 24px;position:sticky;top:0;z-index:100;}
.h-nav-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:24px;}
.h-nav img{filter:brightness(0) invert(1);height:auto;max-height:48px;width:auto;}
.h-nav-cta{background:var(--gold);color:var(--navy);font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:13px;letter-spacing:0.08em;text-transform:uppercase;padding:12px 22px;transition:background 200ms;}
.h-nav-cta:hover{background:var(--gold-600);color:var(--navy);}
.h-hero{background:var(--navy);color:#fff;padding:104px 24px 88px;}
.h-hero-inner{max-width:1200px;margin:0 auto;}
.h-hero-inner.h-hero-split{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:64px;align-items:end;}
.h-eyebrow{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:13px;letter-spacing:0.12em;text-transform:uppercase;color:var(--gold);margin:0 0 20px 0;}
.h-hero h1{font-family:'Bebas Neue','Oswald','Arial Narrow',Impact,sans-serif;font-weight:400;font-size:clamp(40px,4.4vw,64px);line-height:1;letter-spacing:0;text-transform:uppercase;color:#fff;margin:0 0 24px 0;max-width:900px;}
.h-hero h1 em{color:var(--gold);font-style:normal;}
.h-dek{font-size:21px;line-height:1.55;color:var(--navy-100);max-width:720px;margin:0 0 32px 0;}
.h-breadcrumb{font-size:13px;color:rgba(255,255,255,0.5);margin-bottom:24px;font-family:'Barlow Condensed',sans-serif;letter-spacing:0.04em;text-transform:uppercase;}
.h-breadcrumb a{color:rgba(255,255,255,0.7);}
.h-hero-map{align-self:stretch;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.16);border-top:3px solid var(--gold);padding:28px 26px;display:flex;flex-direction:column;justify-content:flex-end;min-height:360px;}
.h-map-kicker{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:12px;letter-spacing:0.16em;text-transform:uppercase;color:var(--gold);margin:0 0 18px 0;}
.h-map-title{font-family:'Bebas Neue','Oswald','Arial Narrow',Impact,sans-serif;font-weight:400;font-size:clamp(36px,5vw,54px);line-height:0.95;letter-spacing:0;color:#fff;margin:0 0 22px 0;text-transform:uppercase;}
.h-map-flow{display:grid;gap:1px;background:rgba(255,255,255,0.14);border-top:2px solid var(--gold);}
.h-map-row{display:grid;grid-template-columns:54px 1fr;gap:14px;align-items:center;background:rgba(255,255,255,0.08);padding:14px 12px;}
.h-map-row strong{font-family:'Bebas Neue','Oswald','Arial Narrow',Impact,sans-serif;font-weight:400;font-size:32px;line-height:1;color:var(--gold);}
.h-map-row span{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:15px;line-height:1.15;letter-spacing:0.04em;text-transform:uppercase;color:#fff;}
.h-hero-inner.h-hero-split.h-hero-split-wide{grid-template-columns:minmax(0,0.82fr) minmax(520px,1.18fr);align-items:center;}
.loc-footprint{position:relative;align-self:center;min-height:0;padding:24px;background:linear-gradient(145deg,rgba(255,255,255,0.08),rgba(255,255,255,0.035));border:1px solid rgba(255,255,255,0.16);border-top:3px solid var(--gold);overflow:hidden;box-shadow:0 28px 80px rgba(0,0,0,0.18);}
.loc-footprint::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,0.055) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,0.04) 1px,transparent 1px);background-size:72px 72px;opacity:.45;pointer-events:none;}
.loc-map-head,.loc-map-foot,.loc-map-svg{position:relative;z-index:1;}
.loc-map-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:14px;}
.loc-map-kicker,.loc-map-base{font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:0.14em;margin:0;}
.loc-map-kicker{font-size:12px;color:var(--gold);}
.loc-map-base{font-size:11px;color:rgba(255,255,255,0.62);text-align:right;}
.loc-map-svg{width:100%;aspect-ratio:900/500;display:block;margin:0;}
.loc-map-image{position:relative;z-index:1;display:block;width:100%;height:auto;margin:0;}
.loc-map-water{fill:rgba(8,18,30,0.18);}
.loc-map-grid{fill:none;stroke:rgba(255,255,255,0.12);stroke-width:1;}
.loc-map-land{fill:rgba(232,237,243,0.24);stroke:rgba(232,237,243,0.38);stroke-width:1.2;}
.loc-route{fill:none;stroke:rgba(201,169,110,0.95);stroke-width:2.8;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:url(#loc-route-glow);}
.loc-route-soft{stroke:rgba(201,169,110,0.78);stroke-width:2.1;stroke-dasharray:6 7;}
.loc-pin-dot{fill:var(--gold);stroke:#fff;stroke-width:2;filter:url(#loc-pin-glow);}
.loc-pin-base .loc-pin-dot{fill:#fff;stroke:var(--gold);stroke-width:3;}
.loc-pin-ring{fill:none;stroke:rgba(201,169,110,0.45);stroke-width:2;}
.loc-label-bg{fill:rgba(26,42,62,0.88);stroke:rgba(255,255,255,0.18);stroke-width:1;}
.loc-label text{font-family:'Barlow Condensed',sans-serif;font-size:15px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;fill:#fff;}
.loc-label .loc-small{font-size:10px;letter-spacing:0.12em;fill:rgba(255,255,255,0.62);}
.loc-map-foot{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px;}
.loc-map-foot span{display:block;border:1px solid rgba(255,255,255,0.14);background:rgba(255,255,255,0.055);padding:9px 10px;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:12px;line-height:1.1;letter-spacing:0.08em;text-transform:uppercase;color:rgba(255,255,255,0.82);}
.loc-capture-infographic{padding:84px 24px;background:#fff;color:var(--ink);}
.loc-capture-infographic + .sc-context-visual{display:none;}
.loc-capture-inner{max-width:1180px;margin:0 auto;}
.loc-capture-head{display:grid;grid-template-columns:minmax(280px,0.72fr) minmax(420px,1fr);gap:44px;align-items:end;margin-bottom:28px;border-top:3px solid var(--gold);padding-top:34px;}
.loc-capture-kicker{margin:0 0 12px;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:13px;line-height:1.2;letter-spacing:0;text-transform:uppercase;color:var(--gold-600);}
.loc-capture-head h2{margin:0;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:clamp(34px,4vw,52px);line-height:1.02;letter-spacing:0;text-transform:uppercase;color:var(--navy);}
.loc-capture-head p:last-child{margin:0;font-size:17px;line-height:1.65;color:var(--ink-500);max-width:610px;}
.loc-capture-board{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(300px,0.78fr);gap:0;background:var(--navy-900);border:1px solid rgba(201,169,110,0.42);box-shadow:0 28px 80px rgba(26,42,62,0.16);}
.loc-capture-map{position:relative;min-height:440px;padding:24px;background:linear-gradient(135deg,rgba(38,63,91,0.98),rgba(26,42,62,0.98));border-right:1px solid rgba(255,255,255,0.13);overflow:hidden;}
.loc-capture-map::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,0.05) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,0.045) 1px,transparent 1px);background-size:68px 68px;opacity:.7;}
.loc-capture-svg,.loc-capture-img{position:relative;z-index:1;display:block;width:100%;height:auto;min-height:340px;}
.lci-ocean{fill:rgba(12,25,39,0.28);}
.lci-grid{fill:none;stroke:rgba(255,255,255,0.12);stroke-width:1;}
.lci-land{fill:rgba(232,237,243,0.25);stroke:rgba(232,237,243,0.42);stroke-width:1.15;stroke-linejoin:round;}
.lci-route{fill:none;stroke:var(--gold);stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;filter:url(#lci-glow);}
.lci-route-us{stroke-width:3.2;}
.lci-dot{fill:var(--gold);stroke:#fff;stroke-width:2.2;filter:url(#lci-glow);}
.lci-base-dot{fill:#fff;stroke:var(--gold);stroke-width:3;}
.lci-ring{fill:none;stroke:rgba(201,169,110,0.56);stroke-width:2;}
.lci-label rect{fill:rgba(26,42,62,0.92);stroke:rgba(255,255,255,0.24);stroke-width:1;}
.lci-label text{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:15px;line-height:1;letter-spacing:0.08em;text-transform:uppercase;fill:#fff;}
.lci-label .small{font-size:10px;letter-spacing:0.1em;fill:rgba(255,255,255,0.68);}
.loc-capture-legend{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px;}
.loc-capture-legend span{border:1px solid rgba(255,255,255,0.16);background:rgba(255,255,255,0.06);padding:9px 10px;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:12px;line-height:1.1;letter-spacing:0.08em;text-transform:uppercase;color:rgba(255,255,255,0.86);}
.loc-capture-flow{padding:30px;background:#fff;}
.loc-flow-title{margin:0 0 22px;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:22px;line-height:1.05;letter-spacing:0;text-transform:uppercase;color:var(--navy);}
.loc-flow-step{display:grid;grid-template-columns:48px 1fr;gap:15px;padding:18px 0;border-top:1px solid var(--stone-200);}
.loc-flow-step:first-of-type{border-top:3px solid var(--gold);}
.loc-flow-step strong{display:grid;place-items:center;width:48px;height:48px;background:var(--navy);color:var(--gold);font-family:'Bebas Neue','Oswald','Arial Narrow',Impact,sans-serif;font-weight:400;font-size:28px;line-height:1;}
.loc-flow-step span{display:block;margin:0 0 4px;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:18px;line-height:1.1;text-transform:uppercase;color:var(--navy);}
.loc-flow-step p{margin:0;font-size:14px;line-height:1.45;color:var(--ink-500);}
.loc-flow-note{margin:20px 0 0;padding:16px 18px;background:var(--stone);border-left:3px solid var(--gold);font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:14px;line-height:1.25;text-transform:uppercase;color:var(--navy);}
.loc-proof{padding:68px clamp(32px,5vw,72px);background:#fff;color:var(--ink);}
.loc-proof + .sc-context-visual{display:block;}
.loc-proof-in{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(280px,0.72fr) minmax(420px,1fr);gap:34px;align-items:stretch;border-top:3px solid var(--gold);padding-top:34px;}
.loc-proof-copy{display:flex;flex-direction:column;justify-content:space-between;gap:26px;}
.loc-proof-kicker{margin:0 0 12px;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:13px;line-height:1.2;letter-spacing:0;text-transform:uppercase;color:var(--gold-600);}
.loc-proof h2{margin:0 0 14px;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:clamp(30px,3.8vw,46px);line-height:1.03;letter-spacing:0;text-transform:uppercase;color:var(--navy);}
.loc-proof-lede{margin:0;font-size:17px;line-height:1.65;color:var(--ink-500);max-width:620px;}
.loc-proof-address{display:grid;gap:12px;padding:22px;background:var(--stone);border-left:3px solid var(--gold);}
.loc-proof-address-title{margin:0;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:13px;letter-spacing:0.12em;text-transform:uppercase;color:var(--gold-600);}
.loc-proof-address address,.loc-proof-address p{margin:0;font-style:normal;font-size:15px;line-height:1.55;color:var(--ink);}
.loc-proof-address a{color:var(--navy);font-weight:700;text-decoration:none;border-bottom:1px solid var(--gold);}
.loc-proof-panel{display:grid;grid-template-columns:minmax(0,1fr) 220px;background:var(--navy);border:1px solid rgba(38,63,91,0.16);box-shadow:0 24px 70px rgba(26,42,62,0.14);min-height:380px;}
.loc-proof-map{position:relative;display:block;min-height:380px;background:#20364f;overflow:hidden;text-decoration:none;color:inherit;}
.loc-proof-map img{display:block;width:100%;height:100%;min-height:380px;object-fit:cover;filter:saturate(0.92) contrast(1.02);}
.loc-proof-map::after{content:"";position:absolute;inset:0;border:1px solid rgba(201,169,110,0.5);pointer-events:none;}
.loc-proof-side{display:flex;flex-direction:column;justify-content:space-between;gap:24px;padding:24px;background:linear-gradient(180deg,var(--navy),var(--navy-900));color:#fff;}
.loc-proof-side h3{margin:0;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:20px;line-height:1.05;letter-spacing:0;text-transform:uppercase;color:#fff;}
.loc-proof-side p{margin:10px 0 0;font-size:14px;line-height:1.5;color:rgba(255,255,255,0.76);}
.loc-proof-markets{display:grid;gap:8px;}
.loc-proof-markets span{display:block;border:1px solid rgba(255,255,255,0.16);background:rgba(255,255,255,0.06);padding:8px 9px;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:11px;line-height:1.1;letter-spacing:0.08em;text-transform:uppercase;color:rgba(255,255,255,0.88);}
.loc-proof-cta{display:inline-flex;align-items:center;justify-content:center;background:var(--gold);color:var(--navy);padding:12px 14px;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:12px;line-height:1.1;letter-spacing:0.08em;text-transform:uppercase;text-decoration:none;}
.loc-proof-cta:hover{background:#fff;color:var(--navy);}
.mcr-about-photo--image{background:transparent !important;border-radius:0 !important;height:auto !important;align-items:stretch !important;justify-content:flex-start !important;}
.mcr-about-photo--image img{width:200px;height:200px;object-fit:cover;border-radius:50%;border:4px solid var(--mcr-gold);box-shadow:0 20px 50px rgba(38,63,91,0.16);}
.h-section{padding:96px 24px;background:var(--paper);position:relative;z-index:1;}
.h-section-inner{max-width:1200px;margin:0 auto;}
.h-label{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:13px;letter-spacing:0.12em;text-transform:uppercase;color:var(--gold-600);margin:0 0 16px 0;}
.h-section h2{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:clamp(32px,4vw,48px);line-height:1.1;letter-spacing:0;color:var(--navy);margin:0 0 18px 0;max-width:820px;}
.h-section p{max-width:720px;font-size:17px;line-height:1.75;color:var(--ink);}
.h-section-lead{font-size:17px;line-height:1.75;color:var(--ink-500);max-width:780px;margin:0 0 36px 0;}
.h-directory-head{margin-bottom:36px;}
.h-grid{display:grid;gap:22px;counter-reset:hcard;}
.h-grid-3{grid-template-columns:repeat(3,1fr);}
.h-grid-4{grid-template-columns:repeat(4,1fr);}
.h-card{position:relative;display:flex;flex-direction:column;min-height:235px;background:var(--paper);padding:36px 28px 28px;border:1px solid rgba(38,63,91,0.12);border-top:3px solid rgba(201,169,110,0.7);transition:border-color 200ms,transform 200ms,background 200ms;}
.h-card::before{counter-increment:hcard;content:counter(hcard,decimal-leading-zero);position:absolute;top:18px;right:22px;font-family:'Bebas Neue','Oswald','Arial Narrow',Impact,sans-serif;font-size:44px;line-height:1;color:rgba(201,169,110,0.38);}
.h-card:hover{border-top-color:var(--gold);transform:translateY(-2px);background:#fff;}
.h-card h3{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:22px;line-height:1.12;color:var(--navy);margin:0 52px 12px 0;letter-spacing:0;text-transform:uppercase;}
.h-card p{font-size:15px;line-height:1.6;color:var(--ink-500);margin:0 0 16px 0;}
.h-card .arrow{margin-top:auto;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:13px;letter-spacing:0.08em;text-transform:uppercase;color:var(--gold-600);}
.h-card:hover .arrow{color:var(--navy);}
.h-alt{background:var(--stone);}
.h-cta{background:var(--mauve);color:#fff;padding:96px 24px;position:relative;z-index:1;}
.h-cta::before,.h-cta::after{content:"";position:absolute;width:48px;height:48px;border-color:var(--gold);border-style:solid;}
.h-cta::before{top:24px;left:24px;border-width:2px 0 0 2px;}
.h-cta::after{bottom:24px;right:24px;border-width:0 2px 2px 0;}
.h-cta-inner{max-width:820px;margin:0 auto;text-align:center;}
.h-cta p.eye{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:13px;letter-spacing:0.12em;text-transform:uppercase;color:var(--gold);margin:0 0 20px 0;}
.h-cta h2{font-family:'Bebas Neue','Oswald','Arial Narrow',Impact,sans-serif;font-weight:400;font-size:clamp(36px,4.4vw,56px);line-height:1.1;letter-spacing:-0.02em;color:#fff;margin:0 0 24px 0;text-transform:uppercase;}
.h-cta h2 em{color:var(--gold);font-style:normal;}
.h-cta .lead{font-size:17px;color:var(--mauve-100);margin:0 0 40px 0;}
.h-btn{display:inline-block;background:var(--gold);color:var(--navy);padding:16px 32px;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:14px;letter-spacing:0.08em;text-transform:uppercase;transition:background 200ms;}
.h-btn:hover{background:var(--gold-600);}
@media (max-width:1080px){.h-hero-inner.h-hero-split,.h-hero-inner.h-hero-split.h-hero-split-wide{grid-template-columns:1fr;gap:36px;}.h-hero-map,.loc-footprint{min-height:0;}.h-grid-3,.h-grid-4{grid-template-columns:repeat(2,1fr);}.loc-capture-head,.loc-capture-board,.loc-proof-in{grid-template-columns:1fr;}.loc-capture-map{border-right:0;border-bottom:1px solid rgba(255,255,255,0.13);}.loc-capture-head p:last-child{max-width:760px;}.loc-proof-panel{grid-template-columns:1fr;}.loc-proof-side{display:grid;grid-template-columns:1fr 1fr;align-items:start;}.loc-proof-markets{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:680px){.h-hero{padding:72px 16px 64px;}.h-section{padding:64px 16px;}.h-grid-3,.h-grid-4{grid-template-columns:1fr;}.h-card{min-height:0;}.h-map-row{grid-template-columns:46px 1fr;}.loc-footprint{padding:18px;}.loc-map-head{display:block;}.loc-map-base{text-align:left;margin-top:6px;}.loc-map-foot{grid-template-columns:repeat(2,minmax(0,1fr));}.loc-map-foot span{font-size:11px;padding:8px;}.loc-label text{font-size:17px;}.loc-label .loc-small{font-size:11px;}.loc-capture-infographic{padding:56px 16px;}.loc-proof{padding:56px 24px;}.loc-capture-head{gap:18px;padding-top:26px;margin-bottom:22px;}.loc-capture-head h2,.loc-proof h2{font-size:30px;}.loc-capture-head p:last-child,.loc-proof-lede{font-size:15px;}.loc-capture-map{min-height:0;padding:14px;overflow-x:auto;}.loc-capture-svg,.loc-capture-img{width:720px;max-width:none;min-height:0;}.loc-capture-legend{grid-template-columns:repeat(2,minmax(0,1fr));}.loc-capture-flow{padding:22px 18px;}.loc-flow-step{grid-template-columns:42px 1fr;gap:12px;}.loc-flow-step strong{width:42px;height:42px;font-size:24px;}.loc-proof-map,.loc-proof-map img{min-height:320px;}.loc-proof-side{grid-template-columns:1fr;}.loc-proof-markets{grid-template-columns:1fr;}.mcr-about-photo--image img{width:140px;height:140px;}}

/* =====================================================================
   PHASE 9 follow-up · CANONICAL NAV MENU (April 25 2026)
   Per Stan: "any page should let visitors funnel through to a request."
   Per 05-MENU-FOOTER-SPEC.md: locked menu of 5 items + CTA, identical
   across every page. Audit found only 3 of 263 pages had the full menu.
   This component injects the locked 5-item menu via .v6-nav-menu so
   every page can opt in without touching its bespoke nav structure. */
.v6-nav-menu {
  display: flex;
  align-items: center;
  gap: 22px;
  flex: 1;
  justify-content: center;
  margin: 0 16px;
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.v6-nav-menu a {
  color: rgba(255, 255, 255, 0.85);
  text-decoration: none;
  white-space: nowrap;
  transition: color 200ms cubic-bezier(0.2, 0.6, 0.2, 1);
  border-bottom: 1px solid transparent;
  padding-bottom: 2px;
}
.v6-nav-menu a:hover { color: var(--gold); border-bottom-color: var(--gold); }
.v6-nav-menu[data-nav-bg="light"] a { color: var(--ink); }
.v6-nav-menu[data-nav-bg="light"] a:hover { color: var(--gold-d); border-bottom-color: var(--gold-d); }
@media (max-width: 980px) {
  .v6-nav-menu { display: none; }
}

/* Quick-answer block · AI extraction + reading anchor (§7.4 of locked content map)
   Was inline-styled on 83 pages with ~67 KB of duplicated style attributes.
   Lifted here April 25 2026 · Phase 7.2 · session 2.
   Visual: stone background, gold rule on the leading edge, eyebrow label in
   gold-d caps, body in standard reading paragraph. Max width 820px to fit
   the editorial reading column. */
.v6-qa {
  display: block;
  background: var(--sc-stone-100);
  border-left: 3px solid var(--sc-gold-500);
  padding: 28px 32px;
  max-width: 820px;
  margin: 32px auto;
  position: relative;
  z-index: 1;
}
.v6-qa-label {
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--sc-gold-600);
  margin: 0 0 10px 0;
}
.v6-qa-body {
  font-family: 'Barlow', sans-serif;
  font-size: 17px;
  line-height: 1.65;
  color: var(--sc-ink-700);
  margin: 0;
}

/* =====================================================================
   PHASE 8 · THE CHERRY · review SPECIMEN (locked April 25 2026)

   A single editorial moment that shows the actual artifact a visitor
   receives for $999. NDA-anonymized, but real in tone, structure, and
   numbers. Placed as a one-off chapter on /services/conversion-second-
   opinion between the "Six artefacts" and "Four engagements" sections.

   Pattern intentionally restrained: stone ground, gold rule on top,
   small caps eyebrow, DM Serif Display body for the marketing audit voice,
   Bebas Neue numbers for the outcome line. No card. No icon. The
   document reads like a page of the actual report.

   Single-page use ONLY. Do NOT propagate this pattern to other pages —
   that defeats the "one cherry per site" principle.
   ===================================================================== */
.v6-specimen {
  background: var(--sc-stone-100);
  padding: clamp(72px, 10vh, 120px) var(--sc-gutter);
  position: relative;
  z-index: 1;
  border-top: 4px solid var(--sc-gold-500);
}
.v6-specimen-in {
  max-width: 760px;
  margin: 0 auto;
}
.v6-specimen-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: var(--sc-gold-600);
  margin: 0 0 12px 0;
}
.v6-specimen-eyebrow::before {
  content: "";
  display: inline-block;
  width: 32px;
  height: 1px;
  background: var(--sc-gold-500);
  flex-shrink: 0;
}
.v6-specimen-finding {
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--sc-navy-800);
  margin: 0 0 28px 0;
}
.v6-specimen-body {
  font-family: 'DM Serif Display', Georgia, serif;
  font-style: italic;
  font-weight: 400;
  font-size: clamp(22px, 2.4vw, 30px);
  line-height: 1.4;
  color: var(--sc-navy-900);
  margin: 0 0 36px 0;
  padding: 0;
  border: 0;
  text-wrap: pretty;
}
.v6-specimen-body em {
  font-style: italic;
  color: var(--sc-gold-600);
}
.v6-specimen-rule {
  display: block;
  width: 64px;
  height: 1px;
  background: var(--sc-gold-500);
  margin: 0 0 28px 0;
  border: 0;
}
.v6-specimen-rec {
  font-family: 'Barlow', sans-serif;
  font-size: 17px;
  line-height: 1.7;
  color: var(--sc-ink-700);
  margin: 0 0 32px 0;
  text-wrap: pretty;
}
.v6-specimen-rec strong {
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--sc-gold-600);
  display: inline-block;
  margin-right: 10px;
}
.v6-specimen-outcome {
  display: flex;
  align-items: baseline;
  gap: 24px;
  flex-wrap: wrap;
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--sc-ink-500);
  margin: 0 0 32px 0;
  padding: 24px 0 0 0;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.v6-specimen-outcome strong {
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  font-size: clamp(40px, 4.4vw, 56px);
  letter-spacing: -0.01em;
  color: var(--sc-navy-800);
  text-transform: none;
  line-height: 0.9;
}
.v6-specimen-outcome span {
  font-family: 'Barlow', sans-serif;
  font-style: italic;
  font-size: 14px;
  letter-spacing: 0;
  text-transform: none;
  color: var(--sc-ink-500);
  font-weight: 400;
}
.v6-specimen-foot {
  font-family: 'Barlow', sans-serif;
  font-style: italic;
  font-size: 13px;
  line-height: 1.55;
  color: var(--sc-ink-500);
  margin: 0;
  opacity: 0.75;
}
@media (max-width: 680px) {
  .v6-specimen { padding: 56px var(--sc-gutter-mob); }
  .v6-specimen-body { font-size: clamp(19px, 4.4vw, 24px); }
}

/* Operating principle · italic editorial moment
   z-index:1 + position:relative defends against sticky-hero bleed-through. */
.v6-principle {
  text-align: center;
  padding: clamp(80px, 12vh, 140px) var(--sc-gutter);
  background: var(--sc-stone-100);
  position: relative;
  z-index: 1;
}
.v6-principle-in { max-width: var(--sc-reading); margin: 0 auto; }
.v6-principle-eye {
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--sc-gold-600);
  margin: 0 0 28px 0;
}
.v6-principle-quote {
  font-family: 'DM Serif Display', Georgia, serif;
  font-style: italic;
  font-weight: 400;
  font-size: clamp(26px, 3vw, 40px);
  line-height: 1.3;
  color: var(--sc-navy-800);
  margin: 0 0 20px 0;
  text-wrap: balance;
}
.v6-principle-quote em { color: var(--sc-gold-600); font-style: italic; }
.v6-principle-cite {
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--sc-ink-500);
}

/* =====================================================================
   PHASE 7.2 · CANONICAL FOOTER (lifted from per-page inline blocks)
   Was: <style id="sc-foot-css">...</style> duplicated on 257 pages.
   Now: lives here once. Per-page strip pass removes the inline duplicate.
   ===================================================================== */
.sc-foot {
  background:
    radial-gradient(circle at 12% 0%, rgba(201, 169, 110, 0.13), transparent 34%),
    linear-gradient(145deg, #142235 0%, #1A2A3E 58%, #101C2B 100%);
  color: rgba(255, 255, 255, 0.82);
  padding: clamp(48px, 6vw, 76px) 24px 28px;
  font-family: 'Barlow', sans-serif;
  font-size: 14px;
  line-height: 1.65;
  border-radius: 0;
  box-shadow: none;
  /* Sticky-hero overlap defense (April 25 2026): when a page uses the
     fixed-with-overlap pattern on the hero, the footer must sit ABOVE the
     sticky hero on scroll-up. Without z-index, the hero text bleeds
     through the footer's dark navy ground. */
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.sc-foot::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(201, 169, 110, 0.55), transparent);
}
.sc-foot::after {
  content: "audit before more spend";
  position: absolute;
  right: clamp(18px, 6vw, 96px);
  bottom: 94px;
  color: rgba(255, 255, 255, 0.035);
  font-family: 'Bebas Neue', 'Barlow Condensed', sans-serif;
  font-size: clamp(64px, 10vw, 150px);
  line-height: 0.78;
  letter-spacing: 0;
  text-transform: uppercase;
  pointer-events: none;
  white-space: nowrap;
}
.sc-foot *, .sc-foot *::before, .sc-foot *::after {
  box-sizing: border-box;
  border-radius: 0;
  box-shadow: none;
}
.sc-foot a {
  color: inherit;
  text-decoration: none;
}
.sc-foot-in {
  position: relative;
  z-index: 1;
  max-width: 1260px;
  margin: 0 auto;
}
.sc-foot-grid {
  display: grid;
  grid-template-columns: minmax(300px, 1.35fr) repeat(5, minmax(128px, 1fr));
  gap: clamp(22px, 3vw, 44px);
  padding-bottom: clamp(34px, 4.8vw, 52px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
  align-items: start;
}
.sc-foot-brand {
  position: relative;
  padding: clamp(22px, 2.7vw, 30px);
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-left: 4px solid #C9A96E;
}
.sc-foot-brand::after {
  content: "";
  position: absolute;
  top: 22px;
  right: 22px;
  width: 34px;
  height: 34px;
  border-top: 1px solid rgba(201, 169, 110, 0.55);
  border-right: 1px solid rgba(201, 169, 110, 0.55);
}
.sc-foot-brand img {
  max-height: 76px;
  width: auto;
  height: auto;
  display: block;
  margin: 0 0 22px 0;
}
.sc-foot-brand p {
  font-size: clamp(15px, 1.05vw, 16px);
  line-height: 1.58;
  color: rgba(255, 255, 255, 0.78);
  margin: 0 0 20px 0;
  max-width: 34ch;
  text-wrap: pretty;
}
.sc-foot-brand address {
  font-style: normal;
  font-size: 13px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.62);
  margin: 0;
}
.sc-foot-brand address a {
  color: rgba(255, 255, 255, 0.88);
  transition: color 200ms cubic-bezier(0.2, 0.6, 0.2, 1), background 200ms cubic-bezier(0.2, 0.6, 0.2, 1), transform 200ms cubic-bezier(0.2, 0.6, 0.2, 1);
}
.sc-foot-brand address a[href*="start"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  min-height: 44px;
  margin-top: 18px;
  padding: 0 18px;
  background: #C9A96E;
  color: #142235;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.14em;
  line-height: 1;
  text-transform: uppercase;
}
.sc-foot-brand address a[href*="start"]::after {
  content: "\00a0\2192";
  font-size: 16px;
  line-height: 0;
}
.sc-foot-brand address a:hover { color: #C9A96E; }
.sc-foot-brand address a[href*="start"]:hover {
  background: #fff;
  color: #142235;
  transform: translateY(-1px);
}
.sc-foot-col {
  min-width: 0;
  padding-top: 8px;
}
.sc-foot-col h4 {
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #C9A96E;
  margin: 0 0 16px 0;
}
.sc-foot-col h4::after {
  content: "";
  display: block;
  width: 28px;
  height: 1px;
  margin-top: 10px;
  background: rgba(201, 169, 110, 0.72);
}
.sc-foot-col a {
  display: flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  padding: 5px 0;
  font-size: 14.5px;
  line-height: 1.25;
  color: rgba(255, 255, 255, 0.78);
  border-bottom: 1px solid transparent;
  transition: color 200ms cubic-bezier(0.2, 0.6, 0.2, 1), border-color 200ms cubic-bezier(0.2, 0.6, 0.2, 1), transform 200ms cubic-bezier(0.2, 0.6, 0.2, 1);
  text-wrap: pretty;
}
.sc-foot-col a[href*="start"] {
  color: #fff;
  font-weight: 600;
}
.sc-foot-col a:hover {
  color: #C9A96E;
  border-bottom-color: rgba(201, 169, 110, 0.75);
  transform: translateX(3px);
}
.sc-foot-base {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  padding-top: 22px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.58);
}
.sc-foot-base .sc-foot-legal {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.sc-foot-base a {
  color: rgba(255, 255, 255, 0.7);
  transition: color 200ms cubic-bezier(0.2, 0.6, 0.2, 1);
}
.sc-foot-base a:hover { color: #C9A96E; }
@media (max-width: 1080px) {
  .sc-foot-grid {
    grid-template-columns: minmax(280px, 1.2fr) repeat(2, minmax(150px, 1fr));
  }
  .sc-foot::after { bottom: 72px; }
}
@media (max-width: 760px) {
  .sc-foot { padding: 40px 16px 92px; }
  .sc-foot-grid {
    grid-template-columns: 1fr 1fr;
    gap: 0 24px;
    padding-bottom: 26px;
  }
  .sc-foot-brand { grid-column: 1 / -1; }
  .sc-foot-brand {
    margin-bottom: 22px;
    padding: 22px 18px;
  }
  .sc-foot-brand img {
    max-height: 70px;
    margin-bottom: 18px;
  }
  .sc-foot-brand p {
    max-width: 42ch;
    font-size: 15px;
    line-height: 1.55;
  }
  .sc-foot-col {
    padding: 18px 0 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
  }
  .sc-foot-col h4 {
    margin-bottom: 12px;
    font-size: 11px;
  }
  .sc-foot-col a {
    width: 100%;
    padding: 7px 0;
    font-size: 15px;
  }
  .sc-foot-base { flex-direction: column; align-items: flex-start; gap: 12px; }
  .sc-foot-base .sc-foot-legal { gap: 14px 18px; }
  .sc-foot::after {
    right: 16px;
    bottom: 42px;
    font-size: 60px;
    white-space: normal;
  }
}
@media (max-width: 340px) {
  .sc-foot-grid { grid-template-columns: 1fr; }
  .sc-foot-col { padding-bottom: 14px; }
  .sc-foot-brand address a[href*="start"] {
    width: 100%;
  }
}
.sc-foot a:focus-visible {
  outline: 2px solid #C9A96E;
  outline-offset: 2px;
}

/* ============================================================
   Skip-to-main link · WCAG 2.4.1 Bypass Blocks (Level A)
   Uses sr-only-focusable pattern: visually clipped until focused.
   The HTML element also carries fail-safe inline styles so the
   link stays hidden even when this stylesheet is unavailable or
   edge-cached. Focus styles override the inline hide via !important.
   ============================================================ */
.v6-skip-link {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.v6-skip-link:focus,
.v6-skip-link:focus-visible {
  position: fixed !important;
  top: 8px !important;
  left: 8px !important;
  z-index: 10000 !important;
  width: auto !important;
  height: auto !important;
  padding: 12px 18px !important;
  margin: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  background: #161B22 !important;
  color: #C9A96E !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  border: 1px solid #C9A96E !important;
  outline: 2px solid #C9A96E !important;
  outline-offset: 2px !important;
}
.v6-skip-anchor {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
  white-space: nowrap;
}

/* =====================================================================
   MONEY-PAGE UX/UI HARDENING · April 28 2026
   Shared commercial components used on primary lead-generation pages.
   The goal is not decoration: each panel clarifies route, fit, proof,
   and next action for visitors who are already evaluating an engagement.
   ===================================================================== */
.sc-hero-panel,
.sc-path-card,
.sc-decision-card {
  border-radius: 0;
  box-shadow: none;
}
.sc-hero-panel {
  position: relative;
  display: grid;
  gap: 18px;
  padding: 30px;
  border: 1px solid rgba(201, 169, 110, 0.42);
  border-top: 4px solid #C9A96E;
  background:
    linear-gradient(135deg, rgba(201, 169, 110, 0.14), rgba(201, 169, 110, 0.03) 38%, rgba(255, 255, 255, 0.05)),
    rgba(13, 24, 38, 0.34);
  color: #FFFFFF;
  overflow: hidden;
}
.sc-hero-panel::after {
  content: "";
  position: absolute;
  right: -26px;
  bottom: -26px;
  width: 120px;
  height: 120px;
  border: 1px solid rgba(201, 169, 110, 0.26);
  pointer-events: none;
}
.sc-hero-panel--light {
  background:
    linear-gradient(135deg, rgba(201, 169, 110, 0.16), rgba(255, 255, 255, 0.92) 42%),
    #FFFFFF;
  color: #263F5B;
  border-color: rgba(38, 63, 91, 0.16);
}
.sc-hero-panel-kicker {
  margin: 0;
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #C9A96E;
}
.sc-hero-panel--light .sc-hero-panel-kicker { color: #B08D4E; }
.sc-hero-panel-stat {
  margin: 0;
  font-family: 'Bebas Neue', sans-serif;
  font-size: clamp(48px, 5vw, 78px);
  line-height: 0.86;
  letter-spacing: -0.01em;
  color: #C9A96E;
}
.sc-hero-panel--light .sc-hero-panel-stat { color: #263F5B; }
.sc-hero-panel-copy {
  margin: 0;
  font-family: 'Barlow', sans-serif;
  font-size: 15px;
  line-height: 1.62;
  color: rgba(255, 255, 255, 0.74);
}
.sc-hero-panel--light .sc-hero-panel-copy { color: #4A4A4A; }
.sc-hero-panel-list {
  display: grid;
  gap: 1px;
  margin: 4px 0 0;
  padding: 0;
  list-style: none;
  background: rgba(255, 255, 255, 0.14);
}
.sc-hero-panel-list li {
  display: grid;
  grid-template-columns: 38px 1fr;
  gap: 12px;
  align-items: baseline;
  padding: 13px 14px;
  background: rgba(255, 255, 255, 0.055);
  font-size: 13.5px;
  line-height: 1.42;
  color: rgba(255, 255, 255, 0.75);
}
.sc-hero-panel-list strong {
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  font-size: 26px;
  line-height: 0.9;
  color: #C9A96E;
}
.sc-hero-panel--light .sc-hero-panel-list {
  background: rgba(38, 63, 91, 0.12);
}
.sc-hero-panel--light .sc-hero-panel-list li {
  background: rgba(248, 248, 246, 0.86);
  color: #4A4A4A;
}
.sc-hero-panel--light .sc-hero-panel-list strong { color: #B08D4E; }
.sc-hero-panel-foot {
  margin: 0;
  padding-top: 14px;
  border-top: 1px solid rgba(201, 169, 110, 0.28);
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.68);
}
.sc-hero-panel--light .sc-hero-panel-foot { color: #263F5B; }
.sc-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
}
.sc-hero-actions .gad-btn-outline,
.sc-hero-actions .pam-btn-outline,
.sc-hero-actions .smp-btn-outline {
  margin-left: 0;
}

.sc-path-strip {
  position: relative;
  z-index: 1;
  padding: 0 24px 80px;
  background: #FFFFFF;
}
.sc-path-strip--stone { background: #F8F8F6; }
.sc-path-strip-in {
  max-width: 1180px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 0.86fr 1.14fr;
  gap: 34px;
  align-items: stretch;
}
.sc-path-head {
  padding: 34px;
  background: #1A2A3E;
  color: #FFFFFF;
  border-top: 4px solid #C9A96E;
}
.sc-path-kicker {
  margin: 0 0 16px;
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #C9A96E;
}
.sc-path-head h2 {
  margin: 0 0 18px;
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  font-size: clamp(34px, 4vw, 56px);
  line-height: 0.94;
  letter-spacing: -0.01em;
  color: #FFFFFF;
}
.sc-path-head p {
  margin: 0;
  font-size: 15px;
  line-height: 1.62;
  color: rgba(255, 255, 255, 0.68);
}
.sc-path-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.sc-path-card {
  display: flex;
  flex-direction: column;
  min-height: 250px;
  padding: 24px;
  background: #FFFFFF;
  border: 1px solid #F0EFEB;
  border-top: 3px solid #C9A96E;
  color: #1A1A1A;
  text-decoration: none;
  transition: border-color 200ms cubic-bezier(0.2, 0.6, 0.2, 1), transform 200ms cubic-bezier(0.2, 0.6, 0.2, 1);
}
.sc-path-card:hover {
  border-color: #C9A96E;
  transform: translateY(-2px);
}
.sc-path-card span {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 38px;
  line-height: 0.86;
  color: #C9A96E;
  margin-bottom: 18px;
}
.sc-path-card strong {
  display: block;
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700;
  font-size: 19px;
  line-height: 1.12;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #263F5B;
  margin-bottom: 10px;
}
.sc-path-card p {
  margin: 0 0 18px;
  font-size: 14px;
  line-height: 1.55;
  color: #4A4A4A;
}
.sc-path-card small {
  display: block;
  margin-top: auto;
  padding-top: 14px;
  border-top: 1px solid #F0EFEB;
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #B08D4E;
}

.sc-decision-strip {
  padding: 64px 24px;
  background: #F8F8F6;
}
.sc-decision-strip--white { background: #FFFFFF; }
.sc-decision-in {
  max-width: 1180px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  background: #E8EDF3;
  border-top: 3px solid #C9A96E;
}
.sc-decision-card {
  min-height: 180px;
  padding: 26px 24px;
  background: #FFFFFF;
}
.sc-decision-card strong {
  display: block;
  margin-bottom: 10px;
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #B08D4E;
}
.sc-decision-card h3 {
  margin: 0 0 12px;
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 1.12;
  color: #263F5B;
}
.sc-decision-card p {
  margin: 0;
  font-size: 14px;
  line-height: 1.58;
  color: #4A4A4A;
}

@media (min-width: 980px) {
  .gad-hero-inner,
  .pam-hero-inner,
  .smp-hero-inner,
  .msb-hero-inner,
  .wdl-hero-in,
  .rs-hero .rs-wrap,
  .ct-hero-inner,
  .hero-in {
    position: relative;
    padding-right: 472px;
  }
  .gad-hero-inner > .sc-hero-panel,
  .pam-hero-inner > .sc-hero-panel,
  .smp-hero-inner > .sc-hero-panel,
  .msb-hero-inner > .sc-hero-panel,
  .wdl-hero-in > .sc-hero-panel,
  .rs-hero .rs-wrap > .sc-hero-panel,
  .ct-hero-inner > .sc-hero-panel,
  .hero-in > .sc-hero-panel {
    position: absolute;
    right: 0;
    top: 50%;
    width: 400px;
    transform: translateY(-50%);
    margin-top: 0;
  }
  .ct-hero { min-height: 620px; }
  .wdl-hero-in { text-align: left !important; }
  .wdl-hero p.lead { margin-left: 0 !important; margin-right: 0 !important; }
  .wdl-pills { justify-content: flex-start !important; }
}

/* Existing older service-page polish: quieter shadows, tighter trust stats,
   and cards that read as premium operational modules rather than flat boxes. */
.gad-problem-card,
.gad-del-card,
.gad-type-card,
.gad-related-card,
.pam-problem-card,
.pam-platform-card,
.pam-related-card,
.smp-problem-card,
.smp-del-card,
.smp-related-card,
.msb-card,
.msb-related-card,
.cns-tier,
.rs-card,
.wdl-card,
.wdl-service,
.card {
  box-shadow: 0 18px 52px rgba(26, 42, 62, 0.06);
}
.gad-problem-card:hover,
.gad-del-card:hover,
.pam-problem-card:hover,
.pam-platform-card:hover,
.smp-problem-card:hover,
.smp-del-card:hover,
.msb-card:hover,
.cns-tier:hover,
.card:hover {
  transform: translateY(-2px);
}
.gad-trust,
.pam-trust,
.smp-trust,
.msb-trust {
  box-shadow: inset 0 1px 0 rgba(201, 169, 110, 0.18), inset 0 -1px 0 rgba(255, 255, 255, 0.08);
}
.gad-trust-num,
.pam-trust-num,
.smp-trust-num,
.msb-trust-num {
  max-width: 240px;
  margin-left: auto;
  margin-right: auto;
  text-wrap: balance;
}
.gad-btn,
.pam-btn,
.smp-btn,
.msb-btn-gold,
.msb-btn-outline,
.cns-btn,
.rs-btn,
.wdl-btn,
.ct-submit,
.btn {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 980px) {
  .sc-hero-panel { margin-top: 34px; }
  .sc-path-strip { padding: 0 16px 64px; }
  .sc-path-strip-in { grid-template-columns: 1fr; gap: 1px; background: #E8EDF3; }
  .sc-path-grid { grid-template-columns: 1fr; gap: 1px; }
  .sc-path-card { min-height: 0; }
  .sc-decision-strip { padding: 56px 16px; }
  .sc-decision-in { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  .sc-hero-panel { padding: 20px; gap: 12px; }
  .sc-hero-panel-stat { font-size: 44px; }
  .sc-hero-panel-copy { font-size: 14px; }
  .sc-hero-panel-list { display: none; }
  .wdl-pills { display: none !important; }
  .sc-path-head { padding: 28px 24px; }
  .sc-path-card { padding: 22px; }
}

.sc-context-visual {
  padding: 72px 24px;
  background: #FFFFFF;
  color: #1A1A1A;
}
.sc-context-visual + .sc-context-visual { display: none; }
.sc-context-visual-in {
  max-width: 1180px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(260px, 0.72fr) minmax(420px, 1fr);
  align-items: center;
  gap: 38px;
  border-top: 3px solid #C9A96E;
  border-bottom: 1px solid #E8EDF3;
  padding: 34px 0 38px;
}
.sc-context-copy {
  max-width: 430px;
}
.sc-context-kicker {
  margin: 0 0 12px;
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700;
  font-size: 13px;
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #B08D4E;
}
.sc-context-copy h2 {
  margin: 0 0 14px;
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700;
  font-size: 34px;
  line-height: 1.04;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #263F5B;
  text-wrap: balance;
}
.sc-context-copy p:last-child {
  margin: 0;
  font-size: 16px;
  line-height: 1.62;
  color: #4A4A4A;
}
.sc-context-visual .sc-context-copy h2::first-letter,
.sc-context-visual .sc-context-copy p::first-letter,
.sc-context-visual .sc-context-kicker::first-letter {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
  text-transform: inherit !important;
}
.sc-context-art {
  min-width: 0;
  background:
    linear-gradient(135deg, rgba(26, 42, 62, 0.98), rgba(38, 63, 91, 0.95)),
    #263F5B;
  border: 1px solid rgba(201, 169, 110, 0.34);
  border-radius: 6px;
  box-shadow: 0 24px 70px rgba(26, 42, 62, 0.16);
  padding: 18px;
  overflow: hidden;
}
.sc-context-visual--engagement-route {
  background: #F8F8F6;
}
.sc-context-visual--engagement-route .sc-context-visual-in {
  grid-template-columns: minmax(280px, 0.62fr) minmax(520px, 1.18fr);
  gap: clamp(34px, 5vw, 70px);
  border: 1px solid rgba(38,63,91,0.10);
  border-top: 4px solid #C9A96E;
  padding: clamp(34px, 5vw, 58px);
  background: #FFFFFF;
  box-shadow: 0 30px 90px rgba(26,42,62,0.08);
}
.sc-context-visual--engagement-route .sc-context-copy {
  max-width: 480px;
}
.sc-context-visual--engagement-route .sc-context-kicker {
  display: inline-block;
  padding: 6px 8px;
  background: rgba(201,169,110,0.16);
  color: #263F5B;
}
.sc-context-visual--engagement-route .sc-context-copy h2 {
  font-size: clamp(42px, 4.2vw, 66px);
  line-height: 0.92;
}
.sc-context-visual--engagement-route .sc-context-copy p:last-child {
  max-width: 420px;
  font-size: 18px;
  color: #263F5B;
}
.sc-context-visual--engagement-route .sc-context-art {
  border-radius: 2px;
  border: 1px solid rgba(201,169,110,0.42);
  box-shadow: 0 34px 100px rgba(26,42,62,0.20);
}
.sc-context-art svg {
  display: block;
  width: 100%;
  height: auto;
  min-height: 260px;
}
.scv-bg {
  fill: rgba(255,255,255,0.02);
  stroke: rgba(255,255,255,0.14);
  stroke-width: 2;
}
.scv-grid path,
.scv-axis path,
.scv-map path {
  fill: none;
  stroke: rgba(232,237,243,0.14);
  stroke-width: 1.4;
}
.scv-stack rect,
.scv-funnel path,
.scv-pipe path,
.scv-steps rect,
.scv-quads rect,
.scv-route rect,
.scv-leak-rows rect {
  fill: rgba(232,237,243,0.08);
  stroke: rgba(232,237,243,0.32);
  stroke-width: 2;
}
.scv-route circle,
.scv-hub circle,
.scv-ring circle {
  fill: rgba(201,169,110,0.16);
  stroke: #C9A96E;
  stroke-width: 2;
}
.scv-fill {
  fill: rgba(201,169,110,0.18);
}
.scv-line,
.scv-loop,
.scv-loop-2,
.scv-arrow,
.scv-arrows path,
.scv-connect path {
  fill: none;
  stroke: #C9A96E;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.scv-loop-2 {
  stroke: #7DA38A;
}
.scv-nodes circle,
.scv-gold circle,
.scv-pins circle,
.scv-gold-dot,
.scv-row-num circle {
  fill: #C9A96E;
  stroke: rgba(255,255,255,0.72);
  stroke-width: 2;
}
.scv-muted-dot {
  fill: #7DA38A;
  stroke: rgba(255,255,255,0.72);
  stroke-width: 2;
}
.scv-badges rect,
.scv-ai rect {
  fill: rgba(255,255,255,0.07);
  stroke: rgba(201,169,110,0.52);
  stroke-width: 1.8;
}
.scv-side path,
.scv-side circle,
.scv-gaps path,
.scv-leaks path {
  fill: none;
  stroke: rgba(232,237,243,0.58);
  stroke-width: 2;
  stroke-linecap: round;
}
.scv-leaks circle {
  fill: #491E30;
  stroke: #E7D4A8;
  stroke-width: 2;
}
.scv-leak-alert path {
  fill: #491E30;
  stroke: #E7D4A8;
  stroke-width: 2;
  stroke-linejoin: round;
}
.scv-orbit {
  fill: none;
  stroke: rgba(201,169,110,0.36);
  stroke-width: 2;
}
.scv-labels text,
.scv-badges text,
.scv-ai text,
.scv-hub text,
.scv-axis text,
.scv-note {
  font-family: 'Barlow', Arial, sans-serif;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0;
  fill: #F8F8F6;
}
.scv-center text,
.scv-hub text,
.scv-ai text {
  text-anchor: middle;
}
.scv-note {
  text-anchor: middle;
  font-size: 15px;
  fill: rgba(248,248,246,0.72);
}
.scv-labels .scv-mini {
  font-size: 14px;
  font-weight: 500;
  fill: rgba(248,248,246,0.74);
}
.sc-context-visual--leak-map .scv-labels text {
  font-size: 18px;
}
.sc-context-visual--leak-map .scv-labels .scv-mini {
  font-size: 16px;
}
.scv-labels .scv-row-number {
  text-anchor: middle;
  fill: #1A2A3E;
}
.scv-note-bottom {
  fill: #E7D4A8;
}
.sc-context-visual--local-demand .sc-context-art {
  background:
    linear-gradient(135deg, rgba(26,42,62,0.99), rgba(38,63,91,0.96)),
    #263F5B;
}
.scv-local-map path {
  fill: rgba(232,237,243,0.08);
  stroke: rgba(232,237,243,0.28);
  stroke-width: 1.8;
  stroke-linejoin: round;
}
.scv-local-map circle {
  fill: rgba(201,169,110,0.13);
  stroke: rgba(201,169,110,0.45);
  stroke-width: 1.6;
}
.scv-local-intent rect,
.scv-local-proof rect,
.scv-local-caption rect {
  fill: rgba(255,255,255,0.07);
  stroke: rgba(232,237,243,0.24);
  stroke-width: 1.5;
}
.scv-local-proof rect {
  stroke: rgba(201,169,110,0.48);
}
.scv-local-routes path {
  fill: none;
  stroke: #C9A96E;
  stroke-width: 2.3;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: url(#scv-local-glow);
}
.scv-local-pins circle {
  fill: #C9A96E;
  stroke: rgba(255,255,255,0.82);
  stroke-width: 2;
}
.scv-local-labels text {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.scv-local-caption text {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-anchor: middle;
  text-transform: uppercase;
  fill: #E7D4A8;
}
.sc-context-visual--engagement-route .scv-route-console rect,
.sc-context-visual--engagement-route .scv-route-signal rect,
.sc-context-visual--engagement-route .scv-route-options rect {
  fill: rgba(255,255,255,0.065);
  stroke: rgba(232,237,243,0.28);
  stroke-width: 1.6;
}
.sc-context-visual--engagement-route .scv-route-options rect {
  stroke: rgba(201,169,110,0.44);
}
.sc-context-visual--engagement-route .scv-route-bars rect {
  fill: url(#scv-route-sheen);
}
.sc-context-visual--engagement-route .scv-route-band path,
.sc-context-visual--engagement-route .scv-route-signal path {
  fill: none;
  stroke: rgba(201,169,110,0.58);
  stroke-width: 2;
  stroke-linecap: square;
}
.sc-context-visual--engagement-route .scv-route-signal circle {
  fill: rgba(201,169,110,0.18);
  stroke: #C9A96E;
  stroke-width: 2;
}
.sc-context-visual--engagement-route .scv-labels text {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

@media (max-width: 980px) {
  .sc-context-visual { padding: 56px 18px; }
  .sc-context-visual-in {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 28px 0 32px;
  }
  .sc-context-visual--engagement-route .sc-context-visual-in {
    grid-template-columns: 1fr;
  }
  .sc-context-copy { max-width: 620px; }
  .sc-context-copy h2 { font-size: 30px; }
}
@media (max-width: 620px) {
  .sc-context-visual { padding: 44px 16px; }
  .sc-context-art { padding: 10px; }
  .sc-context-art svg { min-height: 210px; }
  .sc-context-copy h2 { font-size: 26px; }
  .sc-context-visual--engagement-route .sc-context-copy h2 { font-size: 36px; }
  .sc-context-visual--engagement-route .sc-context-visual-in { padding: 24px; }
  .sc-context-copy p:last-child { font-size: 15px; }
  .scv-labels text,
  .scv-badges text,
  .scv-ai text,
  .scv-hub text,
  .scv-axis text {
    font-size: 15px;
  }
  .scv-note { font-size: 13px; }
}

.diy-parent {
  padding: 72px 24px;
  background: #FFFFFF;
}
.diy-parent--stone {
  background: #F8F8F6;
}
.diy-parent-in {
  max-width: 1120px;
  margin: 0 auto;
}
.diy-parent-head {
  max-width: 780px;
  margin-bottom: 30px;
}
.diy-kicker {
  margin: 0 0 12px;
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700;
  font-size: 13px;
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #B08D4E;
}
.diy-parent h2 {
  margin: 0 0 14px;
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700;
  font-size: 36px;
  line-height: 1.04;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #263F5B;
  text-wrap: balance;
}
.diy-parent-head p {
  margin: 0;
  font-size: 16px;
  line-height: 1.65;
  color: #4A4A4A;
}
.diy-route-grid,
.diy-step-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  background: #E8EDF3;
  border-top: 3px solid #C9A96E;
}
.diy-step-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.diy-route-card,
.diy-step-card {
  min-height: 238px;
  padding: 24px;
  background: #FFFFFF;
  color: #1A1A1A;
}
.diy-step-card {
  min-height: 256px;
}
.diy-route-card span,
.diy-step-card span {
  display: block;
  margin-bottom: 18px;
  font-family: 'Bebas Neue', sans-serif;
  font-size: 42px;
  line-height: 0.86;
  letter-spacing: 0;
  color: #C9A96E;
}
.diy-route-card strong,
.diy-step-card h3 {
  display: block;
  margin: 0 0 12px;
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.08;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #263F5B;
}
.diy-route-card p,
.diy-step-card p {
  margin: 0 0 18px;
  font-size: 14px;
  line-height: 1.55;
  color: #4A4A4A;
}
.diy-route-card a,
.diy-step-card a {
  display: inline-flex;
  margin-top: auto;
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #263F5B;
  border-bottom: 2px solid #C9A96E;
  padding-bottom: 3px;
}
.diy-route-card a:hover,
.diy-step-card a:hover {
  color: #B08D4E;
}
.diy-step-card {
  display: flex;
  flex-direction: column;
}
.diy-step-card p {
  flex: 1 1 auto;
}
.diy-stop-strip {
  margin-top: 28px;
  padding: 22px 24px;
  background: #263F5B;
  border-left: 4px solid #C9A96E;
  color: #FFFFFF;
}
.diy-stop-strip strong {
  display: block;
  margin-bottom: 6px;
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #F8F8F6;
}
.diy-stop-strip p {
  margin: 0;
  max-width: 860px;
  font-size: 15px;
  line-height: 1.62;
  color: rgba(255,255,255,0.82);
}

@media (max-width: 1080px) {
  .diy-route-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .diy-step-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  .diy-parent { padding: 54px 16px; }
  .diy-parent h2 { font-size: 28px; }
  .diy-route-grid,
  .diy-step-grid {
    grid-template-columns: 1fr;
  }
  .diy-route-card,
  .diy-step-card {
    min-height: 0;
    padding: 22px;
  }
}

/* AI search DIY library */
.ais-page {
  --ais-navy: #263F5B;
  --ais-navy-dark: #1A2A3E;
  --ais-gold: #C9A96E;
  --ais-gold-dark: #A88345;
  --ais-mauve: #491E30;
  --ais-ink: #1A1A1A;
  --ais-muted: #4A4A4A;
  --ais-line: #E3E7EC;
  --ais-stone: #F8F8F6;
  --ais-blue-soft: #E8EDF3;
  --ais-green: #396A58;
  margin: 0;
  font-family: 'Barlow', sans-serif;
  font-size: 17px;
  line-height: 1.68;
  color: var(--ais-ink);
  background: #FFFFFF;
}
.ais-page a {
  color: var(--ais-navy);
  text-decoration: none;
}
.ais-page img,
.ais-page svg {
  max-width: 100%;
  height: auto;
}
.ais-nav {
  position: sticky;
  top: 0;
  z-index: 100;
  background: var(--ais-navy);
  padding: 18px 24px;
}
.ais-nav-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.ais-nav img {
  display: block;
  width: auto;
  height: auto;
  max-height: 54px;
  filter: brightness(0) invert(1);
}
.ais-nav-menu {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 22px;
}
.ais-nav-menu a {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.86);
}
.ais-nav-menu a:hover {
  color: var(--ais-gold);
}
.ais-hero {
  position: relative;
  overflow: hidden;
  background: var(--ais-navy);
  color: #FFFFFF;
  padding: 92px 24px 74px;
}
.ais-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.18;
  background-image:
    linear-gradient(rgba(255,255,255,0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.08) 1px, transparent 1px);
  background-size: 72px 72px;
  pointer-events: none;
}
.ais-hero-inner {
  position: relative;
  z-index: 1;
  max-width: 1120px;
  margin: 0 auto;
}
.ais-breadcrumb {
  margin: 0 0 22px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.58);
}
.ais-breadcrumb a {
  color: rgba(255,255,255,0.78);
}
.ais-eyebrow,
.ais-kicker {
  margin: 0 0 14px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--ais-gold);
}
.ais-hero h1 {
  max-width: 880px;
  margin: 0 0 22px;
  font-family: 'Bebas Neue', sans-serif;
  font-size: 62px;
  font-weight: 400;
  line-height: 0.98;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #FFFFFF;
}
.ais-hero-dek {
  max-width: 760px;
  margin: 0;
  font-size: 20px;
  line-height: 1.55;
  color: #E8EDF3;
}
.ais-hero-proof {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  max-width: 980px;
  margin-top: 34px;
  background: rgba(255,255,255,0.2);
  border-top: 3px solid var(--ais-gold);
}
.ais-hero-proof span {
  display: block;
  min-height: 116px;
  padding: 20px;
  background: rgba(26,42,62,0.72);
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #FFFFFF;
}
.ais-wrap {
  max-width: 1120px;
  margin: 0 auto;
  padding: 72px 24px;
}
.ais-article-layout {
  display: grid;
  grid-template-columns: minmax(0, 760px) 300px;
  gap: 56px;
  align-items: start;
}
.ais-article h2,
.ais-wrap h2 {
  margin: 56px 0 18px;
  font-family: 'Bebas Neue', sans-serif;
  font-size: 42px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  text-transform: uppercase;
  color: var(--ais-navy);
}
.ais-article h3,
.ais-wrap h3 {
  margin: 28px 0 10px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: 0;
  text-transform: uppercase;
  color: var(--ais-navy);
}
.ais-article p,
.ais-article li,
.ais-wrap p,
.ais-wrap li {
  color: var(--ais-ink);
}
.ais-article p,
.ais-wrap p {
  margin: 0 0 18px;
}
.ais-article ul,
.ais-article ol,
.ais-wrap ul,
.ais-wrap ol {
  margin: 0 0 24px 20px;
  padding: 0;
}
.ais-quick,
.ais-source-note,
.ais-warning,
.ais-inline-cta {
  margin: 0 0 36px;
  padding: 26px 28px;
  background: var(--ais-stone);
  border-left: 4px solid var(--ais-gold);
}
.ais-quick strong,
.ais-source-note strong,
.ais-warning strong,
.ais-inline-cta strong {
  display: block;
  margin-bottom: 8px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ais-navy);
}
.ais-quick p:last-child,
.ais-source-note p:last-child,
.ais-warning p:last-child,
.ais-inline-cta p:last-child {
  margin-bottom: 0;
}
.ais-source-note a,
.ais-article a,
.ais-wrap a {
  border-bottom: 2px solid var(--ais-gold);
  padding-bottom: 2px;
}
.ais-source-note a:hover,
.ais-article a:hover,
.ais-wrap a:hover {
  color: var(--ais-gold-dark);
}
.ais-key-grid,
.ais-card-grid,
.ais-related-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin: 28px 0 42px;
  background: var(--ais-line);
  border-top: 3px solid var(--ais-gold);
}
.ais-key,
.ais-card,
.ais-related-card {
  min-height: 188px;
  padding: 24px;
  background: #FFFFFF;
}
.ais-key span,
.ais-card span,
.ais-related-card span {
  display: block;
  margin-bottom: 16px;
  font-family: 'Bebas Neue', sans-serif;
  font-size: 42px;
  line-height: 0.9;
  letter-spacing: 0;
  color: var(--ais-gold);
}
.ais-key strong,
.ais-card strong,
.ais-related-card strong {
  display: block;
  margin-bottom: 10px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: 0;
  text-transform: uppercase;
  color: var(--ais-navy);
}
.ais-key p,
.ais-card p,
.ais-related-card p {
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
  color: var(--ais-muted);
}
.ais-card a,
.ais-related-card a {
  display: inline-block;
  margin-top: 18px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.ais-visual {
  margin: 36px 0 44px;
  padding: 22px;
  background: #FFFFFF;
  border: 1px solid var(--ais-line);
  border-top: 4px solid var(--ais-gold);
}
.ais-visual svg {
  display: block;
  width: 100%;
  background: var(--ais-blue-soft);
}
.ais-diagram {
  background:
    linear-gradient(90deg, rgba(38,63,91,0.06) 1px, transparent 1px),
    linear-gradient(rgba(38,63,91,0.06) 1px, transparent 1px),
    var(--ais-blue-soft);
  background-size: 54px 54px;
  padding: 26px;
}
.ais-diagram-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 22px;
}
.ais-diagram-title {
  margin: 0;
  font-family: 'Bebas Neue', sans-serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 0.98;
  letter-spacing: 0;
  text-transform: uppercase;
  color: var(--ais-navy);
}
.ais-diagram-tag {
  margin: 0;
  max-width: 280px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0.08em;
  text-align: right;
  text-transform: uppercase;
  color: var(--ais-mauve);
}
.ais-diagram-grid {
  display: grid;
  gap: 1px;
  background: rgba(38,63,91,0.18);
  border-top: 3px solid var(--ais-gold);
}
.ais-diagram-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ais-diagram-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.ais-diagram-grid--5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.ais-diagram-card {
  min-height: 154px;
  padding: 20px;
  background: #FFFFFF;
  border-left: 0 solid var(--ais-gold);
}
.ais-diagram-card.dark {
  background: var(--ais-navy);
  color: #FFFFFF;
}
.ais-diagram-card.mauve {
  background: var(--ais-mauve);
  color: #FFFFFF;
}
.ais-diagram-card.green {
  background: var(--ais-green);
  color: #FFFFFF;
}
.ais-diagram-card span {
  display: block;
  margin-bottom: 22px;
  font-family: 'Bebas Neue', sans-serif;
  font-size: 38px;
  line-height: 0.9;
  letter-spacing: 0;
  color: var(--ais-gold);
}
.ais-diagram-card strong {
  display: block;
  margin-bottom: 8px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: 0;
  text-transform: uppercase;
  color: var(--ais-navy);
  overflow-wrap: break-word;
}
.ais-diagram-card.dark strong,
.ais-diagram-card.mauve strong,
.ais-diagram-card.green strong,
.ais-diagram-card.dark p,
.ais-diagram-card.mauve p,
.ais-diagram-card.green p {
  color: #FFFFFF;
}
.ais-diagram-card p {
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
  color: var(--ais-muted);
}
.ais-proof-rail {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  align-items: end;
  min-height: 260px;
}
.ais-proof-rail .ais-diagram-card {
  border-top: 4px solid var(--ais-gold);
  box-shadow: 0 16px 34px rgba(26,42,62,0.12);
}
.ais-proof-rail .ais-diagram-card:nth-child(1) { min-height: 138px; }
.ais-proof-rail .ais-diagram-card:nth-child(2) { min-height: 164px; }
.ais-proof-rail .ais-diagram-card:nth-child(3) { min-height: 190px; }
.ais-proof-rail .ais-diagram-card:nth-child(4) { min-height: 216px; }
.ais-proof-rail .ais-diagram-card:nth-child(5) { min-height: 242px; }
.ais-schema-map {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  align-items: stretch;
}
.ais-schema-core {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 214px;
  padding: 24px;
  background: var(--ais-navy);
  color: #FFFFFF;
  text-align: center;
  border: 3px solid var(--ais-gold);
}
.ais-schema-core strong {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 42px;
  font-weight: 400;
  line-height: 0.95;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #FFFFFF;
}
.ais-schema-side {
  display: grid;
  gap: 14px;
}
.ais-ladder {
  display: grid;
  gap: 10px;
}
.ais-ladder-row {
  display: grid;
  grid-template-columns: 90px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
}
.ais-ladder-row span {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 34px;
  line-height: 1;
  color: var(--ais-gold);
}
.ais-ladder-bar {
  padding: 16px 18px;
  background: var(--ais-navy);
  color: #FFFFFF;
  border-left: 4px solid var(--ais-gold);
}
.ais-ladder-row:nth-child(2) .ais-ladder-bar { margin-right: 8%; background: var(--ais-mauve); }
.ais-ladder-row:nth-child(3) .ais-ladder-bar { margin-right: 16%; background: var(--ais-green); }
.ais-ladder-row:nth-child(4) .ais-ladder-bar { margin-right: 24%; background: var(--ais-navy); }
.ais-ladder-row:nth-child(5) .ais-ladder-bar { margin-right: 32%; background: var(--ais-mauve); }
.ais-ladder-bar strong {
  display: block;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 20px;
  line-height: 1.1;
  text-transform: uppercase;
}
.ais-ladder-bar p {
  margin: 4px 0 0;
  font-size: 14px;
  line-height: 1.4;
  color: rgba(255,255,255,0.82);
}
.ais-analytics-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  align-items: stretch;
}
.ais-analytics-console {
  margin-top: 16px;
  padding: 20px;
  background: #FFFFFF;
  border: 2px solid var(--ais-gold);
  text-align: center;
}
.ais-analytics-console strong {
  display: block;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 22px;
  text-transform: uppercase;
  color: var(--ais-navy);
}
.ais-analytics-console p {
  margin: 6px 0 0;
  color: var(--ais-muted);
}
.ais-visual figcaption {
  margin-top: 14px;
  font-size: 14px;
  line-height: 1.5;
  color: var(--ais-muted);
}
.ais-step-list {
  counter-reset: ais-step;
  display: grid;
  gap: 14px;
  margin: 28px 0 42px;
}
.ais-step {
  counter-increment: ais-step;
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 18px;
  padding: 22px;
  background: var(--ais-stone);
  border-left: 3px solid var(--ais-gold);
}
.ais-step::before {
  content: counter(ais-step, decimal-leading-zero);
  font-family: 'Bebas Neue', sans-serif;
  font-size: 38px;
  line-height: 0.9;
  letter-spacing: 0;
  color: var(--ais-gold-dark);
}
.ais-step strong {
  display: block;
  margin-bottom: 6px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
  color: var(--ais-navy);
}
.ais-step p {
  margin: 0;
}
.ais-toc {
  position: sticky;
  top: 104px;
  padding: 22px;
  background: var(--ais-stone);
  border-top: 3px solid var(--ais-gold);
}
.ais-toc strong {
  display: block;
  margin-bottom: 12px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--ais-navy);
}
.ais-toc a {
  display: block;
  margin: 0;
  padding: 9px 0;
  border-bottom: 1px solid var(--ais-line);
  font-size: 14px;
  line-height: 1.35;
  color: var(--ais-muted);
}
.ais-toc a:hover {
  color: var(--ais-navy);
}
.ais-faq {
  margin-top: 54px;
  border-top: 3px solid var(--ais-gold);
}
.ais-faq details {
  border-bottom: 1px solid var(--ais-line);
  padding: 20px 0;
}
.ais-faq summary {
  cursor: pointer;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.15;
  text-transform: uppercase;
  color: var(--ais-navy);
}
.ais-faq details p {
  margin: 12px 0 0;
  color: var(--ais-muted);
}
.ais-inline-cta {
  background: var(--ais-navy);
  color: #FFFFFF;
  border-left-color: var(--ais-gold);
}
.ais-inline-cta strong,
.ais-inline-cta p {
  color: #FFFFFF;
}
.ais-inline-cta a {
  color: var(--ais-gold);
  border-bottom-color: rgba(201,169,110,0.65);
}
.ais-hub-intro {
  max-width: 840px;
}
.ais-hub-band {
  background: var(--ais-stone);
}
.ais-hub-band .ais-wrap {
  padding-top: 64px;
  padding-bottom: 64px;
}
.ais-mini-map {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  margin-top: 28px;
  background: var(--ais-line);
  border-top: 3px solid var(--ais-gold);
}
.ais-mini-map div {
  min-height: 170px;
  padding: 22px;
  background: #FFFFFF;
}
.ais-mini-map strong {
  display: block;
  margin-bottom: 10px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.12;
  text-transform: uppercase;
  color: var(--ais-navy);
}
.ais-mini-map p {
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
  color: var(--ais-muted);
}
@media (max-width: 980px) {
  .ais-article-layout {
    grid-template-columns: 1fr;
    gap: 36px;
  }
  .ais-toc {
    position: static;
    order: -1;
  }
  .ais-hero-proof,
  .ais-mini-map {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ais-key-grid,
  .ais-card-grid,
  .ais-related-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ais-diagram-grid--3,
  .ais-diagram-grid--4,
  .ais-diagram-grid--5,
  .ais-proof-rail,
  .ais-analytics-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ais-schema-map {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 680px) {
  .ais-nav {
    position: relative;
    padding: 16px;
  }
  .ais-nav-inner {
    align-items: flex-start;
  }
  .ais-nav-menu {
    justify-content: flex-end;
    gap: 12px 16px;
  }
  .ais-nav-menu a {
    font-size: 12px;
  }
  .ais-hero {
    padding: 58px 18px 48px;
  }
  .ais-hero h1 {
    font-size: 42px;
  }
  .ais-hero-dek {
    font-size: 18px;
  }
  .ais-hero-proof,
  .ais-key-grid,
  .ais-card-grid,
  .ais-related-grid,
  .ais-mini-map {
    grid-template-columns: 1fr;
  }
  .ais-hero-proof span {
    min-height: 74px;
    padding: 18px 20px;
  }
  .ais-wrap {
    padding: 52px 18px;
  }
  .ais-article h2,
  .ais-wrap h2 {
    font-size: 32px;
    margin-top: 42px;
  }
  .ais-quick,
  .ais-source-note,
  .ais-warning,
  .ais-inline-cta {
    padding: 22px;
  }
  .ais-visual {
    padding: 14px;
  }
  .ais-diagram {
    padding: 18px;
  }
  .ais-diagram-head {
    display: block;
  }
  .ais-diagram-title {
    font-size: 28px;
  }
  .ais-diagram-tag {
    margin-top: 8px;
    max-width: none;
    text-align: left;
  }
  .ais-diagram-grid--3,
  .ais-diagram-grid--4,
  .ais-diagram-grid--5,
  .ais-proof-rail,
  .ais-analytics-row {
    grid-template-columns: 1fr;
  }
  .ais-proof-rail {
    min-height: 0;
  }
  .ais-proof-rail .ais-diagram-card,
  .ais-proof-rail .ais-diagram-card:nth-child(n) {
    min-height: 0;
  }
  .ais-ladder-row {
    grid-template-columns: 1fr;
    gap: 6px;
  }
  .ais-ladder-row:nth-child(n) .ais-ladder-bar {
    margin-right: 0;
  }
  .ais-step {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}


/* Phase 11 · 2026-05-04 · Closing CTA recolor */
:root {
  --sc-steel-700: #707789;
  --steel: #707789;
}
.section-mauve {
  background: #707789 !important;
  border-top: 4px solid #491E30 !important;
  position: relative;
}

/* === STAN-LOCK 2026-05-05 · header logo size standard === */
/* Per 05-MENU-FOOTER-SPEC.md · header logo rendered at consistent
   max-height across every page · regardless of page-template prefix.
   Width auto from the 1500x1500 square source. Position is enforced
   by per-template flex layouts (logo always first/leftmost child of
   the header). */
header img[src*="/assets/images/logo.png"],
nav img[src*="/assets/images/logo.png"],
header img[src*="/assets/images/stan-consulting-logo-"],
nav img[src*="/assets/images/stan-consulting-logo-"] {
  height: auto !important;
  max-height: 52px !important;
  width: auto !important;
  display: block;
}
@media (max-width: 960px) {
  header img[src*="/assets/images/logo.png"],
  nav img[src*="/assets/images/logo.png"],
  header img[src*="/assets/images/stan-consulting-logo-"],
  nav img[src*="/assets/images/stan-consulting-logo-"] {
    max-height: 48px !important;
  }
}
@media (max-width: 600px) {
  header img[src*="/assets/images/logo.png"],
  nav img[src*="/assets/images/logo.png"],
  header img[src*="/assets/images/stan-consulting-logo-"],
  nav img[src*="/assets/images/stan-consulting-logo-"] {
    max-height: 42px !important;
  }
}

/* === ITEM-F-2026-05-05-RESULTS-LEAF === */
/* Phase 7.2 carryover · .n+.hero template extraction · namespace .v6-results-leaf
   Lifted from inline page CSS · 2026-05-05 · per Item F. */
.scs-fresh-stamp {
  margin: 0 0 24px;
  color: rgba(255,255,255,.76);
  font-family: 'Barlow', sans-serif;
  font-size: 14px;
  line-height: 1.5;
}
.scs-fresh-stamp em {
  color: #fff;
  font-style: normal;
}
.v6-results-leaf .n { background:var(--navy);padding:20px 24px;position:sticky;top:0;z-index:100; }
.v6-results-leaf .n-in { max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:24px; }
.v6-results-leaf .n img { filter:brightness(0) invert(1);height:auto;max-height:48px;width:auto; }
.v6-results-leaf .n-cta { background:var(--gold);color:var(--navy);font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:13px;letter-spacing:0.08em;text-transform:uppercase;padding:12px 22px;transition:background 200ms; }
.v6-results-leaf .n-cta:hover { background:var(--gold-600); }
.v6-results-leaf .hero { background:var(--navy);color:#fff;padding:120px 24px 96px; }
.v6-results-leaf .hero-in { max-width:1100px;margin:0 auto; }
.v6-results-leaf .crumb { font-size:13px;color:rgba(255,255,255,0.5);margin-bottom:24px;font-family:'Barlow Condensed',sans-serif;letter-spacing:0.04em;text-transform:uppercase; }
.v6-results-leaf .crumb a { color:rgba(255,255,255,0.7); }
.v6-results-leaf .eye { font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:13px;letter-spacing:0.12em;text-transform:uppercase;color:var(--gold);margin:0 0 20px 0; }
.v6-results-leaf .hero h1 { font-family:'Bebas Neue','Oswald','Arial Narrow',Impact,sans-serif;font-weight:400;font-size:clamp(32px,3.6vw,48px);line-height:0.95;letter-spacing:-0.02em;text-transform:uppercase;color:#fff;margin:0 0 24px 0;max-width:900px; }
.v6-results-leaf .hero h1 em { color:var(--gold);font-style:normal; }
.v6-results-leaf .hero-dek { font-size:21px;line-height:1.55;color:var(--navy-100);max-width:720px;margin:0; }
.v6-results-leaf .sec { padding:96px 24px; }
.v6-results-leaf .sec-in { max-width:1100px;margin:0 auto; }
.v6-results-leaf .sec-narrow { max-width:820px;margin:0 auto; }
.v6-results-leaf .label { font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:13px;letter-spacing:0.12em;text-transform:uppercase;color:var(--gold-600);margin:0 0 16px 0; }
.v6-results-leaf .sec h2 { font-family:'Bebas Neue','Oswald','Arial Narrow',Impact,sans-serif;font-weight:400;font-size:clamp(28px,3.2vw,40px);line-height:1;letter-spacing:-0.02em;color:var(--navy);margin:0 0 32px 0;text-transform:uppercase;max-width:860px; }
.v6-results-leaf .sec h2 em { color:var(--mauve);font-style:normal; }
.v6-results-leaf .sec p { font-size:17px;line-height:1.75;color:var(--ink);margin:0 0 20px 0;max-width:720px; }
.v6-results-leaf .alt { background:var(--stone); }
.v6-results-leaf .grid { display:grid;gap:24px; }
.v6-results-leaf .g3 { grid-template-columns:repeat(3,1fr); }
.v6-results-leaf .g2 { grid-template-columns:repeat(2,1fr); }
@media(max-width:900px) {
.v6-results-leaf .g3, .v6-results-leaf .g2 { grid-template-columns:1fr; }
}
.v6-results-leaf .card { display:block;background:var(--paper);padding:32px;border-top:2px solid var(--gold);transition:transform 200ms,box-shadow 200ms; }
.v6-results-leaf .card h3 { font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:22px;color:var(--navy);margin:0 0 10px 0;letter-spacing:-0.01em; }
.v6-results-leaf .card p { font-size:15px;line-height:1.6;color:var(--ink-500);margin:0 0 16px 0; }
.v6-results-leaf .card .arrow { font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:13px;letter-spacing:0.08em;text-transform:uppercase;color:var(--navy); }
.v6-results-leaf .big-stat { font-family:'Bebas Neue','Oswald','Arial Narrow',Impact,sans-serif;font-size:clamp(80px,12vw,180px);line-height:0.9;color:var(--gold);letter-spacing:-0.03em;margin:0; }
.v6-results-leaf .stat-lab { font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:14px;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-500);margin:8px 0 0 0; }
.v6-results-leaf blockquote.pull { font-family:'DM Serif Display',Georgia,serif;font-style:italic;font-size:clamp(22px,2.6vw,30px);line-height:1.4;color:var(--ink-900);border-left:4px solid var(--gold);padding-left:32px;margin:48px 0;max-width:720px; }
.v6-results-leaf .mauve { background:var(--mauve);color:#fff;padding:96px 24px;position:relative; }
.v6-results-leaf .mauve::before, .v6-results-leaf .mauve::after { content:"";position:absolute;width:48px;height:48px;border-color:var(--gold);border-style:solid; }
.v6-results-leaf .mauve::before { top:24px;left:24px;border-width:2px 0 0 2px; }
.v6-results-leaf .mauve::after { bottom:24px;right:24px;border-width:0 2px 2px 0; }
.v6-results-leaf .mauve .mauve-in { max-width:820px;margin:0 auto;text-align:center; }
.v6-results-leaf .mauve h2 { font-family:'Bebas Neue','Oswald','Arial Narrow',Impact,sans-serif;font-weight:400;font-size:clamp(28px,3.2vw,40px);line-height:1;color:#fff;margin:0 0 24px 0;text-transform:uppercase; }
.v6-results-leaf .mauve p { color:rgba(255,255,255,0.8);margin:0 0 32px 0;max-width:none; }
.v6-results-leaf .btn { display:inline-block;background:var(--gold);color:var(--navy);padding:16px 32px;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:14px;letter-spacing:0.08em;text-transform:uppercase;transition:background 200ms; }
.v6-results-leaf .btn:hover { background:var(--gold-600); }
.v6-results-leaf .term { padding:24px 0;border-bottom:1px solid var(--stone-200); }
.v6-results-leaf .term dt { font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:20px;color:var(--navy);letter-spacing:-0.01em;margin:0 0 8px 0; }
.v6-results-leaf .term dt span { display:inline-block;background:var(--stone);color:var(--ink-500);font-size:11px;letter-spacing:0.08em;text-transform:uppercase;padding:2px 8px;margin-left:8px;vertical-align:middle; }
.v6-results-leaf .term dd { margin:0;font-size:16px;line-height:1.7;color:var(--ink);max-width:720px; }
.v6-results-leaf form.nl { display:flex;gap:8px;max-width:480px;margin-top:24px; }
.v6-results-leaf form.nl input { flex:1;padding:14px 16px;font:inherit;font-size:16px;background:var(--paper);border:1px solid var(--stone-200);border-bottom:2px solid var(--navy); }
.v6-results-leaf form.nl button { background:var(--navy);color:#fff;border:0;padding:14px 24px;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:14px;letter-spacing:0.08em;text-transform:uppercase;cursor:pointer; }
.v6-results-leaf form.nl button:hover { background:var(--navy-900); }

/* === ITEM-F-2026-05-05-NARROW-LEAF === */
/* Phase 7.2 carryover · .n+.hero template extraction · namespace .v6-narrow-leaf
   Lifted from inline page CSS · 2026-05-05 · per Item F. */
.v6-narrow-leaf .n { background:var(--navy);padding:20px 24px;position:sticky;top:0;z-index:100; }
.v6-narrow-leaf .n-in { max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:24px; }
.v6-narrow-leaf .n img { filter:brightness(0) invert(1);height:auto;max-height:48px;width:auto; }
.v6-narrow-leaf .n-cta { background:var(--gold);color:var(--navy);font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:13px;letter-spacing:0.08em;text-transform:uppercase;padding:12px 22px; }
.v6-narrow-leaf .hero { background:var(--navy);color:#fff;padding:120px 24px 96px; }
.v6-narrow-leaf .hero-in { max-width:1100px;margin:0 auto; }
.v6-narrow-leaf .crumb { font-size:13px;color:rgba(255,255,255,0.5);margin-bottom:24px;font-family:'Barlow Condensed',sans-serif;letter-spacing:0.04em;text-transform:uppercase; }
.v6-narrow-leaf .crumb a { color:rgba(255,255,255,0.7); }
.v6-narrow-leaf .eye { font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:13px;letter-spacing:0.12em;text-transform:uppercase;color:var(--gold);margin:0 0 20px 0; }
.v6-narrow-leaf .hero h1 { font-family:'Bebas Neue','Oswald','Arial Narrow',Impact,sans-serif;font-weight:400;font-size:clamp(32px,3.6vw,48px);line-height:0.95;letter-spacing:-0.02em;text-transform:uppercase;color:#fff;margin:0 0 24px 0;max-width:900px; }
.v6-narrow-leaf .hero h1 em { color:var(--gold);font-style:normal; }
.v6-narrow-leaf .hero-dek { font-size:21px;line-height:1.55;color:var(--navy-100);max-width:720px;margin:0; }
.v6-narrow-leaf .sec { padding:80px 24px; }
.v6-narrow-leaf .sec-in { max-width:1100px;margin:0 auto; }
.v6-narrow-leaf .sec-narrow { max-width:820px;margin:0 auto; }
.v6-narrow-leaf .label { font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:13px;letter-spacing:0.12em;text-transform:uppercase;color:var(--gold-600);margin:0 0 16px 0; }
.v6-narrow-leaf .sec h2 { font-family:'Bebas Neue','Oswald','Arial Narrow',Impact,sans-serif;font-weight:400;font-size:clamp(28px,3.2vw,40px);line-height:1;letter-spacing:-0.02em;color:var(--navy);margin:0 0 32px 0;text-transform:uppercase;max-width:860px; }
.v6-narrow-leaf .sec h2 em { color:var(--mauve);font-style:normal; }
.v6-narrow-leaf .sec p { font-size:17px;line-height:1.75;color:var(--ink);margin:0 0 20px 0;max-width:720px; }
.v6-narrow-leaf .alt { background:var(--stone); }
.v6-narrow-leaf .letter-nav { display:flex;flex-wrap:wrap;gap:8px;margin:32px 0 48px 0; }
.v6-narrow-leaf .letter-nav a { display:inline-block;padding:8px 14px;background:var(--stone);color:var(--navy);font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:14px;letter-spacing:0.04em;border:1px solid var(--stone-200); }
.v6-narrow-leaf .letter-nav a:hover { border-color:var(--gold);background:var(--paper); }
.v6-narrow-leaf .letter-head { font-family:'Bebas Neue','Oswald','Arial Narrow',Impact,sans-serif;font-size:48px;color:var(--gold);letter-spacing:-0.02em;border-bottom:2px solid var(--gold);padding-bottom:8px;margin:48px 0 16px 0; }
.v6-narrow-leaf .term { padding:24px 0;border-bottom:1px solid var(--stone-200); }
.v6-narrow-leaf .term dt { font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:20px;color:var(--navy);letter-spacing:-0.01em;margin:0 0 8px 0; }
.v6-narrow-leaf .term dt span { display:inline-block;background:var(--stone);color:var(--ink-500);font-size:11px;letter-spacing:0.08em;text-transform:uppercase;padding:2px 8px;margin-left:8px;vertical-align:middle;font-weight:700; }
.v6-narrow-leaf .term dd { margin:0;font-size:16px;line-height:1.7;color:var(--ink);max-width:720px; }
.v6-narrow-leaf .mauve { background:var(--mauve);color:#fff;padding:96px 24px;position:relative; }
.v6-narrow-leaf .mauve::before, .v6-narrow-leaf .mauve::after { content:"";position:absolute;width:48px;height:48px;border-color:var(--gold);border-style:solid; }
.v6-narrow-leaf .mauve::before { top:24px;left:24px;border-width:2px 0 0 2px; }
.v6-narrow-leaf .mauve::after { bottom:24px;right:24px;border-width:0 2px 2px 0; }
.v6-narrow-leaf .mauve .mauve-in { max-width:820px;margin:0 auto;text-align:center; }
.v6-narrow-leaf .mauve h2 { font-family:'Bebas Neue','Oswald','Arial Narrow',Impact,sans-serif;font-weight:400;font-size:clamp(28px,3.2vw,40px);line-height:1;color:#fff;margin:0 0 24px 0;text-transform:uppercase; }
.v6-narrow-leaf .mauve h2 em { color:var(--gold);font-style:normal; }
.v6-narrow-leaf .mauve p { color:rgba(255,255,255,0.8);margin:0 0 32px 0; }
.v6-narrow-leaf .btn { display:inline-block;background:var(--gold);color:var(--navy);padding:16px 32px;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:14px;letter-spacing:0.08em;text-transform:uppercase; }
.v6-narrow-leaf .btn:hover { background:var(--gold-600); }
.v6-narrow-leaf form.nl { display:flex;gap:8px;max-width:480px;margin-top:24px; }
.v6-narrow-leaf form.nl input { flex:1;padding:14px 16px;font:inherit;font-size:16px;background:var(--paper);border:1px solid var(--stone-200);border-bottom:2px solid var(--navy); }
.v6-narrow-leaf form.nl button { background:var(--navy);color:#fff;border:0;padding:14px 24px;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:14px;letter-spacing:0.08em;text-transform:uppercase;cursor:pointer; }

/* === ITEM-F-2026-05-05-FWK-HUB === */
/* Phase 7.2 carryover · .n+.hero template extraction · namespace .v6-fwk-hub
   Lifted from inline page CSS · 2026-05-05 · per Item F. */
.v6-fwk-hub .n { background:var(--navy);padding:20px 24px;position:sticky;top:0;z-index:100; }
.v6-fwk-hub .n-in { max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:24px; }
.v6-fwk-hub .n img { filter:brightness(0) invert(1);height:auto;max-height:48px;width:auto; }
.v6-fwk-hub .n-cta { background:var(--gold);color:var(--navy);font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:13px;letter-spacing:0.08em;text-transform:uppercase;padding:12px 22px; }
.v6-fwk-hub .hero { background:var(--navy);color:#fff;padding:120px 24px 96px; }
.v6-fwk-hub .hero-in { max-width:1100px;margin:0 auto; }
.v6-fwk-hub .crumb { font-size:13px;color:rgba(255,255,255,0.5);margin-bottom:24px;font-family:'Barlow Condensed',sans-serif;letter-spacing:0.04em;text-transform:uppercase; }
.v6-fwk-hub .crumb a { color:rgba(255,255,255,0.7); }
.v6-fwk-hub .eye { font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:13px;letter-spacing:0.12em;text-transform:uppercase;color:var(--gold);margin:0 0 20px 0; }
.v6-fwk-hub .hero h1 { font-family:'Bebas Neue','Oswald','Arial Narrow',Impact,sans-serif;font-weight:400;font-size:clamp(40px,4.4vw,64px);line-height:0.95;letter-spacing:-0.02em;text-transform:uppercase;color:#fff;margin:0 0 24px 0;max-width:900px; }
.v6-fwk-hub .hero h1 em { color:var(--gold);font-style:normal; }
.v6-fwk-hub .hero-dek { font-size:21px;line-height:1.55;color:var(--navy-100);max-width:720px;margin:0; }
.v6-fwk-hub .sec { padding:80px 24px; }
.v6-fwk-hub .sec-in { max-width:1100px;margin:0 auto; }
.v6-fwk-hub .sec-narrow { max-width:820px;margin:0 auto; }
.v6-fwk-hub .label { font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:13px;letter-spacing:0.12em;text-transform:uppercase;color:var(--gold-600);margin:0 0 16px 0; }
.v6-fwk-hub .sec h2 { font-family:'Bebas Neue','Oswald','Arial Narrow',Impact,sans-serif;font-weight:400;font-size:clamp(36px,4.5vw,56px);line-height:1;letter-spacing:-0.02em;color:var(--navy);margin:0 0 32px 0;text-transform:uppercase;max-width:860px; }
.v6-fwk-hub .sec h2 em { color:var(--mauve);font-style:normal; }
.v6-fwk-hub .sec p { font-size:17px;line-height:1.75;color:var(--ink);margin:0 0 20px 0;max-width:720px; }
.v6-fwk-hub .alt { background:var(--stone); }
.v6-fwk-hub .letter-nav { display:flex;flex-wrap:wrap;gap:8px;margin:32px 0 48px 0; }
.v6-fwk-hub .letter-nav a { display:inline-block;padding:8px 14px;background:var(--stone);color:var(--navy);font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:14px;letter-spacing:0.04em;border:1px solid var(--stone-200); }
.v6-fwk-hub .letter-nav a:hover { border-color:var(--gold);background:var(--paper); }
.v6-fwk-hub .letter-head { font-family:'Bebas Neue','Oswald','Arial Narrow',Impact,sans-serif;font-size:48px;color:var(--gold);letter-spacing:-0.02em;border-bottom:2px solid var(--gold);padding-bottom:8px;margin:48px 0 16px 0; }
.v6-fwk-hub .term { padding:24px 0;border-bottom:1px solid var(--stone-200); }
.v6-fwk-hub .term dt { font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:20px;color:var(--navy);letter-spacing:-0.01em;margin:0 0 8px 0; }
.v6-fwk-hub .term dt span { display:inline-block;background:var(--stone);color:var(--ink-500);font-size:11px;letter-spacing:0.08em;text-transform:uppercase;padding:2px 8px;margin-left:8px;vertical-align:middle;font-weight:700; }
.v6-fwk-hub .term dd { margin:0;font-size:16px;line-height:1.7;color:var(--ink);max-width:720px; }
.v6-fwk-hub .mauve { background:var(--mauve);color:#fff;padding:96px 24px;position:relative; }
.v6-fwk-hub .mauve::before, .v6-fwk-hub .mauve::after { content:"";position:absolute;width:48px;height:48px;border-color:var(--gold);border-style:solid; }
.v6-fwk-hub .mauve::before { top:24px;left:24px;border-width:2px 0 0 2px; }
.v6-fwk-hub .mauve::after { bottom:24px;right:24px;border-width:0 2px 2px 0; }
.v6-fwk-hub .mauve .mauve-in { max-width:820px;margin:0 auto;text-align:center; }
.v6-fwk-hub .mauve h2 { font-family:'Bebas Neue','Oswald','Arial Narrow',Impact,sans-serif;font-weight:400;font-size:clamp(36px,4vw,56px);line-height:1;color:#fff;margin:0 0 24px 0;text-transform:uppercase; }
.v6-fwk-hub .mauve h2 em { color:var(--gold);font-style:normal; }
.v6-fwk-hub .mauve p { color:rgba(255,255,255,0.8);margin:0 0 32px 0; }
.v6-fwk-hub .btn { display:inline-block;background:var(--gold);color:var(--navy);padding:16px 32px;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:14px;letter-spacing:0.08em;text-transform:uppercase; }
.v6-fwk-hub .btn:hover { background:var(--gold-600); }
.v6-fwk-hub form.nl { display:flex;gap:8px;max-width:480px;margin-top:24px; }
.v6-fwk-hub form.nl input { flex:1;padding:14px 16px;font:inherit;font-size:16px;background:var(--paper);border:1px solid var(--stone-200);border-bottom:2px solid var(--navy); }
.v6-fwk-hub form.nl button { background:var(--navy);color:#fff;border:0;padding:14px 24px;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:14px;letter-spacing:0.08em;text-transform:uppercase;cursor:pointer; }

/* === ITEM-F-2026-05-05-RESULTS-HUB === */
/* Phase 7.2 carryover · .n+.hero template extraction · namespace .v6-results-hub
   Lifted from inline page CSS · 2026-05-05 · per Item F. */
.v6-results-hub .n { background:var(--navy);padding:20px 24px;position:sticky;top:0;z-index:100; }
.v6-results-hub .n-in { max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:24px; }
.v6-results-hub .n img { filter:brightness(0) invert(1);height:auto;max-height:48px;width:auto; }
.v6-results-hub .n-cta { background:var(--gold);color:var(--navy);font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:13px;letter-spacing:0.08em;text-transform:uppercase;padding:12px 22px;transition:background 200ms; }
.v6-results-hub .n-cta:hover { background:var(--gold-600); }
.v6-results-hub .hero { background:var(--navy);color:#fff;padding:120px 24px 96px; }
.v6-results-hub .hero-in { max-width:1100px;margin:0 auto; }
.v6-results-hub .crumb { font-size:13px;color:rgba(255,255,255,0.5);margin-bottom:24px;font-family:'Barlow Condensed',sans-serif;letter-spacing:0.04em;text-transform:uppercase; }
.v6-results-hub .crumb a { color:rgba(255,255,255,0.7); }
.v6-results-hub .eye { font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:13px;letter-spacing:0.12em;text-transform:uppercase;color:var(--gold);margin:0 0 20px 0; }
.v6-results-hub .hero h1 { font-family:'Bebas Neue','Oswald','Arial Narrow',Impact,sans-serif;font-weight:400;font-size:clamp(40px,4.4vw,64px);line-height:0.95;letter-spacing:-0.02em;text-transform:uppercase;color:#fff;margin:0 0 24px 0;max-width:900px; }
.v6-results-hub .hero h1 em { color:var(--gold);font-style:normal; }
.v6-results-hub .hero-dek { font-size:21px;line-height:1.55;color:var(--navy-100);max-width:720px;margin:0; }
.v6-results-hub .sec { padding:96px 24px; }
.v6-results-hub .sec-in { max-width:1100px;margin:0 auto; }
.v6-results-hub .sec-narrow { max-width:820px;margin:0 auto; }
.v6-results-hub .label { font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:13px;letter-spacing:0.12em;text-transform:uppercase;color:var(--gold-600);margin:0 0 16px 0; }
.v6-results-hub .sec h2 { font-family:'Bebas Neue','Oswald','Arial Narrow',Impact,sans-serif;font-weight:400;font-size:clamp(36px,4.5vw,56px);line-height:1;letter-spacing:-0.02em;color:var(--navy);margin:0 0 32px 0;text-transform:uppercase;max-width:860px; }
.v6-results-hub .sec h2 em { color:var(--mauve);font-style:normal; }
.v6-results-hub .sec p { font-size:17px;line-height:1.75;color:var(--ink);margin:0 0 20px 0;max-width:720px; }
.v6-results-hub .alt { background:var(--stone); }
.v6-results-hub .grid { display:grid;gap:24px; }
.v6-results-hub .g3 { grid-template-columns:repeat(3,1fr); }
.v6-results-hub .g2 { grid-template-columns:repeat(2,1fr); }
@media(max-width:900px) {
.v6-results-hub .g3, .v6-results-hub .g2 { grid-template-columns:1fr; }
}
.v6-results-hub .card { display:block;background:var(--paper);padding:32px;border-top:2px solid var(--gold);transition:transform 200ms,box-shadow 200ms; }
.v6-results-hub .card h3 { font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:22px;color:var(--navy);margin:0 0 10px 0;letter-spacing:-0.01em; }
.v6-results-hub .card p { font-size:15px;line-height:1.6;color:var(--ink-500);margin:0 0 16px 0; }
.v6-results-hub .card .arrow { font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:13px;letter-spacing:0.08em;text-transform:uppercase;color:var(--navy); }
.v6-results-hub .big-stat { font-family:'Bebas Neue','Oswald','Arial Narrow',Impact,sans-serif;font-size:clamp(80px,12vw,180px);line-height:0.9;color:var(--gold);letter-spacing:-0.03em;margin:0; }
.v6-results-hub .stat-lab { font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:14px;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-500);margin:8px 0 0 0; }
.v6-results-hub blockquote.pull { font-family:'DM Serif Display',Georgia,serif;font-style:italic;font-size:clamp(22px,2.6vw,30px);line-height:1.4;color:var(--ink-900);border-left:4px solid var(--gold);padding-left:32px;margin:48px 0;max-width:720px; }
.v6-results-hub .mauve { background:var(--mauve);color:#fff;padding:96px 24px;position:relative; }
.v6-results-hub .mauve::before, .v6-results-hub .mauve::after { content:"";position:absolute;width:48px;height:48px;border-color:var(--gold);border-style:solid; }
.v6-results-hub .mauve::before { top:24px;left:24px;border-width:2px 0 0 2px; }
.v6-results-hub .mauve::after { bottom:24px;right:24px;border-width:0 2px 2px 0; }
.v6-results-hub .mauve .mauve-in { max-width:820px;margin:0 auto;text-align:center; }
.v6-results-hub .mauve h2 { font-family:'Bebas Neue','Oswald','Arial Narrow',Impact,sans-serif;font-weight:400;font-size:clamp(36px,4vw,56px);line-height:1;color:#fff;margin:0 0 24px 0;text-transform:uppercase; }
.v6-results-hub .mauve p { color:rgba(255,255,255,0.8);margin:0 0 32px 0;max-width:none; }
.v6-results-hub .btn { display:inline-block;background:var(--gold);color:var(--navy);padding:16px 32px;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:14px;letter-spacing:0.08em;text-transform:uppercase;transition:background 200ms; }
.v6-results-hub .btn:hover { background:var(--gold-600); }
.v6-results-hub .term { padding:24px 0;border-bottom:1px solid var(--stone-200); }
.v6-results-hub .term dt { font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:20px;color:var(--navy);letter-spacing:-0.01em;margin:0 0 8px 0; }
.v6-results-hub .term dt span { display:inline-block;background:var(--stone);color:var(--ink-500);font-size:11px;letter-spacing:0.08em;text-transform:uppercase;padding:2px 8px;margin-left:8px;vertical-align:middle; }
.v6-results-hub .term dd { margin:0;font-size:16px;line-height:1.7;color:var(--ink);max-width:720px; }
.v6-results-hub form.nl { display:flex;gap:8px;max-width:480px;margin-top:24px; }
.v6-results-hub form.nl input { flex:1;padding:14px 16px;font:inherit;font-size:16px;background:var(--paper);border:1px solid var(--stone-200);border-bottom:2px solid var(--navy); }
.v6-results-hub form.nl button { background:var(--navy);color:#fff;border:0;padding:14px 24px;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:14px;letter-spacing:0.08em;text-transform:uppercase;cursor:pointer; }
.v6-results-hub form.nl button:hover { background:var(--navy-900); }
/* HERO-BG: hero-results.jpg */
.v6-results-hub .hero { background-image:linear-gradient(rgba(38,63,91,0.88),rgba(38,63,91,0.88)),url('/assets/images/hero-results.jpg');
      background-size:cover;
      background-position:center;
      background-repeat:no-repeat; }

/* ============================================================
   §20-29 EXPRESSIVE LAYER · Tom Peters + Neil Patel + Mobile-first + Contrast gate
   Added 2026-05-13 per LL-2026-05-12-036/037/038. NON-NEGOTIABLE per
   19-DESIGN-LAYOUT-CANON.md sections 20-29. Mobile-first; desktop in @media.
   ============================================================ */

/* §21.3 Per-page hub-accent via data attribute + §27 bright variants for navy sections */
body[data-hub="atlas"]{--hub-accent:#C9A96E;--hub-accent-bright:#E8C589;--hub-accent-soft:rgba(201,169,110,0.12);}
body[data-hub="compare"]{--hub-accent:#6B3F8A;--hub-accent-bright:#A876D0;--hub-accent-soft:rgba(107,63,138,0.12);}
body[data-hub="learn"]{--hub-accent:#D08D2C;--hub-accent-bright:#F0A847;--hub-accent-soft:rgba(208,141,44,0.12);}
body[data-hub="problems"]{--hub-accent:#B0432C;--hub-accent-bright:#E37154;--hub-accent-soft:rgba(176,67,44,0.12);}
body[data-hub="frameworks"]{--hub-accent:#2E6BAF;--hub-accent-bright:#5E97DD;--hub-accent-soft:rgba(46,107,175,0.12);}
body[data-hub="results"]{--hub-accent:#2E7D5B;--hub-accent-bright:#5DA682;--hub-accent-soft:rgba(46,125,91,0.12);}
body[data-hub="notes"]{--hub-accent:#4A4A4A;--hub-accent-bright:#A0A0A0;--hub-accent-soft:rgba(74,74,74,0.12);}
body[data-hub="case-files"]{--hub-accent:#B7553A;--hub-accent-bright:#E07F61;--hub-accent-soft:rgba(183,85,58,0.12);}
body[data-hub="services"]{--hub-accent:#8B4A5F;--hub-accent-bright:#C283A0;--hub-accent-soft:rgba(139,74,95,0.12);}

/* §21.2 Hub badge */
.gme-hub-badge{display:inline-flex;align-items:center;gap:8px;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:11.5px;letter-spacing:0.16em;text-transform:uppercase;color:var(--hub-accent);}
.gme-hub-badge::before{content:"";display:inline-block;width:10px;height:10px;background:var(--hub-accent);}
[data-bg="navy"] .gme-hub-badge,.section-navy .gme-hub-badge,.section-navy-d .gme-hub-badge{color:var(--hub-accent-bright);}
[data-bg="navy"] .gme-hub-badge::before,.section-navy .gme-hub-badge::before,.section-navy-d .gme-hub-badge::before{background:var(--hub-accent-bright);}

/* §21.2 Display word (Peters scale variance) */
.gme-display{font-family:'Bebas Neue','Oswald','Arial Narrow',Impact,sans-serif;font-size:clamp(56px,10vw,160px);line-height:0.88;letter-spacing:-0.02em;color:var(--hub-accent);margin:8px 0 18px;text-transform:uppercase;}
.gme-display-inline{font-family:'Bebas Neue','Oswald','Arial Narrow',Impact,sans-serif;font-size:1.6em;line-height:0.9;letter-spacing:-0.01em;color:var(--hub-accent);vertical-align:baseline;}
[data-bg="navy"] .gme-display,.section-navy .gme-display,.section-navy-d .gme-display{color:var(--hub-accent-bright);}

/* §21.2 Stacked words */
.gme-stack-words{display:block;}
.gme-stack-words span{display:block;font-family:'Bebas Neue','Oswald','Arial Narrow',Impact,sans-serif;font-size:clamp(36px,5.5vw,72px);line-height:1;letter-spacing:-0.01em;color:var(--hub-accent);text-transform:uppercase;margin:6px 0;}

/* §21.2 Full-bleed quote */
.gme-bleed{font-family:'DM Serif Display',Georgia,serif;font-style:italic;font-size:clamp(28px,4.5vw,56px);line-height:1.15;color:var(--navy);max-width:980px;margin:80px auto;padding:0 24px;text-align:center;}
.gme-bleed-attr{display:block;font-family:'Barlow Condensed',sans-serif;font-style:normal;font-weight:700;font-size:11.5px;letter-spacing:0.18em;text-transform:uppercase;color:var(--hub-accent);margin-top:28px;}

/* §21.2 Rule break */
.gme-rule{height:2px;background:var(--hub-accent);width:60%;max-width:520px;margin:64px auto;border:0;}

/* §21.2 Margin glyph (Peters editor's annotation) */
.gme-mark{position:relative;display:flex;align-items:flex-start;gap:18px;padding:14px 16px;margin:24px 0;background:var(--hub-accent-soft);border-left:3px solid var(--hub-accent);}
.gme-mark-glyph{flex-shrink:0;width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:var(--hub-accent);color:#FFF;font-family:'Bebas Neue','Oswald','Arial Narrow',Impact,sans-serif;font-size:26px;line-height:1;}
.gme-mark-body{flex:1;}
.gme-mark-lbl{display:block;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:10.5px;letter-spacing:0.2em;text-transform:uppercase;color:var(--hub-accent);margin:0 0 6px;}
.gme-mark-text{margin:0;font-size:16px;line-height:1.6;color:var(--ink,#1A1A1A);}
.gme-mark-text strong{color:var(--navy,#263F5B);}
[data-bg="navy"] .gme-mark,.section-navy .gme-mark,.section-navy-d .gme-mark{border-left-color:var(--hub-accent-bright);background:rgba(255,255,255,0.05);}
[data-bg="navy"] .gme-mark-glyph,.section-navy .gme-mark-glyph,.section-navy-d .gme-mark-glyph{background:var(--hub-accent-bright);color:var(--navy,#263F5B);}
[data-bg="navy"] .gme-mark-lbl,.section-navy .gme-mark-lbl,.section-navy-d .gme-mark-lbl{color:var(--hub-accent-bright);}
[data-bg="navy"] .gme-mark-text,.section-navy .gme-mark-text,.section-navy-d .gme-mark-text{color:rgba(255,255,255,0.92);}
[data-bg="navy"] .gme-mark-text strong,.section-navy .gme-mark-text strong{color:#FFF;}
@media (min-width:768px){.gme-mark{padding:18px 22px;}}

/* §21.2 Technicolor Rules manifesto (Peters chapter-opener) */
.gme-tech-rules{background:var(--navy,#263F5B);color:#FFF;padding:36px 24px;margin:48px 0;border-left:6px solid var(--hub-accent);}
.gme-tech-rules-h{font-family:'Bebas Neue','Oswald','Arial Narrow',Impact,sans-serif;font-size:clamp(40px,6vw,72px);line-height:0.95;color:var(--hub-accent-bright,#E8C589);margin:0 0 22px;letter-spacing:-0.01em;text-transform:uppercase;}
.gme-tech-rules ol{list-style:none;padding:0;margin:0;counter-reset:tr;}
.gme-tech-rules li{counter-increment:tr;padding:14px 0 14px 56px;position:relative;font-size:18px;line-height:1.55;border-top:1px solid rgba(255,255,255,0.1);}
.gme-tech-rules li::before{content:counter(tr,decimal-leading-zero);position:absolute;left:0;top:14px;font-family:'Bebas Neue',sans-serif;font-size:26px;color:var(--hub-accent-bright,#E8C589);}
.gme-tech-rules li strong{font-family:'Bebas Neue','Oswald','Arial Narrow',Impact,sans-serif;font-weight:400;font-size:22px;letter-spacing:0.02em;color:var(--hub-accent-bright,#E8C589);text-transform:uppercase;margin-right:10px;display:block;margin-bottom:4px;}
@media (min-width:768px){.gme-tech-rules{padding:48px 36px;}.gme-tech-rules li strong{display:inline;margin-bottom:0;}}

/* §25.3 Bold colored mid-paragraph words */
.gme-bold-accent{color:var(--hub-accent);font-weight:700;}
[data-bg="navy"] .gme-bold-accent,.section-navy .gme-bold-accent{color:var(--hub-accent-bright);}

/* §25.3.3 Sidebar rail */
.gme-sidebar-rail{position:relative;padding-left:24px;}
.gme-sidebar-rail::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--hub-accent);}
@media (min-width:768px){.gme-sidebar-rail{padding-left:32px;}}

/* §25.3.5 Highlighter bar */
.gme-highlight{background:linear-gradient(120deg, transparent 0%, #FFF36B 5%, #FFF36B 95%, transparent 100%);padding:2px 4px;color:var(--ink,#1A1A1A);box-decoration-break:clone;-webkit-box-decoration-break:clone;}

/* §25.3.8 All-caps tracked poster run */
.gme-poster-run{font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:0.3em;font-size:clamp(14px,1.6vw,20px);line-height:1.6;color:var(--navy,#263F5B);}
[data-bg="navy"] .gme-poster-run,.section-navy .gme-poster-run{color:var(--hub-accent-bright);}

/* §25.3.10 Rant counter-manifesto block */
.gme-rant{background:#F4E4C0;border-top:6px solid #C72424;border-bottom:6px solid #C72424;padding:32px 22px;margin:48px 0;}
.gme-rant-h{font-family:'Bebas Neue',sans-serif;color:#C72424;font-size:clamp(28px,5vw,52px);text-transform:uppercase;margin:0 0 18px;letter-spacing:-0.01em;line-height:1;}
.gme-rant ul{list-style:none;padding:0;margin:0;}
.gme-rant li{padding:10px 0 10px 28px;position:relative;font-family:'Barlow',sans-serif;font-size:16px;line-height:1.55;color:#3A1A0A;}
.gme-rant li::before{content:"\2715";position:absolute;left:0;top:10px;color:#C72424;font-weight:700;font-size:18px;}
@media (min-width:768px){.gme-rant{padding:42px 36px;}.gme-rant li{font-size:17px;}}

/* §25.3.11 OLD WAY / NEW WAY two-col poster */
.gme-oldnew{display:grid;grid-template-columns:1fr;gap:0;margin:48px 0;border:2px solid var(--navy,#263F5B);}
.gme-oldnew-col{padding:28px 22px;}
.gme-oldnew-col.old{background:var(--stone,#F8F8F6);color:var(--ink-2,#4A4A4A);border-bottom:2px solid var(--navy,#263F5B);}
.gme-oldnew-col.new{background:var(--navy,#263F5B);color:#FFF;}
.gme-oldnew-h{font-family:'Bebas Neue',sans-serif;font-size:clamp(26px,4vw,42px);line-height:1;letter-spacing:0.02em;text-transform:uppercase;margin:0 0 16px;}
.gme-oldnew-col.old .gme-oldnew-h{color:var(--ink-3,#7A7A7A);}
.gme-oldnew-col.new .gme-oldnew-h{color:var(--hub-accent-bright,#E8C589);}
.gme-oldnew-body{font-size:16px;line-height:1.6;}
.gme-oldnew-col.new .gme-oldnew-body{color:rgba(255,255,255,0.92);}
@media (min-width:768px){.gme-oldnew{grid-template-columns:1fr 1fr;}.gme-oldnew-col.old{border-bottom:0;border-right:2px solid var(--navy,#263F5B);}.gme-oldnew-col{padding:44px 32px;}}

/* §25.3.22 Section-number poster badge */
.gme-section-num{display:inline-block;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:13px;letter-spacing:0.18em;text-transform:uppercase;color:var(--hub-accent);border-top:2px solid var(--hub-accent);padding:6px 0 0;margin:0 0 18px;}

/* §25.3.20 Running annotation foot */
.gme-running-foot{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:11.5px;letter-spacing:0.18em;text-transform:uppercase;color:var(--ink-3,#7A7A7A);border-top:1px solid var(--hub-accent-soft);padding-top:14px;margin-top:36px;}

/* §26.2 Inline SVG chart */
.gme-chart{margin:36px 0;}
.gme-chart svg{width:100%;height:auto;display:block;background:var(--stone,#F8F8F6);padding:16px;}
.gme-chart-cap{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:11.5px;letter-spacing:0.12em;text-transform:uppercase;color:var(--ink-3,#7A7A7A);margin:10px 0 0;}

/* §28 Section-jump TOC */
.gme-toc{background:var(--stone,#F8F8F6);border-left:3px solid var(--hub-accent);padding:22px 22px;margin:32px 0;}
.gme-toc-lbl{display:block;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:11.5px;letter-spacing:0.18em;text-transform:uppercase;color:var(--hub-accent);margin:0 0 14px;}
.gme-toc ol{list-style:none;padding:0;margin:0;counter-reset:toc;}
.gme-toc li{counter-increment:toc;padding:6px 0 6px 36px;position:relative;font-size:15.5px;line-height:1.5;}
.gme-toc li::before{content:counter(toc,decimal-leading-zero);position:absolute;left:0;top:6px;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:14px;color:var(--hub-accent);letter-spacing:0.05em;}
.gme-toc a{color:var(--navy,#263F5B);border-bottom:1px solid rgba(38,63,91,0.2);}
.gme-toc a:hover{border-bottom-color:var(--hub-accent);}

/* End §20-29 expressive layer */

/* ATLAS ROUTING-BACK CARD · 2026-05-21 · atlas → /problems/ backfill (C2) */
.mb-route-back{padding:clamp(56px,7vw,96px) clamp(20px,3vw,40px);background:#FBFAF6;border-top:1px solid rgba(38,63,91,0.10);}
.mb-route-back-inner{max-width:880px;margin:0 auto;display:grid;gap:18px;}
.mb-route-back-eyebrow{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:700;font-size:11px;letter-spacing:0.24em;text-transform:uppercase;color:#C9A96E;margin:0;display:inline-flex;align-items:center;gap:14px;}
.mb-route-back-eyebrow::before{content:"";width:34px;height:1px;background:#C9A96E;opacity:0.78;}
.mb-route-back-h{font-family:'DM Serif Display',Georgia,serif;font-size:clamp(26px,3.2vw,40px);line-height:1.1;color:#263F5B;font-weight:400;margin:0;letter-spacing:-0.018em;max-width:26ch;}
.mb-route-back-line{font-family:'Barlow','Helvetica Neue',sans-serif;font-size:16px;line-height:1.6;color:#4A4A4A;margin:0 0 6px;max-width:60ch;}
.mb-route-back-actions{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(20px,2.4vw,32px);}
.mb-route-back-cta{display:inline-flex;align-items:center;gap:14px;min-height:50px;padding:0 28px;background:#263F5B;color:#fff;font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:13px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;border:1px solid #263F5B;text-decoration:none;transition:background 0.24s ease,transform 0.24s ease,box-shadow 0.24s ease;}
.mb-route-back-cta:hover{background:#172537;transform:translateY(-1px);box-shadow:0 22px 48px -28px rgba(38,63,91,0.55);}
.mb-route-back-link{display:inline-flex;align-items:center;height:50px;font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:12px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:#4A4A4A;position:relative;padding:0 2px;text-decoration:none;transition:color 0.24s ease;}
.mb-route-back-link::after{content:"";position:absolute;left:0;right:0;bottom:14px;height:1px;background:#C9A96E;opacity:0.55;transition:opacity 0.24s ease;}
.mb-route-back-link:hover{color:#C9A96E;}
.mb-route-back-link:hover::after{opacity:1;}
@media (max-width:560px){.mb-route-back-actions{flex-direction:column;align-items:stretch;}.mb-route-back-cta,.mb-route-back-link{width:100%;justify-content:center;}.mb-route-back-link::after{display:none;}}

/* CARD-LINK VISUAL HYGIENE · 2026-05-24
   Large card anchors must feel clickable without making every child line look
   like a browser-default hyperlink. Inline prose links are intentionally left
   alone; this only targets anchors that already identify as cards, tiles,
   panels, proof/results, related routes, services, industries, or Atlas links. */
:where(
  a[class*="card"],
  a[class*="tile"],
  a[class*="panel"],
  a[class*="proof"],
  a[class*="result"],
  a[class*="related"],
  a[class*="botnav"],
  a[class*="route"],
  a[class*="case"],
  a[class*="service"],
  a[class*="industry"],
  a[class*="atlas"]
){
  color:inherit;
  text-decoration:none;
}

:where(
  a[class*="card"],
  a[class*="tile"],
  a[class*="panel"],
  a[class*="proof"],
  a[class*="result"],
  a[class*="related"],
  a[class*="botnav"],
  a[class*="route"],
  a[class*="case"],
  a[class*="service"],
  a[class*="industry"],
  a[class*="atlas"]
):where(:hover,:focus-visible,:visited){
  text-decoration:none;
}

:where(
  a[class*="card"],
  a[class*="tile"],
  a[class*="panel"],
  a[class*="proof"],
  a[class*="result"],
  a[class*="related"],
  a[class*="botnav"],
  a[class*="route"],
  a[class*="case"],
  a[class*="service"],
  a[class*="industry"],
  a[class*="atlas"]
) :where(h1,h2,h3,h4,h5,h6,p,span,strong,b,small,em,time){
  text-decoration:none;
}

:where(
  a[class*="card"],
  a[class*="tile"],
  a[class*="panel"],
  a[class*="proof"],
  a[class*="result"],
  a[class*="related"],
  a[class*="botnav"],
  a[class*="route"],
  a[class*="case"],
  a[class*="service"],
  a[class*="industry"],
  a[class*="atlas"]
) :where([class*="cta"],[class*="arrow"],[class*="read"],[class*="more"]){
  color:var(--sc-navy-800,var(--navy,#263F5B));
  border-bottom:1px solid currentColor;
  padding-bottom:2px;
}

:where(
  a[class*="card"],
  a[class*="tile"],
  a[class*="panel"],
  a[class*="proof"],
  a[class*="result"],
  a[class*="related"],
  a[class*="botnav"],
  a[class*="route"],
  a[class*="case"],
  a[class*="service"],
  a[class*="industry"],
  a[class*="atlas"]
):hover :where([class*="cta"],[class*="arrow"],[class*="read"],[class*="more"]){
  color:var(--sc-gold-600,var(--gold,#B08D4E));
}

/* =============================================
   CANON SUPPORT BLOCK
   Shared buyer-path teaching layer used by long pages that need a
   clearer service route, visual flow, and decision table.
============================================= */
.sc-canon-support{
  margin:clamp(48px,7vw,92px) auto;
  padding:0 24px;
}
.sc-canon-support__wrap{
  max-width:1120px;
  margin:0 auto;
  border-top:1px solid rgba(26,42,62,.16);
  border-bottom:1px solid rgba(26,42,62,.16);
  padding:clamp(28px,5vw,56px) 0;
}
.sc-canon-support__eyebrow{
  margin:0 0 12px;
  font-family:"Barlow Condensed",Arial,sans-serif;
  font-size:13px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--sc-gold-600,var(--gold,#B08D4E));
}
.sc-canon-support h2{
  max-width:760px;
  margin:0 0 24px;
  font-family:"Bebas Neue","Barlow Condensed",Arial,sans-serif;
  font-size:clamp(34px,5vw,64px);
  line-height:.95;
  letter-spacing:0;
  color:var(--sc-navy-900,var(--navy-d,#1A2A3E));
}
.sc-canon-flow{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:0 0 20px;
}
.sc-canon-flow span{
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:14px;
  border:1px solid rgba(38,63,91,.22);
  background:var(--sc-stone-100,var(--stone,#F8F8F6));
  color:var(--sc-navy-900,var(--navy-d,#1A2A3E));
  font-family:"Barlow Condensed",Arial,sans-serif;
  font-size:18px;
  font-weight:700;
  text-transform:uppercase;
  text-align:center;
}
.sc-canon-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,.78fr);
  gap:20px;
  align-items:start;
}
.sc-canon-points{
  display:grid;
  gap:12px;
}
.sc-canon-points p,
.sc-canon-card p{
  margin:0;
  color:var(--sc-ink-500,var(--ink-2,#4A4A4A));
  font-size:16px;
  line-height:1.55;
}
.sc-canon-points strong,
.sc-canon-card strong{
  color:var(--sc-ink-900,var(--ink,#0F0F0F));
}
.sc-canon-card{
  padding:20px;
  background:var(--sc-navy-900,var(--navy-d,#1A2A3E));
  color:#fff;
}
.sc-canon-card p,
.sc-canon-card strong{
  color:#fff;
}
.sc-canon-table{
  width:100%;
  margin:22px 0 0;
  border-collapse:collapse;
  font-size:15px;
}
.sc-canon-table th,
.sc-canon-table td{
  padding:14px 12px;
  border:1px solid rgba(38,63,91,.18);
  vertical-align:top;
  text-align:left;
}
.sc-canon-table th{
  font-family:"Barlow Condensed",Arial,sans-serif;
  font-size:16px;
  text-transform:uppercase;
  color:var(--sc-navy-900,var(--navy-d,#1A2A3E));
  background:var(--sc-gold-100,#F5EFE0);
}
.sc-canon-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:22px;
}
.sc-canon-actions a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:12px 18px;
  border:1px solid var(--sc-navy-900,var(--navy-d,#1A2A3E));
  color:var(--sc-navy-900,var(--navy-d,#1A2A3E));
  text-decoration:none;
  font-family:"Barlow Condensed",Arial,sans-serif;
  font-weight:700;
  text-transform:uppercase;
}
.sc-canon-actions a:first-child{
  background:var(--sc-navy-900,var(--navy-d,#1A2A3E));
  color:#fff;
}
@media (max-width:760px){
  .sc-canon-flow,
  .sc-canon-grid{
    grid-template-columns:1fr;
  }
  .sc-canon-table{
    display:block;
    overflow-x:auto;
  }
  .sc-canon-actions a{
    width:100%;
  }
}