Nex AGI Nex N2.5 Mini – Business

via Nex AGI · Generated

  • AIMAC Debt 5.46
  • Cost $0.0026
  • Total Violations 38
  • HTML Size 67 KB
  • Em Dashes 4

Screenshot

View Nex AGI Nex N2.5 Mini Business page View Live Page

Accessibility Issues Found

38 Serious

  • color-contrast serious 38 instances

    Elements must meet minimum color contrast ratio thresholds

    Example HTML <span class="brand-tagline">Clarity for capital. Conviction for growth.</span>

Artifacts

View Generated HTML
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="Meridian Capital Review delivers business intelligence, market analysis, financial resources, and practical advice for modern leaders.">
  <meta name="theme-color" content="#0b1f33">
  <title>Meridian Capital Review — Clarity for capital. Conviction for growth.</title>
  <style>
    :root {
      --ink: #0b1f33;
      --ink-soft: #17364f;
      --muted: #607181;
      --paper: #f5f2ea;
      --paper-deep: #e9e5da;
      --white: #ffffff;
      --accent: #d8f24b;
      --accent-dark: #a8c522;
      --teal: #167d73;
      --line: rgba(11, 31, 51, .13);
      --shadow: 0 22px 60px rgba(11, 31, 51, .12);
      --radius: 22px;
      --max: 1180px;
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      background: var(--paper);
      color: var(--ink);
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      line-height: 1.6;
      -webkit-font-smoothing: antialiased;
    }
    img { display: block; max-width: 100%; }
    a { color: inherit; text-decoration: none; }
    button, input { font: inherit; }
    button, a, summary { -webkit-tap-highlight-color: transparent; }
    button { cursor: pointer; }
    ::selection { background: var(--accent); color: var(--ink); }

    .skip-link {
      position: fixed;
      top: 12px;
      left: 12px;
      z-index: 100;
      padding: 10px 16px;
      border-radius: 8px;
      background: var(--ink);
      color: white;
      transform: translateY(-150%);
      transition: transform .2s ease;
    }
    .skip-link:focus { transform: translateY(0); }
    .progress {
      position: fixed;
      inset: 0 auto auto 0;
      z-index: 90;
      width: 0;
      height: 3px;
      background: var(--accent);
    }
    .container { width: min(var(--max), calc(100% - 40px)); margin-inline: auto; }
    .section { padding: 104px 0; }
    .section-kicker {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      margin: 0 0 16px;
      color: var(--teal);
      font-size: .76rem;
      font-weight: 800;
      letter-spacing: .14em;
      line-height: 1.2;
      text-transform: uppercase;
    }
    .section-kicker::before { content: ""; width: 24px; height: 2px; background: currentColor; }
    .section-title {
      max-width: 780px;
      margin: 0;
      font-family: Georgia, "Times New Roman", serif;
      font-size: clamp(2.35rem, 5vw, 4.5rem);
      font-weight: 500;
      letter-spacing: -.045em;
      line-height: 1.03;
    }
    .section-copy { max-width: 670px; margin: 22px 0 0; color: var(--muted); font-size: 1.06rem; }
    .section-head { margin-bottom: 42px; }
    .section-head.center { text-align: center; }
    .section-head.center .section-copy { margin-inline: auto; }
    .text-link {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      color: var(--ink);
      font-size: .92rem;
      font-weight: 800;
      border-bottom: 1px solid currentColor;
      padding-bottom: 3px;
    }
    .text-link span { transition: transform .2s ease; }
    .text-link:hover span { transform: translateX(4px); }
    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      min-height: 50px;
      padding: 0 21px;
      border: 1px solid transparent;
      border-radius: 999px;
      font-size: .92rem;
      font-weight: 800;
      transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
    }
    .btn:hover { transform: translateY(-2px); }
    .btn:focus-visible, a:focus-visible, summary:focus-visible, input:focus-visible {
      outline: 3px solid rgba(216, 242, 75, .85);
      outline-offset: 3px;
    }
    .btn-primary { background: var(--ink); color: white; box-shadow: 0 12px 25px rgba(11, 31, 51, .16); }
    .btn-primary:hover { background: var(--ink-soft); box-shadow: 0 15px 30px rgba(11, 31, 51, .2); }
    .btn-accent { background: var(--accent); color: var(--ink); }
    .btn-outline { border-color: rgba(11, 31, 51, .25); color: var(--ink); background: transparent; }
    .btn-outline:hover { border-color: var(--ink); background: rgba(11, 31, 51, .04); }
    .btn-light { background: white; color: var(--ink); }
    .btn-white-outline { border-color: rgba(255, 255, 255, .42); color: white; background: transparent; }

    .announcement { background: #071827; color: #c8d8e3; font-size: .77rem; letter-spacing: .01em; }
    .announcement .container { display: flex; justify-content: space-between; align-items: center; min-height: 34px; gap: 20px; }
    .announcement a { color: var(--accent); font-weight: 800; }
    .announcement span:last-child { opacity: .65; }

    .site-header {
      position: sticky;
      top: 0;
      z-index: 50;
      border-bottom: 1px solid rgba(11, 31, 51, .1);
      background: rgba(245, 242, 234, .88);
      backdrop-filter: blur(18px);
    }
    .header-inner { display: flex; align-items: center; gap: 30px; min-height: 78px; }
    .brand { display: inline-flex; align-items: center; gap: 12px; flex-shrink: 0; }
    .brand-mark { width: 44px; height: 44px; border-radius: 12px; overflow: hidden; box-shadow: 0 7px 18px rgba(11, 31, 51, .18); }
    .brand-mark img { width: 100%; height: 100%; object-fit: cover; }
    .brand-copy { display: grid; line-height: 1.05; }
    .brand-name { font-family: Georgia, "Times New Roman", serif; font-size: 1.28rem; font-weight: 700; letter-spacing: -.02em; }
    .brand-tagline { margin-top: 5px; color: var(--muted); font-size: .62rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
    .main-nav { display: flex; align-items: center; justify-content: flex-end; gap: 22px; margin-left: auto; }
    .nav-link { position: relative; color: #42566a; font-size: .82rem; font-weight: 750; white-space: nowrap; }
    .nav-link::after { content: ""; position: absolute; right: 0; bottom: -8px; left: 0; height: 2px; background: var(--teal); transform: scaleX(0); transform-origin: left; transition: transform .2s ease; }
    .nav-link:hover { color: var(--ink); }
    .nav-link:hover::after { transform: scaleX(1); }
    .header-cta { min-height: 42px; padding: 0 17px; font-size: .8rem; }
    .menu-toggle { display: none; width: 44px; height: 44px; border: 1px solid var(--line); border-radius: 12px; background: transparent; color: var(--ink); }
    .menu-toggle span, .menu-toggle::before, .menu-toggle::after { display: block; width: 19px; height: 2px; margin: 4px auto; background: currentColor; content: ""; transition: transform .2s ease, opacity .2s ease; }
    .menu-toggle[aria-expanded="true"] span { opacity: 0; }
    .menu-toggle[aria-expanded="true"]::before { transform: translateY(6px) rotate(45deg); }
    .menu-toggle[aria-expanded="true"]::after { transform: translateY(-6px) rotate(-45deg); }

    .hero { position: relative; overflow: hidden; padding: 88px 0 74px; background: radial-gradient(circle at 82% 10%, rgba(216, 242, 75, .2), transparent 27%), radial-gradient(circle at 10% 80%, rgba(22, 125, 115, .1), transparent 29%), var(--paper); }
    .hero::before { content: ""; position: absolute; top: -180px; right: -120px; width: 520px; height: 520px; border: 1px solid rgba(11, 31, 51, .1); border-radius: 50%; box-shadow: 0 0 0 70px rgba(11, 31, 51, .025), 0 0 0 140px rgba(11, 31, 51, .02); }
    .hero-grid { position: relative; display: grid; grid-template-columns: 1.02fr .98fr; align-items: center; gap: 70px; }
    .hero-eyebrow { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 22px; color: var(--teal); font-size: .75rem; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
    .hero-eyebrow::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--accent-dark); box-shadow: 0 0 0 5px rgba(216, 242, 75, .25); }
    .hero h1 { max-width: 670px; margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(3.3rem, 6.2vw, 6rem); font-weight: 500; letter-spacing: -.06em; line-height: .96; }
    .hero h1 em { color: var(--teal); font-style: normal; }
    .hero-lead { max-width: 610px; margin: 26px 0 0; color: var(--muted); font-size: clamp(1rem, 1.7vw, 1.18rem); }
    .hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
    .hero-note { display: flex; align-items: center; gap: 10px; margin-top: 23px; color: var(--muted); font-size: .8rem; }
    .hero-note strong { color: var(--ink); }
    .check-dot { display: inline-grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: rgba(22, 125, 115, .13); color: var(--teal); font-size: .75rem; }
    .hero-visual { position: relative; min-height: 545px; }
    .hero-image-wrap { position: relative; height: 545px; overflow: hidden; border-radius: 28px; box-shadow: var(--shadow); }
    .hero-image { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) contrast(1.06); }
    .hero-image-wrap::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 42%, rgba(7, 24, 39, .74)); }
    .hero-caption { position: absolute; z-index: 1; right: 28px; bottom: 24px; left: 28px; color: white; }
    .hero-caption small { display: block; margin-bottom: 6px; color: var(--accent); font-size: .68rem; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
    .hero-caption strong { font-family: Georgia, "Times New Roman", serif; font-size: 1.35rem; font-weight: 500; line-height: 1.15; }
    .floating-card { position: absolute; z-index: 2; display: grid; grid-template-columns: 39px 1fr; align-items: center; gap: 11px; min-width: 205px; padding: 14px 16px; border: 1px solid rgba(255, 255, 255, .6); border-radius: 16px; background: rgba(255, 255, 255, .94); box-shadow: 0 14px 30px rgba(11, 31, 51, .18); backdrop-filter: blur(10px); }
    .floating-card.one { top: 42px; left: -35px; }
    .floating-card.two { right: -24px; bottom: 76px; }
    .floating-icon { display: grid; place-items: center; width: 39px; height: 39px; border-radius: 11px; background: var(--accent); color: var(--ink); font-size: 1rem; font-weight: 900; }
    .floating-card.two .floating-icon { background: #d9eef2; color: var(--teal); }
    .floating-card small { display: block; color: var(--muted); font-size: .65rem; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
    .floating-card strong { display: block; margin-top: 2px; font-size: .9rem; line-height: 1.2; }
    .floating-card .trend { margin-left: auto; color: var(--teal); font-size: .78rem; font-weight: 850; }

    .trust-strip { background: white; border-block: 1px solid var(--line); }
    .trust-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
    .trust-item { display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 104px; padding: 20px; border-right: 1px solid var(--line); }
    .trust-item:last-child { border-right: 0; }
    .trust-number { font-family: Georgia, "Times New Roman", serif; font-size: 2rem; font-weight: 500; letter-spacing: -.04em; }
    .trust-label { color: var(--muted); font-size: .76rem; line-height: 1.3; }

    .market-shell { position: relative; overflow: hidden; border-radius: 28px; background: var(--ink); color: white; box-shadow: var(--shadow); }
    .market-shell::before { content: ""; position: absolute; top: -180px; left: -130px; width: 430px; height: 430px; border: 1px solid rgba(255, 255, 255, .1); border-radius: 50%; box-shadow: 0 0 0 70px rgba(255, 255, 255, .025), 0 0 0 140px rgba(255, 255, 255, .015); }
    .market-inner { position: relative; padding: 36px; }
    .market-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 30px; }
    .market-label { color: var(--accent); font-size: .72rem; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
    .market-title { margin: 8px 0 0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(1.9rem, 3.5vw, 3.1rem); font-weight: 500; letter-spacing: -.035em; line-height: 1.05; }
    .market-date { color: #9fb0be; font-size: .78rem; }
    .market-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 25px; }
    .market-tab { padding: 9px 14px; border: 1px solid rgba(255, 255, 255, .18); border-radius: 999px; background: transparent; color: #b8c7d2; font-size: .75rem; font-weight: 800; }
    .market-tab:hover, .market-tab.active { border-color: var(--accent); background: var(--accent); color: var(--ink); }
    .market-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 30px; margin-top: 28px; }
    .market-summary { align-self: stretch; }
    .market-summary p { margin: 0; color: #c4d0d8; font-size: .97rem; }
    .market-metrics { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-top: 22px; }
    .market-metric { padding: 15px; border: 1px solid rgba(255, 255, 255, .12); border-radius: 14px; background: rgba(255, 255, 255, .055); }
    .market-metric small { display: block; color: #8fa2b0; font-size: .65rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
    .market-metric strong { display: block; margin-top: 5px; font-size: 1.08rem; letter-spacing: -.02em; }
    .market-metric .up { color: var(--accent); }
    .market-chart { min-height: 250px; overflow: hidden; border: 1px solid rgba(255, 255, 255, .12); border-radius: 18px; background: rgba(255, 255, 255, .06); }
    .market-chart img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) contrast(1.1); opacity: .82; }
    .chart-overlay { position: absolute; inset: 0; padding: 18px; background: linear-gradient(180deg, transparent 35%, rgba(7, 24, 39, .8)); color: white; font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
    .chart-overlay strong { display: block; margin-top: 4px; font-family: Georgia, "Times New Roman", serif; font-size: 1.35rem; font-weight: 500; letter-spacing: 0; text-transform: none; }

    .solutions-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
    .solution-card { position: relative; min-height: 285px; padding: 25px; border: 1px solid var(--line); border-radius: var(--radius); background: white; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
    .solution-card:hover { transform: translateY(-6px); border-color: rgba(22, 125, 115, .38); box-shadow: 0 18px 38px rgba(11, 31, 51, .1); }
    .solution-icon { display: grid; place-items: center; width: 44px; height: 44px; margin-bottom: 22px; border-radius: 13px; background: #e9f5f2; color: var(--teal); font-size: 1.15rem; font-weight: 900; }
    .solution-card h3 { margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: 1.32rem; font-weight: 600; letter-spacing: -.025em; }
    .solution-card p { margin: 12px 0 0; color: var(--muted); font-size: .9rem; }
    .solution-card .text-link { margin-top: 20px; font-size: .79rem; }

    .feature-grid { display: grid; grid-template-columns: .95fr 1.05fr; align-items: center; gap: 72px; }
    .feature-image-wrap { position: relative; overflow: hidden; border-radius: 24px; box-shadow: var(--shadow); }
    .feature-image-wrap img { width: 100%; height: 570px; object-fit: cover; filter: grayscale(1) contrast(1.06); }
    .feature-image-wrap::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 45%, rgba(7, 24, 39, .78)); }
    .feature-badge { position: absolute; z-index: 1; top: 22px; left: 22px; padding: 9px 12px; border-radius: 999px; background: var(--accent); color: var(--ink); font-size: .68rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
    .feature-content h2 { margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(2.3rem, 4vw, 3.8rem); font-weight: 500; letter-spacing: -.045em; line-height: 1.04; }
    .feature-content p { margin: 22px 0 0; color: var(--muted); }
    .feature-content ul { display: grid; gap: 11px; margin: 25px 0 0; padding: 0; list-style: none; }
    .feature-content li { display: flex; align-items: flex-start; gap: 10px; color: #405468; font-size: .93rem; }
    .feature-content li::before { content: "✓"; display: grid; place-items: center; flex: 0 0 20px; height: 20px; border-radius: 50%; background: #e8f5ef; color: var(--teal); font-size: .72rem; font-weight: 900; }
    .feature-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; margin-top: 30px; }

    .calculator-section { background: #e9eee2; }
    .calculator-shell { display: grid; grid-template-columns: .9fr 1.1fr; overflow: hidden; border: 1px solid rgba(11, 31, 51, .1); border-radius: 28px; background: white; box-shadow: 0 24px 60px rgba(11, 31, 51, .09); }
    .calculator-copy { padding: 50px; }
    .calculator-copy h2 { margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(2.3rem, 4vw, 3.7rem); font-weight: 500; letter-spacing: -.045em; line-height: 1.04; }
    .calculator-copy p { margin: 20px 0 0; color: var(--muted); }
    .calculator-copy ul { display: grid; gap: 10px; margin: 24px 0 0; padding: 0; list-style: none; }
    .calculator-copy li { display: flex; gap: 9px; color: #405468; font-size: .9rem; }
    .calculator-copy li::before { content: "✓"; display: grid; place-items: center; flex: 0 0 20px; height: 20px; border-radius: 50%; background: #e8f5ef; color: var(--teal); font-size: .7rem; font-weight: 900; }
    .calculator-panel { padding: 38px 36px; background: #f8f9f4; border-left: 1px solid var(--line); }
    .calc-title { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 28px; }
    .calc-title h3 { margin: 0; font-size: 1rem; }
    .calc-title span { color: var(--teal); font-size: .7rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
    .control { margin-bottom: 24px; }
    .control-label { display: flex; justify-content: space-between; gap: 20px; margin-bottom: 10px; font-size: .84rem; font-weight: 750; }
    .control-label output { color: var(--teal); }
    input[type="range"] { width: 100%; height: 5px; margin: 7px 0; appearance: none; border-radius: 999px; background: #d8dfd3; accent-color: var(--teal); }
    input[type="range"]::-webkit-slider-thumb { width: 20px; height: 20px; appearance: none; border: 4px solid white; border-radius: 50%; background: var(--teal); box-shadow: 0 1px 5px rgba(11, 31, 51, .25); }
    input[type="range"]::-moz-range-thumb { width: 14px; height: 14px; border: 4px solid white; border-radius: 50%; background: var(--teal); box-shadow: 0 1px 5px rgba(11, 31, 51, .25); }
    .range-labels { display: flex; justify-content: space-between; color: #8a979f; font-size: .67rem; }
    .calc-results { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; margin-top: 30px; }
    .result { padding: 16px 12px; border: 1px solid var(--line); border-radius: 14px; background: white; }
    .result small { display: block; color: var(--muted); font-size: .63rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
    .result strong { display: block; margin-top: 5px; font-family: Georgia, "Times New Roman", serif; font-size: clamp(1.1rem, 2vw, 1.45rem); font-weight: 500; letter-spacing: -.03em; }
    .calc-note { margin: 14px 0 0; color: #8a979f; font-size: .68rem; line-height: 1.45; }

    .insights-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
    .insight-card { overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: white; transition: transform .25s ease, box-shadow .25s ease; }
    .insight-card:hover { transform: translateY(-5px); box-shadow: 0 18px 38px rgba(11, 31, 51, .1); }
    .insight-image { position: relative; overflow: hidden; aspect-ratio: 1.48; }
    .insight-image img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) contrast(1.08); transition: transform .4s ease; }
    .insight-card:hover .insight-image img { transform: scale(1.04); }
    .insight-type { position: absolute; top: 14px; left: 14px; padding: 6px 9px; border-radius: 999px; background: rgba(255, 255, 255, .93); color: var(--ink); font-size: .62rem; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
    .insight-body { padding: 23px; }
    .insight-meta { display: flex; justify-content: space-between; gap: 10px; margin-bottom: 12px; color: var(--teal); font-size: .68rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
    .insight-body h3 { margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: 1.42rem; font-weight: 600; letter-spacing: -.03em; line-height: 1.15; }
    .insight-body p { margin: 12px 0 0; color: var(--muted); font-size: .9rem; }

    .stories-section { background: var(--ink); color: white; }
    .stories-section .section-kicker { color: var(--accent); }
    .stories-section .section-copy { color: #b7c6d0; }
    .story-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 65px; align-items: center; }
    .story-image-wrap { position: relative; overflow: hidden; border-radius: 24px; }
    .story-image-wrap img { width: 100%; height: 555px; object-fit: cover; filter: grayscale(1) contrast(1.08); }
    .story-image-wrap::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 50%, rgba(7, 24, 39, .85)); }
    .story-quote { position: absolute; z-index: 1; right: 28px; bottom: 26px; left: 28px; padding: 22px; border: 1px solid rgba(255, 255, 255, .18); border-radius: 17px; background: rgba(255, 255, 255, .1); backdrop-filter: blur(10px); }
    .story-quote p { margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: 1.35rem; line-height: 1.25; }
    .story-quote small { display: block; margin-top: 12px; color: var(--accent); font-size: .68rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
    .story-content h2 { margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(2.4rem, 4vw, 4rem); font-weight: 500; letter-spacing: -.045em; line-height: 1.03; }
    .story-content > p { margin: 21px 0 0; color: #b7c6d0; }
    .story-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 30px 0; }
    .story-metric { padding: 17px 13px; border: 1px solid rgba(255, 255, 255, .14); border-radius: 14px; background: rgba(255, 255, 255, .06); }
    .story-metric strong { display: block; color: var(--accent); font-family: Georgia, "Times New Roman", serif; font-size: 1.7rem; font-weight: 500; letter-spacing: -.04em; }
    .story-metric small { display: block; margin-top: 4px; color: #a9bac5; font-size: .66rem; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; }

    .partners { padding: 68px 0; border-block: 1px solid var(--line); background: white; }
    .partners-inner { display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: 60px; }
    .partners-copy h2 { margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(1.8rem, 3vw, 2.6rem); font-weight: 500; letter-spacing: -.035em; line-height: 1.1; }
    .partners-copy p { margin: 14px 0 0; color: var(--muted); font-size: .9rem; }
    .partner-logos { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; }
    .partner-logo { display: grid; place-items: center; min-height: 72px; border: 1px solid var(--line); border-radius: 13px; color: #6e7e8a; font-family: Georgia, "Times New Roman", serif; font-size: .9rem; font-weight: 700; letter-spacing: .05em; text-align: center; }

    .pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 17px; }
    .price-card { position: relative; display: flex; flex-direction: column; min-height: 440px; padding: 29px; border: 1px solid var(--line); border-radius: var(--radius); background: white; }
    .price-card.featured { border: 2px solid var(--ink); box-shadow: 0 20px 45px rgba(11, 31, 51, .13); transform: translateY(-10px); }
    .price-flag { position: absolute; top: 17px; right: 17px; padding: 6px 9px; border-radius: 999px; background: var(--accent); color: var(--ink); font-size: .6rem; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
    .price-card h3 { margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: 1.65rem; font-weight: 600; letter-spacing: -.03em; }
    .price-card .price { margin: 18px 0 4px; font-family: Georgia, "Times New Roman", serif; font-size: 2.55rem; font-weight: 500; letter-spacing: -.05em; }
    .price-card .price small { color: var(--muted); font-family: Inter, ui-sans-serif, system-ui, sans-serif; font-size: .72rem; font-weight: 700; letter-spacing: 0; }
    .price-card > p { min-height: 67px; margin: 0; color: var(--muted); font-size: .87rem; }
    .price-card ul { display: grid; gap: 10px; min-height: 145px; margin: 23px 0 27px; padding: 0; list-style: none; }
    .price-card li { display: flex; gap: 9px; color: #405468; font-size: .83rem; }
    .price-card li::before { content: "✓"; display: grid; place-items: center; flex: 0 0 19px; height: 19px; border-radius: 50%; background: #e8f5ef; color: var(--teal); font-size: .65rem; font-weight: 900; }
    .price-card .btn { margin-top: auto; width: 100%; }

    .faq-wrap { display: grid; grid-template-columns: .7fr 1.3fr; gap: 70px; align-items: start; }
    .faq-intro { position: sticky; top: 120px; }
    .faq-intro h2 { margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(2.3rem, 4vw, 3.7rem); font-weight: 500; letter-spacing: -.045em; line-height: 1.04; }
    .faq-intro p { margin: 20px 0 0; color: var(--muted); }
    .faq-item { border-bottom: 1px solid var(--line); }
    .faq-item summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 23px 0; color: var(--ink); font-weight: 800; list-style: none; cursor: pointer; }
    .faq-item summary::-webkit-details-marker { display: none; }
    .faq-item summary::after { content: "+"; display: grid; place-items: center; flex: 0 0 27px; height: 27px; border-radius: 50%; background: #e9eee2; color: var(--teal); font-size: 1.1rem; transition: transform .2s ease; }
    .faq-item[open] summary::after { transform: rotate(45deg); }
    .faq-answer { padding: 0 50px 23px 0; color: var(--muted); font-size: .92rem; }
    .faq-answer p { margin: 0; }

    .cta-section { padding: 105px 0; background: var(--accent); }
    .cta-inner { display: grid; grid-template-columns: 1.2fr .8fr; align-items: center; gap: 50px; }
    .cta-inner h2 { max-width: 700px; margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(2.5rem, 5vw, 4.7rem); font-weight: 500; letter-spacing: -.05em; line-height: .99; }
    .cta-inner p { max-width: 590px; margin: 21px 0 0; color: #2f4520; font-size: 1rem; }
    .cta-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 11px; }
    .cta-note { margin-top: 15px; color: #455b2c; font-size: .72rem; }

    footer { padding: 68px 0 26px; background: #071827; color: #c8d5de; }
    .footer-grid { display: grid; grid-template-columns: 1.4fr .7fr .7fr .9fr; gap: 50px; padding-bottom: 50px; }
    .footer-brand .brand { color: white; }
    .footer-brand .brand-tagline { color: #8fa2b0; }
    .footer-brand p { max-width: 330px; margin: 21px 0 0; color: #8fa2b0; font-size: .86rem; }
    .footer-col h3 { margin: 2px 0 16px; color: white; font-size: .75rem; letter-spacing: .12em; text-transform: uppercase; }
    .footer-col ul { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
    .footer-col a { color: #8fa2b0; font-size: .83rem; transition: color .2s ease; }
    .footer-col a:hover { color: var(--accent); }
    .contact-list { display: grid; gap: 11px; margin: 0; padding: 0; list-style: none; }
    .contact-list li { color: #8fa2b0; font-size: .83rem; }
    .contact-list strong { display: block; color: #d8e3e9; font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; }
    .social-links { display: flex; gap: 9px; margin-top: 22px; }
    .social-links a { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid rgba(255, 255, 255, .15); border-radius: 50%; color: #c8d5de; font-size: .74rem; font-weight: 850; }
    .social-links a:hover { border-color: var(--accent); color: var(--accent); }
    .footer-bottom { display: flex; justify-content: space-between; gap: 20px; padding-top: 23px; border-top: 1px solid rgba(255, 255, 255, .11); color: #738795; font-size: .73rem; }
    .footer-bottom-links { display: flex; flex-wrap: wrap; gap: 17px; }

    .reveal { opacity: 0; transform: translateY(18px); transition: opacity .6s ease, transform .6s ease; }
    .reveal.is-visible { opacity: 1; transform: translateY(0); }

    @media (max-width: 1080px) {
      .main-nav { gap: 14px; }
      .nav-link { font-size: .76rem; }
      .hero-grid { gap: 38px; }
      .floating-card.one { left: -15px; }
      .floating-card.two { right: -10px; }
      .solutions-grid { grid-template-columns: repeat(2, 1fr); }
      .footer-grid { grid-template-columns: 1.3fr .7fr .7fr; }
      .footer-col:last-child { grid-column: 1 / -1; }
    }
    @media (max-width: 860px) {
      .section { padding: 78px 0; }
      .announcement span:last-child { display: none; }
      .announcement .container { justify-content: center; }
      .header-inner { min-height: 70px; }
      .brand-tagline { display: none; }
      .menu-toggle { display: block; margin-left: auto; }
      .header-cta { display: none; }
      .main-nav { position: absolute; top: 100%; right: 0; left: 0; display: none; flex-direction: column; align-items: stretch; gap: 0; padding: 12px 20px 20px; border-bottom: 1px solid var(--line); background: var(--paper); box-shadow: 0 16px 25px rgba(11, 31, 51, .1); }
      .site-header.nav-open .main-nav { display: flex; }
      .nav-link { padding: 13px 0; border-bottom: 1px solid var(--line); font-size: .88rem; }
      .nav-link::after { display: none; }
      .hero { padding-top: 62px; }
      .hero-grid, .feature-grid, .calculator-shell, .story-grid, .faq-wrap, .cta-inner { grid-template-columns: 1fr; }
      .hero-visual { min-height: 470px; }
      .hero-image-wrap { height: 470px; }
      .hero-caption { right: 20px; bottom: 18px; left: 20px; }
      .floating-card.one { top: 25px; left: -7px; }
      .floating-card.two { right: -3px; bottom: 40px; }
      .trust-grid { grid-template-columns: repeat(2, 1fr); }
      .trust-item:nth-child(2) { border-right: 0; }
      .trust-item:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
      .market-top, .market-grid { flex-direction: column; }
      .market-inner { padding: 27px; }
      .feature-grid { gap: 42px; }
      .feature-image-wrap img { height: 470px; }
      .calculator-copy { padding: 35px; }
      .calculator-panel { border-top: 1px solid var(--line); border-left: 0; }
      .story-image-wrap img { height: 470px; }
      .partners-inner { grid-template-columns: 1fr; gap: 28px; }
      .faq-intro { position: static; }
      .cta-actions { justify-content: flex-start; }
      .footer-grid { grid-template-columns: 1.2fr 1fr 1fr; gap: 35px; }
      .footer-col:last-child { grid-column: auto; }
    }
    @media (max-width: 620px) {
      .container { width: min(var(--max), calc(100% - 28px)); }
      .announcement { font-size: .69rem; }
      .announcement .container { min-height: 31px; }
      .brand-name { font-size: 1.1rem; }
      .hero h1 { font-size: clamp(3rem, 15vw, 4.3rem); }
      .hero-actions .btn { width: 100%; }
      .hero-visual, .hero-image-wrap { min-height: 410px; height: 410px; }
      .floating-card { min-width: 175px; padding: 11px; }
      .floating-card.one { top: 18px; }
      .floating-card.two { bottom: 28px; }
      .trust-item { justify-content: flex-start; min-height: 91px; padding: 15px; }
      .trust-number { font-size: 1.65rem; }
      .trust-label { font-size: .69rem; }
      .section-head { margin-bottom: 30px; }
      .market-inner { padding: 20px; }
      .market-tabs { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; }
      .market-tab { flex: 0 0 auto; }
      .market-metrics { grid-template-columns: 1fr 1fr; }
      .solutions-grid, .insights-grid, .pricing-grid { grid-template-columns: 1fr; }
      .solution-card, .price-card { min-height: 0; }
      .price-card.featured { transform: none; }
      .feature-image-wrap img, .story-image-wrap img { height: 360px; }
      .calculator-copy, .calculator-panel { padding: 27px 21px; }
      .calc-results { grid-template-columns: 1fr; }
      .result { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
      .result strong { margin-top: 0; }
      .partner-logos { grid-template-columns: repeat(2, 1fr); }
      .partner-logo:last-child { grid-column: 1 / -1; }
      .cta-section { padding: 78px 0; }
      .footer-grid { grid-template-columns: 1fr 1fr; }
      .footer-brand, .footer-col:last-child { grid-column: 1 / -1; }
      .footer-bottom { flex-direction: column; }
    }
    @media (prefers-reduced-motion: reduce) {
      *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
    }
  </style>
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "Organization",
    "name": "Meridian Capital Review",
    "url": "https://example.com",
    "description": "Business intelligence, market analysis, financial resources, and professional advice for modern leaders.",
    "contactPoint": {
      "@type": "ContactPoint",
      "telephone": "+1-212-555-0184",
      "email": "hello@meridiancapitalreview.com",
      "contactType": "customer service"
    }
  }
  </script>
</head>
<body>
  <a class="skip-link" href="#main">Skip to main content</a>
  <div class="progress" id="progress" aria-hidden="true"></div>

  <div class="announcement">
    <div class="container">
      <span>New research</span>
      <a href="#research">Download the 2025 Board Playbook →</a>
      <span>Independent. Practical. Built for decision makers.</span>
    </div>
  </div>

  <header class="site-header" id="top">
    <div class="container header-inner">
      <a class="brand" href="#home" aria-label="Meridian Capital Review home">
        <span class="brand-mark"><img src="https://placehold.co/88x88/0b1f33/ffffff?text=MC&font=montserrat" alt="Meridian Capital Review logo" width="88" height="88"></span>
        <span class="brand-copy">
          <span class="brand-name">Meridian Capital Review</span>
          <span class="brand-tagline">Clarity for capital. Conviction for growth.</span>
        </span>
      </a>
      <button class="menu-toggle" id="menu-toggle" type="button" aria-expanded="false" aria-controls="primary-menu" aria-label="Open navigation"><span></span></button>
      <nav class="main-nav" id="primary-menu" aria-label="Primary navigation">
        <a class="nav-link" href="#home">Home</a>
        <a class="nav-link" href="#intelligence">Intelligence</a>
        <a class="nav-link" href="#solutions">Solutions</a>
        <a class="nav-link" href="#research">Research</a>
        <a class="nav-link" href="#insights">Insights</a>
        <a class="nav-link" href="#partners">Partners</a>
        <a class="nav-link" href="#pricing">Pricing</a>
        <a class="nav-link" href="#faq">FAQ</a>
      </nav>
      <a class="btn btn-primary header-cta" href="#calculator">Get Started</a>
    </div>
  </header>

  <main id="main">
    <section class="hero" id="home">
      <div class="container hero-grid">
        <div class="hero-content reveal">
          <span class="hero-eyebrow">The operating brief for ambitious operators</span>
          <h1>See the signal. <em>Make the move.</em></h1>
          <p class="hero-lead">Meridian Capital Review turns fragmented market data, corporate resources, and financial analysis into clear, actionable intelligence for leaders building the next chapter of their business.</p>
          <div class="hero-actions">
            <a class="btn btn-primary" href="#calculator">Get the Daily Brief <span aria-hidden="true">→</span></a>
            <a class="btn btn-outline" href="#research">Explore Intelligence</a>
          </div>
          <div class="hero-note"><span class="check-dot" aria-hidden="true">✓</span><span><strong>Trusted by 4,800+ finance, strategy, and operating teams.</strong> No hype. Just useful context.</span></div>
        </div>
        <div class="hero-visual reveal" aria-label="Market intelligence preview">
          <div class="hero-image-wrap">
            <img class="hero-image" src="https://picsum.photos/1100/900?grayscale&blur=1" alt="A professional analyst reviewing financial performance data in a modern office" width="1100" height="900" loading="eager">
            <div class="hero-caption"><small>Today's operating picture</small><strong>Confidence comes from context, not noise.</strong></div>
          </div>
          <div class="floating-card one">
            <span class="floating-icon">↗</span>
            <span><small>Quarterly momentum</small><strong>Operating leverage improving</strong></span>
            <span class="trend">+18.4%</span>
          </div>
          <div class="floating-card two">
            <span class="floating-icon">◫</span>
            <span><small>Decision signal</small><strong>Risk-adjusted growth outlook</strong></span>
            <span class="trend">Strong</span>
          </div>
        </div>
      </div>
    </section>

    <section class="trust-strip" aria-label="Meridian Capital Review at a glance">
      <div class="container trust-grid">
        <div class="trust-item"><span class="trust-number">4,800+</span><span class="trust-label">organizations using Meridian</span></div>
        <div class="trust-item"><span class="trust-number">140+</span><span class="trust-label">markets covered across the globe</span></div>
        <div class="trust-item"><span class="trust-number">18 min</span><span class="trust-label">median time from signal to insight</span></div>
        <div class="trust-item"><span class="trust-number">92%</span><span class="trust-label">of subscribers retain the intelligence</span></div>
      </div>
    </section>

    <section class="section" id="intelligence">
      <div class="container">
        <div class="section-head reveal">
          <span class="section-kicker">Market intelligence</span>
          <h2 class="section-title">Know what matters before the market moves.</h2>
          <p class="section-copy">We connect macro signals, company performance, and sector dynamics so your team can spend less time assembling the story and more time deciding what to do with it. Every brief is written for the room where capital is allocated.</p>
        </div>
        <div class="market-shell reveal">
          <div class="market-inner">
            <div class="market-top">
              <div>
                <span class="market-label" id="market-label">US equities</span>
                <h3 class="market-title" id="market-title">The efficiency premium is back.</h3>
                <p class="market-date" id="market-date">Updated daily · Morning operating brief</p>
              </div>
              <span class="market-date">MERIDIAN / SIGNAL DESK</span>
            </div>
            <div class="market-tabs" role="tablist" aria-label="Market views">
              <button class="market-tab active" type="button" role="tab" aria-selected="true" data-market="equities">US Equities</button>
              <button class="market-tab" type="button" role="tab" aria-selected="false" data-market="global">Global Markets</button>
              <button class="market-tab" type="button" role="tab" aria-selected="false" data-market="rates">Rates &amp; FX</button>
            </div>
            <div class="market-grid">
              <div class="market-summary">
                <p id="market-summary">Companies with disciplined capital allocation are earning a wider margin of safety. Our analysts see the strongest opportunity in firms using free cash flow to fund selective growth while keeping balance-sheet optionality intact.</p>
                <div class="market-metrics">
                  <div class="market-metric"><small>Signal strength</small><strong class="up" id="metric-one-value">78 / 100</strong></div>
                  <div class="market-metric"><small>30-day change</small><strong id="metric-two-value">+4.6%</strong></div>
                  <div class="market-metric"><small>Watchlist</small><strong id="metric-three-value">12 companies</strong></div>
                  <div class="market-metric"><small>Next catalyst</small><strong id="metric-four-value">Earnings week</strong></div>
                </div>
              </div>
              <div class="market-chart" aria-label="Illustrative market performance chart">
                <img src="https://picsum.photos/850/520?grayscale&blur=2" alt="Abstract line chart representing market performance trends" width="850" height="520" loading="lazy">
                <div class="chart-overlay">Composite signal index<strong id="chart-value">128.4</strong></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section class="section" id="solutions" style="padding-top: 25px;">
      <div class="container">
        <div class="section-head reveal">
          <span class="section-kicker">Business solutions</span>
          <h2 class="section-title">A sharper operating system for finance and strategy.</h2>
          <p class="section-copy">Meridian is built around the decisions that compound: where to invest, where to protect, and where to move first. The result is a practical intelligence layer for teams that need alignment without slowing execution.</p>
        </div>
        <div class="solutions-grid">
          <article class="solution-card reveal">
            <span class="solution-icon" aria-hidden="true">◎</span>
            <h3>Decision intelligence</h3>
            <p>Turn leading indicators into a shared view of risk, opportunity, and timing. Our analysts translate complex signals into clear recommendations your stakeholders can act on.</p>
            <a class="text-link" href="#research">See the method <span aria-hidden="true">→</span></a>
          </article>
          <article class="solution-card reveal">
            <span class="solution-icon" aria-hidden="true">↗</span>
            <h3>Capital allocation</h3>
            <p>Compare growth initiatives against cash flow, valuation, and strategic fit. Build a portfolio of investments with defensible assumptions and measurable performance metrics.</p>
            <a class="text-link" href="#calculator">Model your case <span aria-hidden="true">→</span></a>
          </article>
          <article class="solution-card reveal">
            <span class="solution-icon" aria-hidden="true">◇</span>
            <h3>Risk &amp; governance</h3>
            <p>Surface downside scenarios before they become boardroom surprises. Our research supports stronger controls, clearer accountability, and stakeholder alignment.</p>
            <a class="text-link" href="#faq">Explore the coverage <span aria-hidden="true">→</span></a>
          </article>
          <article class="solution-card reveal">
            <span class="solution-icon" aria-hidden="true">◌</span>
            <h3>Team enablement</h3>
            <p>Give every function the same language for growth. Daily briefs, sector notes, and executive workshops keep teams focused on the few moves that matter most.</p>
            <a class="text-link" href="#pricing">Find your plan <span aria-hidden="true">→</span></a>
          </article>
        </div>
      </div>
    </section>

    <section class="section" id="research" style="padding-top: 25px;">
      <div class="container feature-grid">
        <div class="feature-image-wrap reveal">
          <img src="https://placehold.co/900x1100/0b1f33/ffffff?text=Board%20Playbook&font=playfair%20display" alt="The 2025 Board Playbook cover with a minimalist navy design" width="900" height="1100" loading="lazy">
          <span class="feature-badge">Featured research</span>
        </div>
        <div class="feature-content reveal">
          <span class="section-kicker">Research library</span>
          <h2>Insight worth taking to the boardroom.</h2>
          <p>The 2025 Board Playbook examines how high-performing companies are balancing efficiency, resilience, and optionality. It is based on interviews with CFOs, operators, investors, and strategy leaders across 18 industries.</p>
          <p>Inside, you will find a practical framework for prioritizing capital, stress-testing growth assumptions, and creating a repeatable rhythm for performance review. The goal is not another deck of projections—it is a better decision system.</p>
          <ul>
            <li>A capital allocation scorecard for comparing growth bets</li>
            <li>Scenario planning prompts for volatile market conditions</li>
            <li>Metrics that connect operational work to financial outcomes</li>
          </ul>
          <div class="feature-actions">
            <a class="btn btn-primary" href="#calculator">Download Whitepaper <span aria-hidden="true">↓</span></a>
            <a class="text-link" href="#insights">Browse more research <span aria-hidden="true">→</span></a>
          </div>
        </div>
      </div>
    </section>

    <section class="section calculator-section" id="calculator">
      <div class="container calculator-shell reveal">
        <div class="calculator-copy">
          <span class="section-kicker">Interactive planning tool</span>
          <h2>Estimate the value of better decisions.</h2>
          <p>Use this simple model to explore how improved productivity, clearer priorities, and faster execution can create measurable value. Adjust the inputs to fit your organization, then use the output as a starting point for a deeper business case.</p>
          <ul>
            <li>Illustrative planning model with transparent assumptions</li>
            <li>Useful for internal conversations before a board proposal</li>
            <li>No sign-up, no email gate, no hidden complexity</li>
          </ul>
        </div>
        <div class="calculator-panel" aria-label="Business value calculator">
          <div class="calc-title"><h3>Value estimator</h3><span>Interactive</span></div>
          <div class="control">
            <div class="control-label"><label for="team-size">Team size</label><output id="team-size-output" for="team-size">60 people</output></div>
            <input id="team-size" type="range" min="10" max="250" value="60" step="5">
            <div class="range-labels"><span>10</span><span>250</span></div>
          </div>
          <div class="control">
            <div class="control-label"><label for="annual-cost">Annual efficiency program cost</label><output id="annual-cost-output" for="annual-cost">$250,000</output></div>
            <input id="annual-cost" type="range" min="50000" max="1000000" value="250000" step="10000">
            <div class="range-labels"><span>$50K</span><span>$1M</span></div>
          </div>
          <div class="control">
            <div class="control-label"><label for="uplift">Expected productivity uplift</label><output id="uplift-output" for="uplift">18%</output></div>
            <input id="uplift" type="range" min="5" max="35" value="18" step="1">
            <div class="range-labels"><span>5%</span><span>35%</span></div>
          </div>
          <div class="calc-results" aria-live="polite">
            <div class="result"><small>Annual value created</small><strong id="annual-value">$45,000</strong></div>
            <div class="result"><small>Simple payback</small><strong id="payback">66.7 months</strong></div>
            <div class="result"><small>3-year net value</small><strong id="three-year">$85,000</strong></div>
          </div>
          <p class="calc-note">Illustrative output based on annual program cost × assumed productivity uplift. Actual outcomes vary by scope, adoption, and implementation quality.</p>
        </div>
      </div>
    </section>

    <section class="section" id="insights">
      <div class="container">
        <div class="section-head reveal">
          <span class="section-kicker">Industry insights</span>
          <h2 class="section-title">The latest from the front lines of business.</h2>
          <p class="section-copy">Practical thinking for leaders navigating a market where speed, discipline, and trust all matter. Read the analysis, then bring the conversation back to your own numbers.</p>
        </div>
        <div class="insights-grid">
          <article class="insight-card reveal">
            <div class="insight-image"><img src="https://picsum.photos/700/470?grayscale&blur=1" alt="A close view of a spreadsheet and financial planning notes" width="700" height="470" loading="lazy"><span class="insight-type">Analysis</span></div>
            <div class="insight-body"><div class="insight-meta"><span>Operations</span><span>6 min read</span></div><h3>The quiet economics of operational leverage</h3><p>Why the companies creating durable advantage are not simply cutting costs—they are redesigning the work that repeats.</p></div>
          </article>
          <article class="insight-card reveal">
            <div class="insight-image"><img src="https://picsum.photos/700/470?grayscale&blur=1" alt="A finance professional reviewing a quarterly report" width="700" height="470" loading="lazy"><span class="insight-type">Finance</span></div>
            <div class="insight-body"><div class="insight-meta"><span>Finance</span><span>8 min read</span></div><h3>How finance teams are rebuilding the quarterly close</h3><p>A better close is a strategic asset when it gives leaders more time to interpret results and less time to reconcile them.</p></div>
          </article>
          <article class="insight-card reveal">
            <div class="insight-image"><img src="https://picsum.photos/700/470?grayscale&blur=1" alt="A diverse leadership team collaborating around a table" width="700" height="470" loading="lazy"><span class="insight-type">Leadership</span></div>
            <div class="insight-body"><div class="insight-meta"><span>Strategy</span><span>5 min read</span></div><h3>What stakeholder alignment looks like in practice</h3><p>Agreement is not the same as alignment. Here is how leaders create shared context without forcing false consensus.</p></div>
          </article>
        </div>
      </div>
    </section>

    <section class="section stories-section" id="stories">
      <div class="container story-grid">
        <div class="story-image-wrap reveal">
          <img src="https://picsum.photos/900/1000?grayscale&blur=2" alt="A logistics operations manager reviewing performance data" width="900" height="1000" loading="lazy">
          <div class="story-quote"><p>“Meridian helped us replace a week of manual reporting with a shared view of where growth was actually coming from.”</p><small>Chief Operating Officer, Northstar Logistics</small></div>
        </div>
        <div class="story-content reveal">
          <span class="section-kicker">Growth stories</span>
          <h2>Growth, measured.</h2>
          <p>Northstar Logistics was growing revenue but losing visibility into the economics of its fastest-moving routes. By combining a clearer performance metric set with a disciplined review cadence, the leadership team identified three route expansions worth prioritizing and two legacy services to reprice.</p>
          <p>The change did not come from a larger analytics stack. It came from giving finance, operations, and commercial teams one common definition of profitable growth—and a weekly forum for acting on it.</p>
          <div class="story-metrics">
            <div class="story-metric"><strong>28%</strong><small>Faster working-capital cycles</small></div>
            <div class="story-metric"><strong>$4.2M</strong><small>Identified annual opportunity</small></div>
            <div class="story-metric"><strong>5 days</strong><small>Shorter monthly planning cycle</small></div>
          </div>
          <a class="btn btn-accent" href="#calculator">Build your business case <span aria-hidden="true">→</span></a>
        </div>
      </div>
    </section>

    <section class="partners" id="partners">
      <div class="container partners-inner reveal">
        <div class="partners-copy">
          <span class="section-kicker">Partners</span>
          <h2>Built for the teams that keep business moving.</h2>
          <p>Meridian works alongside the advisors, platforms, and operating partners who help ambitious companies make better decisions.</p>
        </div>
        <div class="partner-logos" aria-label="Selected partners">
          <div class="partner-logo">AURELIA</div>
          <div class="partner-logo">VANTAGE</div>
          <div class="partner-logo">KESTREL</div>
          <div class="partner-logo">NORTHWICK</div>
          <div class="partner-logo">HALCYON</div>
        </div>
      </div>
    </section>

    <section class="section" id="pricing">
      <div class="container">
        <div class="section-head center reveal">
          <span class="section-kicker">Pricing</span>
          <h2 class="section-title">Simple plans, serious leverage.</h2>
          <p class="section-copy">Start with the intelligence you need today, then scale the coverage and collaboration your team deserves. Every plan includes our editorial standards, transparent methodology, and responsive analyst support.</p>
        </div>
        <div class="pricing-grid">
          <article class="price-card reveal">
            <h3>Essential</h3><div class="price">$0 <small>/ forever</small></div>
            <p>For individuals who want a sharper daily business brief and a reliable research starting point.</p>
            <ul><li>Daily market brief</li><li>Weekly research digest</li><li>Public research library</li><li>Community events</li></ul>
            <a class="btn btn-outline" href="#calculator">Get Started</a>
          </article>
          <article class="price-card featured reveal">
            <span class="price-flag">Most popular</span>
            <h3>Intelligence</h3><div class="price">$49 <small>/ user / month</small></div>
            <p>For finance, strategy, and operations teams that need context, coverage, and a shared decision rhythm.</p>
            <ul><li>Everything in Essential</li><li>Full market and sector coverage</li><li>Signal alerts and watchlists</li><li>Team workspaces and briefings</li><li>Quarterly planning workshop</li></ul>
            <a class="btn btn-primary" href="#faq">Book Demo <span aria-hidden="true">→</span></a>
          </article>
          <article class="price-card reveal">
            <h3>Enterprise</h3><div class="price">Custom</div>
            <p>For organizations that need tailored research, secure collaboration, and executive-level support.</p>
            <ul><li>Everything in Intelligence</li><li>Custom research mandates</li><li>Single sign-on and permissions</li><li>Dedicated analyst partner</li><li>Private board reporting</li></ul>
            <a class="btn btn-outline" href="mailto:hello@meridiancapitalreview.com">Talk to Us</a>
          </article>
        </div>
      </div>
    </section>

    <section class="section" id="faq" style="padding-top: 35px;">
      <div class="container faq-wrap">
        <div class="faq-intro reveal">
          <span class="section-kicker">FAQ</span>
          <h2>Answers for your next decision.</h2>
          <p>Still deciding whether Meridian is the right fit? Our team is happy to walk through your use case, data needs, and timeline.</p>
          <a class="text-link" href="mailto:hello@meridiancapitalreview.com">Ask a question <span aria-hidden="true">→</span></a>
        </div>
        <div class="faq-list reveal">
          <details class="faq-item" open>
            <summary>What exactly does Meridian Capital Review publish?</summary>
            <div class="faq-answer"><p>We publish a daily operating brief, market and sector research, practical finance resources, and original analysis on strategy, governance, and leadership. Every piece is written for decision makers and includes the assumptions, context, and performance metrics needed to evaluate the conclusion.</p></div>
          </details>
          <details class="faq-item">
            <summary>How often is the market intelligence updated?</summary>
            <div class="faq-answer"><p>Our morning brief is published on weekdays, with live signal alerts when a material market or company development changes the operating picture. Deeper sector notes are refreshed weekly, and our quarterly research library receives a formal update each season.</p></div>
          </details>
          <details class="faq-item">
            <summary>Can my team use the research in internal planning?</summary>
            <div class="faq-answer"><p>Yes. Intelligence and Enterprise subscribers can save briefs, create team watchlists, and use the research in internal planning materials. Enterprise plans also support private board reporting and customized analysis tied to your strategic priorities.</p></div>
          </details>
          <details class="faq-item">
            <summary>How do you approach risk and uncertainty?</summary>
            <div class="faq-answer"><p>We separate signals from noise, show the range of plausible outcomes, and make assumptions visible. Our work does not pretend to predict the future; it helps teams understand which decisions remain sensible across several scenarios and where a contingency plan is warranted.</p></div>
          </details>
          <details class="faq-item">
            <summary>Can I change or cancel my subscription?</summary>
            <div class="faq-answer"><p>You can manage your subscription from your account settings at any time. Monthly plans can be cancelled before the next renewal, and annual or Enterprise arrangements are supported by a dedicated account team.</p></div>
          </details>
        </div>
      </div>
    </section>

    <section class="cta-section">
      <div class="container cta-inner reveal">
        <div>
          <h2>Your next move starts with a clearer picture.</h2>
          <p>Join thousands of leaders using Meridian Capital Review to find the signal, test the assumptions, and make the case for what comes next.</p>
        </div>
        <div class="cta-actions">
          <a class="btn btn-primary" href="#calculator">Get the Daily Brief <span aria-hidden="true">→</span></a>
          <a class="btn btn-white-outline" href="#research">Download Whitepaper</a>
        </div>
        <span class="cta-note">Free to start · No credit card required · Unsubscribe anytime</span>
      </div>
    </section>
  </main>

  <footer>
    <div class="container">
      <div class="footer-grid">
        <div class="footer-brand">
          <a class="brand" href="#home" aria-label="Meridian Capital Review home">
            <span class="brand-mark"><img src="https://placehold.co/88x88/0b1f33/ffffff?text=MC&font=montserrat" alt="Meridian Capital Review logo" width="88" height="88"></span>
            <span class="brand-copy"><span class="brand-name">Meridian Capital Review</span><span class="brand-tagline">Clarity for capital. Conviction for growth.</span></span>
          </a>
          <p>Independent business intelligence and professional resources for leaders building durable, responsible companies.</p>
          <div class="social-links" aria-label="Social media links">
            <a href="#top" aria-label="LinkedIn">in</a>
            <a href="#top" aria-label="X">X</a>
            <a href="#top" aria-label="YouTube">▶</a>
            <a href="#top" aria-label="RSS feed">◔</a>
          </div>
        </div>
        <div class="footer-col">
          <h3>Explore</h3>
          <ul><li><a href="#intelligence">Intelligence</a></li><li><a href="#solutions">Solutions</a></li><li><a href="#research">Research</a></li><li><a href="#insights">Insights</a></li><li><a href="#stories">Growth stories</a></li></ul>
        </div>
        <div class="footer-col">
          <h3>Company</h3>
          <ul><li><a href="#partners">Partners</a></li><li><a href="#pricing">Pricing</a></li><li><a href="#faq">FAQ</a></li><li><a href="#top">About us</a></li><li><a href="mailto:careers@meridiancapitalreview.com">Careers</a></li></ul>
        </div>
        <div class="footer-col">
          <h3>Contact</h3>
          <ul class="contact-list">
            <li><strong>Address</strong>1200 Meridian Avenue, Suite 800<br>New York, NY 10013</li>
            <li><strong>Phone</strong><a href="tel:+12125550184">+1 212 555 0184</a></li>
            <li><strong>Email</strong><a href="mailto:hello@meridiancapitalreview.com">hello@meridiancapitalreview.com</a></li>
            <li><strong>Hours</strong>Monday–Friday<br>8:00–18:00 ET</li>
          </ul>
        </div>
      </div>
      <div class="footer-bottom">
        <span>© <span id="year">2025</span> Meridian Capital Review. All rights reserved.</span>
        <div class="footer-bottom-links"><a href="#top">Privacy Policy</a><a href="#top">Terms of Use</a><a href="#top">Accessibility</a><a href="#top">Cookie Preferences</a></div>
      </div>
    </div>
  </footer>

  <script>
    (function () {
      const header = document.querySelector('.site-header');
      const menuToggle = document.getElementById('menu-toggle');
      const menu = document.getElementById('primary-menu');
      const progress = document.getElementById('progress');
      const revealElements = document.querySelectorAll('.reveal');

      menuToggle.addEventListener('click', function () {
        const isOpen = header.classList.toggle('nav-open');
        menuToggle.setAttribute('aria-expanded', String(isOpen));
        menuToggle.setAttribute('aria-label', isOpen ? 'Close navigation' : 'Open navigation');
      });
      menu.querySelectorAll('a').forEach(function (link) {
        link.addEventListener('click', function () {
          header.classList.remove('nav-open');
          menuToggle.setAttribute('aria-expanded', 'false');
          menuToggle.setAttribute('aria-label', 'Open navigation');
        });
      });
      document.addEventListener('keydown', function (event) {
        if (event.key === 'Escape') {
          header.classList.remove('nav-open');
          menuToggle.setAttribute('aria-expanded', 'false');
          menuToggle.setAttribute('aria-label', 'Open navigation');
        }
      });

      function updateProgress() {
        const scrollTop = window.scrollY || document.documentElement.scrollTop;
        const scrollable = document.documentElement.scrollHeight - window.innerHeight;
        progress.style.width = (scrollable > 0 ? (scrollTop / scrollable) * 100 : 0) + '%';
      }
      window.addEventListener('scroll', updateProgress, { passive: true });
      updateProgress();

      if ('IntersectionObserver' in window) {
        const observer = new IntersectionObserver(function (entries) {
          entries.forEach(function (entry) {
            if (entry.isIntersecting) {
              entry.target.classList.add('is-visible');
              observer.unobserve(entry.target);
            }
          });
        }, { threshold: 0.12 });
        revealElements.forEach(function (element) { observer.observe(element); });
      } else {
        revealElements.forEach(function (element) { element.classList.add('is-visible'); });
      }

      const marketData = {
        equities: {
          label: 'US equities',
          title: 'The efficiency premium is back.',
          summary: 'Companies with disciplined capital allocation are earning a wider margin of safety. Our analysts see the strongest opportunity in firms using free cash flow to fund selective growth while keeping balance-sheet optionality intact.',
          one: '78 / 100', two: '+4.6%', three: '12 companies', four: 'Earnings week', chart: '128.4'
        },
        global: {
          label: 'Global markets',
          title: 'Diversification is earning its keep.',
          summary: 'Cross-border revenue streams and regional supply-chain redundancy are helping resilient companies convert geographic diversity into a more stable earnings profile. The next edge is execution, not exposure alone.',
          one: '71 / 100', two: '+2.8%', three: '24 markets', four: 'Policy calendar', chart: '114.7'
        },
        rates: {
          label: 'Rates & FX',
          title: 'Volatility is a planning variable.',
          summary: 'The most prepared organizations treat funding costs and currency movements as operating inputs. Our rate desk recommends stress-testing debt maturities, natural hedges, and working-capital timing before the next pricing cycle.',
          one: '64 / 100', two: '-0.9%', three: '9 watchpoints', four: 'Fed decision', chart: '98.2'
        }
      };
      const marketTabs = document.querySelectorAll('.market-tab');
      marketTabs.forEach(function (tab) {
        tab.addEventListener('click', function () {
          marketTabs.forEach(function (item) {
            item.classList.remove('active');
            item.setAttribute('aria-selected', 'false');
          });
          tab.classList.add('active');
          tab.setAttribute('aria-selected', 'true');
          const data = marketData[tab.dataset.market];
          document.getElementById('market-label').textContent = data.label;
          document.getElementById('market-title').textContent = data.title;
          document.getElementById('market-summary').textContent = data.summary;
          document.getElementById('metric-one-value').textContent = data.one;
          document.getElementById('metric-two-value').textContent = data.two;
          document.getElementById('metric-three-value').textContent = data.three;
          document.getElementById('metric-four-value').textContent = data.four;
          document.getElementById('chart-value').textContent = data.chart;
        });
      });

      const money = new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD', maximumFractionDigits: 0 });
      const teamInput = document.getElementById('team-size');
      const costInput = document.getElementById('annual-cost');
      const upliftInput = document.getElementById('uplift');
      const teamOutput = document.getElementById('team-size-output');
      const costOutput = document.getElementById('annual-cost-output');
      const upliftOutput = document.getElementById('uplift-output');
      const annualValue = document.getElementById('annual-value');
      const payback = document.getElementById('payback');
      const threeYear = document.getElementById('three-year');
      function updateCalculator() {
        const team = Number(teamInput.value);
        const cost = Number(costInput.value);
        const uplift = Number(upliftInput.value) / 100;
        const value = cost * uplift;
        const paybackMonths = value > 0 ? 12 / uplift : 0;
        const threeYearValue = value * 3 - cost;
        teamOutput.textContent = team + (team === 1 ? ' person' : ' people');
        costOutput.textContent = money.format(cost);
        upliftOutput.textContent = upliftInput.value + '%';
        annualValue.textContent = money.format(value);
        payback.textContent = paybackMonths >= 12 ? (paybackMonths / 12).toFixed(1) + ' years' : Math.round(paybackMonths) + ' months';
        threeYear.textContent = money.format(threeYearValue);
      }
      [teamInput, costInput, upliftInput].forEach(function (input) { input.addEventListener('input', updateCalculator); });
      updateCalculator();

      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:55:29.596Z",
  "url": "https://benchmark.aimac.invalid/8dfc1bd7b0bee3b3f65cd0bc46e9b78ca784b1d81f4dda6096e95c4bdb54f4b1.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": "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": "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": []
    },
    {
      "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=\"#home\" aria-label=\"Meridian Capital Review home\">",
          "target": [
            ".header-inner > .brand[aria-label=\"Meridian Capital Review home\"][href$=\"#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=\"#home\" aria-label=\"Meridian Capital Review home\">",
          "target": [
            ".header-inner > .brand[aria-label=\"Meridian Capital Review home\"][href$=\"#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=\"market-tabs\" role=\"tablist\" aria-label=\"Market views\">",
          "target": [
            ".market-tabs"
          ]
        }
      ]
    },
    {
      "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>",
          "target": [
            "body"
          ]
        }
      ]
    },
    {
      "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": "<div class=\"progress\" id=\"progress\" aria-hidden=\"true\" style=\"width: 0%;\"></div>",
          "target": [
            "#progress"
          ]
        }
      ]
    },
    {
      "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=\"#home\" aria-label=\"Meridian Capital Review home\">",
          "target": [
            ".header-inner > .brand[aria-label=\"Meridian Capital Review home\"][href$=\"#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=\"market-tabs\" role=\"tablist\" aria-label=\"Market views\">",
          "target": [
            ".market-tabs"
          ]
        }
      ]
    },
    {
      "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=\"market-tabs\" role=\"tablist\" aria-label=\"Market views\">",
          "target": [
            ".market-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=\"market-tab active\" type=\"button\" role=\"tab\" aria-selected=\"true\" data-market=\"equities\">US Equities</button>",
          "target": [
            ".active"
          ]
        }
      ]
    },
    {
      "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=\"market-tabs\" role=\"tablist\" aria-label=\"Market views\">",
          "target": [
            ".market-tabs"
          ]
        }
      ]
    },
    {
      "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=\"#home\" aria-label=\"Meridian Capital Review home\">",
          "target": [
            ".header-inner > .brand[aria-label=\"Meridian Capital Review home\"][href$=\"#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=\"#home\" aria-label=\"Meridian Capital Review home\">",
          "target": [
            ".header-inner > .brand[aria-label=\"Meridian Capital Review home\"][href$=\"#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": "<section class=\"section\" id=\"solutions\" style=\"padding-top: 25px;\">",
          "target": [
            "#solutions"
          ]
        }
      ]
    },
    {
      "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=\"market-tab active\" type=\"button\" role=\"tab\" aria-selected=\"true\" data-market=\"equities\">US Equities</button>",
          "target": [
            ".active"
          ]
        }
      ]
    },
    {
      "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>See the signal. <em>Make the move.</em></h1>",
                  "target": [
                    "h1"
                  ]
                },
                {
                  "html": "<h2 class=\"section-title\">Know what matters before the market moves.</h2>",
                  "target": [
                    "#intelligence > .container > .section-head.reveal > .section-title"
                  ]
                },
                {
                  "html": "<h3 class=\"market-title\" id=\"market-title\">The efficiency premium is back.</h3>",
                  "target": [
                    "#market-title"
                  ]
                },
                {
                  "html": "<h2 class=\"section-title\">A sharper operating system for finance and strategy.</h2>",
                  "target": [
                    "#solutions > .container > .section-head.reveal > .section-title"
                  ]
                },
                {
                  "html": "<h3>Decision intelligence</h3>",
                  "target": [
                    ".solution-card:nth-child(1) > h3"
                  ]
                },
                {
                  "html": "<h3>Capital allocation</h3>",
                  "target": [
                    ".solution-card:nth-child(2) > h3"
                  ]
                },
                {
                  "html": "<h3>Risk &amp; governance</h3>",
                  "target": [
                    ".solution-card:nth-child(3) > h3"
                  ]
                },
                {
                  "html": "<h3>Team enablement</h3>",
                  "target": [
                    ".solution-card:nth-child(4) > h3"
                  ]
                },
                {
                  "html": "<h2>Insight worth taking to the boardroom.</h2>",
                  "target": [
                    ".feature-content > h2"
                  ]
                },
                {
                  "html": "<h2>Estimate the value of better decisions.</h2>",
                  "target": [
                    ".calculator-copy > h2"
                  ]
                },
                {
                  "html": "<h3>Value estimator</h3>",
                  "target": [
                    ".calc-title > h3"
                  ]
                },
                {
                  "html": "<h2 class=\"section-title\">The latest from the front lines of business.</h2>",
                  "target": [
                    "#insights > .container > .section-head.reveal > .section-title"
                  ]
                },
                {
                  "html": "<h3>The quiet economics of operational leverage</h3>",
                  "target": [
                    ".insight-card:nth-child(1) > .insight-body > h3"
                  ]
                },
                {
                  "html": "<h3>How finance teams are rebuilding the quarterly close</h3>",
                  "target": [
                    ".insight-card:nth-child(2) > .insight-body > h3"
                  ]
                },
                {
                  "html": "<h3>What stakeholder alignment looks like in practice</h3>",
                  "target": [
                    ".insight-card:nth-child(3) > .insight-body > h3"
                  ]
                },
                {
                  "html": "<h2>Growth, measured.</h2>",
                  "target": [
                    ".story-content > h2"
                  ]
                },
                {
                  "html": "<h2>Built for the teams that keep business moving.</h2>",
                  "target": [
                    ".partners-copy > h2"
                  ]
                },
                {
                  "html": "<h2 class=\"section-title\">Simple plans, serious leverage.</h2>",
                  "target": [
                    ".center > .section-title"
                  ]
                },
                {
                  "html": "<h3>Essential</h3>",
                  "target": [
                    ".price-card:nth-child(1) > h3"
                  ]
                },
                {
                  "html": "<h3>Intelligence</h3>",
                  "target": [
                    ".featured > h3"
                  ]
                },
                {
                  "html": "<h3>Enterprise</h3>",
                  "target": [
                    ".price-card:nth-child(3) > h3"
                  ]
                },
                {
                  "html": "<h2>Answers for your next decision.</h2>",
                  "target": [
                    ".faq-intro > h2"
                  ]
                },
                {
                  "html": "<h2>Your next move starts with a clearer picture.</h2>",
                  "target": [
                    ".cta-inner > div:nth-child(1) > h2"
                  ]
                },
                {
                  "html": "<h3>Explore</h3>",
                  "target": [
                    ".footer-col:nth-child(2) > h3"
                  ]
                },
                {
                  "html": "<h3>Company</h3>",
                  "target": [
                    ".footer-col:nth-child(3) > h3"
                  ]
                },
                {
                  "html": "<h3>Contact</h3>",
                  "target": [
                    ".footer-col:nth-child(4) > h3"
                  ]
                }
              ],
              "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": "#c8d8e3",
                "bgColor": "#071827",
                "contrastRatio": 12.3,
                "fontSize": "9.2pt (12.32px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element has sufficient color contrast of 12.3"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<span>New research</span>",
          "target": [
            ".container > span:nth-child(1)"
          ]
        }
      ]
    },
    {
      "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-menu",
              "relatedNodes": [],
              "impact": "critical",
              "message": "Document has no elements referenced with ARIA or labels that share the same id attribute"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<nav class=\"main-nav\" id=\"primary-menu\" aria-label=\"Primary navigation\">",
          "target": [
            "#primary-menu"
          ]
        }
      ]
    },
    {
      "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 for=\"team-size\">Team size</label>",
                  "target": [
                    "label[for=\"team-size\"]"
                  ]
                }
              ],
              "impact": "moderate",
              "message": "Form field does not have multiple label elements"
            }
          ],
          "impact": null,
          "html": "<input id=\"team-size\" type=\"range\" min=\"10\" max=\"250\" value=\"60\" step=\"5\">",
          "target": [
            "#team-size"
          ]
        }
      ]
    },
    {
      "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/88x88/0b1f33/ffffff?text=MC&amp;font=montserrat\" alt=\"Meridian Capital Review logo\" width=\"88\" height=\"88\">",
          "target": [
            ".header-inner > .brand[aria-label=\"Meridian Capital Review home\"][href$=\"#home\"] > .brand-mark > img[alt=\"Meridian Capital Review logo\"][width=\"88\"][height=\"88\"]"
          ]
        }
      ]
    },
    {
      "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 for=\"team-size\">Team size</label>",
                  "target": [
                    "label[for=\"team-size\"]"
                  ]
                }
              ],
              "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 id=\"team-size\" type=\"range\" min=\"10\" max=\"250\" value=\"60\" step=\"5\">",
          "target": [
            "#team-size"
          ]
        }
      ]
    },
    {
      "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 main 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>\n            <li>A capital allocation scorecard for comparing growth bets</li>\n            <li>Scenario planning prompts for volatile market conditions</li>\n            <li>Metrics that connect operational work to financial outcomes</li>\n          </ul>",
          "target": [
            ".feature-content > ul"
          ]
        }
      ]
    },
    {
      "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 capital allocation scorecard for comparing growth bets</li>",
          "target": [
            ".feature-content > ul > 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\">",
          "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/88x88/0b1f33/ffffff?text=MC&amp;font=montserrat\" alt=\"Meridian Capital Review logo\" width=\"88\" height=\"88\">",
          "target": [
            ".header-inner > .brand[aria-label=\"Meridian Capital Review home\"][href$=\"#home\"] > .brand-mark > img[alt=\"Meridian Capital Review logo\"][width=\"88\"][height=\"88\"]"
          ]
        }
      ]
    },
    {
      "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>What exactly does Meridian Capital Review publish?</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": 180.8,
                "height": 45.6
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Control has sufficient size (180.8px by 45.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 main 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=\"hero-visual reveal is-visible\" aria-label=\"Market intelligence preview\">",
          "target": [
            ".hero-visual"
          ],
          "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": "bold",
                "messageKey": "bgGradient",
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"hero\" id=\"home\">",
                  "target": [
                    "#home"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element's background color could not be determined due to a background gradient"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"hero-eyebrow\">The operating brief for ambitious operators</span>",
          "target": [
            ".hero-eyebrow"
          ],
          "failureSummary": "Fix any of the following:\n  Element's background color could not be determined due to a background gradient"
        }
      ]
    },
    {
      "id": "link-in-text-block",
      "impact": "serious",
      "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": [
        {
          "any": [
            {
              "id": "link-in-text-block",
              "data": {
                "messageKey": "bgOverlap"
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"footer-brand\">",
                  "target": [
                    ".footer-brand"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element's contrast ratio could not be determined because of element overlap"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a class=\"brand\" href=\"#home\" aria-label=\"Meridian Capital Review home\">",
          "target": [
            ".footer-brand > .brand[aria-label=\"Meridian Capital Review home\"][href$=\"#home\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element's contrast ratio could not be determined because of element overlap"
        }
      ]
    }
  ],
  "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": "#607181",
                "bgColor": "#f5f2ea",
                "contrastRatio": 4.49,
                "fontSize": "7.4pt (9.92px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<header class=\"site-header\" id=\"top\">",
                  "target": [
                    "#top"
                  ]
                },
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.49 (foreground color: #607181, background color: #f5f2ea, font size: 7.4pt (9.92px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"brand-tagline\">Clarity for capital. Conviction for growth.</span>",
          "target": [
            ".header-inner > .brand[aria-label=\"Meridian Capital Review home\"][href$=\"#home\"] > .brand-copy > .brand-tagline"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.49 (foreground color: #607181, background color: #f5f2ea, font size: 7.4pt (9.92px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#167d73",
                "bgColor": "#f5f2ea",
                "contrastRatio": 4.45,
                "fontSize": "9.1pt (12.16px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.45 (foreground color: #167d73, background color: #f5f2ea, font size: 9.1pt (12.16px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"section-kicker\">Market intelligence</span>",
          "target": [
            ".is-visible.section-head.reveal > .section-kicker"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.45 (foreground color: #167d73, background color: #f5f2ea, font size: 9.1pt (12.16px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#607181",
                "bgColor": "#f5f2ea",
                "contrastRatio": 4.49,
                "fontSize": "12.7pt (16.96px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.49 (foreground color: #607181, background color: #f5f2ea, font size: 12.7pt (16.96px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"section-copy\">We connect macro signals, company performance, and sector dynamics so your team can spend less time assembling the story and more time deciding what to do with it. Every brief is written for the room where capital is allocated.</p>",
          "target": [
            ".is-visible.section-head.reveal > .section-copy"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.49 (foreground color: #607181, background color: #f5f2ea, font size: 12.7pt (16.96px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#167d73",
                "bgColor": "#f5f2ea",
                "contrastRatio": 4.45,
                "fontSize": "9.1pt (12.16px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.45 (foreground color: #167d73, background color: #f5f2ea, font size: 9.1pt (12.16px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"section-kicker\">Market intelligence</span>",
          "target": [
            ".section-head.is-visible.reveal > .section-kicker"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.45 (foreground color: #167d73, background color: #f5f2ea, font size: 9.1pt (12.16px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#607181",
                "bgColor": "#f5f2ea",
                "contrastRatio": 4.49,
                "fontSize": "12.7pt (16.96px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.49 (foreground color: #607181, background color: #f5f2ea, font size: 12.7pt (16.96px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"section-copy\">We connect macro signals, company performance, and sector dynamics so your team can spend less time assembling the story and more time deciding what to do with it. Every brief is written for the room where capital is allocated.</p>",
          "target": [
            ".section-head.is-visible.reveal > .section-copy"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.49 (foreground color: #607181, background color: #f5f2ea, font size: 12.7pt (16.96px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#167d73",
                "bgColor": "#f5f2ea",
                "contrastRatio": 4.45,
                "fontSize": "9.1pt (12.16px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.45 (foreground color: #167d73, background color: #f5f2ea, font size: 9.1pt (12.16px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"section-kicker\">Market intelligence</span>",
          "target": [
            "#intelligence > .container > .section-head.is-visible.reveal > .section-kicker"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.45 (foreground color: #167d73, background color: #f5f2ea, font size: 9.1pt (12.16px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#607181",
                "bgColor": "#f5f2ea",
                "contrastRatio": 4.49,
                "fontSize": "12.7pt (16.96px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.49 (foreground color: #607181, background color: #f5f2ea, font size: 12.7pt (16.96px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"section-copy\">We connect macro signals, company performance, and sector dynamics so your team can spend less time assembling the story and more time deciding what to do with it. Every brief is written for the room where capital is allocated.</p>",
          "target": [
            "#intelligence > .container > .section-head.is-visible.reveal > .section-copy"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.49 (foreground color: #607181, background color: #f5f2ea, font size: 12.7pt (16.96px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#167d73",
                "bgColor": "#f5f2ea",
                "contrastRatio": 4.45,
                "fontSize": "9.1pt (12.16px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.45 (foreground color: #167d73, background color: #f5f2ea, font size: 9.1pt (12.16px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"section-kicker\">Business solutions</span>",
          "target": [
            "#solutions > .container > .section-head.is-visible.reveal > .section-kicker"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.45 (foreground color: #167d73, background color: #f5f2ea, font size: 9.1pt (12.16px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#607181",
                "bgColor": "#f5f2ea",
                "contrastRatio": 4.49,
                "fontSize": "12.7pt (16.96px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.49 (foreground color: #607181, background color: #f5f2ea, font size: 12.7pt (16.96px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"section-copy\">Meridian is built around the decisions that compound: where to invest, where to protect, and where to move first. The result is a practical intelligence layer for teams that need alignment without slowing execution.</p>",
          "target": [
            "#solutions > .container > .section-head.is-visible.reveal > .section-copy"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.49 (foreground color: #607181, background color: #f5f2ea, font size: 12.7pt (16.96px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#167d73",
                "bgColor": "#f5f2ea",
                "contrastRatio": 4.45,
                "fontSize": "9.1pt (12.16px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.45 (foreground color: #167d73, background color: #f5f2ea, font size: 9.1pt (12.16px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"section-kicker\">Research library</span>",
          "target": [
            ".feature-content > .section-kicker"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.45 (foreground color: #167d73, background color: #f5f2ea, font size: 9.1pt (12.16px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#607181",
                "bgColor": "#f5f2ea",
                "contrastRatio": 4.49,
                "fontSize": "12.0pt (16px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.49 (foreground color: #607181, background color: #f5f2ea, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>The 2025 Board Playbook examines how high-performing companies are balancing efficiency, resilience, and optionality. It is based on interviews with CFOs, operators, investors, and strategy leaders across 18 industries.</p>",
          "target": [
            ".feature-content > p:nth-child(3)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.49 (foreground color: #607181, background color: #f5f2ea, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#607181",
                "bgColor": "#f5f2ea",
                "contrastRatio": 4.49,
                "fontSize": "12.0pt (16px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.49 (foreground color: #607181, background color: #f5f2ea, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Inside, you will find a practical framework for prioritizing capital, stress-testing growth assumptions, and creating a repeatable rhythm for performance review. The goal is not another deck of projections\u2014it is a better decision system.</p>",
          "target": [
            ".feature-content > p:nth-child(4)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.49 (foreground color: #607181, background color: #f5f2ea, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#8a979f",
                "bgColor": "#f8f9f4",
                "contrastRatio": 2.83,
                "fontSize": "8.0pt (10.72px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"calculator-panel\" aria-label=\"Business value calculator\">",
                  "target": [
                    ".calculator-panel"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.83 (foreground color: #8a979f, background color: #f8f9f4, font size: 8.0pt (10.72px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>10</span>",
          "target": [
            ".control:nth-child(2) > .range-labels > span:nth-child(1)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.83 (foreground color: #8a979f, background color: #f8f9f4, font size: 8.0pt (10.72px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#8a979f",
                "bgColor": "#f8f9f4",
                "contrastRatio": 2.83,
                "fontSize": "8.0pt (10.72px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"calculator-panel\" aria-label=\"Business value calculator\">",
                  "target": [
                    ".calculator-panel"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.83 (foreground color: #8a979f, background color: #f8f9f4, font size: 8.0pt (10.72px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>250</span>",
          "target": [
            ".control:nth-child(2) > .range-labels > span:nth-child(2)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.83 (foreground color: #8a979f, background color: #f8f9f4, font size: 8.0pt (10.72px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#8a979f",
                "bgColor": "#f8f9f4",
                "contrastRatio": 2.83,
                "fontSize": "8.0pt (10.72px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"calculator-panel\" aria-label=\"Business value calculator\">",
                  "target": [
                    ".calculator-panel"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.83 (foreground color: #8a979f, background color: #f8f9f4, font size: 8.0pt (10.72px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>$50K</span>",
          "target": [
            ".control:nth-child(3) > .range-labels > span:nth-child(1)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.83 (foreground color: #8a979f, background color: #f8f9f4, font size: 8.0pt (10.72px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#8a979f",
                "bgColor": "#f8f9f4",
                "contrastRatio": 2.83,
                "fontSize": "8.0pt (10.72px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"calculator-panel\" aria-label=\"Business value calculator\">",
                  "target": [
                    ".calculator-panel"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.83 (foreground color: #8a979f, background color: #f8f9f4, font size: 8.0pt (10.72px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>$1M</span>",
          "target": [
            ".control:nth-child(3) > .range-labels > span:nth-child(2)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.83 (foreground color: #8a979f, background color: #f8f9f4, font size: 8.0pt (10.72px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#8a979f",
                "bgColor": "#f8f9f4",
                "contrastRatio": 2.83,
                "fontSize": "8.0pt (10.72px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"calculator-panel\" aria-label=\"Business value calculator\">",
                  "target": [
                    ".calculator-panel"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.83 (foreground color: #8a979f, background color: #f8f9f4, font size: 8.0pt (10.72px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>5%</span>",
          "target": [
            ".control:nth-child(4) > .range-labels > span:nth-child(1)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.83 (foreground color: #8a979f, background color: #f8f9f4, font size: 8.0pt (10.72px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#8a979f",
                "bgColor": "#f8f9f4",
                "contrastRatio": 2.83,
                "fontSize": "8.0pt (10.72px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"calculator-panel\" aria-label=\"Business value calculator\">",
                  "target": [
                    ".calculator-panel"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.83 (foreground color: #8a979f, background color: #f8f9f4, font size: 8.0pt (10.72px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>35%</span>",
          "target": [
            ".control:nth-child(4) > .range-labels > span:nth-child(2)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.83 (foreground color: #8a979f, background color: #f8f9f4, font size: 8.0pt (10.72px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#8a979f",
                "bgColor": "#f8f9f4",
                "contrastRatio": 2.83,
                "fontSize": "8.2pt (10.88px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"calculator-panel\" aria-label=\"Business value calculator\">",
                  "target": [
                    ".calculator-panel"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.83 (foreground color: #8a979f, background color: #f8f9f4, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"calc-note\">Illustrative output based on annual program cost \u00d7 assumed productivity uplift. Actual outcomes vary by scope, adoption, and implementation quality.</p>",
          "target": [
            ".calc-note"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.83 (foreground color: #8a979f, background color: #f8f9f4, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#167d73",
                "bgColor": "#f5f2ea",
                "contrastRatio": 4.45,
                "fontSize": "9.1pt (12.16px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.45 (foreground color: #167d73, background color: #f5f2ea, font size: 9.1pt (12.16px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"section-kicker\">Industry insights</span>",
          "target": [
            "#insights > .container > .section-head.is-visible.reveal > .section-kicker"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.45 (foreground color: #167d73, background color: #f5f2ea, font size: 9.1pt (12.16px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#607181",
                "bgColor": "#f5f2ea",
                "contrastRatio": 4.49,
                "fontSize": "12.7pt (16.96px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.49 (foreground color: #607181, background color: #f5f2ea, font size: 12.7pt (16.96px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"section-copy\">Practical thinking for leaders navigating a market where speed, discipline, and trust all matter. Read the analysis, then bring the conversation back to your own numbers.</p>",
          "target": [
            "#insights > .container > .section-head.is-visible.reveal > .section-copy"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.49 (foreground color: #607181, background color: #f5f2ea, font size: 12.7pt (16.96px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e7e8a",
                "bgColor": "#ffffff",
                "contrastRatio": 4.18,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"partners\" id=\"partners\">",
                  "target": [
                    "#partners"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.18 (foreground color: #6e7e8a, background color: #ffffff, font size: 10.8pt (14.4px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"partner-logo\">AURELIA</div>",
          "target": [
            ".partner-logo:nth-child(1)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.18 (foreground color: #6e7e8a, background color: #ffffff, font size: 10.8pt (14.4px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e7e8a",
                "bgColor": "#ffffff",
                "contrastRatio": 4.18,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"partners\" id=\"partners\">",
                  "target": [
                    "#partners"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.18 (foreground color: #6e7e8a, background color: #ffffff, font size: 10.8pt (14.4px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"partner-logo\">VANTAGE</div>",
          "target": [
            ".partner-logo:nth-child(2)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.18 (foreground color: #6e7e8a, background color: #ffffff, font size: 10.8pt (14.4px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e7e8a",
                "bgColor": "#ffffff",
                "contrastRatio": 4.18,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"partners\" id=\"partners\">",
                  "target": [
                    "#partners"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.18 (foreground color: #6e7e8a, background color: #ffffff, font size: 10.8pt (14.4px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"partner-logo\">KESTREL</div>",
          "target": [
            ".partner-logo:nth-child(3)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.18 (foreground color: #6e7e8a, background color: #ffffff, font size: 10.8pt (14.4px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e7e8a",
                "bgColor": "#ffffff",
                "contrastRatio": 4.18,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"partners\" id=\"partners\">",
                  "target": [
                    "#partners"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.18 (foreground color: #6e7e8a, background color: #ffffff, font size: 10.8pt (14.4px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"partner-logo\">NORTHWICK</div>",
          "target": [
            ".partner-logo:nth-child(4)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.18 (foreground color: #6e7e8a, background color: #ffffff, font size: 10.8pt (14.4px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6e7e8a",
                "bgColor": "#ffffff",
                "contrastRatio": 4.18,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"partners\" id=\"partners\">",
                  "target": [
                    "#partners"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.18 (foreground color: #6e7e8a, background color: #ffffff, font size: 10.8pt (14.4px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"partner-logo\">HALCYON</div>",
          "target": [
            ".partner-logo:nth-child(5)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.18 (foreground color: #6e7e8a, background color: #ffffff, font size: 10.8pt (14.4px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#167d73",
                "bgColor": "#f5f2ea",
                "contrastRatio": 4.45,
                "fontSize": "9.1pt (12.16px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.45 (foreground color: #167d73, background color: #f5f2ea, font size: 9.1pt (12.16px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"section-kicker\">Pricing</span>",
          "target": [
            ".center > .section-kicker"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.45 (foreground color: #167d73, background color: #f5f2ea, font size: 9.1pt (12.16px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#607181",
                "bgColor": "#f5f2ea",
                "contrastRatio": 4.49,
                "fontSize": "12.7pt (16.96px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.49 (foreground color: #607181, background color: #f5f2ea, font size: 12.7pt (16.96px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"section-copy\">Start with the intelligence you need today, then scale the coverage and collaboration your team deserves. Every plan includes our editorial standards, transparent methodology, and responsive analyst support.</p>",
          "target": [
            ".center > .section-copy"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.49 (foreground color: #607181, background color: #f5f2ea, font size: 12.7pt (16.96px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#167d73",
                "bgColor": "#f5f2ea",
                "contrastRatio": 4.45,
                "fontSize": "9.1pt (12.16px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.45 (foreground color: #167d73, background color: #f5f2ea, font size: 9.1pt (12.16px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"section-kicker\">FAQ</span>",
          "target": [
            ".faq-intro > .section-kicker"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.45 (foreground color: #167d73, background color: #f5f2ea, font size: 9.1pt (12.16px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#607181",
                "bgColor": "#f5f2ea",
                "contrastRatio": 4.49,
                "fontSize": "12.0pt (16px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.49 (foreground color: #607181, background color: #f5f2ea, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Still deciding whether Meridian is the right fit? Our team is happy to walk through your use case, data needs, and timeline.</p>",
          "target": [
            ".faq-intro > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.49 (foreground color: #607181, background color: #f5f2ea, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#607181",
                "bgColor": "#f5f2ea",
                "contrastRatio": 4.49,
                "fontSize": "11.0pt (14.72px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.49 (foreground color: #607181, background color: #f5f2ea, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>",
          "target": [
            "details[open=\"\"] > .faq-answer > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.49 (foreground color: #607181, background color: #f5f2ea, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#167d73",
                "bgColor": "#f5f2ea",
                "contrastRatio": 4.45,
                "fontSize": "9.1pt (12.16px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.45 (foreground color: #167d73, background color: #f5f2ea, font size: 9.1pt (12.16px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"section-kicker\">Market intelligence</span>",
          "target": [
            "#intelligence > .container > .section-head.reveal.is-visible > .section-kicker"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.45 (foreground color: #167d73, background color: #f5f2ea, font size: 9.1pt (12.16px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#607181",
                "bgColor": "#f5f2ea",
                "contrastRatio": 4.49,
                "fontSize": "12.7pt (16.96px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.49 (foreground color: #607181, background color: #f5f2ea, font size: 12.7pt (16.96px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"section-copy\">We connect macro signals, company performance, and sector dynamics so your team can spend less time assembling the story and more time deciding what to do with it. Every brief is written for the room where capital is allocated.</p>",
          "target": [
            "#intelligence > .container > .section-head.reveal.is-visible > .section-copy"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.49 (foreground color: #607181, background color: #f5f2ea, font size: 12.7pt (16.96px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#167d73",
                "bgColor": "#f5f2ea",
                "contrastRatio": 4.45,
                "fontSize": "9.1pt (12.16px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.45 (foreground color: #167d73, background color: #f5f2ea, font size: 9.1pt (12.16px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"section-kicker\">Business solutions</span>",
          "target": [
            "#solutions > .container > .section-head.reveal.is-visible > .section-kicker"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.45 (foreground color: #167d73, background color: #f5f2ea, font size: 9.1pt (12.16px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#607181",
                "bgColor": "#f5f2ea",
                "contrastRatio": 4.49,
                "fontSize": "12.7pt (16.96px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.49 (foreground color: #607181, background color: #f5f2ea, font size: 12.7pt (16.96px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"section-copy\">Meridian is built around the decisions that compound: where to invest, where to protect, and where to move first. The result is a practical intelligence layer for teams that need alignment without slowing execution.</p>",
          "target": [
            "#solutions > .container > .section-head.reveal.is-visible > .section-copy"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.49 (foreground color: #607181, background color: #f5f2ea, font size: 12.7pt (16.96px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#167d73",
                "bgColor": "#f5f2ea",
                "contrastRatio": 4.45,
                "fontSize": "9.1pt (12.16px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.45 (foreground color: #167d73, background color: #f5f2ea, font size: 9.1pt (12.16px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"section-kicker\">Industry insights</span>",
          "target": [
            "#insights > .container > .section-head.reveal.is-visible > .section-kicker"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.45 (foreground color: #167d73, background color: #f5f2ea, font size: 9.1pt (12.16px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#607181",
                "bgColor": "#f5f2ea",
                "contrastRatio": 4.49,
                "fontSize": "12.7pt (16.96px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.49 (foreground color: #607181, background color: #f5f2ea, font size: 12.7pt (16.96px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"section-copy\">Practical thinking for leaders navigating a market where speed, discipline, and trust all matter. Read the analysis, then bring the conversation back to your own numbers.</p>",
          "target": [
            "#insights > .container > .section-head.reveal.is-visible > .section-copy"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.49 (foreground color: #607181, background color: #f5f2ea, font size: 12.7pt (16.96px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ffffff",
                "bgColor": "#d8f24b",
                "contrastRatio": 1.25,
                "fontSize": "11.0pt (14.72px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"cta-section\">",
                  "target": [
                    ".cta-section"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.25 (foreground color: #ffffff, background color: #d8f24b, font size: 11.0pt (14.72px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a class=\"btn btn-white-outline\" href=\"#research\">Download Whitepaper</a>",
          "target": [
            ".btn-white-outline"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.25 (foreground color: #ffffff, background color: #d8f24b, font size: 11.0pt (14.72px), font weight: bold). Expected contrast ratio of 4.5:1"
        }
      ]
    }
  ],
  "coverage": {
    "contract": "main-document-vertical-scroll",
    "complete": true,
    "positions": [
      {
        "y": 0,
        "height": 9014
      },
      {
        "y": 576,
        "height": 9014
      },
      {
        "y": 1152,
        "height": 9014
      },
      {
        "y": 1728,
        "height": 9014
      },
      {
        "y": 2304,
        "height": 9014
      },
      {
        "y": 2880,
        "height": 9014
      },
      {
        "y": 3456,
        "height": 9014
      },
      {
        "y": 4032,
        "height": 9014
      },
      {
        "y": 4608,
        "height": 9014
      },
      {
        "y": 5184,
        "height": 9014
      },
      {
        "y": 5760,
        "height": 9014
      },
      {
        "y": 6336,
        "height": 9014
      },
      {
        "y": 6912,
        "height": 9014
      },
      {
        "y": 7488,
        "height": 9014
      },
      {
        "y": 8064,
        "height": 9014
      },
      {
        "y": 8294,
        "height": 9014
      }
    ],
    "scans": 17,
    "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: "FAQ", "Partners", "Pricing".
-   **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", "Industry Insights", "Growth Stories".
    -   **Content Depth:** Populate each section with **substantial, realistic text** (multiple sentences/paragraphs). Use authentic industry language and terminology like: "performance metrics", "competitive advantage", "stakeholder alignment".
    -   **Visuals:** Integrate relevant placeholder images logically within the content sections.
    -   **Calls to Action:** Include clear and contextually relevant CTAs. Use strong verbs similar to: "Book Demo", "Download Whitepaper", "Get Started".
-   **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: "featured resources", "latest research", "market insights".
-   **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.