*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{--ink:#0a0a0a;--white:#fafafa;--g50:#f5f5f5;--g100:#e8e8e8;--g200:#d4d4d4;--g400:#737373;--g500:#525252;--g600:#404040;--blue:#2B4FCF;--sf:'DM Serif Display',Georgia,serif;--sn:'Instrument Sans',-apple-system,sans-serif}
body{font-family:var(--sn);background:var(--white);color:var(--ink);line-height:1.7}
a{color:var(--blue)}

/* Navigation */
nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 100;
  background: rgba(250,250,250,0.92); backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--g100);
}
nav .container {
  max-width: 1140px; margin: 0 auto; padding: 0 24px;
  display: flex; align-items: center; justify-content: space-between;
  height: 64px;
}
.logo {
  display: flex; align-items: center;
  font-family: var(--sf); font-size: 1.5rem; color: var(--ink);
  text-decoration: none; letter-spacing: -0.5px;
}
.logo span { color: var(--g400); font-weight: 400; }
nav ul { list-style: none; display: flex; gap: 32px; align-items: center; }
nav ul li a {
  text-decoration: none; color: var(--g600); font-size: 0.875rem;
  font-weight: 500; transition: color 0.2s;
}
nav ul li a:hover { color: var(--ink); }
.ncta {
  background: var(--ink); color: #fff !important; padding: 10px 20px;
  border-radius: 8px; font-weight: 600 !important; font-size: 0.8125rem !important;
  transition: all 0.2s; text-decoration: none; display: inline-block;
}
.ncta:hover { background: #333 !important; transform: translateY(-1px); }

/* Footer */
footer { padding: 80px 0; border-top: 1px solid var(--g100); background: var(--white); }
footer .container {
  max-width: 1140px; margin: 0 auto; padding: 0 24px;
  display: flex; justify-content: space-between; align-items: center;
}
.footer-brand {
  display: flex; align-items: center;
  font-family: var(--serif); font-size: 1.25rem; font-weight: 700; color: var(--ink);
  margin-bottom: 0;
}
.footer-brand span { color: var(--g400); font-weight: 400; }
.footer-links { display: flex; gap: 32px; flex-wrap: wrap; }
.footer-links a {
  text-decoration: none; color: var(--g600); font-size: 0.8125rem;
  font-weight: 500; transition: color 0.2s;
}
.footer-links a:hover { color: var(--ink); }

/* Blog Index */
.ph{max-width:720px;margin:64px auto 0;padding:0 24px;text-align:center}
.ph h1{font-family:var(--sf);font-size:3rem;line-height:1.12;letter-spacing:-1.5px;margin-bottom:12px}
.ph p{color:var(--g500);font-size:1.0625rem;max-width:540px;margin:0 auto}
.bg{max-width:840px;margin:48px auto 64px;padding:0 24px}
.b-card{display:block;text-decoration:none;color:var(--ink);border:1px solid var(--g100);border-radius:14px;padding:32px;margin-bottom:20px;transition:all .25s;position:relative;overflow:hidden}
.b-card:hover{border-color:var(--g200);box-shadow:0 8px 30px rgba(0,0,0,.04);transform:translateY(-2px)}
.bcm{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:.75rem;color:var(--g400)}
.bcm img{width:24px;height:24px;border-radius:50%}
.bcd{width:3px;height:3px;border-radius:50%;background:var(--g200)}
.b-card h2{font-family:var(--sf);font-size:1.5rem;letter-spacing:-.5px;margin-bottom:8px;line-height:1.25}
.b-card p{color:var(--g500);font-size:.9375rem;line-height:1.6;margin-bottom:16px}
.bcr{font-size:.8125rem;font-weight:600;color:var(--blue);display:inline-flex;align-items:center;gap:4px}
.bcr svg{width:14px;height:14px;transition:transform .2s}
.b-card:hover .bcr svg{transform:translateX(3px)}
.bct{position:absolute;top:24px;right:24px;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--blue);background:rgba(43,79,207,.06);padding:4px 10px;border-radius:100px}

/* Article Specific */

.ah{max-width:720px;margin:48px auto 0;padding:0 24px;text-align:center}
.ah h1{font-family:var(--sf);font-size:2.75rem;line-height:1.12;letter-spacing:-1.5px;margin-bottom:20px}
.am{display:flex;align-items:center;justify-content:center;gap:16px;color:var(--g500);font-size:.8125rem;flex-wrap:wrap}
.am img{width:32px;height:32px;border-radius:50%}
.md{width:3px;height:3px;border-radius:50%;background:var(--g200)}
.al{display:grid;grid-template-columns:200px minmax(0,720px) 240px;gap:48px;max-width:1280px;margin:48px auto 0;padding:0 24px;align-items:start}

/* TOC */
.toc{position:sticky;top:80px}
.toct{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--g400);margin-bottom:12px}
.toc a{display:block;font-size:.75rem;color:var(--g500);text-decoration:none;padding:5px 0 5px 12px;border-left:2px solid var(--g100);transition:all .2s;line-height:1.4}
.toc a:hover,.toc a.active{color:var(--ink);border-left-color:var(--blue)}

/* Sidebar */
.sb{position:sticky;top:80px}
.sc{background:var(--ink);color:#fff;border-radius:14px;padding:24px;text-align:center}
.sc img{width:56px;height:56px;border-radius:50%;border:2px solid rgba(255,255,255,.15);margin-bottom:12px}
.sc h4{font-family:var(--sf);font-size:1rem;margin-bottom:4px}
.sc p{font-size:.75rem;color:rgba(255,255,255,.7);margin-bottom:16px;line-height:1.5}
.scc{display:inline-flex;align-items:center;gap:6px;background:var(--blue);color:#fff;padding:10px 20px;border-radius:8px;text-decoration:none;font-size:.8125rem;font-weight:600;transition:all .2s}
.scc:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(43,79,207,.3)}

/* Article Body */
.ab{min-width:0;overflow-wrap:anywhere;word-break:break-word}
.ab h2{font-family:var(--sf);font-size:1.75rem;margin:48px 0 16px;letter-spacing:-.5px;padding-top:12px}
.ab h3{font-size:1.125rem;font-weight:700;margin:32px 0 12px}
.ab p{margin-bottom:20px;color:#333}
.ab ul,.ab ol{margin:0 0 20px 20px;color:#333}
.ab li{margin-bottom:8px;padding-left:4px}
.ab li::marker{color:var(--blue)}
.ab strong{color:var(--ink)}
.ab a{text-decoration:underline;text-decoration-color:rgba(43,79,207,.3);text-underline-offset:3px}
.ab a:hover{text-decoration-color:var(--blue)}
.ab hr{border:none;height:1px;background:var(--g100);margin:48px 0}
.ab blockquote{border-left:3px solid var(--blue);margin:32px 0;padding:20px 24px;background:rgba(43,79,207,.03);border-radius:0 8px 8px 0;font-style:italic;color:var(--g600);font-size:1.0625rem;line-height:1.6}
.ab img{max-width:100%;height:auto;border-radius:10px;margin:24px 0;display:block}
.ab figure{margin:24px 0;max-width:100%}
.ab figure img{margin:0}
.ab figcaption{font-size:.75rem;color:var(--g500);text-align:center;margin-top:8px}
.ab table{width:100%;border-collapse:collapse;margin:32px 0;font-size:.875rem;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
.ab th,.ab td{padding:12px 16px;border:1px solid var(--g100);text-align:left}
.ab th{background:var(--g50);font-weight:600;color:var(--ink)}
.ab svg{max-width:100%;height:auto;display:block;margin:24px 0}

/* Callouts / TLDR / Cards */
.tldr{background:var(--ink);color:#fff;border-radius:12px;padding:24px 28px;margin:32px 0}
.tll{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--blue);margin-bottom:10px}
.tldr ul{list-style:none;margin:0}
.tldr li{padding:6px 0 6px 16px;position:relative;font-size:.9375rem;color:rgba(255,255,255,.8)}
.tldr li::before{content:'';position:absolute;left:0;top:13px;width:5px;height:5px;border-radius:50%;background:var(--blue)}

.cr{margin:40px 0;border-radius:14px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.crd{background:var(--ink);padding:32px;color:#fff}
.crl{background:var(--g50);border:1px solid var(--g100);padding:32px}
.crb{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--g400);margin-bottom:16px}
.crd .crb{color:rgba(255,255,255,.35)}

.mt{width:100%;border-collapse:collapse;font-size:.875rem}
.mt th{text-align:left;font-weight:600;padding:12px 16px;border-bottom:2px solid rgba(255,255,255,0.2);font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:rgba(255,255,255,0.45);background:none}
.mt td{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,0.08);color:rgba(255,255,255,0.8);line-height:1.4}
.mt tr:last-child td{border-bottom:none}
.mt td:first-child{font-weight:700;color:#fff}
.mt tfoot td{padding-top:20px;font-style:italic;color:rgba(255,255,255,0.35);font-size:.75rem;border:none!important}


/* Author / Bio / Call to action at bottom */
.as{max-width:720px;margin:64px auto;padding:0 24px}
.ac{display:flex;gap:24px;padding:32px;border:1px solid var(--g100);border-radius:14px}
.ac img{width:80px;height:80px;border-radius:50%;flex-shrink:0}
.ac h3{font-family:var(--sf);font-size:1.25rem;margin-bottom:4px}
.ac .at{font-size:.8125rem;color:var(--blue);font-weight:600;margin-bottom:8px}
.ac p{font-size:.8125rem;color:var(--g600);line-height:1.6}
.alk{display:flex;gap:12px;margin-top:12px}
.alk a{font-size:.75rem;color:var(--g500);text-decoration:none;font-weight:600}
.alk a:hover{color:var(--blue)}

/* Recommended / Related Posts */
.rm{max-width:720px;margin:0 auto 64px;padding:0 24px}
.rm h2{font-family:var(--sf);font-size:1.5rem;margin-bottom:24px}
.rml{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rml a{display:block;text-decoration:none;color:var(--ink);border:1px solid var(--g100);border-radius:12px;padding:20px 24px;transition:all .25s}
.rml a:hover{border-color:var(--g200);box-shadow:0 4px 16px rgba(0,0,0,.04);transform:translateY(-1px)}
.rml h3{font-family:var(--sf);font-size:1rem;margin-bottom:4px;line-height:1.3}
.rml p{font-size:.75rem;color:var(--g500);margin:0;line-height:1.5}

/* Unified Media Queries */
@media(max-width:1024px){
  .al{grid-template-columns:1fr;max-width:720px;gap:0}
  .toc{position:relative;top:0;border:1px solid var(--g100);border-radius:10px;padding:16px 20px;margin-bottom:32px}
  .toc a{border-left:none;padding:4px 0}
  .sb{position:relative;top:0;order:-1;margin-bottom:32px}
  .sc{display:flex;align-items:center;gap:16px;text-align:left;padding:18px 20px}
  .sc img{margin-bottom:0;width:44px;height:44px}
  .sc h4{font-size:.875rem}
  .sc p{display:none}
  .scc{padding:8px 16px;font-size:.75rem}
}

@media(max-width:768px){
  nav .container { padding: 0 16px; height: 64px; }
  nav ul { gap: 12px; }
  nav ul { gap: 0; }
  /* Blog Index overrides */
  .ph{margin:40px auto 0;padding:0 16px}
  .ph h1{font-size:2rem}
  .ph p{font-size:.9375rem}
  .bg{padding:0 16px;margin:32px auto 48px}
  .b-card{padding:24px 20px}
  .b-card h2{font-size:1.25rem}
  .b-card p{font-size:.8125rem}
  .bct{position:static;display:inline-block;margin-bottom:10px}
  
  /* Article overrides */
  .ah{margin:32px auto 0;padding:0 16px}
  .ah h1{font-size:1.75rem;letter-spacing:-0.5px}
  .am{gap:10px;font-size:.75rem}
  .al{padding:0 16px;margin:32px auto 0}
  .ab h2{font-size:1.25rem;margin:36px 0 12px}
  .ab h3{font-size:1rem;margin:24px 0 8px}
  .ab p{font-size:.9375rem}
  .ab ul,.ab ol{margin:0 0 16px 16px;font-size:.9375rem}
  .ab blockquote{padding:14px 16px;font-size:.9375rem;margin:24px 0}
  .tldr{padding:18px 20px}
  .tldr li{font-size:.8125rem}
  .mt th,.mt td{padding:8px 10px;font-size:.75rem}
  .ac{flex-direction:column;text-align:center;align-items:center;padding:24px 20px}
  .ac img{width:64px;height:64px}
  .ac p{font-size:.75rem}
  .alk{justify-content:center}
  .as{padding:0 16px;margin:48px auto}
  .rm{padding:0 16px}

  .rml{grid-template-columns:1fr}
  .ab > div[style*="display:grid"]{grid-template-columns:1fr!important;gap:16px!important}
  .cr{padding:24px 16px;margin:32px 0}
  .cr > div[style*="display:grid"]{min-width:580px}
  .mt{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;min-width:580px}
  .ab table{font-size:.8125rem}
  .ab svg{max-width:100%;height:auto}
  
  /* Footer */
  footer .container { flex-direction: column; gap: 24px; text-align: center; padding: 40px 20px; }
  .footer-links { flex-wrap: wrap; justify-content: center; gap: 16px; }
}

@media(max-width:480px){
  /* Blog Index */
  .ph h1{font-size:1.625rem}
  .b-card h2{font-size:1.125rem}
  
  /* Articles */
  .ah h1{font-size:1.5rem}
  .crd,.crl{padding:16px}
  .ab h2{font-size:1.125rem}
  .mt{font-size:.6875rem}
  .mt th,.mt td{padding:6px 8px}
  .sc img{width:36px;height:36px}
}
/* Brand and responsive consistency v4 */
:root {
  --brand-ink: #0a0a0a;
  --brand-text: #262626;
  --brand-muted: #525252;
  --brand-soft: #f5f5f5;
  --brand-border: #e5e5e5;
  --brand-blue: #2B4FCF;
  --brand-white: #fafafa;
  --brand-serif: var(--serif, var(--sf, 'DM Serif Display', Georgia, serif));
  --brand-sans: var(--sans, var(--sn, 'Instrument Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif));
}
html {
  font-size: 16px !important;
  scroll-padding-top: 88px !important;
  -webkit-text-size-adjust: 100%;
}
body {
  background: var(--brand-white) !important;
  color: var(--brand-text) !important;
  font-family: var(--brand-sans) !important;
  line-height: 1.68 !important;
  overflow-x: hidden !important;
  text-rendering: optimizeLegibility;
}
a { color: var(--brand-blue); }
img, svg, video, canvas, iframe, table { max-width: 100%; }
img { height: auto; }
.container,
nav.site-nav > .container,
footer > .container {
  width: min(100%, 1140px) !important;
}
section,
.shift,
.approach,
.results,
.engagement,
.faq,
.cta-section,
.tiers {
  padding-top: clamp(64px, 8vw, 100px) !important;
  padding-bottom: clamp(64px, 8vw, 100px) !important;
}
h1, h2, h3, h4,
.ph h1, .ah h1, .hero h1, .shift h2, .approach h2, .results h2, .engage-title, .faq h2, .cta-box h2,
.b-card h2, .rm h2, .ac h3, .faq-cat-title {
  color: var(--brand-ink) !important;
  font-family: var(--brand-serif) !important;
  letter-spacing: 0 !important;
  text-wrap: balance;
}
h1, .hero h1, .ph h1, .ah h1 {
  font-size: clamp(2rem, 6vw, 3.75rem) !important;
  line-height: 1.08 !important;
  margin-bottom: clamp(14px, 2vw, 22px) !important;
}
h2, .shift h2, .approach h2, .results h2, .engage-title, .faq h2, .cta-box h2 {
  font-size: clamp(1.75rem, 4vw, 2.75rem) !important;
  line-height: 1.14 !important;
  margin-bottom: 14px !important;
}
h3, .approach-card h3, .b-card h2, .faq-cat-title {
  line-height: 1.22 !important;
}
p, li, .ab p, .faq-a-inner, .approach-card p, .deal-step-desc, .timeline-desc, .b-card p {
  color: var(--brand-muted) !important;
  line-height: 1.72 !important;
}
.ab, .faq-body, .bg, .ph, .ah, .as, .rm, .faq-cta {
  width: min(100%, 760px) !important;
}
.ab {
  color: var(--brand-text) !important;
}
.ab h2 { margin-top: clamp(36px, 6vw, 56px) !important; }
.ab h3 { margin-top: clamp(24px, 4vw, 36px) !important; }
.ab p { margin-bottom: 1.15rem !important; }
.ab ul, .ab ol { padding-left: 1.2rem !important; margin-bottom: 1.2rem !important; }
.ab blockquote {
  background: rgba(43,79,207,.045) !important;
  border-left: 3px solid var(--brand-blue) !important;
  color: var(--brand-text) !important;
}
.b-card,
.approach-card,
.result-card,
.tier-card,
.faq-item,
.ac,
.rml a,
.deal-step,
.engage-card {
  border-color: var(--brand-border) !important;
  border-radius: 12px !important;
}
.ncta, .nav-cta, .hero-cta, .cta-btn, .faq-cta-btn, .scc {
  border-radius: 8px !important;
  font-family: var(--brand-sans) !important;
  letter-spacing: 0 !important;
}
nav.site-nav {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 1000 !important;
  padding: 0 !important;
  background: rgba(250,250,250,.96) !important;
  border-bottom: 1px solid var(--brand-border) !important;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
nav.site-nav > .container {
  min-height: 64px !important;
  height: 64px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
}
nav.site-nav .logo {
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  color: var(--brand-ink) !important;
  font-family: var(--brand-serif) !important;
  font-size: 1.5rem !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
}
nav.site-nav .logo span,
.footer-brand span { color: #737373 !important; }
nav.site-nav .site-menu {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 24px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
nav.site-nav li,
nav.site-nav li:not(:last-child) {
  display: list-item !important;
  margin: 0 !important;
  padding: 0 !important;
}
nav.site-nav .site-menu a:not(.nav-cta):not(.ncta) {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 36px !important;
  color: var(--brand-muted) !important;
  font-size: .875rem !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}
nav.site-nav .site-menu a:hover,
nav.site-nav .site-menu a[aria-current="page"] {
  color: var(--brand-ink) !important;
}
nav.site-nav .nav-cta,
nav.site-nav .ncta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px !important;
  padding: 10px 18px !important;
  background: var(--brand-ink) !important;
  color: #fff !important;
  font-size: .8125rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}
.nav-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border: 1px solid var(--brand-border);
  border-radius: 8px;
  background: #fff;
  color: var(--brand-ink);
  cursor: pointer;
  padding: 0;
}
.nav-toggle span {
  position: absolute;
  width: 18px;
  height: 2px;
  border-radius: 2px;
  background: currentColor;
  transition: transform .2s ease, opacity .2s ease;
}
.nav-toggle span:nth-child(1) { transform: translateY(-6px); }
.nav-toggle span:nth-child(2) { transform: translateY(0); }
.nav-toggle span:nth-child(3) { transform: translateY(6px); }
.site-menu-open .nav-toggle span:nth-child(1) { transform: rotate(45deg); }
.site-menu-open .nav-toggle span:nth-child(2) { opacity: 0; }
.site-menu-open .nav-toggle span:nth-child(3) { transform: rotate(-45deg); }
footer {
  background: var(--brand-white) !important;
  border-top: 1px solid var(--brand-border) !important;
  padding: 48px 0 !important;
}
footer > .container {
  margin: 0 auto !important;
  padding: 0 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
}
.footer-brand {
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  color: var(--brand-ink) !important;
  font-family: var(--brand-serif) !important;
  font-size: 1.25rem !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}
.footer-links {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 14px 22px !important;
}
.footer-links a {
  color: var(--brand-muted) !important;
  font-size: .8125rem !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}
.footer-links a:hover { color: var(--brand-ink) !important; }
@media (min-width: 769px) {
  body { padding-top: 0 !important; }
  nav.site-nav .site-menu { position: static !important; opacity: 1 !important; visibility: visible !important; transform: none !important; }
}
@media (max-width: 1024px) {
  .container { padding-left: 20px !important; padding-right: 20px !important; }
  .approach-grid, .results-grid, .tiers-grid, .engage-grid { gap: 16px !important; }
}
@media (max-width: 768px) {
  html { scroll-padding-top: 76px !important; }
  section,
  .shift,
  .approach,
  .results,
  .engagement,
  .faq,
  .cta-section,
  .tiers {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  nav.site-nav > .container {
    height: 64px !important;
    min-height: 64px !important;
    padding: 0 16px !important;
    flex-wrap: nowrap !important;
  }
  nav.site-nav .logo {
    width: auto !important;
    justify-content: flex-start !important;
    font-size: 1.375rem !important;
  }
  .nav-toggle { display: inline-flex !important; position: relative; flex: 0 0 auto; }
  nav.site-nav .site-menu {
    position: fixed !important;
    top: 64px !important;
    left: 12px !important;
    right: 12px !important;
    width: auto !important;
    max-height: calc(100vh - 84px) !important;
    overflow-y: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    padding: 12px !important;
    margin: 0 !important;
    background: #fff !important;
    border: 1px solid var(--brand-border) !important;
    border-radius: 12px !important;
    box-shadow: 0 18px 50px rgba(0,0,0,.12) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(-8px) !important;
    transition: opacity .18s ease, transform .18s ease, visibility .18s ease !important;
    z-index: 1001 !important;
  }
  .site-menu-open nav.site-nav .site-menu {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
  }
  nav.site-nav .site-menu li,
  nav.site-nav .site-menu li:not(:last-child) {
    display: block !important;
    width: 100% !important;
  }
  nav.site-nav .site-menu a:not(.nav-cta):not(.ncta),
  nav.site-nav .site-menu .nav-cta,
  nav.site-nav .site-menu .ncta {
    width: 100% !important;
    min-height: 44px !important;
    justify-content: center !important;
    padding: 12px 14px !important;
    border-radius: 8px !important;
    font-size: .9375rem !important;
  }
  nav.site-nav .site-menu a:not(.nav-cta):not(.ncta) {
    background: var(--brand-soft) !important;
    color: var(--brand-ink) !important;
  }
  .hero { padding-top: 112px !important; }
  .ph, .ah { margin-top: 104px !important; padding-left: 16px !important; padding-right: 16px !important; }
  .al, .faq-layout, .bg, .as, .rm, .faq-cta { padding-left: 16px !important; padding-right: 16px !important; }
  .al, .faq-layout { grid-template-columns: 1fr !important; gap: 24px !important; }
  .toc, .sb, .faq-nav { position: relative !important; top: auto !important; }
  .approach-grid, .results-grid, .tiers-grid, .engage-grid, .rml, .hero-images-grid { grid-template-columns: 1fr !important; }
  .approach-card, .result-card, .tier-card, .faq-cta-card, .cta-box, .ac, .b-card, .engage-card { padding: 22px !important; }
  .cr { margin: 28px 0 !important; padding: 0 !important; overflow-x: auto !important; }
  .crd, .crl { padding: 18px !important; }
  .cr > div[style*="display:grid"],
  .ab > div[style*="display:grid"] { grid-template-columns: 1fr !important; min-width: 0 !important; gap: 14px !important; }
  .mt, .ab table { min-width: 0 !important; width: 100% !important; display: block !important; overflow-x: auto !important; }
  .am { gap: 8px !important; font-size: .75rem !important; }
  footer { padding: 40px 0 !important; }
  footer > .container {
    flex-direction: column !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 20px !important;
    padding: 0 16px !important;
  }
  .footer-links { justify-content: center !important; gap: 12px 16px !important; }
}
@media (max-width: 480px) {
  body { line-height: 1.64 !important; }
  h1, .hero h1, .ph h1, .ah h1 { font-size: clamp(1.75rem, 9vw, 2.25rem) !important; }
  h2, .shift h2, .approach h2, .results h2, .engage-title, .faq h2, .cta-box h2 { font-size: clamp(1.45rem, 7vw, 1.85rem) !important; }
  p, li, .ab p, .faq-a-inner { font-size: .9375rem !important; }
  .container { padding-left: 16px !important; padding-right: 16px !important; }
  nav.site-nav .site-menu { left: 8px !important; right: 8px !important; }
  .approach-card, .result-card, .tier-card, .faq-cta-card, .cta-box, .ac, .b-card, .engage-card { padding: 18px !important; }
  .footer-links a { font-size: .78rem !important; }
}