:root {
  --ink: #071327;
  --ink-2: #10223d;
  --paper: #f4f7fb;
  --white: #ffffff;
  --muted: #5d6b7c;
  --line: #d7e0ea;
  --blue: #0c5bd7;
  --blue-dark: #07387f;
  --red: #e12635;
  --red-dark: #ac1320;
  --cyan: #00a6b8;
  --green: #087a55;
  --shadow: 0 18px 54px rgba(7, 19, 39, 0.14);
  --shell: 1180px;
  --type-display: 62px;
  --type-page: 57px;
  --type-section: 40px;
  --type-subsection: 30px;
  --type-feature: 27px;
  --type-card: 20px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 112px; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.55;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
}
body.menu-open { overflow: hidden; }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input, select { font: inherit; }
button { letter-spacing: 0; }
p, h1, h2, h3 { margin-top: 0; }
p:last-child { margin-bottom: 0; }
.shell { width: min(calc(100% - 48px), var(--shell)); margin-inline: auto; }
.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
.skip-link {
  position: fixed; z-index: 999; left: 16px; top: 12px;
  padding: 10px 14px; color: var(--white); background: var(--blue);
  transform: translateY(-160%); border-radius: 4px;
}
.skip-link:focus { transform: translateY(0); }

.summit-bar {
  position: relative; z-index: 31; min-height: 40px; padding: 8px 24px;
  display: flex; justify-content: center; align-items: center; gap: 14px;
  background: var(--ink); color: #dce8f8; font-size: 13px;
}
.summit-bar strong { color: var(--white); }
.summit-bar a { color: #9ec7ff; font-weight: 700; border-bottom: 1px solid rgba(158, 199, 255, 0.45); }
.summit-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--red); box-shadow: 0 0 0 4px rgba(225, 38, 53, 0.16); }

.site-header {
  position: sticky; top: 0; z-index: 30; height: 76px; padding: 0 max(24px, calc((100vw - var(--shell)) / 2));
  display: grid; grid-template-columns: 180px 1fr auto; align-items: center; gap: 28px;
  background: rgba(255, 255, 255, 0.96); border-bottom: 1px solid rgba(215, 224, 234, 0.9);
  backdrop-filter: blur(12px);
}
.brand { width: 142px; }
.brand img { width: 100%; height: auto; }
.primary-nav { display: flex; align-items: center; justify-content: center; gap: 28px; }
.primary-nav a { color: #35455a; font-size: 14px; font-weight: 680; }
.primary-nav a:hover, .primary-nav a:focus-visible { color: var(--blue); }
.menu-button { display: none; width: 42px; height: 42px; border: 0; background: transparent; cursor: pointer; }
.menu-button > span:not(.sr-only) { display: block; width: 20px; height: 2px; margin: 4px auto; background: var(--ink); }

.button {
  min-height: 48px; padding: 12px 19px; display: inline-flex; align-items: center; justify-content: center;
  border: 1px solid transparent; border-radius: 4px; font-weight: 760; line-height: 1.2;
  transition: transform 160ms ease, background-color 160ms ease, border-color 160ms ease;
}
.button:hover, .button:focus-visible { transform: translateY(-2px); }
.button-red { color: var(--white); background: var(--red); }
.button-red:hover, .button-red:focus-visible { background: var(--red-dark); }
.button-white { color: var(--ink); background: var(--white); }
.button-white:hover, .button-white:focus-visible { background: #eaf2ff; }
.button-small { min-height: 40px; padding: 9px 14px; font-size: 14px; }
.button-full { width: 100%; }
.text-link { display: inline-flex; align-items: center; gap: 9px; color: var(--blue); font-weight: 760; border-bottom: 1px solid rgba(12, 91, 215, 0.3); }
.text-link-light { color: var(--white); border-bottom-color: rgba(255, 255, 255, 0.4); }
.text-link:hover span { transform: translateX(3px); }
.text-link span { transition: transform 160ms ease; }

.hero {
  position: relative; min-height: 680px; height: 74svh; max-height: 820px;
  overflow: hidden; color: var(--white); background: var(--ink);
}
.hero-media, .hero-shade { position: absolute; inset: 0; }
.hero-media img { width: 100%; height: 100%; object-fit: cover; object-position: center 48%; }
.hero-shade { background: rgba(1, 8, 19, 0.62); }
.hero-shade::after {
  content: ""; position: absolute; inset: 0; background: rgba(1, 8, 19, 0.18);
}
.hero-content {
  position: relative; z-index: 2; height: 100%; display: flex; flex-direction: column;
  justify-content: center; align-items: flex-start; padding-top: 40px; padding-bottom: 46px;
}
.eyebrow {
  margin-bottom: 17px; color: var(--blue); font-size: 13px; font-weight: 830;
  text-transform: uppercase; letter-spacing: 0;
}
.eyebrow-light { color: #9dc8ff; }
.hero h1 {
  max-width: 830px; margin-bottom: 24px; font-size: 68px; line-height: 1.02;
  font-weight: 800; letter-spacing: 0;
}
.hero-copy { max-width: 690px; margin-bottom: 32px; color: #dbe7f7; font-size: 21px; line-height: 1.48; }
.hero-actions { display: flex; align-items: center; gap: 24px; }
.hero-proof { margin-top: auto; padding-top: 32px; display: flex; flex-wrap: wrap; gap: 26px; color: #c3d0e0; font-size: 13px; font-weight: 700; }
.hero-proof span { padding-left: 13px; border-left: 2px solid var(--red); }

.proof-strip { padding: 29px 0 18px; color: var(--white); background: var(--blue); }
.proof-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.proof-grid article { min-height: 92px; padding: 8px 28px; display: flex; flex-direction: column; justify-content: center; border-left: 1px solid rgba(255, 255, 255, 0.25); }
.proof-grid article:first-child { padding-left: 0; border-left: 0; }
.proof-grid strong { font-size: 34px; line-height: 1.1; }
.proof-grid span { max-width: 190px; margin-top: 6px; color: #dce9ff; font-size: 13px; }
.proof-note { padding-top: 15px; color: #c9dcff; font-size: 11px; border-top: 1px solid rgba(255, 255, 255, 0.18); }

.section { padding: 104px 0; }
.product-section { background: var(--white); }
.split-intro { display: grid; grid-template-columns: 1fr 0.82fr; gap: 90px; align-items: start; }
.split-intro h2, .section-heading h2, .savings-copy h2, .summit-cta h2 {
  margin-bottom: 22px; font-size: 44px; line-height: 1.12; font-weight: 780; letter-spacing: 0;
}
.intro-copy { padding-top: 34px; color: var(--muted); font-size: 19px; }
.intro-copy p { margin-bottom: 18px; }

.product-flow {
  margin-top: 72px; display: grid; grid-template-columns: 1fr 58px 1fr 58px 1fr;
  align-items: stretch; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);
}
.flow-node { min-height: 178px; padding: 30px; display: flex; flex-direction: column; justify-content: center; }
.flow-node-accent { color: var(--white); background: var(--blue); }
.flow-node strong { margin: 7px 0 3px; font-size: 22px; }
.flow-node > span:last-child { color: var(--muted); font-size: 14px; }
.flow-node-accent > span:last-child { color: #dbe9ff; }
.flow-index { color: var(--red); font-size: 12px; font-weight: 800; }
.flow-node-accent .flow-index { color: var(--white); }
.flow-arrow { display: grid; place-items: center; color: #7d8996; font-size: 24px; }

.code-layout { margin-top: 88px; display: grid; grid-template-columns: 0.75fr 1.25fr; gap: 74px; align-items: center; }
.code-copy h3, .table-header h3, .disclosure h3 { margin-bottom: 16px; font-size: 29px; line-height: 1.2; }
.code-copy > p:not(.eyebrow) { margin-bottom: 26px; color: var(--muted); }
.code-window { overflow: hidden; border: 1px solid #203654; border-radius: 8px; background: #071327; box-shadow: var(--shadow); }
.code-titlebar { height: 44px; padding: 0 16px; display: flex; align-items: center; gap: 7px; border-bottom: 1px solid #213553; background: #0d1b31; }
.code-titlebar span { width: 9px; height: 9px; border-radius: 50%; background: #46566e; }
.code-titlebar span:first-child { background: var(--red); }
.code-titlebar span:nth-child(2) { background: #f2b84b; }
.code-titlebar span:nth-child(3) { background: #19a974; }
.code-titlebar small { margin-left: auto; color: #8ea0b9; }
pre { margin: 0; padding: 28px; overflow-x: auto; color: #dbe7f8; font: 14px/1.78 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.code-dim { color: #6fb0ff; }

.evidence-section { background: #edf2f8; }
.section-heading { max-width: 800px; text-align: left; }
.section-heading > p:last-child { max-width: 710px; color: var(--muted); font-size: 18px; }
.evidence-console { margin-top: 54px; overflow: hidden; border: 1px solid #cbd6e3; border-radius: 8px; background: var(--white); box-shadow: 0 14px 46px rgba(7, 19, 39, 0.09); }
.console-toolbar { padding: 20px 24px; display: flex; justify-content: space-between; gap: 24px; background: #f8fafc; border-bottom: 1px solid var(--line); }
.control-group { display: flex; align-items: center; gap: 12px; }
.control-group > span { color: var(--muted); font-size: 12px; font-weight: 800; text-transform: uppercase; }
.segmented { display: flex; padding: 3px; background: #e4eaf2; border-radius: 6px; }
.segmented button { min-height: 34px; padding: 7px 12px; border: 0; border-radius: 4px; color: #526276; background: transparent; font-size: 13px; font-weight: 720; cursor: pointer; }
.segmented button.is-active { color: var(--ink); background: var(--white); box-shadow: 0 1px 5px rgba(7, 19, 39, 0.12); }

.metric-grid { display: grid; grid-template-columns: repeat(3, 1fr); }
.metric-block { min-height: 210px; padding: 30px; border-right: 1px solid var(--line); }
.metric-block:last-child { border-right: 0; }
.metric-block > span { color: var(--muted); font-size: 13px; font-weight: 720; }
.metric-block strong { display: block; margin: 18px 0 2px; font-size: 39px; line-height: 1.1; }
.metric-block small { color: var(--green); font-weight: 720; }
.metric-track { position: relative; height: 5px; margin-top: 28px; overflow: hidden; background: #e5eaf0; border-radius: 2px; }
.metric-track i { display: block; width: 60%; height: 100%; background: var(--blue); transition: width 280ms ease, background-color 280ms ease; }
.evidence-context { padding: 23px 30px; display: grid; grid-template-columns: 1.6fr 1fr; gap: 40px; background: #0b1a30; color: #c4d1e1; }
.evidence-context dl { margin: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
.evidence-context dl div { display: flex; flex-direction: column; }
.evidence-context dt { color: #7f91aa; font-size: 11px; text-transform: uppercase; }
.evidence-context dd { margin: 3px 0 0; color: var(--white); font-size: 13px; font-weight: 700; }
.evidence-context p { font-size: 12px; }

.evidence-table-wrap { margin-top: 82px; }
.table-header { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 70px; align-items: end; margin-bottom: 25px; }
.table-header > p { color: var(--muted); font-size: 14px; }
.table-scroll { overflow-x: auto; border-top: 2px solid var(--ink); }
table { width: 100%; min-width: 760px; border-collapse: collapse; background: transparent; }
th, td { padding: 16px 14px; text-align: left; border-bottom: 1px solid #cbd5e1; }
th { color: var(--muted); font-size: 11px; text-transform: uppercase; }
td { font-size: 14px; }
td:first-child { font-weight: 800; }
td.good { color: var(--green); font-weight: 800; }
.table-note, .landscape-note { margin-top: 16px; color: var(--muted); font-size: 12px; }

.architecture-section { color: var(--white); background: var(--ink); }
.split-intro-light .intro-copy { color: #b8c5d6; }
.sacar-flow { margin-top: 65px; display: grid; grid-template-columns: repeat(5, 1fr); border: 1px solid #33455e; }
.sacar-flow article { min-height: 225px; padding: 25px; border-right: 1px solid #33455e; }
.sacar-flow article:last-child { border-right: 0; }
.sacar-flow article > span { width: 36px; height: 36px; display: grid; place-items: center; color: var(--white); background: var(--blue); border-radius: 4px; font-size: 15px; font-weight: 850; }
.sacar-flow article:nth-child(3) > span, .sacar-flow article:nth-child(4) > span { background: var(--red); }
.sacar-flow strong { display: block; margin-top: 35px; font-size: 20px; }
.sacar-flow p { margin-top: 8px; color: #9eacc0; font-size: 13px; }
.architecture-bands { margin-top: 30px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: #33455e; border: 1px solid #33455e; }
.architecture-bands article { min-height: 118px; padding: 24px; display: flex; gap: 16px; background: #0c1b31; }
.architecture-bands strong { font-size: 17px; }
.architecture-bands p { margin-top: 5px; color: #9eacc0; font-size: 12px; }
.band-mark { width: 4px; height: 44px; flex: 0 0 4px; }
.band-mark.red { background: var(--red); }
.band-mark.blue { background: #4290ff; }
.band-mark.cyan { background: var(--cyan); }
.band-mark.gray { background: #7a8798; }
.research-band { opacity: 0.72; }
.disclosure { margin-top: 62px; padding-top: 48px; display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 70px; border-top: 1px solid #33455e; }
.disclosure ul { margin: 0; padding: 0; list-style: none; }
.disclosure li { padding: 14px 0; color: #b7c4d5; border-bottom: 1px solid #2b3d56; }
.disclosure li strong { color: var(--white); }

.landscape-section { background: var(--white); }
.landscape-grid { margin-top: 54px; display: grid; grid-template-columns: repeat(12, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.landscape-grid article { grid-column: span 3; min-height: 250px; padding: 26px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.landscape-grid article:nth-child(5) { grid-column: span 12; min-height: auto; display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: center; gap: 28px; color: var(--white); background: var(--blue); }
.landscape-type { color: var(--muted); font-size: 11px; font-weight: 800; text-transform: uppercase; }
.landscape-grid h3 { margin: 25px 0 10px; font-size: 23px; }
.landscape-grid p { color: var(--muted); font-size: 14px; }
.landscape-grid strong { display: block; margin-top: 23px; color: var(--blue); font-size: 12px; }
.qluon-position .landscape-type, .qluon-position p { color: #d9e8ff; }
.landscape-grid .qluon-position h3, .landscape-grid .qluon-position strong { margin: 0; color: var(--white); }

.savings-section { background: #e8eef6; }
.savings-layout { display: grid; grid-template-columns: 1fr 0.88fr; gap: 92px; align-items: center; }
.savings-copy > p:not(.eyebrow):not(.calculator-note) { color: var(--muted); font-size: 18px; }
.formula { margin: 30px 0 18px; padding: 16px 18px; color: var(--blue-dark); background: #d9e6f8; border-left: 4px solid var(--blue); font: 700 14px/1.5 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.calculator-note { color: #69788b; font-size: 12px; }
.calculator { padding: 30px; border: 1px solid #c9d5e4; border-radius: 8px; background: var(--white); box-shadow: var(--shadow); }
.calculator-field { margin-bottom: 25px; }
.calculator-field label { margin-bottom: 9px; display: flex; justify-content: space-between; color: #33445a; font-size: 13px; font-weight: 740; }
.calculator-field output { color: var(--blue); font-weight: 850; }
.money-input { height: 52px; display: flex; align-items: center; border: 1px solid #bfcbd9; border-radius: 4px; overflow: hidden; }
.money-input span { height: 100%; width: 45px; display: grid; place-items: center; color: var(--muted); background: #eef2f7; }
.money-input input { width: 100%; height: 100%; padding: 0 14px; border: 0; color: var(--ink); font-size: 20px; font-weight: 750; outline: 0; }
input[type="range"] { width: 100%; accent-color: var(--blue); }
.calculator-result { margin: 29px 0 22px; padding: 22px; color: var(--white); background: var(--ink); border-radius: 6px; }
.calculator-result span, .calculator-result small { display: block; color: #aebcd0; }
.calculator-result strong { display: block; margin: 7px 0 2px; font-size: 36px; line-height: 1.1; }
.calculator-result small { font-size: 12px; }

.pilot-section { color: var(--white); background: #0c5bd7; }
.section-heading-light > p:last-child { color: #d7e6ff; }
.pilot-steps { margin-top: 56px; display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid rgba(255,255,255,0.35); }
.pilot-steps article { min-height: 245px; padding: 28px 25px; border-right: 1px solid rgba(255,255,255,0.24); }
.pilot-steps article:last-child { border-right: 0; }
.pilot-steps span { color: #c9dcff; font-size: 12px; font-weight: 800; }
.pilot-steps h3 { margin: 36px 0 12px; font-size: 20px; }
.pilot-steps p { color: #d5e4fb; font-size: 13px; }
.audience-grid { margin-top: 40px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.audience-grid article { min-height: 230px; padding: 27px; color: var(--ink); background: var(--white); border-radius: 6px; }
.audience-grid span { color: var(--red); font-size: 12px; font-weight: 820; text-transform: uppercase; }
.audience-grid h3 { margin: 31px 0 28px; font-size: 21px; line-height: 1.3; }
.audience-grid a { color: var(--blue); font-size: 13px; font-weight: 800; border-bottom: 1px solid #aac8f4; }

.summit-cta { padding: 54px 0; overflow: hidden; color: var(--white); background: var(--red); }
.summit-cta-inner { display: grid; grid-template-columns: minmax(0, 720px) auto; justify-content: space-between; align-items: center; gap: 48px; }
.summit-cta-copy { min-width: 0; }
.summit-cta .eyebrow { margin-bottom: 10px; color: #fff; }
.summit-cta h2 { max-width: 680px; margin-bottom: 10px; font-size: 36px; }
.summit-cta p:not(.eyebrow) { max-width: 720px; color: #ffe9eb; font-size: 16px; }
.summit-cta .button { min-width: 210px; justify-self: end; white-space: nowrap; }

.site-footer { padding: 48px 0 24px; color: #aebdce; background: #050d19; }
.footer-grid { display: grid; grid-template-columns: 1.25fr 0.7fr 1fr; gap: 64px; align-items: start; }
.footer-wordmark { display: inline-flex; align-items: center; gap: 11px; color: var(--white); }
.footer-wordmark img { width: 42px; height: 42px; margin: 0; object-fit: contain; }
.footer-wordmark span { font-size: 27px; line-height: 1; font-weight: 780; }
.footer-brand-block p { max-width: 270px; margin: 15px 0 0; }
.footer-grid strong { display: block; margin-bottom: 13px; color: var(--white); font-size: 13px; }
.footer-grid a { display: block; margin: 5px 0; color: #d9e7f7; }
.footer-grid .footer-wordmark { display: inline-flex; margin: 0; color: var(--white); }
.footer-grid p { font-size: 13px; }
.footer-bottom { margin-top: 36px; padding-top: 20px; display: flex; justify-content: space-between; gap: 20px; border-top: 1px solid #27364a; font-size: 11px; }

:focus-visible { outline: 3px solid #62b7ff; outline-offset: 3px; }

@media (max-width: 980px) {
  .site-header { grid-template-columns: 1fr auto auto; padding-inline: 24px; }
  .menu-button { display: block; order: 3; }
  .header-cta { order: 2; }
  .primary-nav {
    position: absolute; inset: 100% 0 auto; padding: 25px 24px 32px; display: none;
    max-height: 70svh; overflow-y: auto;
    flex-direction: column; align-items: flex-start; gap: 0; color: var(--ink); background: var(--white);
    border-bottom: 1px solid var(--line); box-shadow: var(--shadow);
  }
  .primary-nav.is-open { display: flex; }
  .primary-nav a { width: 100%; padding: 15px 0; border-bottom: 1px solid var(--line); }
  .hero { min-height: 620px; height: 72svh; }
  .hero h1 { font-size: 54px; }
  .proof-grid { grid-template-columns: repeat(2, 1fr); }
  .proof-grid article:nth-child(3) { border-left: 0; }
  .split-intro, .code-layout, .savings-layout, .disclosure { grid-template-columns: 1fr; gap: 34px; }
  .intro-copy { padding-top: 0; }
  .product-flow { grid-template-columns: 1fr; }
  .flow-arrow { min-height: 40px; transform: rotate(90deg); }
  .metric-grid { grid-template-columns: 1fr; }
  .metric-block { min-height: 150px; border-right: 0; border-bottom: 1px solid var(--line); }
  .metric-block:last-child { border-bottom: 0; }
  .evidence-context { grid-template-columns: 1fr; }
  .sacar-flow { grid-template-columns: repeat(5, minmax(150px, 1fr)); overflow-x: auto; }
  .architecture-bands { grid-template-columns: repeat(2, 1fr); }
  .landscape-grid article { grid-column: span 6; }
  .landscape-grid article:nth-child(5) { grid-column: span 12; }
  .pilot-steps { grid-template-columns: repeat(2, 1fr); }
  .pilot-steps article:nth-child(2) { border-right: 0; }
  .audience-grid { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
  .shell { width: min(calc(100% - 30px), var(--shell)); }
  .summit-bar { min-height: 52px; padding: 8px 15px; justify-content: flex-start; flex-wrap: wrap; gap: 3px 10px; }
  .summit-bar a { width: 100%; margin-left: 18px; }
  .site-header { height: 68px; padding-inline: 15px; grid-template-columns: 1fr auto; }
  .brand { width: 126px; }
  .header-cta { display: none; }
  .hero { min-height: 610px; height: 76svh; max-height: 700px; }
  .hero-media img { object-position: 61% center; }
  .hero-shade::after { background: rgba(1, 8, 19, 0.72); }
  .hero-content { padding-top: 24px; padding-bottom: 24px; }
  .hero h1 { font-size: 42px; line-height: 1.05; }
  .hero-copy { font-size: 17px; }
  .hero-actions { align-items: flex-start; flex-direction: column; gap: 17px; }
  .hero-proof { gap: 13px 18px; }
  .proof-grid { grid-template-columns: 1fr 1fr; }
  .proof-grid article { min-height: 108px; padding: 16px; }
  .proof-grid article:first-child { padding-left: 16px; }
  .proof-grid strong { font-size: 28px; }
  .section { padding: 76px 0; }
  .split-intro h2, .section-heading h2, .savings-copy h2, .summit-cta h2 { font-size: 35px; }
  .intro-copy, .section-heading > p:last-child { font-size: 16px; }
  .product-flow { margin-top: 48px; }
  .flow-node { min-height: 145px; }
  .code-layout { margin-top: 58px; }
  pre { padding: 20px; font-size: 12px; }
  .console-toolbar { flex-direction: column; }
  .control-group { align-items: flex-start; flex-direction: column; }
  .segmented { width: 100%; }
  .segmented button { flex: 1; }
  .metric-block strong { font-size: 34px; }
  .evidence-context dl { grid-template-columns: repeat(2, 1fr); }
  .table-header { grid-template-columns: 1fr; gap: 15px; }
  .architecture-bands { grid-template-columns: 1fr; }
  .landscape-grid { display: block; border: 0; }
  .landscape-grid article, .landscape-grid article:nth-child(5) { min-height: auto; display: block; border: 1px solid var(--line); border-bottom: 0; }
  .landscape-grid article:last-child { border-bottom: 1px solid var(--line); }
  .landscape-grid .qluon-position h3 { margin: 22px 0 10px; }
  .landscape-grid .qluon-position strong { margin-top: 20px; }
  .calculator { padding: 21px; }
  .calculator-result strong { font-size: 31px; }
  .pilot-steps { grid-template-columns: 1fr; }
  .pilot-steps article { min-height: 200px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,0.24); }
  .summit-cta-inner { grid-template-columns: 1fr; align-items: start; gap: 25px; }
  .summit-cta .button { justify-self: start; }
  .footer-grid { grid-template-columns: 1fr; gap: 30px; }
  .footer-bottom { flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}

@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .section-heading, .split-intro, .code-layout, .evidence-console, .evidence-table-wrap, .sacar-flow, .architecture-bands, .landscape-grid, .savings-layout, .pilot-steps {
      animation: reveal linear both;
      animation-timeline: view();
      animation-range: entry 5% cover 25%;
    }
    @keyframes reveal {
      from { opacity: 0; transform: translateY(22px); }
      to { opacity: 1; transform: translateY(0); }
    }
  }
}

.error-page {
  min-height: 100svh; width: min(calc(100% - 36px), 720px); margin: 0 auto;
  display: flex; flex-direction: column; align-items: flex-start; justify-content: center;
}
.error-page img { width: 170px; height: auto; margin-bottom: 50px; }
.error-page h1 { margin-bottom: 16px; font-size: 44px; line-height: 1.1; }
.error-page p:not(.eyebrow) { margin-bottom: 28px; color: var(--muted); font-size: 18px; }

.landscape-note a { color: var(--blue); font-weight: 750; border-bottom: 1px solid #aac8f4; }

/* v22.1 lean control-room refinement */
.hero { min-height: 590px; height: 68svh; max-height: 730px; }
.hero-media img { object-position: center; }
.hero-shade { background: rgba(1, 8, 19, 0.36); }
.hero-shade::after { display: none; }
.hero h1 { font-size: 62px; max-width: 760px; }
.hero-copy { max-width: 630px; font-size: 19px; }
.hero-proof { gap: 18px 24px; }
.hero-proof span { color: #d7e4f3; }

.proof-strip {
  padding: 24px 0 15px; color: var(--ink); background: var(--white);
  border-bottom: 1px solid var(--line);
}
.proof-grid article { min-height: 80px; border-left-color: var(--line); }
.proof-grid strong { color: var(--blue); font-size: 31px; }
.proof-grid span { color: var(--muted); }
.proof-note { color: #6f7d8d; border-top-color: var(--line); }

.coverage-section { padding: 62px 0 28px; background: var(--paper); }
.coverage-layout { display: grid; grid-template-columns: 0.72fr 1.28fr; gap: 70px; align-items: start; }
.coverage-layout h2 { margin-bottom: 13px; font-size: 33px; line-height: 1.15; }
.coverage-layout > div > p:last-child { color: var(--muted); }
.coverage-list {
  margin: 0; display: grid; grid-template-columns: repeat(5, 1fr);
  border-top: 2px solid var(--ink); border-bottom: 1px solid var(--line);
}
.coverage-list div { min-height: 105px; padding: 18px 14px; border-right: 1px solid var(--line); }
.coverage-list div:last-child { border-right: 0; }
.coverage-list dt { color: var(--muted); font-size: 11px; font-weight: 800; text-transform: uppercase; }
.coverage-list dd { margin: 12px 0 0; color: var(--ink); font-size: 14px; font-weight: 760; line-height: 1.35; }
.coverage-note { padding-top: 19px; color: #6f7d8d; font-size: 11px; border-top: 1px solid var(--line); }

.role-nav {
  position: sticky; top: 76px; z-index: 21; background: rgba(255,255,255,0.96);
  border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);
  backdrop-filter: blur(10px);
}
.role-nav .shell { min-height: 50px; display: flex; align-items: center; gap: 28px; overflow-x: auto; }
.role-nav span { color: var(--muted); font-size: 11px; font-weight: 800; text-transform: uppercase; }
.role-nav a { flex: 0 0 auto; padding: 15px 0 13px; color: #34455a; font-size: 13px; font-weight: 760; border-bottom: 2px solid transparent; }
.role-nav a:hover, .role-nav a:focus-visible { color: var(--blue); border-bottom-color: var(--red); }

.section { padding: 84px 0; }
.split-intro h2, .section-heading h2, .savings-copy h2, .summit-cta h2 { font-size: 40px; }
.split-intro { gap: 72px; }
.intro-copy { font-size: 17px; }
.product-flow { margin-top: 54px; }
.flow-node { min-height: 145px; }
.code-layout { margin-top: 68px; }
.evidence-console { margin-top: 42px; box-shadow: none; }
.metric-block { min-height: 185px; }
.evidence-table-wrap { margin-top: 64px; }
.sacar-flow { margin-top: 48px; }
.sacar-flow article { min-height: 195px; }
.architecture-bands { grid-template-columns: repeat(4, 1fr); }

.end-user-section { background: var(--white); }
.outcome-grid {
  margin-top: 52px; display: grid; grid-template-columns: repeat(3, 1fr);
  border-top: 2px solid var(--ink); border-left: 1px solid var(--line);
}
.outcome-grid article { min-height: 220px; padding: 25px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.outcome-grid span { color: var(--red); font-size: 12px; font-weight: 850; }
.outcome-grid h3 { margin: 34px 0 10px; font-size: 21px; }
.outcome-grid p { color: var(--muted); font-size: 14px; }
.outcome-chain {
  margin-top: 24px; min-height: 78px; padding: 16px 20px; display: flex;
  align-items: center; justify-content: space-between; gap: 14px;
  color: var(--white); background: var(--ink);
}
.outcome-chain span { font-size: 12px; font-weight: 740; text-align: center; }
.outcome-chain b { color: #6faeff; font-weight: 800; }
.outcome-note { margin-top: 14px; color: var(--muted); font-size: 12px; }

.investor-thesis {
  margin-top: 35px; display: grid; grid-template-columns: repeat(3, 1fr);
  border-top: 2px solid var(--ink);
}
.investor-thesis article { min-height: 145px; padding: 22px 22px 22px 0; border-bottom: 1px solid var(--line); }
.investor-thesis article + article { padding-left: 22px; border-left: 1px solid var(--line); }
.investor-thesis strong { color: var(--blue); font-size: 13px; text-transform: uppercase; }
.investor-thesis p { margin-top: 14px; color: var(--muted); font-size: 14px; }
.investor-brief {
  margin-top: 28px; padding: 28px; display: grid; grid-template-columns: repeat(3, 1fr) auto;
  gap: 26px; align-items: center; color: var(--white); background: var(--ink);
}
.investor-brief > div { min-height: 118px; padding-right: 25px; border-right: 1px solid #33455e; }
.investor-brief span { color: #83b8ff; font-size: 10px; font-weight: 850; text-transform: uppercase; }
.investor-brief strong { margin-top: 9px; display: block; font-size: 16px; line-height: 1.25; }
.investor-brief p { margin-top: 9px; color: #aebdd0; font-size: 12px; }
.investor-brief .button { white-space: nowrap; }

.landscape-grid article { min-height: 225px; }
.calculator { box-shadow: none; }
.pilot-steps article { min-height: 220px; }
.audience-grid article { min-height: 205px; border-radius: 3px; }
.summit-cta { padding: 54px 0; }

@media (max-width: 980px) {
  .coverage-layout { grid-template-columns: 1fr; gap: 30px; }
  .coverage-list { grid-template-columns: repeat(3, 1fr); }
  .coverage-list div:nth-child(3) { border-right: 0; }
  .architecture-bands { grid-template-columns: repeat(2, 1fr); }
  .outcome-chain { align-items: stretch; flex-direction: column; }
  .outcome-chain b { transform: rotate(90deg); text-align: center; }
}

@media (max-width: 680px) {
  .hero { min-height: 570px; height: 70svh; }
  .hero h1 { font-size: 39px; }
  .hero-media img { object-position: 61% center; }
  .proof-grid strong { font-size: 26px; }
  .role-nav { top: 68px; }
  .role-nav .shell { gap: 22px; }
  .role-nav span { display: none; }
  .coverage-section { padding-top: 50px; }
  .coverage-list { grid-template-columns: 1fr 1fr; }
  .coverage-list div, .coverage-list div:nth-child(3) { min-height: 92px; border-right: 1px solid var(--line); }
  .coverage-list div:nth-child(even) { border-right: 0; }
  .coverage-list div:last-child { grid-column: 1 / -1; }
  .section { padding: 68px 0; }
  .split-intro h2, .section-heading h2, .savings-copy h2, .summit-cta h2 { font-size: 32px; }
  .outcome-grid, .investor-thesis { grid-template-columns: 1fr; }
  .outcome-grid article { min-height: 180px; }
  .investor-thesis article + article { padding-left: 0; border-left: 0; }
  .architecture-bands { grid-template-columns: 1fr; }
}

/* v22.2 proof-first evidence and meeting surfaces */
.proof-passport-trigger {
  width: 100%; min-height: 80px; padding: 0; display: flex; flex-direction: column;
  align-items: flex-start; justify-content: center; color: inherit; text-align: left;
  border: 0; background: transparent; cursor: pointer;
}
.proof-passport-trigger small {
  margin-top: 8px; color: var(--blue); font-size: 11px; font-weight: 800;
  text-transform: uppercase;
}
.proof-passport-trigger:hover small, .proof-passport-trigger:focus-visible small { color: var(--red); }

.evidence-popover {
  width: min(calc(100% - 32px), 700px); max-height: min(82svh, 760px); padding: 0;
  color: var(--ink); border: 1px solid #b9c7d8; border-radius: 8px;
  background: var(--white); box-shadow: 0 28px 90px rgba(7, 19, 39, 0.28);
}
.evidence-popover::backdrop { background: rgba(2, 10, 22, 0.68); backdrop-filter: blur(3px); }
.evidence-popover header {
  min-height: 84px; padding: 19px 22px; display: flex; align-items: center;
  justify-content: space-between; gap: 20px; color: var(--white); background: var(--ink);
}
.evidence-popover header div { display: flex; flex-direction: column; }
.evidence-popover header span { color: #9fc7ff; font-size: 11px; font-weight: 800; text-transform: uppercase; }
.evidence-popover header strong { font-size: 24px; }
.evidence-popover header button {
  width: 40px; height: 40px; padding: 0; color: var(--white); border: 1px solid #48617f;
  border-radius: 4px; background: transparent; font-size: 25px; line-height: 1; cursor: pointer;
}
.evidence-popover dl { margin: 0; padding: 10px 22px 4px; }
.evidence-popover dl div {
  padding: 14px 0; display: grid; grid-template-columns: 130px 1fr; gap: 20px;
  border-bottom: 1px solid var(--line);
}
.evidence-popover dt { color: var(--muted); font-size: 11px; font-weight: 800; text-transform: uppercase; }
.evidence-popover dd { margin: 0; font-size: 14px; font-weight: 650; }
.evidence-popover > a {
  margin: 18px 22px 22px; display: inline-flex; color: var(--blue); font-size: 13px;
  font-weight: 800; border-bottom: 1px solid #acc9f4;
}

.evidence-scope {
  margin-top: 32px; display: grid; grid-template-columns: repeat(4, 1fr);
  border-top: 2px solid var(--ink); border-bottom: 1px solid #cbd5e1;
}
.evidence-scope div { min-height: 96px; padding: 19px; border-right: 1px solid #cbd5e1; }
.evidence-scope div:last-child { border-right: 0; }
.evidence-scope strong { display: block; color: var(--blue); font-size: 28px; line-height: 1.1; }
.evidence-scope span { display: block; margin-top: 7px; color: var(--muted); font-size: 12px; }
.metric-track i.is-neutral { background: var(--cyan); }
.metric-track i.is-rescue { background: var(--red); }

.transfer-proof {
  margin-top: 48px; padding: 30px; display: grid; grid-template-columns: 1.25fr 1fr;
  gap: 30px 48px; border: 1px solid #c9d5e4; border-left: 5px solid var(--blue);
  background: var(--white);
}
.transfer-proof h3 { margin-bottom: 12px; font-size: 27px; line-height: 1.2; }
.transfer-proof p:not(.eyebrow) { color: var(--muted); font-size: 14px; }
.transfer-proof dl { margin: 0; display: grid; grid-template-columns: 1fr 1fr; }
.transfer-proof dl div { padding: 12px; border: 1px solid var(--line); margin: -1px 0 0 -1px; }
.transfer-proof dt { color: var(--muted); font-size: 10px; font-weight: 800; text-transform: uppercase; }
.transfer-proof dd { margin: 5px 0 0; color: var(--ink); font-size: 16px; font-weight: 800; }
.text-button {
  width: fit-content; padding: 0; color: var(--blue); border: 0; border-bottom: 1px solid #acc9f4;
  background: transparent; font-weight: 800; cursor: pointer;
}
.text-button span { margin-left: 7px; }

.endurance-proof {
  margin-top: 48px; padding: 30px; display: grid; grid-template-columns: 1fr;
  gap: 20px; border: 1px solid #c9d5e4; border-top: 5px solid var(--red);
  background: #f9fbfd;
}
.endurance-copy h3 { margin-bottom: 13px; font-size: 27px; line-height: 1.2; }
.endurance-copy p:not(.eyebrow) { margin-bottom: 20px; color: var(--muted); font-size: 14px; }
.endurance-proof .table-scroll { border-top-color: var(--ink); }
.endurance-proof table { min-width: 850px; background: var(--white); }
.endurance-proof th, .endurance-proof td { padding: 11px 10px; }
.endurance-proof td { font-size: 12px; }
.endurance-note {
  grid-column: 1 / -1; margin: 0; padding-top: 16px; color: var(--muted);
  border-top: 1px solid var(--line); font-size: 12px;
}

.fit-builder {
  margin-top: 48px; display: grid; grid-template-columns: 0.8fr 1.25fr 1fr;
  border: 1px solid rgba(255, 255, 255, 0.35); background: rgba(4, 34, 85, 0.32);
}
.fit-copy, .fit-fields, .fit-result { padding: 28px; }
.fit-copy { border-right: 1px solid rgba(255, 255, 255, 0.25); }
.fit-copy h3 { margin-bottom: 12px; font-size: 24px; }
.fit-copy p:last-child { color: #d5e4fb; font-size: 13px; }
.fit-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 17px; }
.fit-fields label { color: #dbe9ff; font-size: 11px; font-weight: 800; text-transform: uppercase; }
.fit-fields select {
  width: 100%; height: 44px; margin-top: 7px; padding: 0 35px 0 11px; color: var(--ink);
  border: 1px solid #b7cae5; border-radius: 4px; background: var(--white); text-transform: none;
}
.fit-result { color: var(--ink); background: var(--white); }
.fit-result > span { color: var(--green); font-size: 11px; font-weight: 850; text-transform: uppercase; }
.fit-result.is-supporting > span { color: var(--blue); }
.fit-result.is-qualification > span { color: var(--red-dark); }
.fit-result strong { margin-top: 12px; display: block; font-size: 20px; line-height: 1.25; }
.fit-result p { margin: 11px 0 19px; color: var(--muted); font-size: 13px; }
.fit-result .button { width: 100%; color: var(--white); background: var(--ink); font-size: 13px; }

.meeting-page { min-height: 100svh; color: var(--ink); background: var(--paper); }
.meeting-header {
  min-height: 76px; padding: 0 max(24px, calc((100vw - var(--shell)) / 2)); display: flex;
  align-items: center; justify-content: space-between; gap: 24px; background: var(--white);
  border-bottom: 1px solid var(--line);
}
.meeting-header img { width: 142px; }
.meeting-header a:last-child { color: var(--blue); font-size: 14px; font-weight: 800; }
.meeting-hero { padding: 82px 0 70px; color: var(--white); background: var(--ink); }
.meeting-hero h1 { max-width: 850px; margin-bottom: 24px; font-size: 58px; line-height: 1.04; }
.meeting-hero > .shell > p:not(.eyebrow) { max-width: 720px; color: #cad8e9; font-size: 20px; }
.meeting-actions { margin-top: 30px; display: flex; align-items: center; gap: 22px; }
.meeting-metrics {
  margin-top: 55px; display: grid; grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid #3c506a; border-bottom: 1px solid #3c506a;
}
.meeting-metrics div { min-height: 125px; padding: 23px 25px; border-right: 1px solid #3c506a; }
.meeting-metrics div:last-child { border-right: 0; }
.meeting-metrics strong { display: block; color: #7fb5ff; font-size: 31px; }
.meeting-metrics span { display: block; margin-top: 7px; color: #bccbdd; font-size: 13px; }
.meeting-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0; border: 1px solid var(--line); }
.meeting-page .section { padding: 58px 0; }
.meeting-context { margin-bottom: 34px; }
.meeting-context h2 { max-width: 800px; margin-bottom: 12px; font-size: 30px; line-height: 1.17; }
.meeting-context > p:last-child { max-width: 880px; color: var(--muted); font-size: 17px; }
.meeting-grid article { min-height: 290px; padding: 34px; background: var(--white); }
.meeting-grid article + article { border-left: 1px solid var(--line); }
.meeting-grid h2 { margin-bottom: 23px; font-size: 28px; }
.meeting-list { margin: 0; padding: 0; list-style: none; }
.meeting-list li { padding: 13px 0; color: var(--muted); border-bottom: 1px solid var(--line); }
.meeting-list strong { color: var(--ink); }
.meeting-note { margin-top: 24px; color: var(--muted); font-size: 12px; }

@media (max-width: 980px) {
  .fit-builder { grid-template-columns: 1fr 1fr; }
  .fit-copy { grid-column: 1 / -1; border-right: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.25); }
  .transfer-proof { grid-template-columns: 1fr; }
  .endurance-proof { grid-template-columns: 1fr; }
  .endurance-note { grid-column: auto; }
  .investor-brief { grid-template-columns: 1fr 1fr; }
  .investor-brief > div:nth-child(2) { border-right: 0; }
}

@media (max-width: 680px) {
  .proof-passport-trigger { min-height: 92px; }
  .evidence-popover dl div { grid-template-columns: 1fr; gap: 5px; }
  .evidence-scope { grid-template-columns: 1fr 1fr; }
  .evidence-scope div:nth-child(2) { border-right: 0; }
  .evidence-scope div:nth-child(-n+2) { border-bottom: 1px solid #cbd5e1; }
  .transfer-proof { padding: 22px; }
  .endurance-proof { padding: 22px; }
  .transfer-proof dl { grid-template-columns: 1fr; }
  .fit-builder { grid-template-columns: 1fr; }
  .fit-fields { grid-template-columns: 1fr; }
  .meeting-header { min-height: 68px; padding-inline: 15px; }
  .meeting-header img { width: 126px; }
  .meeting-hero { padding: 60px 0 52px; }
  .meeting-hero h1 { font-size: 40px; }
  .meeting-hero > .shell > p:not(.eyebrow) { font-size: 17px; }
  .meeting-actions { align-items: flex-start; flex-direction: column; }
  .meeting-metrics, .meeting-grid { grid-template-columns: 1fr; }
  .meeting-metrics div { min-height: 100px; border-right: 0; border-bottom: 1px solid #3c506a; }
  .meeting-metrics div:last-child { border-bottom: 0; }
  .meeting-grid article + article { border-left: 0; border-top: 1px solid var(--line); }
  .meeting-page .section { padding: 40px 0; }
  .meeting-context { margin-bottom: 25px; }
  .meeting-context h2 { font-size: 25px; }
  .meeting-context > p:last-child { font-size: 15px; }
  .investor-brief { grid-template-columns: 1fr; }
  .investor-brief > div, .investor-brief > div:nth-child(2) { min-height: auto; padding: 0 0 20px; border-right: 0; border-bottom: 1px solid #33455e; }
  .investor-brief .button { width: 100%; white-space: normal; }
}

/* v22.3 evidence room, trajectory replay, and diligence surfaces */
.evidence-heading {
  max-width: var(--shell); display: flex; align-items: end; justify-content: space-between; gap: 48px;
}
.evidence-heading > div { max-width: 800px; }
.evidence-heading .button { flex: 0 0 auto; margin-bottom: 7px; }

.trajectory-replay {
  max-width: 1040px; margin-top: 42px; padding: 24px; border: 1px solid #c9d5e4; border-top: 4px solid var(--blue);
  background: var(--white);
}
.replay-header { display: flex; align-items: start; justify-content: space-between; gap: 36px; }
.replay-header > div:first-child { max-width: 670px; }
.replay-header h3 { margin-bottom: 8px; font-size: 24px; line-height: 1.2; }
.replay-header p:not(.eyebrow) { color: var(--muted); font-size: 14px; }
.replay-toolbar {
  margin-top: 18px; padding: 10px 0; display: grid; grid-template-columns: auto 1fr; gap: 18px;
  align-items: center; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);
}
.replay-toolbar label { display: grid; grid-template-columns: auto auto 1fr; align-items: center; gap: 13px; }
.replay-toolbar label span { color: var(--muted); font-size: 11px; font-weight: 800; text-transform: uppercase; }
.replay-toolbar output { min-width: 54px; color: var(--ink); font-size: 12px; font-weight: 800; }
.trajectory-layout { margin-top: 18px; display: grid; grid-template-columns: minmax(0, 760px) minmax(190px, 1fr); gap: 22px; }
.trajectory-chart { min-width: 0; }
.trajectory-chart svg { width: 100%; max-width: 760px; height: auto; min-height: 0; display: block; background: #f8fafc; border: 1px solid var(--line); }
.trace-gridline { stroke: #dfe6ee; stroke-width: 1; }
.trace-axis-label { fill: #677487; font-size: 8.5px; font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
.trace-axis-title { fill: #435267; font-size: 9px; font-weight: 750; font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
.trace-path { vector-effect: non-scaling-stroke; }
.trace-legend { margin-top: 9px; display: flex; flex-wrap: wrap; gap: 16px; color: var(--muted); font-size: 10px; font-weight: 750; }
.trace-legend span::before { content: ""; width: 20px; height: 3px; margin-right: 7px; display: inline-block; vertical-align: middle; background: currentColor; }
.trace-legend .eager { color: #7b8796; }
.trace-legend .accelerated { color: var(--blue); }
.trace-legend .plus { color: var(--red); }
.trace-readout { display: grid; grid-template-columns: 1fr; align-content: start; border-top: 2px solid var(--ink); }
.trace-readout article { min-height: 70px; padding: 11px 3px; border-bottom: 1px solid var(--line); }
.trace-readout article > span, .trace-readout small { display: block; color: var(--muted); font-size: 10px; }
.trace-readout strong { display: block; margin: 4px 0 2px; font-size: 18px; line-height: 1.1; }
.trace-readout .trace-plus strong { color: var(--red); }
.trace-readout .trace-effect { padding-inline: 14px; color: var(--white); background: var(--ink); border-bottom: 0; }
.trace-readout .trace-effect span, .trace-readout .trace-effect small { color: #b9c8db; }
.trace-readout .trace-effect strong { color: #8fbeff; font-size: 15px; }
.trajectory-note { margin: 15px 0 0; color: var(--muted); font-size: 11px; }
.trajectory-note a { color: var(--blue); font-weight: 800; border-bottom: 1px solid #aac8f4; }

.validation-ladder {
  margin-top: 48px; display: grid; grid-template-columns: repeat(4, 1fr); border-top: 2px solid var(--ink);
}
.validation-ladder article { position: relative; min-height: 132px; padding: 20px; border-right: 1px solid #cbd5e1; border-bottom: 1px solid #cbd5e1; }
.validation-ladder article:first-child { border-left: 1px solid #cbd5e1; }
.validation-ladder article::after { content: ""; position: absolute; left: 20px; right: 20px; bottom: -1px; height: 3px; background: #b9c3cf; }
.validation-ladder article.is-complete::after { background: var(--green); }
.validation-ladder article.is-next::after { background: var(--red); }
.validation-ladder span { color: var(--muted); font-size: 11px; font-weight: 850; }
.validation-ladder strong { margin-top: 20px; display: block; font-size: 15px; }
.validation-ladder p { margin-top: 6px; color: var(--muted); font-size: 12px; }

.sacar-story { margin-top: 48px; display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 48px; align-items: start; }
.sacar-stage { position: sticky; top: 150px; min-height: 430px; padding: 34px; border: 1px solid #40536d; background: #0d1c32; }
.sacar-stage > span { color: #84b8ff; font-size: 12px; font-weight: 850; }
.sacar-stage > strong { margin-top: 48px; display: block; color: #8fbfff; font-size: 13px; text-transform: uppercase; }
.sacar-stage h3 { margin: 12px 0 16px; font-size: 31px; line-height: 1.16; }
.sacar-stage > p { color: #afbdd0; }
.sacar-stage dl { margin: 36px 0 0; border-top: 1px solid #3a4d67; }
.sacar-stage dl div { padding: 15px 0; display: grid; grid-template-columns: 90px 1fr; gap: 14px; border-bottom: 1px solid #3a4d67; }
.sacar-stage dt { color: #7e91aa; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.sacar-stage dd { margin: 0; color: #d7e4f3; font-size: 13px; }
.sacar-steps { border-top: 1px solid #40536d; }
.sacar-steps button {
  width: 100%; min-height: 122px; padding: 22px; display: grid; grid-template-columns: 46px 1fr; grid-template-rows: auto auto;
  gap: 3px 16px; align-items: center; color: #aebdd0; text-align: left; border: 0; border-bottom: 1px solid #40536d;
  background: transparent; cursor: pointer; transition: color 160ms ease, background-color 160ms ease;
}
.sacar-steps button > span { grid-row: 1 / 3; width: 42px; height: 42px; display: grid; place-items: center; color: var(--white); background: #263b57; border-radius: 4px; font-weight: 850; }
.sacar-steps button strong { color: var(--white); font-size: 18px; }
.sacar-steps button small { color: inherit; font-size: 12px; }
.sacar-steps button:hover, .sacar-steps button:focus-visible { color: #d5e3f4; background: #0d1c32; }
.sacar-steps button.is-active { color: #dceaff; background: #102542; }
.sacar-steps button.is-active > span { background: var(--red); }

.fit-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.fit-actions .button { min-width: 0; padding-inline: 12px; cursor: pointer; }
.fit-result .fit-contact { margin: 12px 0 0; font-size: 13px; }
.fit-contact a { color: var(--blue); font-weight: 760; border-bottom: 1px solid #aac8f4; }
.pilot-print { display: none; }

.inner-page { min-height: 100svh; color: var(--ink); background: var(--paper); }
.inner-header {
  min-height: 76px; padding: 0 max(24px, calc((100vw - var(--shell)) / 2)); display: flex;
  align-items: center; justify-content: space-between; gap: 28px; background: var(--white); border-bottom: 1px solid var(--line);
}
.inner-header img { width: 142px; height: auto; }
.inner-header nav { display: flex; align-items: center; gap: 25px; }
.inner-header nav a { color: #34455a; font-size: 13px; font-weight: 760; }
.inner-header nav a[aria-current="page"] { color: var(--blue); }
.inner-hero { padding: 86px 0 72px; color: var(--white); background: var(--ink); }
.inner-hero h1 { max-width: 880px; margin-bottom: 22px; font-size: 57px; line-height: 1.05; }
.inner-hero .lead { max-width: 760px; color: #c5d3e4; font-size: 20px; }
.inner-meta { margin-top: 38px; display: flex; flex-wrap: wrap; gap: 10px; }
.inner-meta span { padding: 8px 11px; color: #dceaff; border: 1px solid #415773; border-radius: 4px; font-size: 11px; font-weight: 760; }
.document-page { padding: 74px 0 100px; }
.document-intro { max-width: 770px; margin-bottom: 54px; }
.document-intro h2, .document-section h2 { margin-bottom: 15px; font-size: 32px; line-height: 1.18; }
.document-intro p, .document-section > p { color: var(--muted); }
.document-section { margin-top: 66px; }
.document-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 2px solid var(--ink); border-left: 1px solid var(--line); }
.document-grid article { min-height: 200px; padding: 24px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: var(--white); }
.document-grid h3 { margin: 24px 0 10px; font-size: 20px; }
.document-grid p { color: var(--muted); font-size: 13px; }
.document-grid a { color: var(--blue); font-size: 13px; font-weight: 800; border-bottom: 1px solid #aac8f4; }
.status-chip { display: inline-flex; padding: 5px 8px; color: var(--blue-dark); background: #dbe9fb; border-radius: 3px; font-size: 10px; font-weight: 850; text-transform: uppercase; }
.status-chip.complete, .status-chip.verified { color: #07573d; background: #d9f1e7; }
.status-chip.pending, .status-chip.planned { color: #7b4e00; background: #f9ebc7; }
.status-chip.limited { color: #8f1722; background: #fae1e4; }
.diligence-table { margin-top: 25px; overflow-x: auto; border-top: 2px solid var(--ink); }
.diligence-table table { background: var(--white); }
.diligence-table td { vertical-align: top; }
.diligence-table td p { margin: 3px 0 0; color: var(--muted); font-size: 12px; }
.download-row { margin-top: 26px; display: flex; flex-wrap: wrap; gap: 12px; }
.boundary-note { margin-top: 30px; padding: 23px; border-left: 5px solid var(--red); background: var(--white); }
.boundary-note strong { display: block; margin-bottom: 7px; }
.boundary-note p { color: var(--muted); font-size: 13px; }
.method-list { margin: 22px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.method-list li { padding: 17px 0; display: grid; grid-template-columns: 34px 1fr; gap: 14px; color: var(--muted); border-bottom: 1px solid var(--line); }
.method-list span { color: var(--red); font-weight: 850; }
.page-footer { padding: 35px 0; color: #aebdce; background: #050d19; }
.page-footer .shell { display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.page-footer a { color: var(--white); font-weight: 760; }

@media (max-width: 980px) {
  .evidence-heading { align-items: flex-start; flex-direction: column; gap: 20px; }
  .trajectory-layout { grid-template-columns: 1fr; }
  .trace-readout { grid-template-columns: repeat(4, 1fr); }
  .trace-readout article { min-height: 78px; padding: 12px; }
  .validation-ladder { grid-template-columns: 1fr 1fr; }
  .sacar-story { grid-template-columns: 1fr; gap: 24px; }
  .sacar-stage { position: static; min-height: 340px; }
  .document-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 680px) {
  .trajectory-replay { padding: 20px; }
  .replay-header { flex-direction: column; gap: 18px; }
  .replay-header .segmented { width: 100%; }
  .replay-toolbar { grid-template-columns: 1fr; }
  .replay-toolbar .button { width: 100%; }
  .replay-toolbar label { grid-template-columns: auto auto; }
  .replay-toolbar input { grid-column: 1 / -1; }
  .trajectory-chart svg { min-height: 0; }
  .trace-readout { grid-template-columns: 1fr 1fr; }
  .validation-ladder { grid-template-columns: 1fr; }
  .validation-ladder article { border-left: 1px solid #cbd5e1; }
  .sacar-stage { min-height: 0; padding: 24px; }
  .sacar-stage > strong { margin-top: 30px; }
  .sacar-stage h3 { font-size: 25px; }
  .sacar-steps button { min-height: 104px; }
  .fit-actions { grid-template-columns: 1fr; }
  .inner-header { min-height: 68px; padding: 14px 15px; align-items: flex-start; flex-direction: column; }
  .inner-header img { width: 126px; }
  .inner-header nav { width: 100%; gap: 18px; overflow-x: auto; }
  .inner-header nav a { flex: 0 0 auto; }
  .inner-hero { padding: 60px 0 52px; }
  .inner-hero h1 { font-size: 39px; }
  .inner-hero .lead { font-size: 17px; }
  .document-page { padding: 58px 0 75px; }
  .document-grid { grid-template-columns: 1fr; }
  .page-footer .shell { align-items: flex-start; flex-direction: column; }
}

@media print {
  @page { margin: 18mm; }
  body { color: #000; background: #fff; }
  body > * { visibility: hidden; }
  .pilot-print, .pilot-print *, .pilot-print[hidden] { visibility: visible; }
  .pilot-print, .pilot-print[hidden] {
    position: absolute; inset: 0; width: 100%; padding: 0; display: block !important;
    color: #000; background: #fff; font-family: Arial, sans-serif;
  }
  .pilot-print header { padding-bottom: 18px; display: flex; align-items: end; justify-content: space-between; border-bottom: 3px solid #0c5bd7; }
  .pilot-print header img { width: 140px; height: auto; }
  .pilot-print header span { color: #445; font-size: 11pt; font-weight: 700; }
  .pilot-print h1 { margin: 34px 0 12px; font-size: 25pt; }
  .pilot-print > p { color: #444; font-size: 11pt; }
  .pilot-print dl { margin: 28px 0; display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid #aaa; }
  .pilot-print dl div { padding: 11px 0; border-bottom: 1px solid #aaa; }
  .pilot-print dt { color: #555; font-size: 8pt; text-transform: uppercase; }
  .pilot-print dd { margin: 4px 0 0; font-size: 11pt; font-weight: 700; }
  .pilot-print h2 { margin-top: 30px; font-size: 16pt; }
  .pilot-print li { margin-bottom: 8px; }
  .pilot-print footer { margin-top: 35px; padding-top: 12px; color: #555; border-top: 1px solid #aaa; font-size: 8pt; }
}

/* v22.3 typography and alignment consistency pass */
h1, h2, h3 { text-wrap: balance; }
p, li, dd { overflow-wrap: break-word; }
.button { max-width: 100%; text-align: center; white-space: normal; }
.hero h1 { font-size: var(--type-display); }
.inner-hero h1, .meeting-hero h1 { font-size: var(--type-page); }
.section-heading { max-width: var(--shell); }
.section-heading > h2 { max-width: 800px; }
.section-heading h2, .split-intro h2, .savings-copy h2, .summit-cta h2 { font-size: var(--type-section); }
.section-heading h2, .split-intro h2, .savings-copy h2, .summit-cta h2 { line-height: 1.12; }
.document-intro { max-width: var(--shell); }
.document-intro > h2, .document-intro > p { max-width: 770px; }
.document-intro h2, .document-section h2 { font-size: var(--type-subsection); }
.replay-header h3, .transfer-proof h3, .endurance-copy h3 { font-size: var(--type-feature); }
.document-grid h3, .outcome-grid h3, .audience-grid h3 { font-size: var(--type-card); }
.section-heading > p:last-child,
.evidence-heading > div > p:last-child {
  max-width: 710px; color: var(--muted); font-size: 17px; line-height: 1.58;
}
.section-heading-light > p:last-child { color: #d7e6ff; }
.evidence-heading > div > p:last-child { margin-bottom: 0; }
.document-intro > p:last-child, .document-section > p { max-width: 760px; font-size: 16px; line-height: 1.62; }
.document-section > .document-grid { margin-top: 25px; }
.document-grid article, .audience-grid article, .landscape-grid article:not(.qluon-position) {
  display: flex; flex-direction: column; align-items: flex-start;
}
.document-grid article > a, .audience-grid article > a, .landscape-grid article:not(.qluon-position) > strong { margin-top: auto; }
.document-grid h3, .outcome-grid h3, .audience-grid h3 { line-height: 1.28; }
.document-grid p, .boundary-note p, .fit-result p { line-height: 1.58; }
.download-row .button:not(.button-red) { color: var(--blue-dark); border-color: #b9c9dc; background: var(--white); }
.download-row .button:not(.button-red):hover,
.download-row .button:not(.button-red):focus-visible { border-color: var(--blue); background: #edf4ff; }
table, .metric-block strong, .proof-grid strong, .trace-readout strong, .calculator-result strong { font-variant-numeric: tabular-nums; }
th { line-height: 1.35; vertical-align: bottom; }
td { line-height: 1.45; vertical-align: middle; }
.evidence-table-wrap th:not(:first-child),
.evidence-table-wrap td:not(:first-child),
.endurance-proof th:not(:first-child),
.endurance-proof td:not(:first-child) { text-align: right; }
.trace-readout article > span, .trace-readout small { line-height: 1.35; }
.trace-readout strong { overflow-wrap: normal; }
.validation-ladder strong { line-height: 1.3; }
.sacar-stage > p, .sacar-steps button small { line-height: 1.55; }
.inner-header nav a, .primary-nav a, .role-nav a { white-space: nowrap; }
.inner-hero .lead, .meeting-hero > .shell > p:not(.eyebrow) { line-height: 1.5; }
.page-footer { font-size: 13px; }
.meeting-page .site-footer { padding-top: 28px; }
.meeting-page .footer-bottom { margin-top: 0; }

@media (max-width: 980px) {
  :root {
    --type-display: 52px;
    --type-page: 50px;
    --type-section: 38px;
    --type-subsection: 29px;
    --type-feature: 25px;
  }
  .evidence-heading > div > p:last-child { font-size: 16px; }
  .trace-readout strong { font-size: 18px; }
  .trace-readout .trace-effect strong { font-size: 15px; }
}

@media (max-width: 680px) {
  :root {
    --type-display: 39px;
    --type-page: 38px;
    --type-section: 32px;
    --type-subsection: 28px;
    --type-feature: 24px;
  }
  .section-heading > p:last-child,
  .evidence-heading > div > p:last-child,
  .document-intro > p:last-child,
  .document-section > p { font-size: 15px; }
  .trajectory-chart { overflow: visible; }
  .trajectory-chart svg { width: 100%; max-width: 760px; min-height: 0; }
  .trace-readout strong { font-size: 17px; }
  .inner-header nav { padding-bottom: 3px; }
}

/* Compact closing CTA and footer. */
.summit-cta h2 { font-size: 36px; }

@media (max-width: 980px) {
  .summit-cta h2 { font-size: 32px; }
}

@media (max-width: 680px) {
  .summit-cta { padding: 44px 0; }
  .summit-cta h2 { font-size: 30px; }
  .summit-cta p:not(.eyebrow) { font-size: 15px; }
  .summit-cta .button { width: 100%; min-width: 0; }
  .site-footer { padding-top: 38px; }
  .footer-grid { gap: 26px; }
  .footer-bottom { margin-top: 30px; }
}

/* SACAR control sequence. */
.sacar-story {
  margin-top: 46px; display: grid; grid-template-columns: 1fr; gap: 18px; align-items: stretch;
}
.sacar-steps {
  display: grid; grid-template-columns: repeat(5, minmax(0, 1fr));
  overflow: hidden; border: 1px solid #40536d; background: #0a1729;
}
.sacar-steps button {
  position: relative; width: 100%; min-height: 116px; padding: 18px 17px;
  display: grid; grid-template-columns: 34px 1fr; grid-template-rows: auto auto;
  gap: 4px 12px; align-content: center; align-items: center;
  color: #91a3ba; text-align: left; border: 0; border-right: 1px solid #40536d;
  background: transparent; cursor: pointer;
}
.sacar-steps button:last-child { border-right: 0; }
.sacar-steps button::after {
  content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 3px; background: transparent;
}
.sacar-steps button > span {
  grid-row: 1 / 3; width: 32px; height: 32px; display: grid; place-items: center;
  color: #b8c9dd; background: #1c304a; border-radius: 3px; font-size: 11px; font-weight: 850;
}
.sacar-steps button strong { color: #f5f8fc; font-size: 15px; line-height: 1.25; }
.sacar-steps button small { color: inherit; font-size: 11px; line-height: 1.35; }
.sacar-steps button:hover, .sacar-steps button:focus-visible { color: #dce8f7; background: #10213a; }
.sacar-steps button.is-active { color: #dceaff; background: #122742; }
.sacar-steps button.is-active::after { background: var(--red); }
.sacar-steps button.is-active > span { color: #fff; background: var(--red); }

.sacar-stage {
  position: static; min-height: 0; padding: 30px 32px;
  display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(300px, 0.65fr);
  gap: 24px 44px; align-items: start; border: 1px solid #40536d; background: #0d1c32;
}
.sacar-stage-meta {
  grid-column: 1 / -1; padding-bottom: 17px; display: flex; align-items: center; gap: 16px;
  border-bottom: 1px solid #354963;
}
.sacar-stage-meta span { color: #8dbfff; font-size: 11px; font-weight: 850; text-transform: uppercase; }
.sacar-stage-meta strong { color: #fff; font-size: 13px; font-weight: 800; text-transform: uppercase; }
.sacar-stage-meta strong::before { content: ""; width: 5px; height: 5px; margin-right: 16px; display: inline-block; background: var(--red); border-radius: 50%; vertical-align: 2px; }
.sacar-stage-copy { min-width: 0; }
.sacar-stage h3 { max-width: 650px; margin: 0 0 12px; font-size: 27px; line-height: 1.18; }
.sacar-stage-copy p { max-width: 720px; margin: 0; color: #afbdd0; font-size: 15px; }
.sacar-stage dl { margin: 0; border-top: 0; }
.sacar-stage dl div { min-height: 62px; padding: 10px 0; display: grid; grid-template-columns: 78px 1fr; gap: 14px; align-items: start; border-bottom: 1px solid #354963; }
.sacar-stage dl div:first-child { padding-top: 0; }
.sacar-stage dt { color: #7f94ae; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.sacar-stage dd { margin: 0; color: #e0e9f5; font-size: 13px; line-height: 1.45; }
.architecture-bands { margin-top: 18px; }

@media (max-width: 980px) {
  .sacar-steps { grid-template-columns: repeat(5, minmax(160px, 1fr)); overflow-x: auto; scroll-snap-type: x proximity; }
  .sacar-steps button { scroll-snap-align: start; }
  .sacar-stage { grid-template-columns: 1fr; gap: 22px; }
  .sacar-stage-meta, .sacar-stage-copy, .sacar-stage dl { grid-column: 1; }
  .sacar-stage dl { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
}

@media (max-width: 680px) {
  .sacar-story { margin-top: 32px; }
  .sacar-steps { grid-template-columns: repeat(5, minmax(148px, 1fr)); }
  .sacar-steps button { min-height: 104px; padding: 15px 13px; grid-template-columns: 30px 1fr; gap: 3px 9px; }
  .sacar-steps button > span { width: 28px; height: 28px; }
  .sacar-stage { padding: 22px; }
  .sacar-stage-meta { align-items: flex-start; flex-direction: column; gap: 7px; }
  .sacar-stage-meta strong::before { margin-right: 10px; }
  .sacar-stage h3 { font-size: 24px; }
  .sacar-stage dl { grid-template-columns: 1fr; gap: 0; }
}

/* Compact trajectory evidence panel. */
.trajectory-replay .replay-header h3 { font-size: 24px; }
.trajectory-replay .trace-readout strong { font-size: 18px; }
.trajectory-replay .trace-readout .trace-effect strong { font-size: 15px; }

@media (max-width: 680px) {
  .trajectory-replay .replay-header h3 { font-size: 22px; }
  .trajectory-replay .trace-readout strong { font-size: 16px; }
  .trajectory-replay .trace-readout .trace-effect strong { font-size: 14px; }
}

/* WSAI first screen and early AdamW comparison. */
.hero { min-height: 520px; height: 66svh; max-height: 670px; }
.hero-content { padding-top: 36px; padding-bottom: 40px; }
.hero .eyebrow { margin-bottom: 14px; }
.hero h1 { max-width: 1000px; margin-bottom: 14px; font-size: 58px; line-height: 1.05; }
.hero-subtitle { max-width: 760px; margin: 0 0 17px; font-size: 28px; font-weight: 720; line-height: 1.22; }
.hero-copy { max-width: 700px; margin-bottom: 24px; font-size: 18px; }
.hero-pilot-note {
  margin: 17px 0 0; display: flex; flex-wrap: wrap; gap: 4px 15px;
  color: #dbe7f7; font-size: 13px; line-height: 1.35;
}
.hero-pilot-note strong { color: var(--white); font-weight: 800; }
.hero-pilot-note span { padding-left: 14px; border-left: 1px solid rgba(255, 255, 255, 0.44); }

.quick-evidence { padding: 29px 0 26px; background: var(--white); border-bottom: 1px solid var(--line); scroll-margin-top: 130px; }
.quick-evidence-layout { display: grid; grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr); gap: 42px; align-items: start; }
.quick-evidence-intro .eyebrow { margin-bottom: 7px; }
.quick-evidence-intro h2 { max-width: 450px; margin: 0 0 9px; font-size: 23px; line-height: 1.22; }
.quick-evidence-intro > p:not(.eyebrow) { max-width: 420px; margin: 0 0 10px; color: var(--muted); font-size: 13px; }
.quick-evidence-intro a { color: var(--blue); font-size: 13px; font-weight: 760; border-bottom: 1px solid #aac8f4; }
.quick-evidence-table { width: 100%; border-collapse: collapse; font-size: 13px; font-variant-numeric: tabular-nums; }
.quick-evidence-table th, .quick-evidence-table td { padding: 10px 11px; border-bottom: 1px solid var(--line); }
.quick-evidence-table thead th { color: var(--muted); font-size: 11px; font-weight: 800; text-align: right; line-height: 1.25; }
.quick-evidence-table th:first-child { padding-left: 0; text-align: left; }
.quick-evidence-table tbody th { font-weight: 780; }
.quick-evidence-table td { text-align: right; white-space: nowrap; }
.quick-evidence-table .quick-win { color: var(--green); font-weight: 800; }
.quick-evidence-note { margin: 9px 0 0; color: var(--muted); font-size: 11px; line-height: 1.45; }
.muon-spotlight { padding: 28px 0 24px; background: #edf3fa; border-bottom: 1px solid var(--line); scroll-margin-top: 130px; }
.muon-spotlight-layout { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: 44px; align-items: center; }
.muon-spotlight-copy .eyebrow { margin-bottom: 7px; color: var(--red-dark); }
.muon-spotlight-copy h2 { margin: 0 0 8px; font-size: 27px; line-height: 1.2; }
.muon-spotlight-copy p:not(.eyebrow) { max-width: 500px; margin-bottom: 9px; color: var(--muted); font-size: 13px; }
.muon-spotlight-copy a { color: var(--blue); font-size: 13px; font-weight: 760; border-bottom: 1px solid #aac8f4; }
.muon-spotlight-results { margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 2px solid var(--ink); border-bottom: 1px solid var(--line); }
.muon-spotlight-results > div { min-width: 0; padding: 12px 17px; }
.muon-spotlight-results > div:first-child { padding-left: 0; }
.muon-spotlight-results > div + div { border-left: 1px solid var(--line); }
.muon-spotlight-results dt { color: var(--muted); font-size: 10px; font-weight: 800; text-transform: uppercase; }
.muon-spotlight-results dd { margin: 6px 0 0; font-size: 22px; font-weight: 800; line-height: 1.2; font-variant-numeric: tabular-nums; white-space: nowrap; }
.muon-spotlight-results dd small { font-size: 11px; color: var(--muted); }
.muon-spotlight-results .muon-arrow { color: var(--red); }
.muon-spotlight-results .muon-saving { display: block; margin-top: 7px; color: var(--green); font-size: 11px; font-weight: 800; white-space: normal; }
.muon-spotlight-note { margin-top: 11px; color: var(--muted); font-size: 11px; line-height: 1.45; }
.evidence-section > .proof-strip { margin-top: 30px; padding: 16px 0; border-top: 1px solid var(--line); }
.evidence-section > .proof-strip .proof-grid article { min-height: 72px; }

@media (max-width: 980px) {
  .hero { min-height: 500px; height: 63svh; }
  .hero h1 { font-size: 48px; }
  .hero-subtitle { font-size: 25px; }
  .quick-evidence-layout { grid-template-columns: 1fr; gap: 16px; }
  .quick-evidence-intro h2 { max-width: 700px; }
  .muon-spotlight-layout { grid-template-columns: 1fr; gap: 18px; }
}

@media (max-width: 680px) {
  .hero { min-height: 430px; height: auto; max-height: none; }
  .hero-content { min-height: 430px; padding-top: 32px; padding-bottom: 34px; }
  .hero h1 { margin-bottom: 11px; font-size: 37px; }
  .hero-subtitle { margin-bottom: 14px; font-size: 23px; }
  .hero-copy { margin-bottom: 20px; font-size: 16px; line-height: 1.4; }
  .hero-actions { gap: 10px; }
  .hero-pilot-note { margin-top: 17px; flex-direction: column; font-size: 12px; }
  .hero-pilot-note span { padding-left: 0; border-left: 0; }
  .quick-evidence { padding: 24px 0; }
  .quick-evidence-intro h2 { font-size: 21px; }
  .quick-evidence-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
  .quick-evidence-table, .quick-evidence-table tbody { display: block; width: 100%; }
  .quick-evidence-table tbody tr {
    padding: 11px 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px 14px; border-top: 1px solid var(--line);
  }
  .quick-evidence-table tbody th { grid-column: 1 / -1; padding: 0; border: 0; }
  .quick-evidence-table td { padding: 0; border: 0; text-align: left; white-space: normal; }
  .quick-evidence-table td:first-of-type { grid-column: 1 / -1; }
  .quick-evidence-table td::before {
    content: attr(data-label); margin-bottom: 2px; display: block;
    color: var(--muted); font-size: 10px; font-weight: 700;
  }
  .muon-spotlight { padding: 24px 0; }
  .muon-spotlight-copy h2 { font-size: 22px; }
  .muon-spotlight-results dd { font-size: 20px; }
}

@media (max-width: 520px) {
  .muon-spotlight-results { grid-template-columns: 1fr; }
  .muon-spotlight-results > div { padding: 11px 0; }
  .muon-spotlight-results > div + div { border-top: 1px solid var(--line); border-left: 0; }
}

@media (max-width: 680px) and (max-height: 700px) {
  .hero { min-height: 400px; }
  .hero-content { min-height: 400px; padding-top: 18px; padding-bottom: 20px; }
  .hero h1 { font-size: 34px; }
  .hero-subtitle { font-size: 21px; }
  .hero-copy { margin-bottom: 14px; }
  .hero-actions .button { min-height: 42px; }
  .hero-pilot-note { margin-top: 12px; }
}

/* Keep the WSAI invitation and its action together in the first screen. */
.meeting-header { min-height: 68px; }
.meeting-header img { width: 142px; height: auto; max-height: 44px; }
.meeting-hero { padding: 46px 0 38px; }
.meeting-page .meeting-hero h1 { max-width: 900px; margin-bottom: 5px; font-size: 48px; line-height: 1.08; }
.meeting-hero > .shell > p.meeting-deck {
  max-width: 900px; margin-bottom: 17px; color: var(--white);
  font-size: 28px; font-weight: 690; line-height: 1.2;
}
.meeting-hero > .shell > p:not(.eyebrow):not(.meeting-deck) { max-width: 710px; font-size: 17px; }
.meeting-actions { margin-top: 22px; }
.meeting-metrics { margin-top: 34px; }
.meeting-metrics div { min-height: 88px; padding: 14px 18px; }
.meeting-metrics strong { font-size: 24px; }
.meeting-metrics span { margin-top: 3px; }

@media (max-width: 980px) {
  .meeting-page .meeting-hero h1 { font-size: 43px; }
  .meeting-hero > .shell > p.meeting-deck { font-size: 25px; }
}

@media (max-width: 680px) {
  .meeting-header { min-height: 64px; }
  .meeting-header img { width: 118px; }
  .meeting-header a:last-child { font-size: 12px; }
  .meeting-hero { padding: 38px 0 32px; }
  .meeting-page .meeting-hero h1 { font-size: 34px; }
  .meeting-hero > .shell > p.meeting-deck { margin-bottom: 14px; font-size: 22px; }
  .meeting-hero > .shell > p:not(.eyebrow):not(.meeting-deck) { font-size: 15px; }
  .meeting-actions { gap: 12px; }
  .meeting-metrics { margin-top: 27px; }
  .meeting-metrics div { min-height: 74px; padding: 12px 4px; }
  .meeting-metrics strong { font-size: 21px; }
}

@media (max-height: 650px) and (min-width: 681px) {
  .meeting-hero { padding: 28px 0; }
  .meeting-page .meeting-hero h1 { font-size: 39px; }
  .meeting-hero > .shell > p.meeting-deck { margin-bottom: 11px; font-size: 23px; }
  .meeting-actions { margin-top: 16px; }
  .meeting-metrics { margin-top: 22px; }
}

/* Private inquiry form. The recipient is configured outside the public site. */
.contact-main { min-height: 72svh; padding: 68px 0 88px; }
.contact-layout { display: grid; grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr); gap: 70px; align-items: start; }
.contact-intro h1 { margin-bottom: 18px; font-size: 48px; line-height: 1.1; }
.contact-intro > p:not(.eyebrow) { max-width: 430px; color: var(--muted); font-size: 17px; }
.contact-intro .contact-privacy { margin-top: 32px; padding-left: 15px; border-left: 3px solid var(--blue); font-size: 14px !important; }
.contact-form-panel { padding: 30px; border: 1px solid var(--line); border-radius: 6px; background: var(--white); }
.contact-form-panel h2 { margin-bottom: 22px; font-size: 24px; }
.contact-form-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.contact-form label { margin-bottom: 17px; display: block; color: #33445a; font-size: 13px; font-weight: 740; }
.contact-method { min-width: 0; margin: 4px 0 18px; padding: 0; border: 0; }
.contact-method legend { margin-bottom: 9px; color: #33445a; font-size: 13px; font-weight: 740; }
.contact-method-options { display: flex; flex-wrap: wrap; gap: 8px 22px; }
.contact-form .contact-method-options label { display: inline-flex; align-items: center; gap: 7px; margin: 0; font-size: 14px; cursor: pointer; }
.contact-detail-note { margin: -8px 0 17px; color: var(--muted); font-size: 12px; }
.contact-form input, .contact-form select, .contact-form textarea {
  width: 100%; min-height: 44px; margin-top: 7px; padding: 10px 12px; display: block;
  color: var(--ink); background: var(--white); border: 1px solid #b9c9dc; border-radius: 4px;
  font-size: 15px; font-weight: 450;
}
.contact-form .contact-method-options input[type="radio"] { width: 16px; min-height: 16px; height: 16px; margin: 0; padding: 0; accent-color: var(--blue); }
.contact-form textarea { min-height: 138px; resize: vertical; }
.contact-form input:focus-visible, .contact-form select:focus-visible, .contact-form textarea:focus-visible {
  outline: 2px solid var(--blue); outline-offset: 2px;
}
.contact-form button { width: 100%; cursor: pointer; }
.contact-form-note { margin: 12px 0 0; color: var(--muted); font-size: 12px; }
.contact-error { padding: 10px 12px; color: #8b1722; background: #fff0f1; border-left: 3px solid var(--red); font-size: 13px; }
.contact-status p { max-width: 440px; color: var(--muted); }
.contact-website-field { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }

@media (max-width: 980px) {
  .contact-layout { gap: 32px; }
  .contact-intro h1 { font-size: 40px; }
}

@media (max-width: 680px) {
  .contact-main { padding: 34px 0 60px; }
  .contact-layout, .contact-form-row { grid-template-columns: 1fr; }
  .contact-layout { gap: 24px; }
  .contact-intro h1 { font-size: 34px; }
  .contact-intro > p:not(.eyebrow) { font-size: 15px; }
  .contact-intro .contact-privacy { margin-top: 19px; }
  .contact-form-panel { padding: 20px; }
  .contact-form-row { gap: 0; }
}

/* Company identity, kept concise beside the product and evidence story. */
.company-section { padding: 72px 0; background: #eaf1f8; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.company-layout { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: 72px; align-items: start; }
.company-intro h2 { max-width: 520px; margin-bottom: 18px; font-size: 36px; line-height: 1.16; }
.company-intro > p:not(.eyebrow) { max-width: 530px; margin-bottom: 22px; color: #405066; font-size: 16px; }
.company-details { margin: 0; border-top: 2px solid var(--ink); }
.company-details > div { padding: 16px 0; display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 18px; border-bottom: 1px solid #cbd7e5; }
.company-details dt { color: var(--blue-dark); font-size: 12px; font-weight: 800; }
.company-details dd { margin: 0; color: #405066; font-size: 14px; line-height: 1.55; }
.company-details dd a { color: var(--blue-dark); font-weight: 720; text-decoration: underline; text-decoration-color: #a6c6f2; text-underline-offset: 3px; }

@media (max-width: 980px) {
  .company-layout { gap: 36px; }
  .company-intro h2 { font-size: 32px; }
  .company-details > div { grid-template-columns: 1fr; gap: 4px; }
}

@media (max-width: 680px) {
  .company-section { padding: 50px 0; }
  .company-layout { grid-template-columns: 1fr; gap: 28px; }
  .company-intro h2 { font-size: 29px; }
  .company-intro > p:not(.eyebrow) { font-size: 15px; }
}

/* The primary journey stays brief; the full research remains expandable. */
.hero-category { display: block; margin-top: 4px; font-size: 44px; font-weight: 710; }
.breadth-summary { margin-top: 22px; padding-top: 20px; display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 32px; align-items: center; border-top: 1px solid #cbd7e5; }
.breadth-summary .eyebrow { margin-bottom: 4px; font-size: 11px; }
.breadth-summary p:not(.eyebrow) { max-width: 340px; margin: 0; color: var(--muted); font-size: 13px; }
.breadth-summary dl { display: flex; gap: 25px; margin: 0; }
.breadth-summary dt { color: var(--muted); font-size: 10px; }
.breadth-summary dd { margin: 2px 0 0; color: var(--ink); font-size: 23px; font-weight: 780; }
.breadth-summary .text-link { font-size: 13px; }
.approach-more { margin-top: 25px; font-size: 14px; }
.trust-overview { padding: 52px 0 32px; background: #f4f7fb; }
.trust-overview h2 { margin-bottom: 26px; font-size: 30px; line-height: 1.2; }
.trust-links { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; }
.trust-links > a { min-width: 0; padding: 20px 0; border-top: 2px solid var(--blue); }
.trust-links > a:first-child { border-color: var(--red); }
.trust-links h3 { display: flex; justify-content: space-between; gap: 10px; margin-bottom: 9px; font-size: 19px; }
.trust-links h3 span { color: var(--blue); }
.trust-links p { margin: 0; color: var(--muted); font-size: 14px; }
.trust-links a:hover h3 { color: var(--blue); }
.integration-section { background: var(--white); }
.integration-section .code-layout { margin-top: 0; }
.pilot-intro { display: grid; grid-template-columns: minmax(0, 760px) auto; gap: 45px; align-items: center; justify-content: space-between; }
.pilot-intro > .button { white-space: nowrap; }
.pilot-disclosure { margin-top: 30px; }
.pilot-disclosure > summary { border-top: 1px solid #91b7ef; border-bottom: 1px solid #91b7ef; }
.pilot-disclosure .pilot-steps { margin-top: 30px; }
.company-details dd strong { color: var(--ink); }
.research-library { padding-top: 48px; background: var(--white); }
.research-heading { padding-bottom: 28px; }
.research-heading h2 { margin: 0; font-size: 30px; line-height: 1.2; }
.content-disclosure { border-top: 1px solid var(--line); scroll-margin-top: 92px; }
.content-disclosure:last-child { border-bottom: 1px solid var(--line); }
.content-disclosure > summary, .pilot-disclosure > summary { min-height: 90px; padding-block: 21px; display: flex; justify-content: space-between; align-items: center; gap: 22px; list-style: none; cursor: pointer; }
.content-disclosure > summary::-webkit-details-marker, .pilot-disclosure > summary::-webkit-details-marker { display: none; }
.content-disclosure > summary strong, .pilot-disclosure > summary strong { display: block; font-size: 17px; line-height: 1.3; }
.content-disclosure > summary small, .pilot-disclosure > summary small { display: block; margin-top: 5px; color: var(--muted); font-size: 13px; line-height: 1.45; }
.pilot-disclosure > summary small { color: #e4eeff; }
.disclosure-symbol { flex: 0 0 28px; width: 28px; text-align: center; font-size: 0; }
.disclosure-symbol::before { content: "+"; font-size: 26px; line-height: 1; }
details[open] > summary .disclosure-symbol::before { content: "\2212"; }
.content-disclosure > summary:hover { color: var(--blue); }
.content-disclosure[open] > summary { border-bottom: 1px solid var(--line); }
.proof-disclosure { background: var(--white); }
.proof-disclosure > summary { min-height: 74px; padding-block: 15px; }
.quick-evidence-table { min-width: 0; }

@media (max-width: 980px) {
  .hero-category { font-size: 38px; }
  .breadth-summary { grid-template-columns: minmax(0, 1fr) auto; gap: 20px; }
  .breadth-summary > a { grid-column: 1 / -1; justify-self: start; }
  .pilot-intro { grid-template-columns: 1fr; gap: 24px; }
  .pilot-intro > .button { justify-self: start; }
}

@media (max-width: 680px) {
  .hero-category { font-size: 29px; }
  .breadth-summary, .trust-links { grid-template-columns: 1fr; }
  .breadth-summary dl { justify-content: space-between; gap: 16px; }
  .breadth-summary > a { grid-column: auto; }
  .trust-overview { padding: 40px 0 22px; }
  .trust-overview h2, .research-heading h2 { font-size: 27px; }
  .trust-links { gap: 0; }
  .trust-links h3 { font-size: 18px; }
  .pilot-intro > .button { width: 100%; }
  .content-disclosure > summary, .pilot-disclosure > summary { gap: 14px; }
  .content-disclosure > summary strong, .pilot-disclosure > summary strong { font-size: 16px; }
  .content-disclosure > summary small, .pilot-disclosure > summary small { font-size: 12px; }
}

/* The seven-stage navigation mirrors the homepage's reading order. */
.site-header { grid-template-columns: 142px minmax(0, 1fr) auto; gap: 22px; }
.primary-nav { gap: 14px; }
.primary-nav > a { padding: 10px 0; border-bottom: 2px solid transparent; }
.primary-nav > a[aria-current="location"] { color: var(--blue); border-bottom-color: var(--red); }
.nav-more { position: relative; flex: 0 0 auto; }
.nav-more > summary { display: flex; align-items: center; gap: 7px; min-height: 44px; list-style: none; cursor: pointer; color: #35455a; font-size: 14px; font-weight: 680; }
.nav-more > summary::-webkit-details-marker { display: none; }
.nav-more > summary span { font-size: 18px; }
.nav-more[open] > summary, .nav-more.is-current > summary { color: var(--blue); }
.nav-more-links { position: absolute; top: calc(100% + 14px); right: 0; width: 250px; max-height: 70svh; padding: 12px 18px; overflow-y: auto; background: var(--white); border: 1px solid var(--line); border-radius: 4px; box-shadow: var(--shadow); }
.primary-nav .nav-more-links a { display: block; padding: 9px 0; border-bottom: 0; white-space: normal; font-size: 13px; }
.primary-nav .nav-more-links a[aria-current="location"] { color: var(--blue); text-decoration: underline; text-underline-offset: 4px; }
.nav-group-label { display: block; margin: 9px 0 4px; color: var(--muted); font-size: 11px; font-weight: 750; }
.nav-group-label:not(:first-child) { padding-top: 12px; border-top: 1px solid var(--line); }
.journey-links { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 28px; margin-top: 24px; font-size: 14px; }
.journey-secondary { color: #405066; font-weight: 600; }
.proof-next, .integration-next, .savings-next { margin-top: 0; padding-top: 20px; padding-bottom: 20px; }
.detail-jump-links { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-top: 20px; }
.detail-jump-links a { color: var(--blue); font-size: 14px; font-weight: 650; text-decoration: underline; text-underline-offset: 4px; }
.content-disclosure, .muon-spotlight, .quick-evidence { scroll-margin-top: 0; }

@media (max-width: 980px) {
  .site-header { grid-template-columns: 1fr auto auto; }
  .primary-nav { gap: 0; padding-top: 12px; padding-bottom: 16px; }
  .primary-nav > a { min-height: 44px; padding: 10px 0; }
  .nav-more { width: 100%; }
  .nav-more > summary { justify-content: space-between; }
  .nav-more-links { position: static; width: 100%; max-height: none; padding: 0 0 0 14px; border: 0; border-left: 2px solid var(--line); border-radius: 0; box-shadow: none; }
}

@media (max-width: 680px) {
  .site-header { grid-template-columns: 1fr auto; }
  .journey-links { font-size: 13px; }
  .detail-jump-links { gap: 12px 20px; }
}