Qwen Qwen3.8 Flash – Business

via Alibaba · Generated

  • AIMAC Debt 9.69
  • Cost $0.02
  • Total Violations 52
  • HTML Size 86 KB
  • Em Dashes 9

Screenshot

View Qwen Qwen3.8 Flash Business page View Live Page

Accessibility Issues Found

52 Serious

  • color-contrast serious 48 instances

    Elements must meet minimum color contrast ratio thresholds

    Example HTML <span class="brand-tag">Business news · corporate resources · finance &amp; advisory</span>
  • target-size serious 4 instances

    All touch targets must be 24px large, or leave sufficient space

    Example HTML <button data-mode="monthly">Monthly</button>

Artifacts

View Generated HTML
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="Meridian Brief — decision-grade business intelligence, corporate advisory, finance strategy, and leadership insights for modern operating teams.">
  <meta name="theme-color" content="#07121a">
  <title>Meridian Brief | Business News, Corporate Resources & Finance Advisory</title>
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..700;1,9..144,300..700&family=IBM+Plex+Mono:wght@400;500;600;700&family=IBM+Plex+Sans:wght@300;400;500;600;700&display=swap" rel="stylesheet">
  <style>
    :root {
      --ink: #07121a;
      --ink-2: #0d2230;
      --cream: #f6f1e7;
      --paper: #fffdf8;
      --sand: #e8ddc6;
      --line: rgba(7, 18, 26, 0.12);
      --muted: #687785;
      --teal: #0e7c7b;
      --teal-bright: #36c2b2;
      --gold: #d0a54c;
      --shadow: 0 24px 70px rgba(7, 18, 26, 0.14);
      --display: "Fraunces", Georgia, serif;
      --body: "IBM Plex Sans", system-ui, sans-serif;
      --mono: "IBM Plex Mono", ui-monospace, monospace;
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      font-family: var(--body);
      color: var(--ink);
      background: var(--cream);
      line-height: 1.65;
      -webkit-font-smoothing: antialiased;
      overflow-x: hidden;
    }

    img { display: block; max-width: 100%; }
    a { color: inherit; text-decoration: none; }
    button, input, select, textarea { font: inherit; }
    button { cursor: pointer; }

    h1, h2, h3, h4 {
      margin: 0 0 1rem;
      font-family: var(--display);
      line-height: 1.05;
      letter-spacing: -0.035em;
      font-weight: 600;
    }

    h1 { font-size: clamp(2.75rem, 6.8vw, 5.6rem); }
    h2 { font-size: clamp(2rem, 4.8vw, 3.75rem); }
    h3 { font-size: clamp(1.15rem, 2vw, 1.75rem); }
    p { margin: 0 0 1.1rem; }
    p:last-child { margin-bottom: 0; }

    .container {
      width: min(1280px, calc(100% - 2.5rem));
      margin-inline: auto;
    }

    .skip-link {
      position: absolute;
      left: 1rem;
      top: -100px;
      background: var(--ink);
      color: var(--cream);
      padding: 0.85rem 1.1rem;
      border-radius: 999px;
      z-index: 1000;
      transition: top 0.2s ease;
    }
    .skip-link:focus { top: 1rem; }

    a:focus-visible,
    button:focus-visible,
    input:focus-visible,
    select:focus-visible,
    textarea:focus-visible,
    summary:focus-visible {
      outline: 3px solid rgba(208, 165, 76, 0.75);
      outline-offset: 3px;
    }

    .button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.55rem;
      padding: 0.86rem 1.35rem;
      border-radius: 999px;
      font-weight: 700;
      border: 1px solid transparent;
      transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
    }
    .button:hover {
      transform: translateY(-2px);
      box-shadow: 0 14px 34px rgba(7, 18, 26, 0.14);
    }
    .button-primary { background: var(--ink); color: var(--cream); }
    .button-accent { background: var(--teal); color: #fff; }
    .button-ghost { background: transparent; color: var(--ink); border-color: rgba(7, 18, 26, 0.18); }
    .button-light { background: rgba(255, 255, 255, 0.09); color: var(--cream); border-color: rgba(246, 241, 231, 0.24); }
    .button-gold { background: var(--gold); color: #07121a; }

    .site-header {
      position: sticky;
      top: 0;
      z-index: 100;
      background: rgba(246, 241, 231, 0.86);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      border-bottom: 1px solid rgba(7, 18, 26, 0.08);
    }

    .header-inner {
      min-height: 82px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1.25rem;
      position: relative;
    }

    .brand {
      display: flex;
      align-items: center;
      gap: 0.85rem;
      flex-shrink: 0;
    }
    .brand img {
      width: 46px;
      height: 46px;
      border-radius: 15px;
      box-shadow: inset 0 0 0 1px rgba(208, 165, 76, 0.35);
    }
    .brand-copy { display: grid; gap: 0.15rem; }
    .brand-name {
      font-family: var(--display);
      font-size: 1.34rem;
      font-weight: 650;
      letter-spacing: -0.035em;
    }
    .brand-tag {
      font-family: var(--mono);
      font-size: 0.67rem;
      letter-spacing: 0.09em;
      text-transform: uppercase;
      color: var(--muted);
      max-width: 330px;
      line-height: 1.25;
    }

    nav[aria-label="Primary"] { display: flex; align-items: center; gap: 0.85rem; }

    .nav-toggle {
      display: none;
      border: 1px solid rgba(7, 18, 26, 0.14);
      background: rgba(255, 255, 255, 0.5);
      color: var(--ink);
      padding: 0.58rem 0.85rem;
      border-radius: 999px;
      font-family: var(--mono);
      font-size: 0.76rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    .nav-list {
      list-style: none;
      display: flex;
      gap: 0.35rem;
      padding: 0;
      margin: 0;
      font-size: 0.92rem;
      font-weight: 550;
    }
    .nav-list a {
      display: inline-block;
      padding: 0.58rem 0.78rem;
      border-radius: 999px;
      position: relative;
      color: rgba(7, 18, 26, 0.78);
    }
    .nav-list a::after {
      content: "";
      position: absolute;
      left: 0.82rem;
      right: 0.82rem;
      bottom: 0.32rem;
      height: 2px;
      background: var(--gold);
      transform: scaleX(0);
      transform-origin: left;
      transition: transform 0.28s ease;
    }
    .nav-list a:hover,
    .nav-list a[aria-current="true"] { color: var(--ink); }
    .nav-list a:hover::after { transform: scaleX(1); }

    .header-cta {
      white-space: nowrap;
    }

    .ticker {
      background: var(--ink);
      color: var(--cream);
      overflow: hidden;
      border-bottom: 1px solid rgba(246, 241, 231, 0.12);
    }
    .ticker-track {
      display: flex;
      gap: 3rem;
      width: max-content;
      padding: 0.65rem 0;
      font-family: var(--mono);
      font-size: 0.78rem;
      letter-spacing: 0.04em;
      animation: ticker 34s linear infinite;
    }
    .ticker:hover .ticker-track { animation-play-state: paused; }
    .ticker-item { white-space: nowrap; }
    .ticker-item span { margin-right: 0.3rem; color: rgba(246, 241, 231, 0.58); }
    .up { color: #6ee7b7; }
    .down { color: #fca5a5; }
    .neutral { color: var(--gold); }

    @keyframes ticker {
      from { transform: translateX(0); }
      to { transform: translateX(-50%); }
    }

    .section { padding: clamp(4.2rem, 10vw, 9rem) 0; }
    .section-paper {
      background: var(--paper);
      border-top: 1px solid var(--line);
      border-bottom: 1px solid var(--line);
    }
    .section-muted { background: #eee7d8; }
    .section-dark {
      background:
        radial-gradient(circle at 15% 0%, rgba(208, 165, 76, 0.24), transparent 30%),
        linear-gradient(180deg, #07121a, #0d2230 45%, #07121a);
      color: var(--cream);
    }
    .section-dark p { color: rgba(246, 241, 231, 0.78); }

    .eyebrow {
      display: inline-block;
      margin-bottom: 1rem;
      font-family: var(--mono);
      font-size: 0.75rem;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: #876c34;
      border-left: 3px solid var(--gold);
      padding-left: 0.85rem;
    }
    .section-dark .eyebrow { color: #f4cf89; }

    .section-head {
      max-width: 980px;
      margin-bottom: clamp(2rem, 4.5vw, 3.4rem);
    }
    .lead {
      font-size: clamp(1.04rem, 1.45vw, 1.2rem);
      color: var(--muted);
      max-width: 780px;
    }
    .section-dark .lead { color: rgba(246, 241, 231, 0.8); }
    .section-muted .lead { color: #5c6a77; }

    .hero {
      position: relative;
      overflow: hidden;
      padding: clamp(3.6rem, 8vw, 7rem) 0 clamp(4rem, 9vw, 7rem);
      background:
        radial-gradient(circle at 78% 12%, rgba(208, 165, 76, 0.16), transparent 34%),
        linear-gradient(180deg, #f7f2e8, #f1e8d8);
    }
    .hero::before {
      content: "";
      position: absolute;
      top: -18%;
      right: -8%;
      width: 38vw;
      height: 38vw;
      border-radius: 50%;
      border: 1px solid rgba(208, 165, 76, 0.28);
      opacity: 0.6;
      pointer-events: none;
    }
    .hero-grid {
      display: grid;
      grid-template-columns: 1.12fr 0.88fr;
      gap: clamp(2rem, 4vw, 5rem);
      align-items: center;
    }
    .hero h1 {
      margin-bottom: 1.25rem;
    }
    .h-line { display: block; overflow: hidden; }
    .h-line > span {
      display: block;
      transform: translateY(105%);
      animation: rise-in 1s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    }
    .h-line:nth-child(1) > span { animation-delay: 0.08s; }
    .h-line:nth-child(2) > span { animation-delay: 0.2s; }
    .h-line:nth-child(3) > span { animation-delay: 0.32s; }

    @keyframes rise-in {
      to { transform: translateY(0); }
    }

    .hero-copy > p {
      font-size: clamp(1.05rem, 1.35vw, 1.18rem);
      color: rgba(7, 18, 26, 0.74);
      max-width: 620px;
    }
    .button-row {
      display: flex;
      flex-wrap: wrap;
      gap: 0.8rem;
      margin-top: 1.65rem;
    }

    .hero-stats {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 1rem;
      margin-top: 2.4rem;
      padding-top: 1.6rem;
      border-top: 1px solid rgba(7, 18, 26, 0.14);
    }
    .stat strong {
      display: block;
      font-family: var(--display);
      font-size: clamp(1.6rem, 3vw, 2.55rem);
      color: var(--teal);
      line-height: 1;
      margin-bottom: 0.35rem;
    }
    .stat span {
      font-size: 0.84rem;
      color: var(--muted);
      line-height: 1.25;
    }

    .terminal {
      background: #061219;
      color: #e5f2f2;
      border-radius: 26px;
      overflow: hidden;
      box-shadow: 0 34px 90px rgba(7, 18, 26, 0.35);
      border: 1px solid rgba(246, 241, 231, 0.12);
    }
    .terminal-top {
      display: flex;
      align-items: center;
      gap: 0.5rem;
      padding: 1rem 1.2rem;
      border-bottom: 1px solid rgba(246, 241, 231, 0.1);
      font-family: var(--mono);
      font-size: 0.78rem;
      color: rgba(246, 241, 231, 0.5);
    }
    .terminal-title { margin-left: auto; }
    .dot { width: 10px; height: 10px; border-radius: 50%; }
    .dot-red { background: #ff5f57; }
    .dot-gold { background: var(--gold); }
    .dot-teal { background: var(--teal-bright); }

    .terminal-tabs {
      display: flex;
      border-bottom: 1px solid rgba(246, 241, 231, 0.1);
    }
    .tab {
      flex: 1;
      border: 0;
      background: transparent;
      color: rgba(246, 241, 231, 0.62);
      padding: 0.9rem 0.55rem;
      font-family: var(--mono);
      font-size: 0.73rem;
      letter-spacing: 0.11em;
      text-transform: uppercase;
      border-bottom: 2px solid transparent;
      transition: 0.22s ease;
    }
    .tab:hover { color: var(--cream); background: rgba(255, 255, 255, 0.04); }
    .tab.is-active {
      color: var(--cream);
      border-color: var(--gold);
      background: rgba(208, 165, 76, 0.09);
    }

    .terminal-panel {
      display: none;
      padding: 1.35rem;
    }
    .terminal-panel.is-active { display: block; }

    .metric-row {
      display: flex;
      justify-content: space-between;
      align-items: baseline;
      font-family: var(--mono);
      font-size: 0.82rem;
      color: rgba(246, 241, 231, 0.72);
      margin-bottom: 0.65rem;
    }
    .metric-value {
      color: var(--teal-bright);
      font-weight: 700;
    }
    .sparkline {
      width: 100%;
      height: 76px;
      margin: 0.9rem 0 1.1rem;
    }

    .signal-list {
      list-style: none;
      padding: 0;
      margin: 0;
      display: grid;
      gap: 0.7rem;
    }
    .signal-item {
      display: grid;
      grid-template-columns: 28px 1fr;
      gap: 0.7rem;
      align-items: start;
      font-size: 0.88rem;
      color: rgba(246, 241, 231, 0.72);
      border: 1px solid rgba(246, 241, 231, 0.09);
      border-radius: 16px;
      padding: 0.78rem 0.85rem;
      background: rgba(255, 255, 255, 0.035);
    }
    .signal-rank {
      color: var(--gold);
      font-family: var(--mono);
      font-weight: 700;
      font-size: 0.86rem;
    }
    .signal-item strong { color: var(--cream); display: block; margin-bottom: 0.2rem; }

    .terminal-note {
      margin-top: 1rem;
      padding: 0.8rem 0.9rem;
      border-radius: 14px;
      background: rgba(54, 194, 178, 0.12);
      color: #b7f1ea;
      font-size: 0.85rem;
      border: 1px solid rgba(54, 194, 178, 0.2);
    }

    .terminal-foot {
      display: flex;
      align-items: center;
      gap: 0.95rem;
      padding: 1rem 1.25rem;
      border-top: 1px solid rgba(246, 241, 231, 0.1);
      background: rgba(255, 255, 255, 0.02);
    }
    .terminal-foot img {
      width: 64px;
      height: 64px;
      border-radius: 14px;
      object-fit: cover;
    }
    .terminal-foot div { min-width: 0; }
    .terminal-foot p { margin: 0; color: rgba(246, 241, 231, 0.65); font-size: 0.8rem; }
    .terminal-foot strong { color: var(--cream); font-size: 0.88rem; }

    .services-layout {
      display: grid;
      grid-template-columns: 1.32fr 0.58fr;
      gap: clamp(1.5rem, 3vw, 3.5rem);
      align-items: start;
    }

    .service-intro {
      max-width: 820px;
      margin-bottom: 1.8rem;
      color: var(--muted);
    }

    .service-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 1.1rem;
    }
    .service-card {
      position: relative;
      overflow: hidden;
      background: #fff;
      border: 1px solid rgba(7, 18, 26, 0.1);
      border-radius: 22px;
      padding: 1.4rem;
      box-shadow: 0 1px 2px rgba(7, 18, 26, 0.05);
      transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease, border-color 0.35s ease;
    }
    .service-card::before {
      content: "";
      position: absolute;
      top: -1px;
      left: -1px;
      width: 74px;
      height: 74px;
      background: linear-gradient(135deg, rgba(208, 165, 76, 0.23), transparent 62%);
      pointer-events: none;
    }
    .service-card:hover {
      transform: translateY(-6px);
      border-color: rgba(208, 165, 76, 0.58);
      box-shadow: 0 24px 52px rgba(7, 18, 26, 0.12);
    }
    .service-meta {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 0.75rem;
      font-family: var(--mono);
      font-size: 0.71rem;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: #7a6b4c;
      margin-bottom: 0.85rem;
    }
    .service-card h3 { font-size: 1.18rem; margin-bottom: 0.65rem; }
    .service-card p { font-size: 0.95rem; color: var(--muted); margin-bottom: 1rem; }
    .service-link {
      font-weight: 700;
      color: var(--teal);
      border-bottom: 1px solid transparent;
      transition: border-color 0.25s ease, color 0.25s ease;
    }
    .service-card:hover .service-link { border-color: var(--teal); }

    .sidebar {
      position: sticky;
      top: 112px;
      display: grid;
      gap: 1rem;
    }
    .side-card {
      background: rgba(7, 18, 26, 0.035);
      border: 1px solid rgba(7, 18, 26, 0.11);
      border-radius: 22px;
      padding: 1.2rem;
    }
    .side-card h3 { font-size: 1.04rem; margin-bottom: 0.75rem; }
    .side-card ul {
      list-style: none;
      margin: 0;
      padding: 0;
      display: grid;
      gap: 0.8rem;
      font-size: 0.92rem;
      color: var(--muted);
    }
    .side-card li strong {
      display: block;
      font-family: var(--display);
      font-size: 1rem;
      color: var(--ink);
      line-height: 1.2;
      margin-bottom: 0.15rem;
    }
    .side-card p { color: var(--muted); font-size: 0.92rem; margin-bottom: 1rem; }
    .side-cta {
      background: var(--ink);
      color: var(--cream);
      border: 1px solid rgba(208, 165, 76, 0.26);
    }
    .side-cta p { color: rgba(246, 241, 231, 0.76); }
    .side-cta .button { width: 100%; }

    .feature-figure {
      margin: 1.5rem 0 0;
      border-radius: 26px;
      overflow: hidden;
      position: relative;
      box-shadow: 0 25px 60px rgba(7, 18, 26, 0.16);
    }
    .feature-figure img {
      width: 100%;
      height: 340px;
      object-fit: cover;
      filter: saturate(0.88) contrast(1.05);
    }
    .feature-figure figcaption {
      position: absolute;
      inset: auto 0 0 0;
      padding: 1.25rem;
      background: linear-gradient(transparent, rgba(7, 18, 26, 0.88));
      color: var(--cream);
    }
    .feature-figure figcaption strong {
      display: block;
      font-family: var(--display);
      font-size: 1.15rem;
      margin-bottom: 0.25rem;
    }
    .feature-figure figcaption p {
      margin: 0;
      font-size: 0.9rem;
      color: rgba(246, 241, 231, 0.82);
    }

    .case-layout {
      display: grid;
      grid-template-columns: 0.95fr 1.05fr;
      gap: clamp(2rem, 4vw, 5rem);
      align-items: start;
    }
    .case-sticky {
      position: sticky;
      top: 112px;
    }
    .case-figure {
      border-radius: 26px;
      overflow: hidden;
      border: 1px solid rgba(246, 241, 231, 0.15);
      box-shadow: 0 28px 70px rgba(0, 0, 0, 0.28);
    }
    .case-figure img {
      width: 100%;
      height: 380px;
      object-fit: cover;
      filter: grayscale(0.18) contrast(1.08);
    }
    .metrics {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 1rem;
      margin: 1.4rem 0 1.6rem;
    }
    .metric {
      border-left: 3px solid var(--gold);
      padding-left: 0.8rem;
    }
    .metric strong {
      display: block;
      font-family: var(--display);
      font-size: 1.68rem;
      color: var(--gold);
      line-height: 1;
      margin-bottom: 0.3rem;
    }
    .metric span {
      font-family: var(--mono);
      font-size: 0.73rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: rgba(246, 241, 231, 0.62);
    }

    .case-content article {
      margin-bottom: 1.5rem;
      padding: 1.25rem;
      border-radius: 22px;
      background: rgba(246, 241, 231, 0.065);
      border: 1px solid rgba(246, 241, 231, 0.1);
    }
    .case-content h3 {
      font-size: 1.3rem;
      margin-bottom: 0.7rem;
    }

    .insights-layout {
      display: grid;
      grid-template-columns: 1.1fr 0.9fr;
      gap: clamp(1.5rem, 3vw, 3.5rem);
      align-items: start;
    }
    .feature-article {
      background: var(--paper);
      border: 1px solid var(--line);
      border-radius: 28px;
      overflow: hidden;
      box-shadow: 0 18px 48px rgba(7, 18, 26, 0.08);
    }
    .feature-article img {
      width: 100%;
      height: 330px;
      object-fit: cover;
    }
    .article-body { padding: 1.65rem; }
    .article-meta {
      display: block;
      font-family: var(--mono);
      font-size: 0.73rem;
      letter-spacing: 0.11em;
      text-transform: uppercase;
      color: #876c34;
      margin-bottom: 0.6rem;
    }
    .article-body h3 { margin-bottom: 0.75rem; }
    .article-body p { color: var(--muted); }
    .link {
      color: var(--teal);
      font-weight: 700;
      border-bottom: 1px solid rgba(14, 124, 123, 0.35);
      transition: border-color 0.25s ease;
    }
    .link:hover { border-color: var(--teal); }

    .article-list { display: grid; gap: 1rem; }
    .article-card {
      display: grid;
      grid-template-columns: 92px 1fr;
      gap: 1rem;
      align-items: center;
      padding: 1rem;
      border-radius: 20px;
      background: rgba(7, 18, 26, 0.025);
      border: 1px solid rgba(7, 18, 26, 0.08);
      transition: transform 0.28s ease, background 0.28s ease, border-color 0.28s ease;
    }
    .article-card:hover {
      transform: translateX(4px);
      background: #fff;
      border-color: rgba(208, 165, 76, 0.55);
    }
    .article-card img {
      width: 92px;
      height: 86px;
      border-radius: 16px;
      object-fit: cover;
    }
    .article-card h3 { font-size: 1rem; margin: 0.25rem 0 0.38rem; }
    .article-card p { margin: 0; font-size: 0.9rem; color: var(--muted); }

    .testimonial-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 1.2rem;
    }
    .testimonial-card {
      display: flex;
      flex-direction: column;
      gap: 0.85rem;
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 24px;
      padding: 1.35rem;
      box-shadow: 0 16px 38px rgba(7, 18, 26, 0.07);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    .testimonial-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 26px 55px rgba(7, 18, 26, 0.12);
    }
    .quote-mark {
      font-family: var(--display);
      font-size: 2.1rem;
      color: var(--gold);
      line-height: 0.55;
    }
    .testimonial-card p {
      font-family: var(--display);
      font-size: 1.02rem;
      line-height: 1.45;
      margin: 0;
    }
    .person {
      display: flex;
      align-items: center;
      gap: 0.75rem;
      margin-top: auto;
    }
    .person img {
      width: 48px;
      height: 48px;
      border-radius: 50%;
      object-fit: cover;
      border: 2px solid rgba(208, 165, 76, 0.5);
    }
    .person strong { display: block; font-size: 0.92rem; }
    .person span { display: block; font-size: 0.82rem; color: var(--muted); }

    .pricing-head {
      display: flex;
      justify-content: space-between;
      align-items: end;
      gap: 2rem;
      margin-bottom: 2.4rem;
      flex-wrap: wrap;
    }
    .toggle {
      display: inline-flex;
      gap: 0.25rem;
      padding: 0.3rem;
      border-radius: 999px;
      border: 1px solid var(--line);
      background: rgba(255, 255, 255, 0.6);
    }
    .toggle button {
      border: 0;
      background: transparent;
      padding: 0.62rem 1.05rem;
      border-radius: 999px;
      font-weight: 700;
      color: var(--muted);
      transition: 0.22s ease;
    }
    .toggle button.is-active {
      background: var(--ink);
      color: var(--cream);
    }

    .pricing-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 1.2rem;
      align-items: stretch;
    }
    .price-card {
      position: relative;
      overflow: hidden;
      background: var(--paper);
      border: 1px solid var(--line);
      border-radius: 28px;
      padding: 1.7rem;
      display: flex;
      flex-direction: column;
      box-shadow: 0 18px 44px rgba(7, 18, 26, 0.07);
    }
    .price-card.is-featured {
      background: var(--ink);
      color: var(--cream);
      border-color: rgba(208, 165, 76, 0.38);
      transform: translateY(-10px);
      box-shadow: 0 34px 82px rgba(7, 18, 26, 0.25);
    }
    .price-card.is-featured p,
    .price-card.is-featured li { color: rgba(246, 241, 231, 0.76); }
    .badge {
      position: absolute;
      right: -39px;
      top: 21px;
      transform: rotate(45deg);
      background: var(--gold);
      color: #07121a;
      padding: 0.28rem 3.2rem;
      font-family: var(--mono);
      font-size: 0.65rem;
      font-weight: 700;
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }
    .plan-label {
      font-family: var(--mono);
      font-size: 0.73rem;
      letter-spacing: 0.11em;
      text-transform: uppercase;
      color: #876c34;
      margin-bottom: 0.6rem;
    }
    .price-card.is-featured .plan-label { color: var(--gold); }
    .price-card h3 { font-size: 1.45rem; }
    .price-card > p { color: var(--muted); font-size: 0.94rem; }
    .price {
      font-family: var(--display);
      font-size: 2.35rem;
      font-weight: 650;
      margin: 0.75rem 0 0.9rem;
      letter-spacing: -0.04em;
    }
    .price small {
      display: inline-block;
      margin-left: 0.3rem;
      font-family: var(--mono);
      font-size: 0.76rem;
      color: var(--muted);
    }
    .price-card.is-featured .price small { color: rgba(246, 241, 231, 0.56); }
    .feat-list {
      list-style: none;
      margin: 0 0 1.6rem;
      padding: 0;
      display: grid;
      gap: 0.65rem;
      font-size: 0.94rem;
    }
    .feat-list li { display: flex; gap: 0.55rem; }
    .feat-list li::before {
      content: "✓";
      color: var(--teal);
      font-weight: 800;
    }
    .price-card.is-featured .feat-list li::before { color: var(--gold); }
    .price-card .button {
      margin-top: auto;
      width: 100%;
    }

    .pricing-note {
      margin-top: 1.5rem;
      max-width: 900px;
      color: var(--muted);
      font-size: 0.95rem;
    }

    .calculator-layout {
      display: grid;
      grid-template-columns: 0.9fr 1.1fr;
      gap: clamp(2rem, 4vw, 4.5rem);
      align-items: start;
    }
    .calculator-copy p {
      max-width: 660px;
      color: rgba(246, 241, 231, 0.76);
    }
    .calc-card {
      background: rgba(7, 18, 26, 0.96);
      color: var(--cream);
      border-radius: 28px;
      padding: 1.7rem;
      border: 1px solid rgba(246, 241, 231, 0.16);
      box-shadow: 0 32px 82px rgba(0, 0, 0, 0.28);
    }
    .field { margin-bottom: 1.15rem; }
    .field-row {
      display: flex;
      justify-content: space-between;
      align-items: baseline;
      gap: 1rem;
      margin-bottom: 0.55rem;
    }
    .field-label {
      font-family: var(--mono);
      font-size: 0.78rem;
      letter-spacing: 0.07em;
      text-transform: uppercase;
      color: rgba(246, 241, 231, 0.62);
    }
    .field-value {
      font-weight: 700;
      color: var(--cream);
      font-family: var(--display);
      font-size: 1.02rem;
    }
    input[type="range"] {
      width: 100%;
      accent-color: var(--gold);
      background: transparent;
    }
    .calc-results {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 0.85rem;
      margin-top: 1.2rem;
    }
    .result {
      border: 1px solid rgba(246, 241, 231, 0.12);
      border-radius: 18px;
      padding: 0.95rem;
      background: rgba(255, 255, 255, 0.04);
    }
    .result strong {
      display: block;
      font-family: var(--display);
      font-size: 1.38rem;
      color: var(--teal-bright);
      line-height: 1.1;
      margin-bottom: 0.25rem;
    }
    .result span {
      font-family: var(--mono);
      font-size: 0.68rem;
      color: rgba(246, 241, 231, 0.55);
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }
    .result-highlight {
      background: rgba(208, 165, 76, 0.14);
      border-color: rgba(208, 165, 76, 0.32);
    }
    .result-highlight strong { color: var(--gold); }
    .calc-foot {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      flex-wrap: wrap;
      margin-top: 1.1rem;
      padding-top: 1rem;
      border-top: 1px solid rgba(246, 241, 231, 0.12);
      color: rgba(246, 241, 231, 0.58);
      font-size: 0.8rem;
    }

    .faq-grid {
      display: grid;
      grid-template-columns: 0.88fr 1.12fr;
      gap: clamp(2rem, 4vw, 4rem);
      align-items: start;
    }
    details {
      border-bottom: 1px solid var(--line);
      padding: 1rem 0;
    }
    details:first-of-type { border-top: 1px solid var(--line); }
    summary {
      list-style: none;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 1rem;
      cursor: pointer;
      font-family: var(--display);
      font-size: 1.15rem;
    }
    summary::-webkit-details-marker { display: none; }
    summary::after {
      content: "+";
      color: var(--gold);
      font-size: 1.55rem;
      line-height: 1;
      transition: transform 0.25s ease;
    }
    details[open] summary::after { transform: rotate(45deg); }
    details p {
      margin: 0.8rem 0 0;
      color: var(--muted);
      max-width: 760px;
    }

    .contact-layout {
      display: grid;
      grid-template-columns: 0.88fr 1.12fr;
      gap: clamp(2rem, 4vw, 4rem);
      align-items: start;
    }
    .contact-card {
      background: var(--ink);
      color: var(--cream);
      border-radius: 28px;
      overflow: hidden;
      box-shadow: 0 28px 68px rgba(7, 18, 26, 0.18);
    }
    .contact-card img {
      width: 100%;
      height: 210px;
      object-fit: cover;
      filter: grayscale(0.2) contrast(1.05);
    }
    .contact-card-body { padding: 1.45rem; }
    .contact-card-body h3 { color: var(--cream); }
    .contact-card-body p { color: rgba(246, 241, 231, 0.76); }
    .contact-details {
      display: grid;
      gap: 0.8rem;
      margin-top: 1.2rem;
      font-size: 0.93rem;
    }
    .contact-details div strong {
      display: block;
      font-family: var(--mono);
      font-size: 0.7rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--gold);
      margin-bottom: 0.18rem;
    }

    .contact-form {
      background: var(--paper);
      border: 1px solid var(--line);
      border-radius: 28px;
      padding: 1.6rem;
      box-shadow: 0 20px 48px rgba(7, 18, 26, 0.08);
    }
    .form-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 1rem;
      margin-bottom: 1rem;
    }
    .form-field { display: grid; gap: 0.35rem; }
    .form-field label {
      font-family: var(--mono);
      font-size: 0.72rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: #6b7a86;
    }
    input, select, textarea {
      width: 100%;
      padding: 0.88rem 1rem;
      border-radius: 15px;
      border: 1px solid var(--line);
      background: #fff;
      color: var(--ink);
      transition: border-color 0.2s ease, box-shadow 0.2s ease;
    }
    input:focus, select:focus, textarea:focus {
      outline: none;
      border-color: var(--teal);
      box-shadow: 0 0 0 3px rgba(14, 124, 123, 0.12);
    }
    .form-full { margin-bottom: 1rem; }
    textarea { min-height: 150px; resize: vertical; }
    .form-status {
      display: none;
      margin-top: 1rem;
      padding: 0.9rem 1rem;
      border-radius: 15px;
      background: rgba(54, 194, 178, 0.12);
      color: #0b5b57;
      border: 1px solid rgba(54, 194, 178, 0.35);
      font-weight: 600;
    }
    .form-status.show { display: block; }

    .footer {
      background: #050f16;
      color: rgba(246, 241, 231, 0.66);
      padding: 4rem 0 1.5rem;
    }
    .footer-grid {
      display: grid;
      grid-template-columns: 1.25fr 0.75fr 0.75fr 1fr;
      gap: 2rem;
    }
    .footer h4 {
      font-family: var(--mono);
      font-size: 0.76rem;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--gold);
      margin: 0 0 1rem;
    }
    .footer p { max-width: 400px; }
    .footer ul {
      list-style: none;
      margin: 0;
      padding: 0;
      display: grid;
      gap: 0.6rem;
    }
    .footer a:hover { color: var(--cream); }
    .socials {
      display: flex;
      gap: 0.5rem;
      margin-top: 1rem;
    }
    .socials a {
      width: 40px;
      height: 40px;
      border: 1px solid rgba(246, 241, 231, 0.18);
      border-radius: 50%;
      display: grid;
      place-items: center;
      font-family: var(--mono);
      font-size: 0.76rem;
      transition: 0.25s ease;
    }
    .socials a:hover { background: var(--gold); color: #07121a; border-color: var(--gold); }
    .footer-bottom {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 1rem;
      flex-wrap: wrap;
      margin-top: 2.5rem;
      padding-top: 1rem;
      border-top: 1px solid rgba(246, 241, 231, 0.12);
      font-size: 0.82rem;
    }

    .reveal {
      opacity: 0;
      transform: translateY(26px);
      transition: opacity 0.82s cubic-bezier(0.16, 1, 0.3, 1), transform 0.82s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .reveal.in-view {
      opacity: 1;
      transform: none;
    }

    @media (max-width: 1100px) {
      .nav-list {
        position: absolute;
        left: 0;
        right: 0;
        top: calc(100% + 10px);
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.3rem;
        background: var(--paper);
        border: 1px solid var(--line);
        border-radius: 24px;
        padding: 0.9rem;
        box-shadow: var(--shadow);
        opacity: 0;
        pointer-events: none;
        transform: translateY(-10px);
        max-height: 70vh;
        overflow-y: auto;
        z-index: 300;
      }
      .nav-list.is-open { opacity: 1; pointer-events: auto; transform: none; }
      .nav-toggle { display: block; }
      .header-cta { display: none; }
      .hero-grid, .services-layout, .case-layout, .insights-layout, .testimonial-grid, .pricing-grid, .calculator-layout, .faq-grid, .contact-layout {
        grid-template-columns: 1fr;
      }
      .sidebar, .case-sticky { position: static; }
      .testimonial-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }

    @media (max-width: 820px) {
      .service-grid, .calc-results, .hero-stats, .metrics { grid-template-columns: 1fr; }
      .pricing-head { align-items: start; }
      .article-card { grid-template-columns: 1fr; }
      .article-card img { width: 100%; height: 160px; }
    }

    @media (max-width: 640px) {
      .brand-tag { display: none; }
      .nav-list { grid-template-columns: 1fr; }
      .form-grid { grid-template-columns: 1fr; }
      .footer-grid { grid-template-columns: 1fr; }
      .feature-figure img, .case-figure img, .feature-article img, .contact-card img { height: 250px; }
      .button-row { align-items: stretch; }
      .button-row .button { width: 100%; }
    }

    @media (prefers-reduced-motion: reduce) {
      html { scroll-behavior: auto; }
      *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
      }
      .h-line > span { transform: none; animation: none; }
      .ticker-track { animation: none; }
      .reveal { opacity: 1; transform: none; }
    }
  </style>
</head>
<body id="top">
  <a class="skip-link" href="#main">Skip to content</a>

  <header class="site-header">
    <div class="header-inner container">
      <a class="brand" href="#top" aria-label="Meridian Brief home">
        <img src="https://placehold.co/92x92/07121a/d0a54c?text=MB&font=montserrat" alt="Meridian Brief logo placeholder" width="92" height="92">
        <span class="brand-copy">
          <span class="brand-name">Meridian Brief</span>
          <span class="brand-tag">Business news · corporate resources · finance &amp; advisory</span>
        </span>
      </a>

      <nav aria-label="Primary">
        <button class="nav-toggle" aria-expanded="false" aria-controls="primary-nav">Menu</button>
        <ul id="primary-nav" class="nav-list">
          <li><a href="#top">Home</a></li>
          <li><a href="#services">Services</a></li>
          <li><a href="#case-study">Case Study</a></li>
          <li><a href="#insights">Insights</a></li>
          <li><a href="#pricing">Pricing</a></li>
          <li><a href="#testimonials">Testimonials</a></li>
          <li><a href="#calculator">ROI Calculator</a></li>
          <li><a href="#contact">Contact</a></li>
        </ul>
      </nav>

      <a class="button button-primary header-cta" href="#contact">Book a fit call</a>
    </div>
  </header>

  <div class="ticker" role="region" aria-label="Market signals ticker">
    <div class="ticker-track">
      <span class="ticker-item"><span>Meridian Desk</span> <strong class="neutral">Stakeholder alignment</strong> now leads board priorities</span>
      <span class="ticker-item"><span>Operating efficiency</span> <strong class="up">+2.1 pts</strong> in mid-market logistics</span>
      <span class="ticker-item"><span>Capital strategy</span> <strong class="neutral">13-week cash views</strong> replacing static quarterly forecasts</span>
      <span class="ticker-item"><span>Leadership research</span> <strong class="down">decision fatigue</strong> rises 19% without cadence design</span>
      <span class="ticker-item"><span>Market positioning</span> <strong class="up">pricing pilots</strong> outperform annual increases</span>
    </div>
  </div>

  <main id="main">
    <section class="hero">
      <div class="container hero-grid">
        <div class="hero-copy">
          <span class="eyebrow">The corporate intelligence desk</span>
          <h1>
            <span class="h-line"><span>Where market news</span></span>
            <span class="h-line"><span>becomes operating</span></span>
            <span class="h-line"><span>decisions.</span></span>
          </h1>
          <p>
            Meridian Brief turns business news, finance frameworks, and leadership research into a single operating rhythm for growth-stage companies, public-market teams, and executive stakeholders. We help organizations move from insight to action without losing governance, cash discipline, or team alignment.
          </p>
          <div class="button-row">
            <a class="button button-accent" href="#services">Explore Services</a>
            <a class="button button-ghost" href="#calculator">Run ROI Model</a>
            <a class="button button-light" href="#case-study">View Case Study</a>
          </div>

          <div class="hero-stats">
            <div class="stat">
              <strong class="counter" data-count="340" data-suffix="+">0</strong>
              <span>operators, founders, and board teams served</span>
            </div>
            <div class="stat">
              <strong class="counter" data-count="87" data-suffix="%">0</strong>
              <span>engage again within 12 months</span>
            </div>
            <div class="stat">
              <strong class="counter" data-count="19" data-prefix="+" data-suffix=" pts">0</strong>
              <span>average forecast confidence improvement</span>
            </div>
          </div>
        </div>

        <article class="terminal reveal" aria-label="Live Meridian desk panel">
          <div class="terminal-top">
            <span class="dot dot-red"></span>
            <span class="dot dot-gold"></span>
            <span class="dot dot-teal"></span>
            <span class="terminal-title">meridian-desk.live</span>
          </div>

          <div class="terminal-tabs" role="tablist" aria-label="Desk categories">
            <button class="tab is-active" role="tab" aria-selected="true" aria-controls="panel-markets" data-tab="panel-markets">Markets</button>
            <button class="tab" role="tab" aria-selected="false" aria-controls="panel-strategy" data-tab="panel-strategy">Strategy</button>
            <button class="tab" role="tab" aria-selected="false" aria-controls="panel-leadership" data-tab="panel-leadership">Leadership</button>
          </div>

          <div class="terminal-panel is-active" id="panel-markets" role="tabpanel">
            <div class="metric-row"><span>Operating margin signal</span><strong class="metric-value">+1.8 pts</strong></div>
            <div class="metric-row"><span>Forecast accuracy</span><strong class="metric-value">+12.4%</strong></div>
            <div class="metric-row"><span>Deal velocity</span><strong class="metric-value">−9 days</strong></div>
            <svg class="sparkline" viewBox="0 0 300 80" preserveAspectRatio="none" aria-hidden="true">
              <defs>
                <linearGradient id="spark" x1="0" y1="0" x2="1" y2="0">
                  <stop offset="0%" stop-color="#36c2b2" />
                  <stop offset="100%" stop-color="#d0a54c" />
                </linearGradient>
              </defs>
              <path d="M0 64 C28 58, 46 34, 74 42 S112 16, 144 28 S190 6, 218 18 S260 34, 300 11" fill="none" stroke="url(#spark)" stroke-width="4" vector-effect="non-scaling-stroke" stroke-linecap="round" />
            </svg>

            <ul class="signal-list">
              <li class="signal-item">
                <span class="signal-rank">1</span>
                <span><strong>Capital discipline beats volume growth.</strong> Teams are defending cash conversion cycles before chasing market share.</span>
              </li>
              <li class="signal-item">
                <span class="signal-rank">2</span>
                <span><strong>Pricing pilots outperform broad increases.</strong> Segmented tests reveal margin potential with controlled churn risk.</span>
              </li>
              <li class="signal-item">
                <span class="signal-rank">3</span>
                <span><strong>Reporting is moving to rolling views.</strong> Quarterly-only dashboards lose stakeholder alignment during volatility.</span>
              </li>
            </ul>
            <div class="terminal-note">Desk view: finance, strategy, and operations reporting are converging. Leaders who connect these signals faster are setting the tone.</div>
          </div>

          <div class="terminal-panel" id="panel-strategy" role="tabpanel">
            <ul class="signal-list">
              <li class="signal-item"><span class="signal-rank">1</span><span><strong>Use decision logs, not decks.</strong> They create institutional memory and reduce rework when priorities shift.</span></li>
              <li class="signal-item"><span class="signal-rank">2</span><span><strong>Map every initiative to owner, cost, and indicator.</strong> That is the fastest way to improve operational efficiency.</span></li>
              <li class="signal-item"><span class="signal-rank">3</span><span><strong>Quarterly planning works only when weekly cadence exists.</strong> Strategy fails at the handoff, not at the slide.</span></li>
            </ul>
            <div class="terminal-note">Strategy signal: clarity is now the competitive advantage in slower demand environments.</div>
          </div>

          <div class="terminal-panel" id="panel-leadership" role="tabpanel">
            <ul class="signal-list">
              <li class="signal-item"><span class="signal-rank">1</span><span><strong>Consensus slows execution; clarity accelerates it.</strong> Great leaders make trade-offs visible early.</span></li>
              <li class="signal-item"><span class="signal-rank">2</span><span><strong>Align stakeholders around three priorities.</strong> Protect them with a simple review rhythm.</span></li>
              <li class="signal-item"><span class="signal-rank">3</span><span><strong>Coach leaders to communicate context, not just outcomes.</strong> That is what builds durable trust across business units.</span></li>
            </ul>
            <div class="terminal-note">Leadership note: the best teams are not less busy. They are more deliberate.</div>
          </div>

          <div class="terminal-foot">
            <img src="https://picsum.photos/seed/meridian-boardroom/160/160" alt="Executive boardroom photo placeholder" width="160" height="160">
            <div>
              <strong>Desk briefing</strong>
              <p>Updated weekly for founders, CFOs, COOs, and board operators navigating growth, capital, and organizational change.</p>
            </div>
          </div>
        </article>
      </div>
    </section>

    <section id="services" class="section section-paper">
      <div class="container">
        <div class="section-head reveal">
          <span class="eyebrow">Business solutions</span>
          <h2>Services built for decision velocity</h2>
          <p class="lead">
            We do not publish generic advice. Each service begins with a decision that must be made, measured, and defended — then builds the operating context around it.
          </p>
        </div>

        <div class="services-layout">
          <div>
            <p class="service-intro">
              Meridian Brief supports executives who need finance, operations, and leadership to move in the same direction. Our work is designed to reduce ambiguity across stakeholder alignment, strengthen market positioning, and improve operational efficiency through practical cadence, not bloated bureaucracy.
            </p>

            <div class="service-grid">
              <article class="service-card reveal">
                <div class="service-meta"><span>Advisory</span><span>01</span></div>
                <h3>Corporate Advisory</h3>
                <p>
                  We help executive teams align ownership, strategy, and execution under a coherent governance rhythm. Engagements typically start with a decision-log audit, cash-conversion mapping, and board-ready scenario models that clarify trade-offs before capital is committed.
                </p>
                <a class="service-link" href="#contact">Book a fit call</a>
              </article>

              <article class="service-card reveal" data-delay="60">
                <div class="service-meta"><span>Finance</span><span>02</span></div>
                <h3>Financial Planning &amp; Forecasting</h3>
                <p>
                  From weekly liquidity reviews to 13-week cash forecasts, we convert accounting data into forward-looking guardrails for CFOs, controllers, and founders. The goal is simple: fewer surprises, better allocations, and stronger confidence in the plan.
                </p>
                <a class="service-link" href="#pricing">See Pricing</a>
              </article>

              <article class="service-card reveal" data-delay="120">
                <div class="service-meta"><span>Operations</span><span>03</span></div>
                <h3>Operations Transformation</h3>
                <p>
                  SaaS and service organizations use our playbook to remove approval friction, centralize reporting, and raise operational efficiency without adding unnecessary process. We connect frontline reality to leadership decision frameworks.
                </p>
                <a class="service-link" href="#case-study">View Case Study</a>
              </article>

              <article class="service-card reveal" data-delay="180">
                <div class="service-meta"><span>Strategy</span><span>04</span></div>
                <h3>Market Intelligence &amp; Positioning</h3>
                <p>
                  We help teams sharpen market positioning through competitive landscape mapping, pricing architecture, and narrative testing. The work is designed to be actionable before sales enablement, product roadmaps, and fundraising decks become fixed.
                </p>
                <a class="service-link" href="#insights">Read Insights</a>
              </article>

              <article class="service-card reveal" data-delay="240">
                <div class="service-meta"><span>Capital</span><span>05</span></div>
                <h3>Capital Strategy</h3>
                <p>
                  Growth teams prepare for credit, equity, and investor conversations with unit-economics clarity, use-of-funds models, and diligence-ready data rooms. We translate operational complexity into a narrative that supports strategic decision-making.
                </p>
                <a class="service-link" href="#contact">Contact Us</a>
              </article>

              <article class="service-card reveal" data-delay="300">
                <div class="service-meta"><span>Leadership</span><span>06</span></div>
                <h3>Executive Coaching</h3>
                <p>
                  For leaders managing change, we combine leadership research with practical cadence design: decision forums, conflict protocols, and stakeholder alignment rituals that improve execution quality and reduce leadership overload.
                </p>
                <a class="service-link" href="#testimonials">Hear Outcomes</a>
              </article>
            </div>

            <figure class="feature-figure reveal">
              <img src="https://picsum.photos/seed/meridian-executive-strategy-team/1100/700" alt="Executive team reviewing corporate strategy in a modern office setting" width="1100" height="700">
              <figcaption>
                <strong>Advisory is most useful when it becomes operating rhythm.</strong>
                <p>We design for adoption, not just insight — so leadership teams leave with mechanisms that keep working after the engagement ends.</p>
              </figcaption>
            </figure>
          </div>

          <aside class="sidebar reveal">
            <div class="side-card">
              <h3>Market Signals</h3>
              <ul>
                <li><strong>Operating margins hold.</strong> Labor leverage is tightening, but not uniformly across sectors.</li>
                <li><strong>CFOs are buying certainty.</strong> Dashboards are less valued than repeatable planning cycles.</li>
                <li><strong>Strategy is getting simpler.</strong> Fewer priorities, clearer ownership, stronger stakeholder alignment.</li>
                <li><strong>Leadership bandwidth is a KPI.</strong> Teams are measuring decision quality alongside speed.</li>
              </ul>
            </div>

            <div class="side-card">
              <h3>Recent corporate resources</h3>
              <ul>
                <li><strong>13-week cash review template</strong> Practical liquidity discipline for volatile periods.</li>
                <li><strong>Board reporting architecture</strong> What to show when forecasting becomes strategic.</li>
                <li><strong>Decision log framework</strong> Reduce rework by documenting trade-offs early.</li>
                <li><strong>Operating cadence starter kit</strong> A weekly rhythm for growth-stage leadership teams.</li>
              </ul>
            </div>

            <div class="side-card side-cta">
              <h3>Need a fast read?</h3>
              <p>Send us your current operating challenge and we will return a short fit assessment within one business day.</p>
              <a class="button button-gold" href="#contact">Contact Us</a>
            </div>
          </aside>
        </div>
      </div>
    </section>

    <section id="case-study" class="section section-dark">
      <div class="container">
        <div class="section-head reveal">
          <span class="eyebrow">Growth story</span>
          <h2>A 38-day pivot from forecast paralysis to board confidence</h2>
          <p class="lead">
            A $48M industrial supply platform had data, but no operating clarity. The board was asking better questions, and the leadership team was answering with spreadsheets. We rebuilt the decision architecture instead of adding another report.
          </p>
        </div>

        <div class="case-layout">
          <div class="case-sticky reveal">
            <figure class="case-figure">
              <img src="https://picsum.photos/seed/meridian-logistics-operations/960/640" alt="Operations team coordinating logistics and corporate reporting" width="960" height="640">
            </figure>

            <div class="metrics">
              <div class="metric">
                <strong class="counter" data-count="18" data-prefix="+" data-suffix="%">0</strong>
                <span>EBITDA margin</span>
              </div>
              <div class="metric">
                <strong class="counter" data-count="34" data-prefix="−" data-suffix="%">0</strong>
                <span>reporting cycle</span>
              </div>
              <div class="metric">
                <strong class="counter" data-count="6" data-suffix="/6">0</strong>
                <span>board approvals</span>
              </div>
            </div>

            <a class="button button-light" href="#contact">View Case Study</a>
          </div>

          <div class="case-content">
            <article class="reveal">
              <h3>Client context</h3>
              <p>
                The company had grown into multiple regional distribution lines with different margin profiles. Leadership wanted to invest in a new vertical, but each executive team saw the business through a different lens. Finance produced weekly numbers. Operations defended capacity. Sales pushed for discounting. No one had a shared framework for stakeholder alignment.
              </p>
              <p>
                The board recognized the issue quickly: the plan was not broken. The operating rhythm was. Decisions were being escalated too late, and the executive team was using forecasts as a shield rather than a compass. That is where our work began.
              </p>
            </article>

            <article class="reveal" data-delay="80">
              <h3>What we changed</h3>
              <p>
                First, we rebuilt the weekly cash forecast into a rolling 13-week view tied to demand drivers, supplier terms, and inventory velocity. Second, we introduced a decision log that documented who owned each major trade-off, what information was available, and what indicator would validate or challenge the call. This improved operational efficiency because fewer meetings were used to relitigate history.
              </p>
              <p>
                We also reframed board reporting away from activity metrics and toward a smaller set of leading indicators: gross margin by product family, cash conversion, quote-to-order lag, and customer retention risk. The leadership team used this language to reposition the narrative with both investors and internal stakeholders.
              </p>
            </article>

            <article class="reveal" data-delay="160">
              <h3>Result</h3>
              <p>
                Within 38 days, the executive team had a shared operating model strong enough to approve a $6.2M capacity investment with confidence. More importantly, the board approved it unanimously because the plan no longer rested on optimism — it rested on a defensible view of market positioning, unit economics, and leadership alignment.
              </p>
              <p>
                The margin improvement was significant, but the durable change was structural: the company now uses its planning process as a tool for strategic clarity, not just a requirement for compliance. That is the kind of impact Meridian Brief is built to deliver.
              </p>
            </article>
          </div>
        </div>
      </div>
    </section>

    <section id="insights" class="section">
      <div class="container">
        <div class="section-head reveal">
          <span class="eyebrow">Leadership insights</span>
          <h2>Finance, strategy, and leadership research from the desk</h2>
          <p class="lead">
            Our insights are written for operators who need to make defensible choices in conditions of partial information. No trend-chasing, no empty consulting language — just research that connects market realities to daily decisions.
          </p>
        </div>

        <div class="insights-layout">
          <article class="feature-article reveal">
            <img src="https://picsum.photos/seed/meridian-leadership-strategy-meeting/960/600" alt="Leadership team discussing corporate strategy and decision architecture" width="960" height="600">
            <div class="article-body">
              <span class="article-meta">Leadership · Strategy · Board practice</span>
              <h3>Why stakeholder alignment is the new operating metric</h3>
              <p>
                Companies rarely fail because they lack data. They fail because leadership cannot agree on what the data means, what the trade-offs are, and who owns the decision. Stakeholder alignment has therefore become an operating metric, not just a cultural aspiration.
              </p>
              <p>
                The organizations performing best are not making decisions faster in a chaotic way. They are creating a visible architecture of ownership, indicators, and review cadence that allows senior teams to act without needing perfect certainty. That structure also makes it easier to onboard investors, navigate restructuring, and protect market positioning during uncertainty.
              </p>
              <p>
                In practice, alignment starts with simplicity: three priorities, explicit owners, one short decision log, and a regular operating review. It is less about more meetings and more about fewer unresolved ambiguities.
              </p>
              <a class="link" href="#contact">Read Insight</a>
            </div>
          </article>

          <div class="article-list">
            <article class="article-card reveal">
              <img src="https://picsum.photos/seed/meridian-business-review-meeting/260/240" alt="Business review meeting photo placeholder" width="260" height="240">
              <div>
                <span class="article-meta">Operations</span>
                <h3>The quiet collapse of the quarterly business review</h3>
                <p>Quarterly-only reviews are too slow for modern volatility. What replaces them is a lighter, more decisive cadence.</p>
                <a class="link" href="#services">Explore Services</a>
              </div>
            </article>

            <article class="article-card reveal" data-delay="70">
              <img src="https://picsum.photos/seed/meridian-finance-dashboard-report/260/240" alt="Finance dashboard and reporting photo placeholder" width="260" height="240">
              <div>
                <span class="article-meta">Finance</span>
                <h3>Pricing architecture for uncertain demand environments</h3>
                <p>Margin is not only a cost problem. Often it is a pricing discipline and market positioning problem waiting to be solved.</p>
                <a class="link" href="#calculator">Model ROI</a>
              </div>
            </article>

            <article class="article-card reveal" data-delay="140">
              <img src="https://picsum.photos/seed/meridian-executive-coaching-office/260/240" alt="Executive coaching session photo placeholder" width="260" height="240">
              <div>
                <span class="article-meta">Leadership</span>
                <h3>Finance teams should own decision architecture, not just reports</h3>
                <p>When finance helps shape the language of decisions, the entire business becomes more coherent and strategically effective.</p>
                <a class="link" href="#testimonials">See Outcomes</a>
              </div>
            </article>

            <article class="article-card reveal" data-delay="210">
              <img src="https://picsum.photos/seed/meridian-corporate-strategy-boardroom/260/240" alt="Corporate strategy boardroom photo placeholder" width="260" height="240">
              <div>
                <span class="article-meta">Corporate resources</span>
                <h3>Leadership cadence: fewer meetings, better choices</h3>
                <p>Cadence design can restore operating efficiency by reducing rework, escalation, and decision fatigue across senior teams.</p>
                <a class="link" href="#pricing">See Pricing</a>
              </div>
            </article>
          </div>
        </div>
      </div>
    </section>

    <section id="testimonials" class="section section-muted">
      <div class="container">
        <div class="section-head reveal">
          <span class="eyebrow">Testimonials</span>
          <h2>They asked for a plan. They received an operating rhythm.</h2>
          <p class="lead">
            Leadership teams use Meridian Brief because the work is not only strategic. It is practical, board-ready, and durable after the engagement ends.
          </p>
        </div>

        <div class="testimonial-grid">
          <article class="testimonial-card reveal">
            <span class="quote-mark">“</span>
            <p>
              Meridian helped us stop reporting everything and start deciding better. The board finally had confidence in our cash model, and the leadership team had language for the trade-offs.
            </p>
            <div class="person">
              <img src="https://i.pravatar.cc/96?u=dana-whitmore-coo" alt="Dana Whitmore avatar" width="96" height="96">
              <div>
                <strong>Dana Whitmore</strong>
                <span>Chief Operating Officer, Northbridge Logistics</span>
              </div>
            </div>
          </article>

          <article class="testimonial-card reveal" data-delay="60">
            <span class="quote-mark">“</span>
            <p>
              The forecasting architecture was excellent, but the real win was operational efficiency. We spent less time re-explaining numbers and more time moving on decisions.
            </p>
            <div class="person">
              <img src="https://i.pravatar.cc/96?u=arjun-patel-cfo" alt="Arjun Patel avatar" width="96" height="96">
              <div>
                <strong>Arjun Patel</strong>
                <span>Chief Financial Officer, Lumen Payments</span>
              </div>
            </div>
          </article>

          <article class="testimonial-card reveal" data-delay="120">
            <span class="quote-mark">“</span>
            <p>
              We needed help with stakeholder alignment and market positioning, and they gave us a practical operating model that the entire team could actually use.
            </p>
            <div class="person">
              <img src="https://i.pravatar.cc/96?u=marisa-kane-founder" alt="Marisa Kane avatar" width="96" height="96">
              <div>
                <strong>Marisa Kane</strong>
                <span>Founder &amp; CEO, Field &amp; Form Apparel</span>
              </div>
            </div>
          </article>

          <article class="testimonial-card reveal" data-delay="180">
            <span class="quote-mark">“</span>
            <p>
              The advisory team felt more like an extension of our executive staff than a vendor. That made every follow-up decision faster and more defensible.
            </p>
            <div class="person">
              <img src="https://i.pravatar.cc/96?u=theo-lindgren-strategy" alt="Theo Lindgren avatar" width="96" height="96">
              <div>
                <strong>Theo Lindgren</strong>
                <span>VP Strategy, Halden Robotics</span>
              </div>
            </div>
          </article>
        </div>
      </div>
    </section>

    <section id="pricing" class="section section-paper">
      <div class="container">
        <div class="pricing-head reveal">
          <div>
            <span class="eyebrow">Pricing</span>
            <h2>Engagements that scale with decision complexity</h2>
            <p class="lead">
              Whether you need a sharper weekly review, a board-ready capital plan, or executive coaching through a transition, we design pricing around the level of judgment, speed, and stakeholder alignment required.
            </p>
          </div>

          <div class="toggle" aria-label="Billing period">
            <button data-mode="monthly">Monthly</button>
            <button class="is-active" data-mode="annual">Annual</button>
          </div>
        </div>

        <div class="pricing-grid">
          <article class="price-card reveal">
            <span class="plan-label">Advisory Brief</span>
            <h3>Focused clarity</h3>
            <p>For leadership teams that need a fast strategic read without a long engagement cycle.</p>
            <div class="price">
              <span class="price-amount" data-monthly="3200" data-annual="2700">$2,700</span>
              <small>/mo</small>
            </div>
            <ul class="feat-list">
              <li>Bi-weekly decision briefing</li>
              <li>Financial planning review</li>
              <li>Stakeholder alignment assessment</li>
              <li>One-page operating recommendation</li>
              <li>Email support between sessions</li>
            </ul>
            <a class="button button-ghost" href="#contact">Start with a brief</a>
          </article>

          <article class="price-card is-featured reveal" data-delay="70">
            <div class="badge">Most selected</div>
            <span class="plan-label">Desk Partnership</span>
            <h3>Operating rhythm</h3>
            <p>For growing companies building durable cadence across finance, strategy, and operations.</p>
            <div class="price">
              <span class="price-amount" data-monthly="8900" data-annual="7400">$7,400</span>
              <small>/mo</small>
            </div>
            <ul class="feat-list">
              <li>Weekly advisory cadence</li>
              <li>Forecasting and KPI architecture</li>
              <li>Market positioning support</li>
              <li>Board readiness materials</li>
              <li>Operational efficiency roadmap</li>
              <li>Quarterly leadership coaching</li>
            </ul>
            <a class="button button-accent" href="#contact">Book a fit call</a>
          </article>

          <article class="price-card reveal" data-delay="140">
            <span class="plan-label">Board &amp; Capital</span>
            <h3>Strategic engagement</h3>
            <p>For companies entering fundraising, restructuring, or high-visibility transformation moments.</p>
            <div class="price">
              <span>Custom</span>
              <small>/project or retainer</small>
            </div>
            <ul class="feat-list">
              <li>Capital strategy and use-of-funds</li>
              <li>Board communication architecture</li>
              <li>Scenario planning and diligence prep</li>
              <li>Executive coaching through change</li>
              <li>Investor and stakeholder narrative</li>
              <li>Long-range operating design</li>
            </ul>
            <a class="button button-ghost" href="#contact">Contact Us</a>
          </article>
        </div>

        <p class="pricing-note">
          All engagements include a decision brief, operating cadence design, and 30-day post-delivery support. Custom multi-year advisory and board retainer models are available on request.
        </p>
      </div>
    </section>

    <section id="calculator" class="section section-dark">
      <div class="container">
        <div class="section-head reveal">
          <span class="eyebrow">Interactive tool</span>
          <h2>ROI calculator for advisory-driven operating lift</h2>
          <p class="lead">
            Use this directional model to estimate the financial impact of improved stakeholder alignment, stronger operating cadence, and more disciplined decision-making. It assumes time is recovered and redirected toward margin-producing work, not simply eliminated.
          </p>
        </div>

        <div class="calculator-layout">
          <div class="calculator-copy reveal">
            <p>
              Advisory impact is difficult to measure if the outcome is described too broadly. That is why we model specific levers: the number of people involved in decisions, the hours currently lost to ambiguity, the cost of that labor, and the portion of saved time that is realistically converted into operating value.
            </p>
            <p>
              The purpose of this calculator is not to promise certainty. It is to make the business case clearer before a leadership team commits to a project. For many organizations, the biggest improvement is not a single initiative — it is the compounding gain from fewer misaligned decisions, faster approvals, and stronger reporting discipline.
            </p>
            <p>
              Once you estimate a plausible range, we can pressure-test the assumptions against your actual operating context and help you build a measurement framework that survives executive scrutiny.
            </p>
          </div>

          <div class="calc-card reveal" aria-label="ROI calculator">
            <div class="field">
              <div class="field-row">
                <label class="field-label" for="roi-investment">Advisory investment</label>
                <span class="field-value" id="roi-investment-label">$45,000</span>
              </div>
              <input type="range" id="roi-investment" min="10000" max="250000" step="5000" value="45000">
            </div>

            <div class="field">
              <div class="field-row">
                <label class="field-label" for="roi-stakeholders">Stakeholders impacted</label>
                <span class="field-value" id="roi-stakeholders-label">48 people</span>
              </div>
              <input type="range" id="roi-stakeholders" min="10" max="500" step="1" value="48">
            </div>

            <div class="field">
              <div class="field-row">
                <label class="field-label" for="roi-hours">Hours recovered / week</label>
                <span class="field-value" id="roi-hours-label">2.5 hrs/wk</span>
              </div>
              <input type="range" id="roi-hours" min="0.5" max="10" step="0.1" value="2.5">
            </div>

            <div class="field">
              <div class="field-row">
                <label class="field-label" for="roi-cost">Average hourly cost</label>
                <span class="field-value" id="roi-cost-label">$68/hr</span>
              </div>
              <input type="range" id="roi-cost" min="20" max="250" step="1" value="68">
            </div>

            <div class="field">
              <div class="field-row">
                <label class="field-label" for="roi-conversion">Value conversion</label>
                <span class="field-value" id="roi-conversion-label">35%</span>
              </div>
              <input type="range" id="roi-conversion" min="10" max="70" step="1" value="35">
            </div>

            <div class="calc-results">
              <div class="result">
                <strong id="roi-annual-value">$0</strong>
                <span>Annual value</span>
              </div>
              <div class="result">
                <strong id="roi-net-gain">$0</strong>
                <span>Net year-one gain</span>
              </div>
              <div class="result">
                <strong id="roi-payback">0 mo</strong>
                <span>Payback</span>
              </div>
              <div class="result result-highlight">
                <strong id="roi-return">0%</strong>
                <span>Estimated ROI</span>
              </div>
            </div>

            <div class="calc-foot">
              <span>Directional model only. Replace with actual operating metrics for validation.</span>
              <a class="button button-light" href="#contact">Pressure-test my assumptions</a>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section class="section">
      <div class="container faq-grid">
        <div class="reveal">
          <span class="eyebrow">FAQ</span>
          <h2>What companies usually ask before we begin</h2>
          <p class="lead">
            Our process is designed to be concise, practical, and immediately usable. These are the questions leadership teams usually bring with them.
          </p>
        </div>

        <div class="reveal">
          <details open>
            <summary>How do you measure business impact?</summary>
            <p>We define a small set of leading indicators at the outset, such as forecast accuracy, decision cycle time, cash conversion, margin volatility, and stakeholder alignment quality. The aim is to measure movement in the operating system, not just activity volume.</p>
          </details>

          <details>
            <summary>Do you work with public-market teams or only private companies?</summary>
            <p>We work with both. Public-market clients often need stronger disclosure readiness, more disciplined forecasting, and cleaner board communication. Private companies usually need speed, clarity, and decision architecture that can survive rapid growth.</p>
          </details>

          <details>
            <summary>Where does an engagement start?</summary>
            <p>With a fit call and a current-state scan. We look at how decisions are made, where information stalls, and what constraints are shaping operational efficiency and market positioning. From there we build a scoped path, not a generic proposal.</p>
          </details>

          <details>
            <summary>How is this different from traditional consulting?</summary>
            <p>Traditional consulting often produces recommendations. We design mechanisms — cadence, ownership, reporting architecture, and decision logs — so that leadership teams can act consistently and defend choices long after the engagement ends.</p>
          </details>
        </div>
      </div>
    </section>

    <section id="contact" class="section section-paper">
      <div class="container">
        <div class="section-head reveal">
          <span class="eyebrow">Contact us</span>
          <h2>Let’s turn your next operating question into a measurable decision</h2>
          <p class="lead">
            Tell us what is slowing you down: planning, capital allocation, leadership alignment, or reporting clarity. We will respond with fit-call availability and a short first assessment.
          </p>
        </div>

        <div class="contact-layout">
          <aside class="contact-card reveal">
            <img src="https://picsum.photos/seed/meridian-corporate-office-advisory/800/420" alt="Modern corporate office advisory workspace photo placeholder" width="800" height="420">
            <div class="contact-card-body">
              <h3>Meridian Brief</h3>
              <p>
                Corporate intelligence for boards, founders, finance teams, and operators navigating growth, uncertainty, and capital decisions.
              </p>
              <div class="contact-details">
                <div>
                  <strong>Head office</strong>
                  128 Exchange Quay, Level 4<br>
                  Boston, MA 02110
                </div>
                <div>
                  <strong>Advisory desk</strong>
                  <a class="link" href="mailto:hello@meridianbrief.co">hello@meridianbrief.co</a>
                </div>
                <div>
                  <strong>Phone</strong>
                  <a class="link" href="tel:+16175550142">+1 (617) 555-0142</a>
                </div>
                <div>
                  <strong>Response time</strong>
                  Typically within one business day
                </div>
              </div>
            </div>
          </aside>

          <form id="contact-form" class="contact-form reveal" novalidate>
            <div class="form-grid">
              <div class="form-field">
                <label for="name">Full name</label>
                <input id="name" name="name" type="text" placeholder="Jordan Ellis" required>
              </div>
              <div class="form-field">
                <label for="company">Company</label>
                <input id="company" name="company" type="text" placeholder="Northbridge Group" required>
              </div>
              <div class="form-field">
                <label for="email">Work email</label>
                <input id="email" name="email" type="email" placeholder="jordan@northbridge.com" required>
              </div>
              <div class="form-field">
                <label for="role">Role</label>
                <select id="role" name="role" required>
                  <option value="">Select role</option>
                  <option>Founder / CEO</option>
                  <option>CFO / Controller</option>
                  <option>COO / Operations Lead</option>
                  <option>Board Member</option>
                  <option>VP Strategy</option>
                  <option>Other</option>
                </select>
              </div>
            </div>

            <div class="form-field form-full">
              <label for="need">What are you trying to decide?</label>
              <select id="need" name="need" required>
                <option value="">Select engagement need</option>
                <option>Corporate advisory</option>
                <option>Financial planning &amp; forecasting</option>
                <option>Operations transformation</option>
                <option>Market intelligence &amp; positioning</option>
                <option>Capital strategy</option>
                <option>Executive coaching</option>
              </select>
            </div>

            <div class="form-field form-full">
              <label for="message">Context for us</label>
              <textarea id="message" name="message" placeholder="Share the decision, timeline, and stakeholders involved." required></textarea>
            </div>

            <button class="button button-primary" type="submit">Contact Us</button>
            <div class="form-status" role="status" aria-live="polite"></div>
          </form>
        </div>
      </div>
    </section>
  </main>

  <footer class="footer">
    <div class="container">
      <div class="footer-grid">
        <div>
          <div class="brand" style="margin-bottom: 1rem;">
            <img src="https://placehold.co/92x92/07121a/d0a54c?text=MB&font=montserrat" alt="Meridian Brief logo placeholder" width="92" height="92" style="border-radius:16px;">
            <span class="brand-copy">
              <span class="brand-name" style="color:var(--cream);">Meridian Brief</span>
              <span class="brand-tag" style="color:rgba(246,241,231,0.55); max-width: 280px;">Decision-grade business intelligence</span>
            </span>
          </div>
          <p>
            We help executive teams connect market insight, finance discipline, and leadership clarity so strategic decisions are made faster, explained better, and executed more consistently.
          </p>
          <div class="socials" aria-label="Social media">
            <a href="#" aria-label="LinkedIn">in</a>
            <a href="#" aria-label="X / Twitter">x</a>
            <a href="#" aria-label="Newsletter">en</a>
            <a href="#" aria-label="Research">rs</a>
          </div>
        </div>

        <div>
          <h4>Services</h4>
          <ul>
            <li><a href="#services">Corporate Advisory</a></li>
            <li><a href="#services">Financial Planning</a></li>
            <li><a href="#services">Operations Transformation</a></li>
            <li><a href="#services">Market Intelligence</a></li>
            <li><a href="#services">Capital Strategy</a></li>
            <li><a href="#services">Executive Coaching</a></li>
          </ul>
        </div>

        <div>
          <h4>Company</h4>
          <ul>
            <li><a href="#case-study">Case Study</a></li>
            <li><a href="#insights">Insights</a></li>
            <li><a href="#testimonials">Testimonials</a></li>
            <li><a href="#pricing">Pricing</a></li>
            <li><a href="#calculator">ROI Calculator</a></li>
            <li><a href="#contact">Contact</a></li>
          </ul>
        </div>

        <div>
          <h4>Resources</h4>
          <ul>
            <li><a href="#">Corporate resources</a></li>
            <li><a href="#">Board reporting templates</a></li>
            <li><a href="#">Finance playbooks</a></li>
            <li><a href="#">Leadership research</a></li>
            <li><a href="#">Privacy policy</a></li>
            <li><a href="#">Terms of use</a></li>
          </ul>
        </div>
      </div>

      <div class="footer-bottom">
        <span>© <span id="year">2026</span> Meridian Brief. All rights reserved.</span>
        <span>Built for operators, boards, and decision-makers.</span>
      </div>
    </div>
  </footer>

  <script>
    (function () {
      const navToggle = document.querySelector('.nav-toggle');
      const navList = document.getElementById('primary-nav');

      if (navToggle && navList) {
        navToggle.addEventListener('click', function () {
          const isOpen = navList.classList.toggle('is-open');
          navToggle.setAttribute('aria-expanded', String(isOpen));
          navToggle.textContent = isOpen ? 'Close' : 'Menu';
        });

        navList.querySelectorAll('a').forEach(function (link) {
          link.addEventListener('click', function () {
            navList.classList.remove('is-open');
            navToggle.setAttribute('aria-expanded', 'false');
            navToggle.textContent = 'Menu';
          });
        });
      }

      const tickerTrack = document.querySelector('.ticker-track');
      if (tickerTrack) {
        tickerTrack.innerHTML += tickerTrack.innerHTML;
      }

      const revealObserver = new IntersectionObserver(function (entries) {
        entries.forEach(function (entry) {
          if (entry.isIntersecting) {
            const delay = entry.target.dataset.delay || 0;
            entry.target.style.transitionDelay = delay + 'ms';
            entry.target.classList.add('in-view');
            revealObserver.unobserve(entry.target);
          }
        });
      }, { threshold: 0.12 });

      document.querySelectorAll('.reveal').forEach(function (el) {
        revealObserver.observe(el);
      });

      function formatCounterValue(value, decimals) {
        const nf = new Intl.NumberFormat('en-US', {
          minimumFractionDigits: decimals,
          maximumFractionDigits: decimals
        });
        return nf.format(value);
      }

      function animateCounter(el) {
        if (el.dataset.done === 'true') return;

        const target = parseFloat(el.dataset.count || '0');
        const decimals = parseInt(el.dataset.decimals || '0', 10);
        const suffix = el.dataset.suffix || '';
        const prefix = el.dataset.prefix || '';
        let startTime = null;
        const duration = 1500;

        function step(timestamp) {
          if (!startTime) startTime = timestamp;
          const progress = Math.min((timestamp - startTime) / duration, 1);
          const eased = 1 - Math.pow(1 - progress, 3);
          const value = target * eased;
          el.textContent = prefix + formatCounterValue(value, decimals) + suffix;

          if (progress < 1) {
            requestAnimationFrame(step);
          } else {
            el.dataset.done = 'true';
            el.textContent = prefix + formatCounterValue(target, decimals) + suffix;
          }
        }

        requestAnimationFrame(step);
      }

      const counterObserver = new IntersectionObserver(function (entries) {
        entries.forEach(function (entry) {
          if (entry.isIntersecting) {
            animateCounter(entry.target);
            counterObserver.unobserve(entry.target);
          }
        });
      }, { threshold: 0.35 });

      document.querySelectorAll('.counter').forEach(function (el) {
        counterObserver.observe(el);
      });

      document.querySelectorAll('.tab').forEach(function (tab) {
        tab.addEventListener('click', function () {
          const terminal = tab.closest('.terminal');
          const targetId = tab.dataset.tab;

          terminal.querySelectorAll('.tab').forEach(function (t) {
            t.classList.toggle('is-active', t === tab);
            t.setAttribute('aria-selected', String(t === tab));
          });

          terminal.querySelectorAll('.terminal-panel').forEach(function (panel) {
            panel.classList.toggle('is-active', panel.id === targetId);
          });
        });
      });

      function money0(value) {
        return new Intl.NumberFormat('en-US', {
          style: 'currency',
          currency: 'USD',
          maximumFractionDigits: 0
        }).format(value);
      }

      function setPrices(mode) {
        document.querySelectorAll('.price-amount').forEach(function (el) {
          const value = Number(el.dataset[mode] || 0);
          el.textContent = money0(value);
        });
      }

      document.querySelectorAll('.toggle button').forEach(function (btn) {
        btn.addEventListener('click', function () {
          document.querySelectorAll('.toggle button').forEach(function (b) {
            b.classList.toggle('is-active', b === btn);
          });
          setPrices(btn.dataset.mode);
        });
      });

      setPrices('annual');

      const calcInputs = {
        investment: document.getElementById('roi-investment'),
        stakeholders: document.getElementById('roi-stakeholders'),
        hours: document.getElementById('roi-hours'),
        cost: document.getElementById('roi-cost'),
        conversion: document.getElementById('roi-conversion')
      };

      const calcLabels = {
        investment: document.getElementById('roi-investment-label'),
        stakeholders: document.getElementById('roi-stakeholders-label'),
        hours: document.getElementById('roi-hours-label'),
        cost: document.getElementById('roi-cost-label'),
        conversion: document.getElementById('roi-conversion-label')
      };

      const calcOutputs = {
        annualValue: document.getElementById('roi-annual-value'),
        netGain: document.getElementById('roi-net-gain'),
        payback: document.getElementById('roi-payback'),
        return: document.getElementById('roi-return')
      };

      if (Object.values(calcInputs).every(Boolean) && Object.values(calcLabels).every(Boolean) && Object.values(calcOutputs).every(Boolean)) {
        function updateROI() {
          const investment = parseFloat(calcInputs.investment.value);
          const stakeholders = parseFloat(calcInputs.stakeholders.value);
          const hours = parseFloat(calcInputs.hours.value);
          const cost = parseFloat(calcInputs.cost.value);
          const conversion = parseFloat(calcInputs.conversion.value) / 100;

          const annualGross = stakeholders * hours * 52 * cost;
          const annualValue = annualGross * conversion;
          const netGain = annualValue - investment;
          const roi = investment > 0 ? (netGain / investment) * 100 : 0;
          const paybackMonths = annualValue > 0 ? investment / (annualValue / 12) : 0;

          calcLabels.investment.textContent = money0(investment);
          calcLabels.stakeholders.textContent = Math.round(stakeholders) + ' people';
          calcLabels.hours.textContent = hours.toFixed(1) + ' hrs/wk';
          calcLabels.cost.textContent = money0(cost) + '/hr';
          calcLabels.conversion.textContent = Math.round(conversion * 100) + '%';

          calcOutputs.annualValue.textContent = money0(annualValue);
          calcOutputs.netGain.textContent = (netGain >= 0 ? '+' : '−') + money0(Math.abs(netGain));
          calcOutputs.payback.textContent = paybackMonths < 100 ? paybackMonths.toFixed(1) + ' mo' : '—';
          calcOutputs.return.textContent = Math.max(roi, 0).toFixed(0) + '%';
        }

        Object.values(calcInputs).forEach(function (input) {
          input.addEventListener('input', updateROI);
        });

        updateROI();
      }

      const contactForm = document.getElementById('contact-form');
      if (contactForm) {
        contactForm.addEventListener('submit', function (event) {
          event.preventDefault();

          const status = document.querySelector('.form-status');
          if (status) {
            status.textContent = 'Received. Our advisory desk will reply within one business day with fit-call availability.';
            status.classList.add('show');
          }

          contactForm.reset();
        });
      }

      document.getElementById('year').textContent = new Date().getFullYear();
    })();
  </script>
</body>
</html>
View Axe Report (JSON)
{
  "testEngine": {
    "name": "axe-core",
    "version": "4.10.2"
  },
  "testRunner": {
    "name": "axe"
  },
  "testEnvironment": {
    "userAgent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/156.0.8078.4 Safari/537.36",
    "windowWidth": 1280,
    "windowHeight": 720,
    "orientationAngle": 0,
    "orientationType": "landscape-primary"
  },
  "timestamp": "2026-11-12T09:58:56.559Z",
  "url": "https://benchmark.aimac.invalid/e12057fc6bff620dfc528fc11137765a1e1f29e4c339cef1249cf92d45e658fe.html",
  "toolOptions": {
    "runOnly": {
      "type": "tag",
      "values": [
        "wcag2a",
        "wcag2aa",
        "wcag21a",
        "wcag21aa",
        "wcag22a",
        "wcag22aa"
      ]
    },
    "resultTypes": [
      "violations"
    ],
    "reporter": "v1"
  },
  "inapplicable": [
    {
      "id": "area-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag244",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.2.4.4",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure <area> elements of image maps have alternative text",
      "help": "Active <area> elements must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/area-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-braille-equivalent",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure aria-braillelabel and aria-brailleroledescription have a non-braille equivalent",
      "help": "aria-braille attributes must have a non-braille equivalent",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-braille-equivalent?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-command-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every ARIA button, link and menuitem has an accessible name",
      "help": "ARIA commands must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-command-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-input-field-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every ARIA input field has an accessible name",
      "help": "ARIA input fields must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-input-field-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-meter-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag111",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure every ARIA meter node has an accessible name",
      "help": "ARIA meter nodes must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-meter-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-progressbar-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag111",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure every ARIA progressbar node has an accessible name",
      "help": "ARIA progressbar nodes must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-progressbar-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-toggle-field-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every ARIA toggle field has an accessible name",
      "help": "ARIA toggle fields must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-toggle-field-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-tooltip-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure every ARIA tooltip node has an accessible name",
      "help": "ARIA tooltip nodes must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-tooltip-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "autocomplete-valid",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag21aa",
        "wcag135",
        "EN-301-549",
        "EN-9.1.3.5",
        "ACT"
      ],
      "description": "Ensure the autocomplete attribute is correct and suitable for the form field",
      "help": "autocomplete attribute must be used correctly",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/autocomplete-valid?application=axeAPI",
      "nodes": []
    },
    {
      "id": "blink",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag222",
        "section508",
        "section508.22.j",
        "TTv5",
        "TT2.b",
        "EN-301-549",
        "EN-9.2.2.2"
      ],
      "description": "Ensure <blink> elements are not used",
      "help": "<blink> elements are deprecated and must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/blink?application=axeAPI",
      "nodes": []
    },
    {
      "id": "definition-list",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <dl> elements are structured correctly",
      "help": "<dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/definition-list?application=axeAPI",
      "nodes": []
    },
    {
      "id": "dlitem",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <dt> and <dd> elements are contained by a <dl>",
      "help": "<dt> and <dd> elements must be contained by a <dl>",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/dlitem?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-focusable-content",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag211",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1"
      ],
      "description": "Ensure <frame> and <iframe> elements with focusable content do not have tabindex=-1",
      "help": "Frames with focusable content must not have tabindex=-1",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-focusable-content?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-title-unique",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT12.d",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure <iframe> and <frame> elements contain a unique title attribute",
      "help": "Frames must have a unique title attribute",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title-unique?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-title",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.i",
        "TTv5",
        "TT12.d",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure <iframe> and <frame> elements have an accessible name",
      "help": "Frames must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title?application=axeAPI",
      "nodes": []
    },
    {
      "id": "html-xml-lang-mismatch",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2a",
        "wcag311",
        "EN-301-549",
        "EN-9.3.1.1",
        "ACT"
      ],
      "description": "Ensure that HTML elements with both valid lang and xml:lang attributes agree on the base language of the page",
      "help": "HTML elements with lang and xml:lang must have the same base language",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-xml-lang-mismatch?application=axeAPI",
      "nodes": []
    },
    {
      "id": "input-button-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure input buttons have discernible text",
      "help": "Input buttons must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-button-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "input-image-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure <input type=\"image\"> elements have alternative text",
      "help": "Image buttons must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-image-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "link-in-text-block",
      "impact": null,
      "tags": [
        "cat.color",
        "wcag2a",
        "wcag141",
        "TTv5",
        "TT13.a",
        "EN-301-549",
        "EN-9.1.4.1"
      ],
      "description": "Ensure links are distinguished from surrounding text in a way that does not rely on color",
      "help": "Links must be distinguishable without relying on color",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/link-in-text-block?application=axeAPI",
      "nodes": []
    },
    {
      "id": "marquee",
      "impact": null,
      "tags": [
        "cat.parsing",
        "wcag2a",
        "wcag222",
        "TTv5",
        "TT2.b",
        "EN-301-549",
        "EN-9.2.2.2"
      ],
      "description": "Ensure <marquee> elements are not used",
      "help": "<marquee> elements are deprecated and must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/marquee?application=axeAPI",
      "nodes": []
    },
    {
      "id": "meta-refresh",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag221",
        "TTv5",
        "TT8.a",
        "EN-301-549",
        "EN-9.2.2.1"
      ],
      "description": "Ensure <meta http-equiv=\"refresh\"> is not used for delayed refresh",
      "help": "Delayed refresh under 20 hours must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-refresh?application=axeAPI",
      "nodes": []
    },
    {
      "id": "object-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure <object> elements have alternative text",
      "help": "<object> elements must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/object-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "role-img-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "ACT"
      ],
      "description": "Ensure [role=\"img\"] elements have alternative text",
      "help": "[role=\"img\"] elements must have an alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/role-img-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "scrollable-region-focusable",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag211",
        "wcag213",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1",
        "EN-9.2.1.3"
      ],
      "description": "Ensure elements that have scrollable content are accessible by keyboard",
      "help": "Scrollable region must have keyboard access",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=axeAPI",
      "nodes": []
    },
    {
      "id": "server-side-image-map",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag211",
        "section508",
        "section508.22.f",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1"
      ],
      "description": "Ensure that server-side image maps are not used",
      "help": "Server-side image maps must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/server-side-image-map?application=axeAPI",
      "nodes": []
    },
    {
      "id": "svg-img-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "ACT"
      ],
      "description": "Ensure <svg> elements with an img, graphics-document or graphics-symbol role have an accessible text",
      "help": "<svg> elements with an img role must have an alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/svg-img-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "td-headers-attr",
      "impact": null,
      "tags": [
        "cat.tables",
        "wcag2a",
        "wcag131",
        "section508",
        "section508.22.g",
        "TTv5",
        "TT14.b",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that each cell in a table that uses the headers attribute refers only to other cells in that table",
      "help": "Table cells that use the headers attribute must only refer to cells in the same table",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/td-headers-attr?application=axeAPI",
      "nodes": []
    },
    {
      "id": "th-has-data-cells",
      "impact": null,
      "tags": [
        "cat.tables",
        "wcag2a",
        "wcag131",
        "section508",
        "section508.22.g",
        "TTv5",
        "TT14.b",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that <th> elements and elements with role=columnheader/rowheader have data cells they describe",
      "help": "Table headers in a data table must refer to data cells",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/th-has-data-cells?application=axeAPI",
      "nodes": []
    },
    {
      "id": "valid-lang",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2aa",
        "wcag312",
        "TTv5",
        "TT11.b",
        "EN-301-549",
        "EN-9.3.1.2",
        "ACT"
      ],
      "description": "Ensure lang attributes have valid values",
      "help": "lang attribute must have a valid value",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/valid-lang?application=axeAPI",
      "nodes": []
    },
    {
      "id": "video-caption",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag122",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT17.a",
        "EN-301-549",
        "EN-9.1.2.2"
      ],
      "description": "Ensure <video> elements have captions",
      "help": "<video> elements must have captions",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/video-caption?application=axeAPI",
      "nodes": []
    },
    {
      "id": "no-autoplay-audio",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag142",
        "TTv5",
        "TT2.a",
        "EN-301-549",
        "EN-9.1.4.2",
        "ACT"
      ],
      "description": "Ensure <video> or <audio> elements do not autoplay audio for more than 3 seconds without a control mechanism to stop or mute the audio",
      "help": "<video> or <audio> elements must not play automatically",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/no-autoplay-audio?application=axeAPI",
      "nodes": []
    }
  ],
  "passes": [
    {
      "id": "aria-allowed-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure an element's role supports its ARIA attributes",
      "help": "Elements must only use supported ARIA attributes",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-allowed-attr?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "aria-allowed-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attributes are used correctly for the defined role"
            }
          ],
          "none": [
            {
              "id": "aria-unsupported-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attribute is supported"
            }
          ],
          "impact": null,
          "html": "<a class=\"brand\" href=\"#top\" aria-label=\"Meridian Brief home\">",
          "target": [
            "a[aria-label=\"Meridian Brief home\"]"
          ]
        }
      ]
    },
    {
      "id": "aria-conditional-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure ARIA attributes are used as described in the specification of the element's role",
      "help": "ARIA attributes must be used as specified for the element's role",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-conditional-attr?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "aria-conditional-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "ARIA attribute is allowed"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<a class=\"brand\" href=\"#top\" aria-label=\"Meridian Brief home\">",
          "target": [
            "a[aria-label=\"Meridian Brief home\"]"
          ]
        }
      ]
    },
    {
      "id": "aria-deprecated-role",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure elements do not use deprecated roles",
      "help": "Deprecated ARIA roles must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-deprecated-role?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "deprecatedrole",
              "data": null,
              "relatedNodes": [],
              "impact": "minor",
              "message": "ARIA role is not deprecated"
            }
          ],
          "impact": null,
          "html": "<div class=\"ticker\" role=\"region\" aria-label=\"Market signals ticker\">",
          "target": [
            ".ticker"
          ]
        }
      ]
    },
    {
      "id": "aria-hidden-body",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag131",
        "wcag412",
        "EN-301-549",
        "EN-9.1.3.1",
        "EN-9.4.1.2"
      ],
      "description": "Ensure aria-hidden=\"true\" is not present on the document body.",
      "help": "aria-hidden=\"true\" must not be present on the document body",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-hidden-body?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "aria-hidden-body",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "No aria-hidden attribute is present on document body"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<body id=\"top\">",
          "target": [
            "#top"
          ]
        }
      ]
    },
    {
      "id": "aria-hidden-focus",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure aria-hidden elements are not focusable nor contain focusable elements",
      "help": "ARIA hidden element must not be focusable or contain focusable elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-hidden-focus?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "focusable-modal-open",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "No focusable elements while a modal is open"
            },
            {
              "id": "focusable-disabled",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "No focusable elements contained within element"
            },
            {
              "id": "focusable-not-tabbable",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "No focusable elements contained within element"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<svg class=\"sparkline\" viewBox=\"0 0 300 80\" preserveAspectRatio=\"none\" aria-hidden=\"true\">",
          "target": [
            "svg"
          ]
        }
      ]
    },
    {
      "id": "aria-prohibited-attr",
      "impact": "serious",
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure ARIA attributes are not prohibited for an element's role",
      "help": "Elements must only use permitted ARIA attributes",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-prohibited-attr?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "aria-prohibited-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "ARIA attribute is allowed"
            }
          ],
          "impact": null,
          "html": "<a class=\"brand\" href=\"#top\" aria-label=\"Meridian Brief home\">",
          "target": [
            "a[aria-label=\"Meridian Brief home\"]"
          ]
        }
      ]
    },
    {
      "id": "aria-required-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure elements with ARIA roles have all required ARIA attributes",
      "help": "Required ARIA attributes must be provided",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-attr?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "aria-required-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "All required ARIA attributes are present"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<div class=\"ticker\" role=\"region\" aria-label=\"Market signals ticker\">",
          "target": [
            ".ticker"
          ]
        }
      ]
    },
    {
      "id": "aria-required-children",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure elements with an ARIA role that require child roles contain them",
      "help": "Certain ARIA roles must contain particular children",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-children?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "aria-required-children",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Required ARIA children are present"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<div class=\"terminal-tabs\" role=\"tablist\" aria-label=\"Desk categories\">",
          "target": [
            ".terminal-tabs"
          ]
        }
      ]
    },
    {
      "id": "aria-required-parent",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure elements with an ARIA role that require parent roles are contained by them",
      "help": "Certain ARIA roles must be contained by particular parents",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-parent?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "aria-required-parent",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Required ARIA parent role present"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<button class=\"tab is-active\" role=\"tab\" aria-selected=\"true\" aria-controls=\"panel-markets\" data-tab=\"panel-markets\">Markets</button>",
          "target": [
            "button[aria-controls=\"panel-markets\"]"
          ]
        }
      ]
    },
    {
      "id": "aria-roles",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure all elements with a role attribute use a valid value",
      "help": "ARIA roles used must conform to valid values",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-roles?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "invalidrole",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA role is valid"
            },
            {
              "id": "abstractrole",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Abstract roles are not used"
            },
            {
              "id": "unsupportedrole",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA role is supported"
            }
          ],
          "impact": null,
          "html": "<div class=\"ticker\" role=\"region\" aria-label=\"Market signals ticker\">",
          "target": [
            ".ticker"
          ]
        }
      ]
    },
    {
      "id": "aria-valid-attr-value",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure all ARIA attributes have valid values",
      "help": "ARIA attributes must conform to valid values",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-valid-attr-value?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "aria-valid-attr-value",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attribute values are valid"
            },
            {
              "id": "aria-errormessage",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-errormessage exists and references elements visible to screen readers that use a supported aria-errormessage technique"
            },
            {
              "id": "aria-level",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-level values are valid"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<a class=\"brand\" href=\"#top\" aria-label=\"Meridian Brief home\">",
          "target": [
            "a[aria-label=\"Meridian Brief home\"]"
          ]
        }
      ]
    },
    {
      "id": "aria-valid-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure attributes that begin with aria- are valid ARIA attributes",
      "help": "ARIA attributes must conform to valid names",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-valid-attr?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "aria-valid-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attribute name is valid"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<a class=\"brand\" href=\"#top\" aria-label=\"Meridian Brief home\">",
          "target": [
            "a[aria-label=\"Meridian Brief home\"]"
          ]
        }
      ]
    },
    {
      "id": "avoid-inline-spacing",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag21aa",
        "wcag1412",
        "EN-301-549",
        "EN-9.1.4.12",
        "ACT"
      ],
      "description": "Ensure that text spacing set through style attributes can be adjusted with custom stylesheets",
      "help": "Inline text spacing must be adjustable with custom stylesheets",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/avoid-inline-spacing?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "important-letter-spacing",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Letter-spacing in the style attribute is not set to !important, or meets the minimum"
            },
            {
              "id": "important-word-spacing",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "word-spacing in the style attribute is not set to !important, or meets the minimum"
            },
            {
              "id": "important-line-height",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "line-height in the style attribute is not set to !important, or meets the minimum"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<article class=\"terminal reveal in-view\" aria-label=\"Live Meridian desk panel\" style=\"transition-delay: 0ms;\">",
          "target": [
            ".terminal"
          ]
        }
      ]
    },
    {
      "id": "button-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure buttons have discernible text",
      "help": "Buttons must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/button-name?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "button-has-visible-text",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has inner text that is visible to screen readers"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<button class=\"tab is-active\" role=\"tab\" aria-selected=\"true\" aria-controls=\"panel-markets\" data-tab=\"panel-markets\">Markets</button>",
          "target": [
            "button[aria-controls=\"panel-markets\"]"
          ]
        }
      ]
    },
    {
      "id": "bypass",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag241",
        "section508",
        "section508.22.o",
        "TTv5",
        "TT9.a",
        "EN-301-549",
        "EN-9.2.4.1"
      ],
      "description": "Ensure each page has at least one mechanism for a user to bypass navigation and jump straight to the content",
      "help": "Page must have means to bypass repeated blocks",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/bypass?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "internal-link-present",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Valid skip link found"
            },
            {
              "id": "header-present",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<h1>\n            <span class=\"h-line\"><span>Where market news</span></span>\n            <span class=\"h-line\"><span>becomes operating</span></span>\n            <span class=\"h-line\"><span>decisions.</span></span>\n          </h1>",
                  "target": [
                    "h1"
                  ]
                },
                {
                  "html": "<h2>Services built for decision velocity</h2>",
                  "target": [
                    "#services > .container > .section-head.reveal > h2"
                  ]
                },
                {
                  "html": "<h3>Corporate Advisory</h3>",
                  "target": [
                    ".service-card:nth-child(1) > h3"
                  ]
                },
                {
                  "html": "<h3>Financial Planning &amp; Forecasting</h3>",
                  "target": [
                    ".service-card[data-delay=\"60\"] > h3"
                  ]
                },
                {
                  "html": "<h3>Operations Transformation</h3>",
                  "target": [
                    ".service-card[data-delay=\"120\"] > h3"
                  ]
                },
                {
                  "html": "<h3>Market Intelligence &amp; Positioning</h3>",
                  "target": [
                    ".service-card[data-delay=\"180\"] > h3"
                  ]
                },
                {
                  "html": "<h3>Capital Strategy</h3>",
                  "target": [
                    "article[data-delay=\"240\"] > h3"
                  ]
                },
                {
                  "html": "<h3>Executive Coaching</h3>",
                  "target": [
                    "article[data-delay=\"300\"] > h3"
                  ]
                },
                {
                  "html": "<h3>Market Signals</h3>",
                  "target": [
                    ".side-card:nth-child(1) > h3"
                  ]
                },
                {
                  "html": "<h3>Recent corporate resources</h3>",
                  "target": [
                    ".side-card:nth-child(2) > h3"
                  ]
                },
                {
                  "html": "<h3>Need a fast read?</h3>",
                  "target": [
                    ".side-cta > h3"
                  ]
                },
                {
                  "html": "<h2>A 38-day pivot from forecast paralysis to board confidence</h2>",
                  "target": [
                    "#case-study > .container > .section-head.reveal > h2"
                  ]
                },
                {
                  "html": "<h3>Client context</h3>",
                  "target": [
                    ".case-content > article:nth-child(1) > h3"
                  ]
                },
                {
                  "html": "<h3>What we changed</h3>",
                  "target": [
                    "article[data-delay=\"80\"] > h3"
                  ]
                },
                {
                  "html": "<h3>Result</h3>",
                  "target": [
                    "article[data-delay=\"160\"] > h3"
                  ]
                },
                {
                  "html": "<h2>Finance, strategy, and leadership research from the desk</h2>",
                  "target": [
                    "#insights > .container > .section-head.reveal > h2"
                  ]
                },
                {
                  "html": "<h3>Why stakeholder alignment is the new operating metric</h3>",
                  "target": [
                    ".article-body > h3"
                  ]
                },
                {
                  "html": "<h3>The quiet collapse of the quarterly business review</h3>",
                  "target": [
                    ".article-card:nth-child(1) > div > h3"
                  ]
                },
                {
                  "html": "<h3>Pricing architecture for uncertain demand environments</h3>",
                  "target": [
                    ".article-card[data-delay=\"70\"] > div > h3"
                  ]
                },
                {
                  "html": "<h3>Finance teams should own decision architecture, not just reports</h3>",
                  "target": [
                    ".article-card[data-delay=\"140\"] > div > h3"
                  ]
                },
                {
                  "html": "<h3>Leadership cadence: fewer meetings, better choices</h3>",
                  "target": [
                    "article[data-delay=\"210\"] > div > h3"
                  ]
                },
                {
                  "html": "<h2>They asked for a plan. They received an operating rhythm.</h2>",
                  "target": [
                    "#testimonials > .container > .section-head.reveal > h2"
                  ]
                },
                {
                  "html": "<h2>Engagements that scale with decision complexity</h2>",
                  "target": [
                    ".pricing-head > div:nth-child(1) > h2"
                  ]
                },
                {
                  "html": "<h3>Focused clarity</h3>",
                  "target": [
                    ".price-card:nth-child(1) > h3"
                  ]
                },
                {
                  "html": "<h3>Operating rhythm</h3>",
                  "target": [
                    ".is-featured > h3"
                  ]
                },
                {
                  "html": "<h3>Strategic engagement</h3>",
                  "target": [
                    ".price-card[data-delay=\"140\"] > h3"
                  ]
                },
                {
                  "html": "<h2>ROI calculator for advisory-driven operating lift</h2>",
                  "target": [
                    "#calculator > .container > .section-head.reveal > h2"
                  ]
                },
                {
                  "html": "<h2>What companies usually ask before we begin</h2>",
                  "target": [
                    ".faq-grid > .reveal:nth-child(1) > h2"
                  ]
                },
                {
                  "html": "<h2>Let\u2019s turn your next operating question into a measurable decision</h2>",
                  "target": [
                    "#contact > .container > .section-head.reveal > h2"
                  ]
                },
                {
                  "html": "<h3>Meridian Brief</h3>",
                  "target": [
                    ".contact-card-body > h3"
                  ]
                },
                {
                  "html": "<h4>Services</h4>",
                  "target": [
                    "div:nth-child(2) > h4"
                  ]
                },
                {
                  "html": "<h4>Company</h4>",
                  "target": [
                    "div:nth-child(3) > h4"
                  ]
                },
                {
                  "html": "<h4>Resources</h4>",
                  "target": [
                    "div:nth-child(4) > h4"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Page has a heading"
            },
            {
              "id": "landmark",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<main id=\"main\">",
                  "target": [
                    "#main"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Page has a landmark region"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<html lang=\"en\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "color-contrast",
      "impact": "serious",
      "tags": [
        "cat.color",
        "wcag2aa",
        "wcag143",
        "TTv5",
        "TT13.c",
        "EN-301-549",
        "EN-9.1.4.3",
        "ACT"
      ],
      "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
      "help": "Elements must meet minimum color contrast ratio thresholds",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#07121a",
                "bgColor": "#f6f1e7",
                "contrastRatio": 16.79,
                "fontSize": "16.1pt (21.44px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element has sufficient color contrast of 16.79"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<span class=\"brand-name\">Meridian Brief</span>",
          "target": [
            "a[aria-label=\"Meridian Brief home\"] > .brand-copy > .brand-name"
          ]
        }
      ]
    },
    {
      "id": "document-title",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag242",
        "TTv5",
        "TT12.a",
        "EN-301-549",
        "EN-9.2.4.2",
        "ACT"
      ],
      "description": "Ensure each HTML document contains a non-empty <title> element",
      "help": "Documents must have <title> element to aid in navigation",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/document-title?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "doc-has-title",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Document has a non-empty <title> element"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<html lang=\"en\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "duplicate-id-aria",
      "impact": null,
      "tags": [
        "cat.parsing",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure every id attribute value used in ARIA and in labels is unique",
      "help": "IDs used in ARIA and labels must be unique",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/duplicate-id-aria?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "duplicate-id-aria",
              "data": "primary-nav",
              "relatedNodes": [],
              "impact": "critical",
              "message": "Document has no elements referenced with ARIA or labels that share the same id attribute"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<ul id=\"primary-nav\" class=\"nav-list\">",
          "target": [
            "#primary-nav"
          ]
        }
      ]
    },
    {
      "id": "form-field-multiple-labels",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag2a",
        "wcag332",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.3.3.2"
      ],
      "description": "Ensure form field does not have multiple label elements",
      "help": "Form field must not have multiple label elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/form-field-multiple-labels?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "multiple-label",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<label class=\"field-label\" for=\"roi-investment\">Advisory investment</label>",
                  "target": [
                    "label[for=\"roi-investment\"]"
                  ]
                }
              ],
              "impact": "moderate",
              "message": "Form field does not have multiple label elements"
            }
          ],
          "impact": null,
          "html": "<input type=\"range\" id=\"roi-investment\" min=\"10000\" max=\"250000\" step=\"5000\" value=\"45000\">",
          "target": [
            "#roi-investment"
          ]
        }
      ]
    },
    {
      "id": "html-has-lang",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2a",
        "wcag311",
        "TTv5",
        "TT11.a",
        "EN-301-549",
        "EN-9.3.1.1",
        "ACT"
      ],
      "description": "Ensure every HTML document has a lang attribute",
      "help": "<html> element must have a lang attribute",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-has-lang?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "has-lang",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "The <html> element has a lang attribute"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<html lang=\"en\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "html-lang-valid",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2a",
        "wcag311",
        "TTv5",
        "TT11.a",
        "EN-301-549",
        "EN-9.3.1.1",
        "ACT"
      ],
      "description": "Ensure the lang attribute of the <html> element has a valid value",
      "help": "<html> element must have a valid value for the lang attribute",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-lang-valid?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "valid-lang",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Value of lang attribute is included in the list of valid languages"
            }
          ],
          "impact": null,
          "html": "<html lang=\"en\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "image-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "TT7.b",
        "EN-301-549",
        "EN-9.1.1.1",
        "ACT"
      ],
      "description": "Ensure <img> elements have alternative text or a role of none or presentation",
      "help": "Images must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/image-alt?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "has-alt",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has an alt attribute"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "alt-space-value",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has a valid alt attribute value"
            }
          ],
          "impact": null,
          "html": "<img src=\"https://placehold.co/92x92/07121a/d0a54c?text=MB&amp;font=montserrat\" alt=\"Meridian Brief logo placeholder\" width=\"92\" height=\"92\">",
          "target": [
            "a[aria-label=\"Meridian Brief home\"] > img[width=\"92\"][height=\"92\"]"
          ]
        }
      ]
    },
    {
      "id": "label",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.n",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every form element has a label",
      "help": "Form elements must have labels",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/label?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "explicit-label",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<label class=\"field-label\" for=\"roi-investment\">Advisory investment</label>",
                  "target": [
                    "label[for=\"roi-investment\"]"
                  ]
                }
              ],
              "impact": "critical",
              "message": "Element has an explicit <label>"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "hidden-explicit-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Form element has a visible explicit <label>"
            }
          ],
          "impact": null,
          "html": "<input type=\"range\" id=\"roi-investment\" min=\"10000\" max=\"250000\" step=\"5000\" value=\"45000\">",
          "target": [
            "#roi-investment"
          ]
        }
      ]
    },
    {
      "id": "link-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag244",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.2.4.4",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure links have discernible text",
      "help": "Links must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/link-name?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "has-visible-text",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element has text that is visible to screen readers"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "focusable-no-name",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element is not in tab order or has accessible text"
            }
          ],
          "impact": null,
          "html": "<a class=\"skip-link\" href=\"#main\">Skip to content</a>",
          "target": [
            ".skip-link"
          ]
        }
      ]
    },
    {
      "id": "list",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that lists are structured correctly",
      "help": "<ul> and <ol> must only directly contain <li>, <script> or <template> elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/list?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "only-listitems",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "List element only has direct children that are allowed inside <li> elements"
            }
          ],
          "impact": null,
          "html": "<ul id=\"primary-nav\" class=\"nav-list\">",
          "target": [
            "#primary-nav"
          ]
        }
      ]
    },
    {
      "id": "listitem",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <li> elements are used semantically",
      "help": "<li> elements must be contained in a <ul> or <ol>",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/listitem?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "listitem",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "List item has a <ul>, <ol> or role=\"list\" parent element"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<li><a href=\"#top\">Home</a></li>",
          "target": [
            "#primary-nav > li:nth-child(1)"
          ]
        }
      ]
    },
    {
      "id": "meta-viewport",
      "impact": null,
      "tags": [
        "cat.sensory-and-visual-cues",
        "wcag2aa",
        "wcag144",
        "EN-301-549",
        "EN-9.1.4.4",
        "ACT"
      ],
      "description": "Ensure <meta name=\"viewport\"> does not disable text scaling and zooming",
      "help": "Zooming and scaling must not be disabled",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-viewport?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "meta-viewport",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "<meta> tag does not disable zooming on mobile devices"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
          "target": [
            "meta[name=\"viewport\"]"
          ]
        }
      ]
    },
    {
      "id": "nested-interactive",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies",
      "help": "Interactive controls must not be nested",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/nested-interactive?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "no-focusable-content",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element does not have focusable descendants"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<img src=\"https://placehold.co/92x92/07121a/d0a54c?text=MB&amp;font=montserrat\" alt=\"Meridian Brief logo placeholder\" width=\"92\" height=\"92\">",
          "target": [
            "a[aria-label=\"Meridian Brief home\"] > img[width=\"92\"][height=\"92\"]"
          ]
        }
      ]
    },
    {
      "id": "select-name",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.n",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure select element has an accessible name",
      "help": "Select element must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/select-name?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "explicit-label",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<label for=\"role\">Role</label>",
                  "target": [
                    "label[for=\"role\"]"
                  ]
                }
              ],
              "impact": "critical",
              "message": "Element has an explicit <label>"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "hidden-explicit-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Form element has a visible explicit <label>"
            }
          ],
          "impact": null,
          "html": "<select id=\"role\" name=\"role\" required=\"\">",
          "target": [
            "#role"
          ]
        }
      ]
    },
    {
      "id": "summary-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure summary elements have discernible text",
      "help": "Summary elements must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/summary-name?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "has-visible-text",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element has text that is visible to screen readers"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<summary>How do you measure business impact?</summary>",
          "target": [
            "details[open=\"\"] > summary"
          ]
        }
      ]
    },
    {
      "id": "target-size",
      "impact": null,
      "tags": [
        "cat.sensory-and-visual-cues",
        "wcag22aa",
        "wcag258"
      ],
      "description": "Ensure touch targets have sufficient size and space",
      "help": "All touch targets must be 24px large, or leave sufficient space",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/target-size?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "target-size",
              "data": {
                "minSize": 24,
                "width": 143.3,
                "height": 53.6
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Control has sufficient size (143.3px by 53.6px, should be at least 24px by 24px)"
            },
            {
              "id": "target-offset",
              "data": {
                "closestOffset": 24,
                "minOffset": 24
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Target has sufficient space from its closest neighbors. Safe clickable space has a diameter of 24px which is at least 24px."
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<a class=\"skip-link\" href=\"#main\">Skip to content</a>",
          "target": [
            ".skip-link"
          ]
        }
      ]
    }
  ],
  "incomplete": [
    {
      "id": "aria-prohibited-attr",
      "impact": "serious",
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure ARIA attributes are not prohibited for an element's role",
      "help": "Elements must only use permitted ARIA attributes",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-prohibited-attr?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "aria-prohibited-attr",
              "data": {
                "role": null,
                "nodeName": "div",
                "messageKey": "noRoleSingular",
                "prohibited": [
                  "aria-label"
                ]
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "aria-label attribute is not well supported on a div with no valid role attribute."
            }
          ],
          "impact": "serious",
          "html": "<div class=\"toggle\" aria-label=\"Billing period\">\n            <button data-mode=\"monthly\">Monthly</button>\n            <button class=\"is-active\" data-mode=\"annual\">Annual</button>\n          </div>",
          "target": [
            ".toggle"
          ],
          "failureSummary": "Fix all of the following:\n  aria-label attribute is not well supported on a div with no valid role attribute."
        }
      ]
    },
    {
      "id": "color-contrast",
      "impact": "serious",
      "tags": [
        "cat.color",
        "wcag2aa",
        "wcag143",
        "TTv5",
        "TT13.c",
        "EN-301-549",
        "EN-9.1.4.3",
        "ACT"
      ],
      "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
      "help": "Elements must meet minimum color contrast ratio thresholds",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": null,
                "bgColor": null,
                "contrastRatio": 0,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": "bgGradient",
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"hero\">",
                  "target": [
                    ".hero"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element's background color could not be determined due to a background gradient"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"eyebrow\">The corporate intelligence desk</span>",
          "target": [
            ".hero-copy > .eyebrow"
          ],
          "failureSummary": "Fix any of the following:\n  Element's background color could not be determined due to a background gradient"
        }
      ]
    }
  ],
  "violations": [
    {
      "id": "color-contrast",
      "impact": "serious",
      "tags": [
        "cat.color",
        "wcag2aa",
        "wcag143",
        "TTv5",
        "TT13.c",
        "EN-301-549",
        "EN-9.1.4.3",
        "ACT"
      ],
      "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
      "help": "Elements must meet minimum color contrast ratio thresholds",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#687785",
                "bgColor": "#f6f1e7",
                "contrastRatio": 4.08,
                "fontSize": "8.0pt (10.72px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<header class=\"site-header\">",
                  "target": [
                    "header"
                  ]
                },
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.08 (foreground color: #687785, background color: #f6f1e7, font size: 8.0pt (10.72px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"brand-tag\">Business news \u00b7 corporate resources \u00b7 finance &amp; advisory</span>",
          "target": [
            "a[aria-label=\"Meridian Brief home\"] > .brand-copy > .brand-tag"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.08 (foreground color: #687785, background color: #f6f1e7, font size: 8.0pt (10.72px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#687785",
                "bgColor": "#f6f5f0",
                "contrastRatio": 4.21,
                "fontSize": "11.0pt (14.72px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"side-card\">",
                  "target": [
                    ".side-card:nth-child(1)"
                  ]
                },
                {
                  "html": "<section id=\"services\" class=\"section section-paper\">",
                  "target": [
                    "#services"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.21 (foreground color: #687785, background color: #f6f5f0, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<li><strong>Operating margins hold.</strong> Labor leverage is tightening, but not uniformly across sectors.</li>",
          "target": [
            ".side-card:nth-child(1) > ul > li:nth-child(1)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.21 (foreground color: #687785, background color: #f6f5f0, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#687785",
                "bgColor": "#f6f5f0",
                "contrastRatio": 4.21,
                "fontSize": "11.0pt (14.72px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"side-card\">",
                  "target": [
                    ".side-card:nth-child(1)"
                  ]
                },
                {
                  "html": "<section id=\"services\" class=\"section section-paper\">",
                  "target": [
                    "#services"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.21 (foreground color: #687785, background color: #f6f5f0, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<li><strong>CFOs are buying certainty.</strong> Dashboards are less valued than repeatable planning cycles.</li>",
          "target": [
            ".side-card:nth-child(1) > ul > li:nth-child(2)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.21 (foreground color: #687785, background color: #f6f5f0, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#687785",
                "bgColor": "#f6f5f0",
                "contrastRatio": 4.21,
                "fontSize": "11.0pt (14.72px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"side-card\">",
                  "target": [
                    ".side-card:nth-child(1)"
                  ]
                },
                {
                  "html": "<section id=\"services\" class=\"section section-paper\">",
                  "target": [
                    "#services"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.21 (foreground color: #687785, background color: #f6f5f0, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<li><strong>Strategy is getting simpler.</strong> Fewer priorities, clearer ownership, stronger stakeholder alignment.</li>",
          "target": [
            ".side-card:nth-child(1) > ul > li:nth-child(3)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.21 (foreground color: #687785, background color: #f6f5f0, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#687785",
                "bgColor": "#f6f5f0",
                "contrastRatio": 4.21,
                "fontSize": "11.0pt (14.72px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"side-card\">",
                  "target": [
                    ".side-card:nth-child(1)"
                  ]
                },
                {
                  "html": "<section id=\"services\" class=\"section section-paper\">",
                  "target": [
                    "#services"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.21 (foreground color: #687785, background color: #f6f5f0, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<li><strong>Leadership bandwidth is a KPI.</strong> Teams are measuring decision quality alongside speed.</li>",
          "target": [
            ".side-card:nth-child(1) > ul > li:nth-child(4)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.21 (foreground color: #687785, background color: #f6f5f0, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#687785",
                "bgColor": "#f6f5f0",
                "contrastRatio": 4.21,
                "fontSize": "11.0pt (14.72px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"side-card\">",
                  "target": [
                    ".side-card:nth-child(2)"
                  ]
                },
                {
                  "html": "<section id=\"services\" class=\"section section-paper\">",
                  "target": [
                    "#services"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.21 (foreground color: #687785, background color: #f6f5f0, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<li><strong>13-week cash review template</strong> Practical liquidity discipline for volatile periods.</li>",
          "target": [
            ".side-card:nth-child(2) > ul > li:nth-child(1)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.21 (foreground color: #687785, background color: #f6f5f0, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#687785",
                "bgColor": "#f6f5f0",
                "contrastRatio": 4.21,
                "fontSize": "11.0pt (14.72px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"side-card\">",
                  "target": [
                    ".side-card:nth-child(2)"
                  ]
                },
                {
                  "html": "<section id=\"services\" class=\"section section-paper\">",
                  "target": [
                    "#services"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.21 (foreground color: #687785, background color: #f6f5f0, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<li><strong>Board reporting architecture</strong> What to show when forecasting becomes strategic.</li>",
          "target": [
            ".side-card:nth-child(2) > ul > li:nth-child(2)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.21 (foreground color: #687785, background color: #f6f5f0, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#687785",
                "bgColor": "#f6f5f0",
                "contrastRatio": 4.21,
                "fontSize": "11.0pt (14.72px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"side-card\">",
                  "target": [
                    ".side-card:nth-child(2)"
                  ]
                },
                {
                  "html": "<section id=\"services\" class=\"section section-paper\">",
                  "target": [
                    "#services"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.21 (foreground color: #687785, background color: #f6f5f0, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<li><strong>Decision log framework</strong> Reduce rework by documenting trade-offs early.</li>",
          "target": [
            ".side-card:nth-child(2) > ul > li:nth-child(3)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.21 (foreground color: #687785, background color: #f6f5f0, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#687785",
                "bgColor": "#f6f5f0",
                "contrastRatio": 4.21,
                "fontSize": "11.0pt (14.72px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"side-card\">",
                  "target": [
                    ".side-card:nth-child(2)"
                  ]
                },
                {
                  "html": "<section id=\"services\" class=\"section section-paper\">",
                  "target": [
                    "#services"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.21 (foreground color: #687785, background color: #f6f5f0, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<li><strong>Operating cadence starter kit</strong> A weekly rhythm for growth-stage leadership teams.</li>",
          "target": [
            ".side-card:nth-child(2) > ul > li:nth-child(4)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.21 (foreground color: #687785, background color: #f6f5f0, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#876c34",
                "bgColor": "#f6f1e7",
                "contrastRatio": 4.41,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.41 (foreground color: #876c34, background color: #f6f1e7, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"eyebrow\">Leadership insights</span>",
          "target": [
            "#insights > .container > .section-head.in-view.reveal > .eyebrow"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.41 (foreground color: #876c34, background color: #f6f1e7, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#687785",
                "bgColor": "#f6f1e7",
                "contrastRatio": 4.08,
                "fontSize": "13.9pt (18.56px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.08 (foreground color: #687785, background color: #f6f1e7, font size: 13.9pt (18.56px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"lead\">\n            Our insights are written for operators who need to make defensible choices in conditions of partial information. No trend-chasing, no empty consulting language \u2014 just research that connects market realities to daily decisions.\n          </p>",
          "target": [
            "#insights > .container > .section-head.in-view.reveal > .lead"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.08 (foreground color: #687785, background color: #f6f1e7, font size: 13.9pt (18.56px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#876c34",
                "bgColor": "#f0ece2",
                "contrastRatio": 4.21,
                "fontSize": "8.8pt (11.68px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"article-card reveal in-view\" style=\"transition-delay: 0ms;\">",
                  "target": [
                    ".article-card.in-view"
                  ]
                },
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.21 (foreground color: #876c34, background color: #f0ece2, font size: 8.8pt (11.68px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"article-meta\">Operations</span>",
          "target": [
            ".article-card.in-view > div > .article-meta"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.21 (foreground color: #876c34, background color: #f0ece2, font size: 8.8pt (11.68px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#687785",
                "bgColor": "#f0ece2",
                "contrastRatio": 3.89,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"article-card reveal in-view\" style=\"transition-delay: 0ms;\">",
                  "target": [
                    ".article-card.in-view"
                  ]
                },
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.89 (foreground color: #687785, background color: #f0ece2, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Quarterly-only reviews are too slow for modern volatility. What replaces them is a lighter, more decisive cadence.</p>",
          "target": [
            ".article-card.in-view > div > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.89 (foreground color: #687785, background color: #f0ece2, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#0e7c7b",
                "bgColor": "#f0ece2",
                "contrastRatio": 4.25,
                "fontSize": "12.0pt (16px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"article-card reveal in-view\" style=\"transition-delay: 0ms;\">",
                  "target": [
                    ".article-card.in-view"
                  ]
                },
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.25 (foreground color: #0e7c7b, background color: #f0ece2, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a class=\"link\" href=\"#services\">Explore Services</a>",
          "target": [
            ".link[href$=\"#services\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.25 (foreground color: #0e7c7b, background color: #f0ece2, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#876c34",
                "bgColor": "#f0ece2",
                "contrastRatio": 4.21,
                "fontSize": "8.8pt (11.68px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"article-card reveal in-view\" style=\"transition-delay: 0ms;\">",
                  "target": [
                    ".article-card.in-view:nth-child(1)"
                  ]
                },
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.21 (foreground color: #876c34, background color: #f0ece2, font size: 8.8pt (11.68px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"article-meta\">Operations</span>",
          "target": [
            ".article-card.in-view:nth-child(1) > div > .article-meta"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.21 (foreground color: #876c34, background color: #f0ece2, font size: 8.8pt (11.68px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#687785",
                "bgColor": "#f0ece2",
                "contrastRatio": 3.89,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"article-card reveal in-view\" style=\"transition-delay: 0ms;\">",
                  "target": [
                    ".article-card.in-view:nth-child(1)"
                  ]
                },
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.89 (foreground color: #687785, background color: #f0ece2, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Quarterly-only reviews are too slow for modern volatility. What replaces them is a lighter, more decisive cadence.</p>",
          "target": [
            ".article-card.in-view:nth-child(1) > div > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.89 (foreground color: #687785, background color: #f0ece2, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#876c34",
                "bgColor": "#f0ece2",
                "contrastRatio": 4.21,
                "fontSize": "8.8pt (11.68px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"article-card reveal in-view\" data-delay=\"70\" style=\"transition-delay: 70ms;\">",
                  "target": [
                    ".article-card.in-view[data-delay=\"70\"]"
                  ]
                },
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.21 (foreground color: #876c34, background color: #f0ece2, font size: 8.8pt (11.68px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"article-meta\">Finance</span>",
          "target": [
            ".article-card.in-view[data-delay=\"70\"] > div > .article-meta"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.21 (foreground color: #876c34, background color: #f0ece2, font size: 8.8pt (11.68px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#687785",
                "bgColor": "#f0ece2",
                "contrastRatio": 3.89,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"article-card reveal in-view\" data-delay=\"70\" style=\"transition-delay: 70ms;\">",
                  "target": [
                    ".article-card.in-view[data-delay=\"70\"]"
                  ]
                },
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.89 (foreground color: #687785, background color: #f0ece2, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Margin is not only a cost problem. Often it is a pricing discipline and market positioning problem waiting to be solved.</p>",
          "target": [
            ".article-card.in-view[data-delay=\"70\"] > div > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.89 (foreground color: #687785, background color: #f0ece2, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#0e7c7b",
                "bgColor": "#f0ece2",
                "contrastRatio": 4.25,
                "fontSize": "12.0pt (16px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"article-card reveal in-view\" data-delay=\"70\" style=\"transition-delay: 70ms;\">",
                  "target": [
                    ".article-card.in-view[data-delay=\"70\"]"
                  ]
                },
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.25 (foreground color: #0e7c7b, background color: #f0ece2, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a class=\"link\" href=\"#calculator\">Model ROI</a>",
          "target": [
            ".link[href$=\"#calculator\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.25 (foreground color: #0e7c7b, background color: #f0ece2, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#876c34",
                "bgColor": "#f0ece2",
                "contrastRatio": 4.21,
                "fontSize": "8.8pt (11.68px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"article-card reveal in-view\" data-delay=\"140\" style=\"transition-delay: 140ms;\">",
                  "target": [
                    ".article-card.in-view[data-delay=\"140\"]"
                  ]
                },
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.21 (foreground color: #876c34, background color: #f0ece2, font size: 8.8pt (11.68px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"article-meta\">Leadership</span>",
          "target": [
            ".article-card.in-view[data-delay=\"140\"] > div > .article-meta"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.21 (foreground color: #876c34, background color: #f0ece2, font size: 8.8pt (11.68px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#687785",
                "bgColor": "#f0ece2",
                "contrastRatio": 3.89,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"article-card reveal in-view\" data-delay=\"140\" style=\"transition-delay: 140ms;\">",
                  "target": [
                    ".article-card.in-view[data-delay=\"140\"]"
                  ]
                },
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.89 (foreground color: #687785, background color: #f0ece2, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>When finance helps shape the language of decisions, the entire business becomes more coherent and strategically effective.</p>",
          "target": [
            ".article-card.in-view[data-delay=\"140\"] > div > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.89 (foreground color: #687785, background color: #f0ece2, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#0e7c7b",
                "bgColor": "#f0ece2",
                "contrastRatio": 4.25,
                "fontSize": "12.0pt (16px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"article-card reveal in-view\" data-delay=\"140\" style=\"transition-delay: 140ms;\">",
                  "target": [
                    ".article-card.in-view[data-delay=\"140\"]"
                  ]
                },
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.25 (foreground color: #0e7c7b, background color: #f0ece2, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a class=\"link\" href=\"#testimonials\">See Outcomes</a>",
          "target": [
            ".link[href$=\"#testimonials\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.25 (foreground color: #0e7c7b, background color: #f0ece2, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#876c34",
                "bgColor": "#f0ece2",
                "contrastRatio": 4.21,
                "fontSize": "8.8pt (11.68px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"article-card reveal in-view\" data-delay=\"210\" style=\"transition-delay: 210ms;\">",
                  "target": [
                    "article[data-delay=\"210\"]"
                  ]
                },
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.21 (foreground color: #876c34, background color: #f0ece2, font size: 8.8pt (11.68px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"article-meta\">Corporate resources</span>",
          "target": [
            "article[data-delay=\"210\"] > div > .article-meta"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.21 (foreground color: #876c34, background color: #f0ece2, font size: 8.8pt (11.68px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#687785",
                "bgColor": "#f0ece2",
                "contrastRatio": 3.89,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"article-card reveal in-view\" data-delay=\"210\" style=\"transition-delay: 210ms;\">",
                  "target": [
                    "article[data-delay=\"210\"]"
                  ]
                },
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.89 (foreground color: #687785, background color: #f0ece2, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Cadence design can restore operating efficiency by reducing rework, escalation, and decision fatigue across senior teams.</p>",
          "target": [
            "article[data-delay=\"210\"] > div > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.89 (foreground color: #687785, background color: #f0ece2, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#0e7c7b",
                "bgColor": "#f0ece2",
                "contrastRatio": 4.25,
                "fontSize": "12.0pt (16px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"article-card reveal in-view\" data-delay=\"210\" style=\"transition-delay: 210ms;\">",
                  "target": [
                    "article[data-delay=\"210\"]"
                  ]
                },
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.25 (foreground color: #0e7c7b, background color: #f0ece2, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a class=\"link\" href=\"#pricing\">See Pricing</a>",
          "target": [
            ".link[href$=\"#pricing\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.25 (foreground color: #0e7c7b, background color: #f0ece2, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#876c34",
                "bgColor": "#f0ece2",
                "contrastRatio": 4.21,
                "fontSize": "8.8pt (11.68px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"article-card reveal in-view\" style=\"transition-delay: 0ms;\">",
                  "target": [
                    ".article-card:nth-child(1)"
                  ]
                },
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.21 (foreground color: #876c34, background color: #f0ece2, font size: 8.8pt (11.68px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"article-meta\">Operations</span>",
          "target": [
            ".article-card:nth-child(1) > div > .article-meta"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.21 (foreground color: #876c34, background color: #f0ece2, font size: 8.8pt (11.68px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#687785",
                "bgColor": "#f0ece2",
                "contrastRatio": 3.89,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"article-card reveal in-view\" style=\"transition-delay: 0ms;\">",
                  "target": [
                    ".article-card:nth-child(1)"
                  ]
                },
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.89 (foreground color: #687785, background color: #f0ece2, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Quarterly-only reviews are too slow for modern volatility. What replaces them is a lighter, more decisive cadence.</p>",
          "target": [
            ".article-card:nth-child(1) > div > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.89 (foreground color: #687785, background color: #f0ece2, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#876c34",
                "bgColor": "#f0ece2",
                "contrastRatio": 4.21,
                "fontSize": "8.8pt (11.68px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"article-card reveal in-view\" data-delay=\"70\" style=\"transition-delay: 70ms;\">",
                  "target": [
                    ".article-card[data-delay=\"70\"]"
                  ]
                },
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.21 (foreground color: #876c34, background color: #f0ece2, font size: 8.8pt (11.68px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"article-meta\">Finance</span>",
          "target": [
            ".article-card[data-delay=\"70\"] > div > .article-meta"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.21 (foreground color: #876c34, background color: #f0ece2, font size: 8.8pt (11.68px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#687785",
                "bgColor": "#f0ece2",
                "contrastRatio": 3.89,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"article-card reveal in-view\" data-delay=\"70\" style=\"transition-delay: 70ms;\">",
                  "target": [
                    ".article-card[data-delay=\"70\"]"
                  ]
                },
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.89 (foreground color: #687785, background color: #f0ece2, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Margin is not only a cost problem. Often it is a pricing discipline and market positioning problem waiting to be solved.</p>",
          "target": [
            ".article-card[data-delay=\"70\"] > div > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.89 (foreground color: #687785, background color: #f0ece2, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#876c34",
                "bgColor": "#f0ece2",
                "contrastRatio": 4.21,
                "fontSize": "8.8pt (11.68px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"article-card reveal in-view\" data-delay=\"140\" style=\"transition-delay: 140ms;\">",
                  "target": [
                    ".article-card[data-delay=\"140\"]"
                  ]
                },
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.21 (foreground color: #876c34, background color: #f0ece2, font size: 8.8pt (11.68px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"article-meta\">Leadership</span>",
          "target": [
            ".article-card[data-delay=\"140\"] > div > .article-meta"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.21 (foreground color: #876c34, background color: #f0ece2, font size: 8.8pt (11.68px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#687785",
                "bgColor": "#f0ece2",
                "contrastRatio": 3.89,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"article-card reveal in-view\" data-delay=\"140\" style=\"transition-delay: 140ms;\">",
                  "target": [
                    ".article-card[data-delay=\"140\"]"
                  ]
                },
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.89 (foreground color: #687785, background color: #f0ece2, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>When finance helps shape the language of decisions, the entire business becomes more coherent and strategically effective.</p>",
          "target": [
            ".article-card[data-delay=\"140\"] > div > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.89 (foreground color: #687785, background color: #f0ece2, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#876c34",
                "bgColor": "#eee7d8",
                "contrastRatio": 4.03,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section id=\"testimonials\" class=\"section section-muted\">",
                  "target": [
                    "#testimonials"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.03 (foreground color: #876c34, background color: #eee7d8, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"eyebrow\">Testimonials</span>",
          "target": [
            "#testimonials > .container > .section-head.in-view.reveal > .eyebrow"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.03 (foreground color: #876c34, background color: #eee7d8, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#876c34",
                "bgColor": "#f6f1e7",
                "contrastRatio": 4.41,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.41 (foreground color: #876c34, background color: #f6f1e7, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"eyebrow\">FAQ</span>",
          "target": [
            ".faq-grid > .in-view.reveal:nth-child(1) > .eyebrow"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.41 (foreground color: #876c34, background color: #f6f1e7, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#687785",
                "bgColor": "#f6f1e7",
                "contrastRatio": 4.08,
                "fontSize": "13.9pt (18.56px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.08 (foreground color: #687785, background color: #f6f1e7, font size: 13.9pt (18.56px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"lead\">\n            Our process is designed to be concise, practical, and immediately usable. These are the questions leadership teams usually bring with them.\n          </p>",
          "target": [
            ".faq-grid > .in-view.reveal:nth-child(1) > .lead"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.08 (foreground color: #687785, background color: #f6f1e7, font size: 13.9pt (18.56px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#687785",
                "bgColor": "#f6f1e7",
                "contrastRatio": 4.08,
                "fontSize": "12.0pt (16px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.08 (foreground color: #687785, background color: #f6f1e7, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>We define a small set of leading indicators at the outset, such as forecast accuracy, decision cycle time, cash conversion, margin volatility, and stakeholder alignment quality. The aim is to measure movement in the operating system, not just activity volume.</p>",
          "target": [
            "details[open=\"\"] > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.08 (foreground color: #687785, background color: #f6f1e7, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#876c34",
                "bgColor": "#f6f1e7",
                "contrastRatio": 4.41,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.41 (foreground color: #876c34, background color: #f6f1e7, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"eyebrow\">Leadership insights</span>",
          "target": [
            "#insights > .container > .section-head.reveal.in-view > .eyebrow"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.41 (foreground color: #876c34, background color: #f6f1e7, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#687785",
                "bgColor": "#f6f1e7",
                "contrastRatio": 4.08,
                "fontSize": "13.9pt (18.56px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.08 (foreground color: #687785, background color: #f6f1e7, font size: 13.9pt (18.56px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"lead\">\n            Our insights are written for operators who need to make defensible choices in conditions of partial information. No trend-chasing, no empty consulting language \u2014 just research that connects market realities to daily decisions.\n          </p>",
          "target": [
            "#insights > .container > .section-head.reveal.in-view > .lead"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.08 (foreground color: #687785, background color: #f6f1e7, font size: 13.9pt (18.56px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#876c34",
                "bgColor": "#eee7d8",
                "contrastRatio": 4.03,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section id=\"testimonials\" class=\"section section-muted\">",
                  "target": [
                    "#testimonials"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.03 (foreground color: #876c34, background color: #eee7d8, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"eyebrow\">Testimonials</span>",
          "target": [
            "#testimonials > .container > .section-head.reveal.in-view > .eyebrow"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.03 (foreground color: #876c34, background color: #eee7d8, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#876c34",
                "bgColor": "#f6f1e7",
                "contrastRatio": 4.41,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.41 (foreground color: #876c34, background color: #f6f1e7, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"eyebrow\">FAQ</span>",
          "target": [
            ".faq-grid > .reveal.in-view:nth-child(1) > .eyebrow"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.41 (foreground color: #876c34, background color: #f6f1e7, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#687785",
                "bgColor": "#f6f1e7",
                "contrastRatio": 4.08,
                "fontSize": "13.9pt (18.56px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.08 (foreground color: #687785, background color: #f6f1e7, font size: 13.9pt (18.56px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"lead\">\n            Our process is designed to be concise, practical, and immediately usable. These are the questions leadership teams usually bring with them.\n          </p>",
          "target": [
            ".faq-grid > .reveal.in-view:nth-child(1) > .lead"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.08 (foreground color: #687785, background color: #f6f1e7, font size: 13.9pt (18.56px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#0e7c7b",
                "bgColor": "#07121a",
                "contrastRatio": 3.77,
                "fontSize": "11.2pt (14.88px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<aside class=\"contact-card reveal in-view\" style=\"transition-delay: 0ms;\">",
                  "target": [
                    ".contact-card"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.77 (foreground color: #0e7c7b, background color: #07121a, font size: 11.2pt (14.88px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a class=\"link\" href=\"mailto:hello@meridianbrief.co\">hello@meridianbrief.co</a>",
          "target": [
            "a[href=\"mailto:hello@meridianbrief.co\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.77 (foreground color: #0e7c7b, background color: #07121a, font size: 11.2pt (14.88px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#0e7c7b",
                "bgColor": "#07121a",
                "contrastRatio": 3.77,
                "fontSize": "11.2pt (14.88px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<aside class=\"contact-card reveal in-view\" style=\"transition-delay: 0ms;\">",
                  "target": [
                    ".contact-card"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.77 (foreground color: #0e7c7b, background color: #07121a, font size: 11.2pt (14.88px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a class=\"link\" href=\"tel:+16175550142\">+1 (617) 555-0142</a>",
          "target": [
            "a[href=\"tel:+16175550142\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.77 (foreground color: #0e7c7b, background color: #07121a, font size: 11.2pt (14.88px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7a86",
                "bgColor": "#fffdf8",
                "contrastRatio": 4.34,
                "fontSize": "8.6pt (11.52px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<form id=\"contact-form\" class=\"contact-form reveal in-view\" novalidate=\"\" style=\"transition-delay: 0ms;\">",
                  "target": [
                    "#contact-form"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.34 (foreground color: #6b7a86, background color: #fffdf8, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<label for=\"name\">Full name</label>",
          "target": [
            "label[for=\"name\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.34 (foreground color: #6b7a86, background color: #fffdf8, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7a86",
                "bgColor": "#fffdf8",
                "contrastRatio": 4.34,
                "fontSize": "8.6pt (11.52px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<form id=\"contact-form\" class=\"contact-form reveal in-view\" novalidate=\"\" style=\"transition-delay: 0ms;\">",
                  "target": [
                    "#contact-form"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.34 (foreground color: #6b7a86, background color: #fffdf8, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<label for=\"company\">Company</label>",
          "target": [
            "label[for=\"company\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.34 (foreground color: #6b7a86, background color: #fffdf8, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7a86",
                "bgColor": "#fffdf8",
                "contrastRatio": 4.34,
                "fontSize": "8.6pt (11.52px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<form id=\"contact-form\" class=\"contact-form reveal in-view\" novalidate=\"\" style=\"transition-delay: 0ms;\">",
                  "target": [
                    "#contact-form"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.34 (foreground color: #6b7a86, background color: #fffdf8, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<label for=\"email\">Work email</label>",
          "target": [
            "label[for=\"email\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.34 (foreground color: #6b7a86, background color: #fffdf8, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7a86",
                "bgColor": "#fffdf8",
                "contrastRatio": 4.34,
                "fontSize": "8.6pt (11.52px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<form id=\"contact-form\" class=\"contact-form reveal in-view\" novalidate=\"\" style=\"transition-delay: 0ms;\">",
                  "target": [
                    "#contact-form"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.34 (foreground color: #6b7a86, background color: #fffdf8, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<label for=\"role\">Role</label>",
          "target": [
            "label[for=\"role\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.34 (foreground color: #6b7a86, background color: #fffdf8, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7a86",
                "bgColor": "#fffdf8",
                "contrastRatio": 4.34,
                "fontSize": "8.6pt (11.52px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<form id=\"contact-form\" class=\"contact-form reveal in-view\" novalidate=\"\" style=\"transition-delay: 0ms;\">",
                  "target": [
                    "#contact-form"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.34 (foreground color: #6b7a86, background color: #fffdf8, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<label for=\"need\">What are you trying to decide?</label>",
          "target": [
            "label[for=\"need\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.34 (foreground color: #6b7a86, background color: #fffdf8, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7a86",
                "bgColor": "#fffdf8",
                "contrastRatio": 4.34,
                "fontSize": "8.6pt (11.52px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<form id=\"contact-form\" class=\"contact-form reveal in-view\" novalidate=\"\" style=\"transition-delay: 0ms;\">",
                  "target": [
                    "#contact-form"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.34 (foreground color: #6b7a86, background color: #fffdf8, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<label for=\"message\">Context for us</label>",
          "target": [
            "label[for=\"message\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.34 (foreground color: #6b7a86, background color: #fffdf8, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
        }
      ]
    },
    {
      "id": "target-size",
      "impact": "serious",
      "tags": [
        "cat.sensory-and-visual-cues",
        "wcag22aa",
        "wcag258"
      ],
      "description": "Ensure touch targets have sufficient size and space",
      "help": "All touch targets must be 24px large, or leave sufficient space",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/target-size?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "target-size",
              "data": {
                "messageKey": "partiallyObscured",
                "minSize": 24,
                "width": 94.2,
                "height": 9.5
              },
              "relatedNodes": [
                {
                  "html": "<a class=\"brand\" href=\"#top\" aria-label=\"Meridian Brief home\">",
                  "target": [
                    "a[aria-label=\"Meridian Brief home\"]"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Target has insufficient size because it is partially obscured (smallest space is 94.2px by 9.5px, should be at least 24px by 24px)"
            },
            {
              "id": "target-offset",
              "data": {
                "closestOffset": 18.2,
                "minOffset": 24
              },
              "relatedNodes": [
                {
                  "html": "<a class=\"brand\" href=\"#top\" aria-label=\"Meridian Brief home\">",
                  "target": [
                    "a[aria-label=\"Meridian Brief home\"]"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 18.2px instead of at least 24px."
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<button data-mode=\"monthly\">Monthly</button>",
          "target": [
            "button[data-mode=\"monthly\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Target has insufficient size because it is partially obscured (smallest space is 94.2px by 9.5px, should be at least 24px by 24px)\n  Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 18.2px instead of at least 24px."
        },
        {
          "any": [
            {
              "id": "target-size",
              "data": {
                "messageKey": "partiallyObscured",
                "minSize": 24,
                "width": 87.1,
                "height": 9.5
              },
              "relatedNodes": [
                {
                  "html": "<a class=\"brand\" href=\"#top\" aria-label=\"Meridian Brief home\">",
                  "target": [
                    "a[aria-label=\"Meridian Brief home\"]"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Target has insufficient size because it is partially obscured (smallest space is 87.1px by 9.5px, should be at least 24px by 24px)"
            },
            {
              "id": "target-offset",
              "data": {
                "closestOffset": 18.2,
                "minOffset": 24
              },
              "relatedNodes": [
                {
                  "html": "<a class=\"brand\" href=\"#top\" aria-label=\"Meridian Brief home\">",
                  "target": [
                    "a[aria-label=\"Meridian Brief home\"]"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 18.2px instead of at least 24px."
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<button class=\"is-active\" data-mode=\"annual\">Annual</button>",
          "target": [
            "button[data-mode=\"annual\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Target has insufficient size because it is partially obscured (smallest space is 87.1px by 9.5px, should be at least 24px by 24px)\n  Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 18.2px instead of at least 24px."
        },
        {
          "any": [
            {
              "id": "target-size",
              "data": {
                "messageKey": "partiallyObscured",
                "minSize": 24,
                "width": 344.2,
                "height": 14.4
              },
              "relatedNodes": [
                {
                  "html": "<a href=\"#top\">Home</a>",
                  "target": [
                    "li:nth-child(1) > a[href$=\"#top\"]"
                  ]
                },
                {
                  "html": "<a href=\"#services\">Services</a>",
                  "target": [
                    "#primary-nav > li:nth-child(2) > a[href$=\"#services\"]"
                  ]
                },
                {
                  "html": "<a href=\"#case-study\">Case Study</a>",
                  "target": [
                    "li:nth-child(3) > a[href$=\"#case-study\"]"
                  ]
                },
                {
                  "html": "<a href=\"#insights\">Insights</a>",
                  "target": [
                    "li:nth-child(4) > a[href$=\"#insights\"]"
                  ]
                },
                {
                  "html": "<a href=\"#pricing\">Pricing</a>",
                  "target": [
                    "li:nth-child(5) > a[href$=\"#pricing\"]"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Target has insufficient size because it is partially obscured (smallest space is 344.2px by 14.4px, should be at least 24px by 24px)"
            },
            {
              "id": "target-offset",
              "data": {
                "closestOffset": 21.8,
                "minOffset": 24
              },
              "relatedNodes": [
                {
                  "html": "<a href=\"#case-study\">Case Study</a>",
                  "target": [
                    "li:nth-child(3) > a[href$=\"#case-study\"]"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 21.8px instead of at least 24px."
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a class=\"button button-accent\" href=\"#contact\">Book a fit call</a>",
          "target": [
            ".button-accent.button[href$=\"#contact\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Target has insufficient size because it is partially obscured (smallest space is 344.2px by 14.4px, should be at least 24px by 24px)\n  Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 21.8px instead of at least 24px."
        },
        {
          "any": [
            {
              "id": "target-size",
              "data": {
                "messageKey": "partiallyObscured",
                "minSize": 24,
                "width": 344.2,
                "height": 14.4
              },
              "relatedNodes": [
                {
                  "html": "<a href=\"#testimonials\">Testimonials</a>",
                  "target": [
                    "li:nth-child(6) > a[href$=\"#testimonials\"]"
                  ]
                },
                {
                  "html": "<a href=\"#calculator\">ROI Calculator</a>",
                  "target": [
                    "li:nth-child(7) > a[href$=\"#calculator\"]"
                  ]
                },
                {
                  "html": "<a href=\"#contact\">Contact</a>",
                  "target": [
                    "li:nth-child(8) > a[href$=\"#contact\"]"
                  ]
                },
                {
                  "html": "<a class=\"button button-primary header-cta\" href=\"#contact\">Book a fit call</a>",
                  "target": [
                    ".header-cta"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Target has insufficient size because it is partially obscured (smallest space is 344.2px by 14.4px, should be at least 24px by 24px)"
            },
            {
              "id": "target-offset",
              "data": {
                "closestOffset": 21.8,
                "minOffset": 24
              },
              "relatedNodes": [
                {
                  "html": "<a href=\"#contact\">Contact</a>",
                  "target": [
                    "li:nth-child(8) > a[href$=\"#contact\"]"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 21.8px instead of at least 24px."
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a class=\"button button-ghost\" href=\"#contact\">Contact Us</a>",
          "target": [
            ".price-card[data-delay=\"140\"] > .button-ghost.button[href$=\"#contact\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Target has insufficient size because it is partially obscured (smallest space is 344.2px by 14.4px, should be at least 24px by 24px)\n  Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 21.8px instead of at least 24px."
        }
      ]
    }
  ],
  "coverage": {
    "contract": "main-document-vertical-scroll",
    "complete": true,
    "positions": [
      {
        "y": 0,
        "height": 11949
      },
      {
        "y": 576,
        "height": 11949
      },
      {
        "y": 1152,
        "height": 11949
      },
      {
        "y": 1728,
        "height": 11949
      },
      {
        "y": 2304,
        "height": 11949
      },
      {
        "y": 2880,
        "height": 11949
      },
      {
        "y": 3456,
        "height": 11949
      },
      {
        "y": 4032,
        "height": 11949
      },
      {
        "y": 4608,
        "height": 11949
      },
      {
        "y": 5184,
        "height": 11949
      },
      {
        "y": 5760,
        "height": 11949
      },
      {
        "y": 6336,
        "height": 11949
      },
      {
        "y": 6912,
        "height": 11949
      },
      {
        "y": 7488,
        "height": 11949
      },
      {
        "y": 8064,
        "height": 11949
      },
      {
        "y": 8640,
        "height": 11949
      },
      {
        "y": 9216,
        "height": 11949
      },
      {
        "y": 9792,
        "height": 11949
      },
      {
        "y": 10368,
        "height": 11949
      },
      {
        "y": 10944,
        "height": 11949
      },
      {
        "y": 11229,
        "height": 11949
      }
    ],
    "scans": 22,
    "max_states": 512,
    "settle_ms": 5000,
    "page_timeout_seconds": 150,
    "layout_stability": "consecutive 100ms size samples within one CSS pixel",
    "animation_settling": "finite animations present when scroll resources are ready finish or are cancelled",
    "interactive_states": "not exercised",
    "horizontal_scroll": "not exercised"
  }
}
System Prompt
You are a lead web developer at a top digital agency, tasked with creating a one-page website for a new client based on the given specifications, delivered as an HTML file. First non-whitespace char '<', last non-whitespace char '>'. Use the following services to generate placeholder images where needed:
- placehold.co (text): https://placehold.co/[{w}x{h}|{size}][/{bg-color}/{text-color}]?text={text}&font=[lato|lora|montserrat|noto sans|open sans|oswald|playfair display|poppins|pt sans|raleway|roboto|source sans|source sans pro]
- picsum.photos (photos): https://picsum.photos/[{w}/{h}|{size}]?[grayscale][&blur={1-10}]
- pravatar.cc (avatars): https://i.pravatar.cc/{size}?u={identifier}
Choose sizes appropriate to layout.
User Prompt
Create a **complete, polished, production-quality** primary web page for a new client in the "Business" sector.
Your goal is to generate the full HTML code for a page that is not just functional but also visually compelling, content-rich, and feels like a finished product ready for launch.

**Client & Category:**
- Industry: "Business"
- Description: Business news, corporate resources, finance, and professional advice.

**Your Creative Task:**
1.  **Invent:** Create a unique, professional-sounding site name and a strong tagline fitting the "Business" category.
2.  **Define Page:** Determine the most effective primary page type (e.g., homepage, service landing page, category portal) to showcase this fictional entity.
3.  **Design:** Develop an opinionated, modern, and professional layout. Make distinct choices about structure and flow.

**Content & Structure Requirements (Deliver a COMPLETE page):**
-   **Overall:** The final page must feel substantial and complete, with realistic amounts of text (multiple paragraphs per section where appropriate, avoid single sentences), well-integrated placeholder images, and logical flow. It should look like a real website a business would proudly use.
-   **HEADER:** Include the invented site name, tagline, a logo placeholder image, and a primary navigation bar. Ensure the navigation has **at least 5-7 clearly defined, relevant links** including: "Services", "Pricing", "Testimonials".
-   **MAIN CONTENT:** Structure this area with **at least 3-4 distinct, well-developed sections**.
    -   Address key topics relevant to the "Business" category. Consider themes similar to: "Business Solutions", "Growth Stories", "Leadership Insights".
    -   **Content Depth:** Populate each section with **substantial, realistic text** (multiple sentences/paragraphs). Use authentic industry language and terminology like: "stakeholder alignment", "operational efficiency", "market positioning".
    -   **Visuals:** Integrate relevant placeholder images logically within the content sections.
    -   **Calls to Action:** Include clear and contextually relevant CTAs. Use strong verbs similar to: "View Case Study", "See Pricing", "Contact Us".
-   **ENGAGEMENT (Recommended):** Strongly consider incorporating **one meaningful interactive element** that would genuinely benefit a user in the "Business" sector. Ideas similar but not limited to: "ROI calculator".
-   **SIDEBAR (Optional):** If your design includes a sidebar, populate it with **useful, relevant content**. Ideas: "partner spotlights", "market insights", "latest research".
-   **FOOTER:** Include a professional footer with invented contact details, copyright (current year), social media links, and standard links (Privacy, Terms).
-   **MODERN WEB PATTERNS:** Include modern web patterns like testimonial cards, feature grids, or FAQ accordions where appropriate.