@font-face {
  font-family:Inter;
  src:url('/fonts/inter-latin.woff2') format('woff2');
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
}
:root {
  --paper:#f5f4ee;
  --white:#fffefa;
  --ink:#202b28;
  --muted:#5d6762;
  --line:#d9ddd5;
  --dark:#182823;
  --lime:#d8f49b;
  --green:#286348;
  --red:#a94332;
  --central:#537b67;
  --riverside:#b18a4b;
  --harbor:#647eac;
  font-family:Inter,Arial,sans-serif;
  color:var(--ink);
  background:var(--paper);
  font-synthesis:none;
  color-scheme:light;
}
* {
  box-sizing:border-box;
}
body {
  margin:0;
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:24px;
}
a {
  color:inherit;
  text-decoration:none;
}
button,select {
  font:inherit;
}
button,a,select,summary {
  -webkit-tap-highlight-color:transparent;
}
button,summary {
  cursor:pointer;
}
button {
  color:inherit;
}
button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible {
  outline:3px solid #a88138;
  outline-offset:5px;
}
[hidden] {
  display:none!important;
}
p {
  line-height:1.7;
}
h1,h2,h3,h4,p,figure {
  margin:0;
}
h1,h2,h3,h4 {
  font-weight:600;
}
h2 {
  font-size:clamp(32px,3.6vw,48px);
  line-height:1.12;
  letter-spacing:-1.8px;
}
h4 {
  font-size:19px;
  line-height:1.3;
  letter-spacing:-.45px;
}
.wrap {
  max-width:1440px;
  margin:auto;
  padding-left:48px;
  padding-right:48px;
}
.eyebrow {
  font-size:10px;
  font-weight:600;
  letter-spacing:1.5px;
  line-height:1.6;
}
.fine {
  font-size:11px;
  line-height:1.75;
  color:var(--muted);
}
.fine a {
  text-decoration:underline;
  text-underline-offset:3px;
}
.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 {
  position:fixed;
  z-index:10;
  top:-100px;
  left:16px;
  background:var(--white);
  color:var(--ink);
  padding:12px;
}
.skip:focus {
  top:10px;
}
.opening {
  background:var(--dark);
  color:var(--paper);
}
.site-header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:92px;
  gap:24px;
}
.brand {
  display:inline-flex;
  align-items:baseline;
  font-size:26px;
  font-weight:700;
  letter-spacing:-1.3px;
  white-space:nowrap;
}
.brand img {
  margin-right:10px;
  align-self:center;
  flex-shrink:0;
}
.brand-dot {
  width:5px;
  height:5px;
  margin-left:3px;
  border-radius:1.5px;
  background:#c5f66a;
}
.site-header nav {
  display:flex;
  gap:32px;
  font-size:12px;
  color:#d7ded4;
}
.site-header nav a {
  padding:14px 0;
}
.sign-in {
  border:1px solid #66766c;
  border-radius:4px;
  padding:12px 15px;
  font-size:11px;
  white-space:nowrap;
}
.sign-in span {
  padding-left:20px;
}
.hero {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9%;
  padding-top:56px;
  padding-bottom:72px;
  align-items:center;
}
.hero .eyebrow {
  color:#c3cfbd;
  display:flex;
  align-items:center;
  gap:10px;
  font-size:9px;
}
.status-dot {
  width:6px;
  height:6px;
  display:inline-block;
  background:var(--lime);
  border-radius:50%;
  flex-shrink:0;
}
h1 {
  font-size:clamp(54px,5.5vw,80px);
  line-height:1.03;
  letter-spacing:-4px;
  margin:25px 0;
}
em {
  font-style:normal;
}
h1 em {
  color:var(--lime);
  white-space:nowrap;
}
.hero-description {
  font-size:20px;
  line-height:1.5;
  color:#d5dfd0;
  letter-spacing:-.4px;
}
.actions {
  display:flex;
  gap:24px;
  align-items:center;
  flex-wrap:wrap;
  margin-top:30px;
}
.button {
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  min-height:50px;
  padding:16px 20px;
  border-radius:4px;
  background:var(--ink);
  color:white;
  font-size:12px;
  font-weight:600;
}
.button.bright {
  background:var(--lime);
  color:var(--dark);
}
.quiet-link {
  font-size:12px;
  padding:14px 0;
  display:inline-block;
  border-bottom:1px solid #8b9988;
}
.hero-note {
  color:#b9c7b2;
  margin-top:18px;
  max-width:340px;
}
.hero-brief {
  background:#f1f1e7;
  color:var(--ink);
  padding:30px 32px 0;
  border-radius:5px;
  box-shadow:0 22px 50px #0816104d;
  transform:rotate(1deg);
}
.brief-top {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  border-bottom:1px solid #cbd2c5;
  padding-bottom:17px;
}
.hero-brief .eyebrow {
  font-size:8px;
  color:#52604e;
  letter-spacing:1px;
}
.sample-label {
  font-size:8px;
  font-weight:600;
  letter-spacing:.7px;
  line-height:1.6;
}
.hero-brief #hero-period {
  font-size:11px;
  margin-top:22px;
  color:#5b6757;
}
.hero-brief h2 {
  font-size:clamp(30px,3vw,41px);
  line-height:1.13;
  letter-spacing:-1.5px;
  margin-top:14px;
  max-width:420px;
}
.hero-result {
  display:flex;
  align-items:baseline;
  gap:15px;
  margin-top:20px;
}
.hero-result strong {
  font-size:45px;
  letter-spacing:-2px;
  font-weight:500;
}
.delta {
  font-size:12px;
  font-weight:600;
  white-space:nowrap;
  color:var(--green);
  font-variant-numeric:tabular-nums;
}
.delta[data-direction="down"] {
  color:var(--red);
}
.delta[data-direction="flat"] {
  color:var(--muted);
}
.brief-baseline {
  font-size:10px;
  color:#5d6958;
}
.brief-signals {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
  margin-top:25px;
  padding-top:18px;
  border-top:1px solid #cbd2c5;
}
.brief-signals span {
  display:block;
  font-size:8px;
  font-weight:600;
  color:#5d6958;
  letter-spacing:.8px;
  margin-bottom:7px;
}
.brief-signals strong {
  display:block;
  font-size:12px;
  line-height:1.6;
  font-weight:500;
}
.brief-follow {
  font-size:11px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  min-height:50px;
  border-bottom:1px solid #cbd2c5;
  margin-top:8px;
}
.brief-bottom {
  display:flex;
  gap:8px;
  align-items:center;
  font-size:9px;
  padding:14px 0;
}
.brief-bottom .status-dot {
  background:var(--green);
  width:5px;
  height:5px;
}
.demo-section {
  padding-top:80px;
  padding-bottom:80px;
}
.section-top {
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:40px;
  margin-bottom:35px;
}
.section-top .eyebrow {
  color:var(--muted);
  margin-bottom:15px;
}
.section-top>p {
  font-size:13px;
  color:var(--muted);
  line-height:1.8;
  max-width:330px;
}
.demo {
  border:1px solid #bdc7bb;
  border-radius:7px;
  background:var(--white);
  box-shadow:0 12px 36px #263a2608;
  overflow:hidden;
}
.demo-header {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  padding:24px 28px;
  background:#eef0e8;
  border-bottom:1px solid var(--line);
}
.demo-header .eyebrow {
  font-size:8px;
  color:var(--muted);
  letter-spacing:1.1px;
}
.demo-header h3 {
  font-size:23px;
  letter-spacing:-.8px;
  margin-top:6px;
}
.demo-business-type {
  font-size:11px;
  font-weight:400;
  letter-spacing:0;
  margin-left:20px;
  color:var(--muted);
}
.demo-header .sample-label {
  color:#596652;
}
.demo-toolbar {
  display:flex;
  align-items:end;
  gap:18px;
  padding:20px 28px 14px;
}
.demo-toolbar label {
  display:block;
  font-size:10px;
  font-weight:600;
}
.demo-toolbar select {
  display:block;
  margin-top:7px;
  border:1px solid #c9d0c3;
  background:var(--white);
  padding:11px 32px 11px 11px;
  border-radius:3px;
  font-size:11px;
  min-height:44px;
  max-width:100%;
  color:var(--ink);
}
.demo-toolbar select:disabled {
  opacity:.65;
}
.reset {
  margin-left:auto;
  background:none;
  border:0;
  font-size:11px;
  min-height:44px;
  padding:9px;
}
.demo-toolbar .fine {
  display:none;
}
.branch-filters {
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  align-items:center;
  padding:0 28px 20px;
  border-bottom:1px solid var(--line);
}
.branch-filters>span {
  font-size:8px;
  letter-spacing:1px;
  color:var(--muted);
  margin-right:12px;
}
.branch-filters button {
  min-height:38px;
  font-size:10px;
  background:none;
  border:1px solid transparent;
  border-radius:3px;
  padding:10px 13px;
}
.branch-filters button[aria-pressed="true"] {
  background:#e9ede4;
  border-color:#bfccb7;
  font-weight:600;
}
.branch-filters button:not([data-branch="all"])::before {
  content:'';
  display:inline-block;
  width:6px;
  height:6px;
  background:var(--central);
  border-radius:50%;
  margin-right:7px;
}
.branch-filters button[data-branch="riverside"]::before {
  background:var(--riverside);
}
.branch-filters button[data-branch="harbor"]::before {
  background:var(--harbor);
}
.demo-body {
  display:grid;
  grid-template-columns:144px minmax(0,1fr);
}
.demo-nav {
  border-right:1px solid var(--line);
  padding:24px 12px;
  display:flex;
  flex-direction:column;
  gap:5px;
  background:#f6f6f0;
}
.demo-nav button {
  display:flex;
  gap:12px;
  align-items:center;
  text-align:left;
  background:none;
  border:0;
  border-radius:3px;
  font-size:11px;
  padding:13px 10px;
  min-height:44px;
}
.demo-nav button span {
  font-size:8px;
  color:var(--muted);
}
.demo-nav button[aria-pressed="true"] {
  background:#e3e9dc;
  font-weight:600;
}
.demo-nav>p {
  font-size:9px;
  color:var(--muted);
  margin:30px 10px;
  line-height:1.9;
}
.demo-content {
  padding:28px;
  min-width:0;
}
.view-heading {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
}
.view-heading .eyebrow {
  font-size:8px;
  color:var(--muted);
  letter-spacing:1px;
}
.view-heading h3 {
  font-size:24px;
  letter-spacing:-.9px;
  margin-top:7px;
  line-height:1.2;
}
.coverage-tag {
  font-size:9px;
  border:1px solid #ccd7c3;
  border-radius:15px;
  padding:5px 9px;
  white-space:nowrap;
  color:#4b6041;
}
.date-range {
  font-size:10px;
  color:var(--muted);
  margin-top:12px;
  line-height:1.7;
}
.metric-strip {
  display:grid;
  grid-template-columns:1.5fr 1fr 1fr 1fr;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  margin:22px 0 28px;
  padding:22px 0;
  gap:18px;
  font-variant-numeric:tabular-nums;
}
.metric-strip p {
  font-size:10px;
  color:var(--muted);
  margin-bottom:8px;
}
.metric-strip strong {
  display:block;
  font-weight:500;
  font-size:27px;
  letter-spacing:-1px;
}
.metric-strip>div:first-child strong {
  font-size:34px;
  display:inline-block;
  margin-right:8px;
}
.metric-strip small {
  font-size:9px;
  display:block;
  margin-top:9px;
  color:var(--muted);
}
.metric-strip .delta {
  font-size:10px;
}
.overview-grid {
  display:grid;
  grid-template-columns:minmax(0,2.2fr) minmax(180px,1fr);
  gap:28px;
}
.bridge-panel {
  min-width:0;
}
.chart-heading {
  display:flex;
  justify-content:space-between;
  align-items:start;
  gap:20px;
  margin-bottom:18px;
}
.chart-heading .eyebrow {
  font-size:8px;
  color:var(--muted);
  margin-bottom:7px;
}
.chart-legend {
  font-size:9px;
  color:var(--muted);
  display:flex;
  align-items:center;
  gap:5px;
  flex-wrap:wrap;
  line-height:1.7;
}
.chart-legend i {
  width:6px;
  height:6px;
  display:inline-block;
  background:#a6b69d;
  border-radius:1px;
}
.chart-legend i.positive-key {
  background:var(--green);
}
.chart-legend i.negative-key {
  background:var(--red);
}
.chart-scroll {
  overflow-x:auto;
  overscroll-behavior-inline:contain;
}
.chart-scroll>svg {
  width:100%;
  height:auto;
  display:block;
  min-width:470px;
}
.chart-scroll:focus-visible {
  outline-offset:-3px;
}
svg text {
  font-family:Inter,Arial,sans-serif;
  fill:var(--muted);
  font-size:12px;
  font-variant-numeric:tabular-nums;
}
svg .chart-value {
  fill:var(--ink);
  font-size:13px;
  font-weight:600;
}
svg .chart-grid {
  stroke:#e1e5da;
  stroke-width:1;
}
svg .chart-connector {
  stroke:#9da99a;
  stroke-width:1;
  stroke-dasharray:3 3;
}
.bridge-anchor {
  fill:#71816b;
}
.bridge-up {
  fill:var(--green);
}
.bridge-down {
  fill:var(--red);
}
.bridge-panel>.fine {
  font-size:9px;
  margin-top:12px;
}
.driver-list {
  margin-top:17px;
}
.driver-list button {
  display:grid;
  grid-template-columns:1fr auto auto;
  gap:10px;
  align-items:center;
  width:100%;
  text-align:left;
  border:0;
  border-top:1px solid var(--line);
  padding:12px 0;
  min-height:44px;
  background:none;
  font-size:11px;
}
.driver-list button>small {
  font-size:9px;
  color:var(--muted);
}
.driver-list button:hover {
  background:#f2f4ec;
}
.driver-list button strong {
  font-size:11px;
  font-weight:600;
}
.mix-panel {
  border-left:1px solid var(--line);
  padding-left:24px;
  min-width:0;
}
.mix-panel .eyebrow {
  font-size:8px;
  color:var(--muted);
  margin-bottom:9px;
}
.mix-panel h4 {
  font-size:18px;
}
.mix-panel>svg {
  display:block;
  width:100%;
  max-width:230px;
  margin:14px auto;
}
.mix-panel>svg circle:focus-visible {
  stroke:#182823;
  outline:none;
}
.mix-legend button {
  display:grid;
  grid-template-columns:10px 1fr auto;
  gap:8px;
  align-items:center;
  background:none;
  border:0;
  border-bottom:1px solid var(--line);
  text-align:left;
  width:100%;
  padding:11px 0;
  font-size:10px;
  min-height:40px;
}
.mix-legend button[aria-pressed="true"] {
  font-weight:700;
}
.mix-legend svg {
  width:7px;
  height:7px;
}
.mix-panel>.fine {
  font-size:9px;
  margin-top:12px;
}
.attention {
  background:#eef1e7;
  border-left:3px solid #a8b994;
  padding:20px 23px;
  margin-top:26px;
}
.attention .eyebrow {
  font-size:8px;
  color:#4d6242;
}
.attention h4 {
  margin-top:7px;
  font-size:20px;
  letter-spacing:-.6px;
}
.attention p {
  font-size:11px;
  color:#52634c;
  margin-top:8px;
  max-width:650px;
}
.text-button {
  padding:12px 0 0;
  background:none;
  border:0;
  font-size:11px;
  font-weight:600;
  min-height:44px;
}
.trend-panel {
  border-top:1px solid var(--line);
  margin-top:30px;
  padding-top:25px;
}
.trend-panel .chart-scroll>svg {
  min-width:650px;
}
.trend-panel>.fine {
  margin-top:10px;
}
.trend-current {
  fill:#466c52;
}
.trend-prior {
  fill:#c3cebc;
}
.demo-content details {
  font-size:11px;
  border-top:1px solid var(--line);
  margin-top:20px;
}
.demo-content summary {
  padding:16px 0;
  min-height:44px;
}
.demo-content details p {
  font-size:11px;
  color:var(--muted);
  padding-bottom:12px;
}
.demo-footer {
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding:14px 28px;
  border-top:1px solid var(--line);
  font-size:9px;
  color:var(--muted);
  background:#f3f4ed;
}
.demo-footer>span:first-child {
  font-size:8px;
  letter-spacing:.8px;
  font-weight:600;
}
.product-cards,.manager-cards {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-bottom:24px;
}
.product-card,.manager-card {
  padding:18px;
  border:1px solid var(--line);
  border-radius:3px;
  min-width:0;
}
.product-card .eyebrow,.manager-card .eyebrow {
  font-size:8px;
  color:var(--muted);
}
.product-card h4,.manager-card h4 {
  font-size:16px;
  margin:8px 0 15px;
  line-height:1.4;
  letter-spacing:-.4px;
}
.product-card strong,.manager-card strong {
  display:block;
  font-size:24px;
  letter-spacing:-.8px;
  font-weight:500;
  margin-bottom:8px;
}
.product-card p,.manager-card p {
  font-size:10px;
  color:var(--muted);
  line-height:1.8;
}
.product-card .delta,.manager-card .delta {
  display:inline-block;
  margin-bottom:8px;
  font-size:11px;
}
.manager-card button {
  display:block;
  margin-top:10px;
  padding:10px 0;
  background:none;
  border:0;
  font-size:10px;
  font-weight:600;
  min-height:44px;
}
.table-scroll {
  overflow-x:auto;
  max-width:100%;
  overscroll-behavior-inline:contain;
  margin:16px 0;
}
.table-scroll table {
  width:100%;
  border-collapse:collapse;
  text-align:left;
  font-size:11px;
  line-height:1.7;
  min-width:640px;
  font-variant-numeric:tabular-nums;
}
.table-scroll caption {
  font-size:9px;
  text-align:left;
  color:var(--muted);
  margin-bottom:12px;
  max-width:600px;
}
.table-scroll th,.table-scroll td {
  padding:14px 12px;
  border-bottom:1px solid var(--line);
  vertical-align:top;
}
.table-scroll th:first-child,.table-scroll td:first-child {
  padding-left:0;
}
.table-scroll thead th {
  font-size:9px;
  color:var(--muted);
  font-weight:500;
}
.table-scroll th[scope="row"] {
  font-weight:500;
  min-width:145px;
}
.table-scroll td small,.table-scroll th small {
  display:block;
  color:var(--muted);
  font-weight:400;
  font-size:10px;
}
.table-scroll .delta {
  font-size:11px;
}
.source-panel {
  border-top:1px solid var(--line);
  padding:22px 0;
}
.source-heading {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  margin-bottom:10px;
}
.source-heading h4 {
  font-size:17px;
}
.source-heading .sample-label {
  color:var(--muted);
}
.source-metrics {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
  margin:20px 0;
}
.source-metrics p {
  font-size:10px;
  color:var(--muted);
}
.source-metrics strong {
  display:block;
  font-size:24px;
  letter-spacing:-.8px;
  margin:7px 0;
  font-weight:500;
}
.source-metrics small {
  display:block;
  font-size:9px;
  color:var(--muted);
  margin-top:7px;
}
.source-metrics .delta {
  font-size:10px;
}
.proof-strip {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:70px;
  padding-top:45px;
  padding-bottom:65px;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.proof-strip h2 {
  font-size:29px;
  letter-spacing:-1.1px;
  margin-top:14px;
  line-height:1.2;
}
.proof-strip p:not(.eyebrow) {
  font-size:12px;
  color:var(--muted);
  margin-top:16px;
}
.proof-strip>a {
  max-width:240px;
  display:block;
  flex-shrink:0;
}
.proof-strip img {
  width:100%;
  height:auto;
  display:block;
  mix-blend-mode:multiply;
  border-radius:3px;
}
.start-section {
  padding-top:80px;
  padding-bottom:65px;
}
.start-grid {
  display:grid;
  grid-template-columns:1.2fr 1fr;
  border:1px solid var(--line);
  border-radius:5px;
  overflow:hidden;
}
.start-grid article {
  padding:40px;
}
.local-start {
  background:var(--white);
}
.availability {
  font-size:8px;
  font-weight:600;
  letter-spacing:1px;
  color:#4b6042;
}
.start-grid h3 {
  font-size:31px;
  letter-spacing:-1.2px;
  line-height:1.2;
  margin:17px 0;
}
.start-grid p:not(.fine) {
  font-size:13px;
  color:var(--muted);
  margin-bottom:22px;
}
.start-grid ol {
  list-style:none;
  margin:26px 0;
  padding:0;
}
.start-grid li {
  display:flex;
  gap:22px;
  margin-bottom:18px;
}
.start-grid li>span {
  font-size:10px;
  color:#6d7e60;
  padding-top:3px;
}
.start-grid li strong {
  font-size:13px;
  font-weight:500;
}
.start-grid li p {
  font-size:11px!important;
  margin-top:4px;
  margin-bottom:0!important;
}
.start-grid .fine {
  margin-top:16px;
  font-size:10px;
}
.wider-start {
  background:#ecefe5;
  border-left:1px solid var(--line);
}
.wider-start .availability {
  color:var(--muted);
}
.scope-list {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
  margin:28px 0;
}
.scope-list span {
  border-bottom:1px solid #cbd4c3;
  font-size:11px;
  padding:14px 0;
}
.wider-start .quiet-link {
  border-color:#9da992;
}
.questions {
  display:grid;
  grid-template-columns:1fr 1.25fr;
  gap:80px;
  padding-top:20px;
  padding-bottom:65px;
}
.questions h2 {
  font-size:35px;
  margin-top:16px;
}
.faq-list details {
  border-top:1px solid var(--line);
}
.faq-list summary {
  font-size:13px;
  padding:19px 0;
  line-height:1.5;
  min-height:44px;
}
.faq-list details p {
  font-size:12px;
  color:var(--muted);
  padding-bottom:20px;
}
.closing {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:30px;
  border-top:1px solid var(--line);
  padding-top:50px;
  padding-bottom:55px;
}
.closing p {
  font-size:30px;
  line-height:1.35;
  letter-spacing:-1px;
  font-weight:500;
}
.closing em {
  color:#6d7d64;
}
.site-footer {
  padding-top:28px;
  padding-bottom:30px;
  border-top:1px solid var(--line);
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:30px;
}
.site-footer .brand {
  font-size:22px;
}
.site-footer>div {
  display:flex;
  gap:25px;
  flex-wrap:wrap;
  font-size:10px;
  color:var(--muted);
}
@media(min-width:1440px) {
  .hero {
    gap:12%;
    padding-top:75px;
    padding-bottom:85px;
  }
  .hero-brief {
    padding:35px 38px 0;
  }
  .brief-signals {
    margin-top:32px;
  }
  .hero-result {
    margin-top:26px;
  }
  .hero-brief h2 {
    margin-top:20px;
  }
}
@media(max-width:1100px) {
  .wrap {
    padding-left:32px;
    padding-right:32px;
  }
  .hero {
    gap:6%;
  }
  h1 {
    font-size:60px;
    letter-spacing:-3.3px;
  }
  .hero-brief {
    padding:24px 24px 0;
  }
  .brief-top {
    flex-wrap:wrap;
    gap:6px;
  }
  .hero-brief h2 {
    font-size:32px;
  }
  .hero-result strong {
    font-size:38px;
  }
  .demo-body {
    grid-template-columns:118px minmax(0,1fr);
  }
  .demo-nav {
    padding:20px 7px;
  }
  .demo-nav button {
    gap:7px;
    font-size:10px;
    padding:13px 7px;
  }
  .demo-content {
    padding:23px;
  }
  .overview-grid {
    grid-template-columns:minmax(0,1fr);
  }
  .mix-panel {
    display:grid;
    grid-template-columns:1fr 160px 1.25fr;
    gap:20px;
    align-items:center;
    padding:20px 0;
    border-left:0;
    border-top:1px solid var(--line);
  }
  .mix-panel>svg {
    margin:0;
  }
  .mix-panel>.fine {
    grid-column:1/-1;
    margin-top:0;
  }
  .metric-strip>div:first-child strong {
    font-size:29px;
  }
  .demo-business-type {
    display:block;
    margin:5px 0 0;
  }
  .chart-scroll>svg {
    min-width:450px;
  }
  .product-cards,.manager-cards {
    gap:9px;
  }
  .product-card,.manager-card {
    padding:15px;
  }
  .source-metrics {
    gap:12px;
  }
  .start-grid article {
    padding:30px;
  }
}
@media(max-width:760px) {
  .wrap {
    padding-left:20px;
    padding-right:20px;
  }
  .site-header {
    height:78px;
    gap:15px;
  }
  .site-header nav {
    display:none;
  }
  .brand {
    font-size:24px;
  }
  .brand img {
    width:25px;
    height:25px;
    margin-right:8px;
  }
  .sign-in {
    font-size:10px;
    padding:10px;
  }
  .sign-in span {
    padding-left:6px;
  }
  .hero {
    grid-template-columns:1fr;
    gap:38px;
    padding-top:28px;
    padding-bottom:48px;
  }
  .hero-copy {
    max-width:550px;
  }
  h1 {
    font-size:clamp(48px,8.8vw,66px);
    letter-spacing:-2.7px;
    margin:22px 0;
  }
  .hero-description {
    font-size:18px;
  }
  .hero-note {
    max-width:none;
    font-size:10px;
  }
  .actions {
    gap:22px;
    margin-top:24px;
  }
  .hero-brief {
    transform:none;
    max-width:550px;
    width:100%;
    padding:24px 24px 0;
  }
  .brief-top {
    flex-wrap:nowrap;
  }
  .hero-brief h2 {
    font-size:34px;
    max-width:400px;
  }
  .hero-result strong {
    font-size:42px;
  }
  .hero-result {
    margin-top:17px;
  }
  .hero-brief .eyebrow {
    font-size:8px;
  }
  .brief-signals {
    margin-top:20px;
  }
  .demo-section {
    padding-top:45px;
    padding-bottom:45px;
  }
  .section-top {
    display:block;
    margin-bottom:25px;
  }
  .section-top>p {
    margin-top:18px;
    font-size:12px;
  }
  .section-top .eyebrow {
    font-size:9px;
    margin-bottom:12px;
  }
  h2 {
    font-size:34px;
    letter-spacing:-1.3px;
  }
  .demo-header {
    display:block;
    padding:20px;
  }
  .demo-header h3 {
    font-size:22px;
  }
  .demo-header .sample-label {
    display:block;
    margin-top:12px;
  }
  .demo-business-type {
    font-size:10px;
  }
  .demo-toolbar {
    padding:18px 18px 10px;
    gap:12px;
    flex-wrap:wrap;
  }
  .demo-toolbar label {
    width:calc(50% - 6px);
    font-size:9px;
  }
  .demo-toolbar select {
    font-size:10px;
    width:100%;
    padding-right:22px;
    padding-left:8px;
  }
  .reset {
    margin-left:0;
    min-height:36px;
    font-size:10px;
    padding:4px 0;
  }
  .demo-toolbar .fine {
    display:block;
    font-size:9px;
    flex:1;
    text-align:right;
  }
  .branch-filters {
    padding:0 18px 16px;
    gap:3px;
  }
  .branch-filters>span {
    width:100%;
    margin-bottom:3px;
    font-size:7px;
  }
  .branch-filters button {
    padding:9px 8px;
    font-size:9px;
    min-height:40px;
  }
  .demo-body {
    display:block;
  }
  .demo-nav {
    flex-direction:row;
    border-right:0;
    border-bottom:1px solid var(--line);
    padding:7px;
    gap:2px;
    justify-content:space-between;
    overflow-x:auto;
  }
  .demo-nav button {
    font-size:10px;
    padding:12px 10px;
    white-space:nowrap;
    gap:5px;
  }
  .demo-nav button span {
    display:none;
  }
  .demo-nav>p {
    display:none;
  }
  .demo-content {
    padding:20px 18px;
  }
  .view-heading {
    align-items:start;
    gap:12px;
  }
  .view-heading h3 {
    font-size:22px;
  }
  .view-heading .eyebrow {
    font-size:7px;
    letter-spacing:.7px;
  }
  .coverage-tag {
    font-size:8px;
    padding:4px 7px;
  }
  .date-range {
    font-size:9px;
    margin-top:13px;
  }
  .metric-strip {
    grid-template-columns:1fr 1fr;
    gap:22px 15px;
    margin-top:18px;
    padding:18px 0;
  }
  .metric-strip>div:first-child strong {
    font-size:28px;
  }
  .metric-strip strong {
    font-size:27px;
  }
  .metric-strip p {
    font-size:10px;
  }
  .metric-strip small {
    font-size:9px;
    margin-top:5px;
  }
  .metric-strip>div:first-child .delta {
    display:block;
    margin-top:5px;
  }
  .chart-heading {
    gap:15px;
    display:block;
  }
  .chart-heading h4 {
    font-size:18px;
  }
  .chart-legend {
    margin-top:10px;
    font-size:9px;
  }
  .chart-scroll>svg {
    min-width:470px;
  }
  .overview-grid {
    gap:20px;
  }
  .bridge-panel>.fine {
    font-size:10px;
  }
  .mix-panel {
    grid-template-columns:1fr 1.15fr;
    gap:15px;
    padding-top:22px;
  }
  .mix-panel figcaption {
    grid-column:1/-1;
  }
  .mix-panel h4 br {
    display:none;
  }
  .mix-panel>svg {
    max-width:200px;
  }
  .mix-legend button {
    font-size:10px;
    gap:5px;
  }
  .mix-panel>.fine {
    font-size:10px;
  }
  .attention {
    margin-top:20px;
    padding:18px;
  }
  .attention h4 {
    font-size:19px;
    line-height:1.4;
  }
  .attention p {
    font-size:11px;
  }
  .trend-panel {
    margin-top:24px;
    padding-top:22px;
  }
  .trend-panel>.fine {
    font-size:10px;
  }
  .product-cards,.manager-cards {
    grid-template-columns:1fr;
  }
  .product-card,.manager-card {
    padding:18px;
  }
  .product-card h4,.manager-card h4 {
    font-size:19px;
    margin:7px 0 10px;
  }
  .product-card strong,.manager-card strong {
    display:inline-block;
    margin-right:12px;
  }
  .product-card p,.manager-card p {
    font-size:11px;
  }
  .source-heading {
    display:block;
  }
  .source-heading .sample-label {
    display:block;
    margin-top:7px;
  }
  .source-metrics {
    grid-template-columns:1fr 1fr;
    gap:20px 12px;
  }
  .source-metrics strong {
    font-size:25px;
  }
  .demo-footer {
    display:block;
    padding:14px 18px;
    line-height:1.8;
  }
  .demo-footer span {
    display:block;
  }
  .proof-strip {
    display:block;
    padding-top:35px;
    padding-bottom:35px;
  }
  .proof-strip h2 {
    font-size:27px;
  }
  .proof-strip p:not(.eyebrow) {
    font-size:11px;
  }
  .proof-strip>a {
    max-width:190px;
    margin-top:25px;
  }
  .start-section {
    padding-top:45px;
    padding-bottom:40px;
  }
  .start-grid {
    grid-template-columns:1fr;
  }
  .start-grid article {
    padding:25px;
  }
  .start-grid h3 {
    font-size:29px;
  }
  .wider-start {
    border-left:0;
    border-top:1px solid var(--line);
  }
  .start-grid p:not(.fine) {
    font-size:12px;
  }
  .questions {
    grid-template-columns:1fr;
    gap:25px;
    padding-top:0;
    padding-bottom:35px;
  }
  .questions h2 {
    font-size:31px;
  }
  .closing {
    display:block;
    padding-top:35px;
    padding-bottom:35px;
  }
  .closing p {
    font-size:26px;
  }
  .closing .button {
    margin-top:23px;
  }
  .site-footer {
    display:block;
    padding-top:25px;
    padding-bottom:25px;
  }
  .site-footer>div {
    gap:18px;
    margin-top:20px;
    font-size:10px;
  }
}
@media(max-width:360px) {
  .wrap {
    padding-left:14px;
    padding-right:14px;
  }
  h1 {
    font-size:45px;
    letter-spacing:-2.5px;
  }
  .hero .eyebrow {
    font-size:8px;
    letter-spacing:1px;
  }
  .hero-brief {
    padding:20px 18px 0;
  }
  .hero-brief h2 {
    font-size:30px;
  }
  .brief-top {
    gap:8px;
  }
  .hero-brief .eyebrow,.sample-label {
    font-size:7px;
  }
  .hero-result strong {
    font-size:37px;
  }
  .demo-toolbar label {
    width:100%;
  }
  .demo-nav button {
    padding:12px 7px;
    font-size:9px;
  }
  .coverage-tag {
    display:none;
  }
  .metric-strip>div:first-child strong {
    font-size:26px;
  }
  .branch-filters button {
    padding:9px 6px;
    font-size:8px;
  }
  .sign-in {
    font-size:9px;
  }
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto;
  }
  *,*::before,*::after {
    animation:none!important;
    transition:none!important;
  }
}
.mix-segment {
  cursor:pointer;
}
.mix-segment:hover {
  opacity:.8;
}
.sample-label {
  font-size:10px;
}
.hero-brief .sample-label {
  font-size:9px;
}
.driver-list button strong {
  font-variant-numeric:tabular-nums;
}
svg text {
  font-size:14px;
}
svg .chart-value {
  font-size:14px;
}
#business-bridge {
  min-width:600px;
}
#business-trend {
  min-width:850px;
}
.chart-legend i.trend-legend-current {
  background:#466c52;
}
.chart-legend i.trend-legend-prior {
  background:#c3cebc;
}
@media(max-width:760px) {
  .driver-list button {
    grid-template-columns:minmax(0,1fr) auto;
    gap:6px 10px;
  }
  .driver-list button>small {
    grid-column:1/-1;
    grid-row:2;
    font-size:10px;
  }
  .driver-list button>strong {
    grid-column:2;
    grid-row:1;
  }
  .driver-list button>span {
    font-size:12px;
  }
  .fine {
    font-size:11px;
  }
}

/* The owner’s first read: direction, exact difference, then the drill-down. */
.quick-read {
  border-left:4px solid var(--green);
  background:#eaf2e8;
  padding:20px 24px;
  margin-top:20px;
}
.quick-read[data-direction="down"] { border-color:var(--red); background:#faece7; }
.quick-read[data-direction="flat"],.quick-read[data-direction="unavailable"] { border-color:var(--muted); background:#eceee8; }
.quick-read h4 { font-size:clamp(22px,2.5vw,30px); line-height:1.25; margin:8px 0; letter-spacing:-.8px; }
.quick-read>p:not(.eyebrow) { font-size:14px; line-height:1.65; max-width:76ch; }
.month-review { margin-bottom:36px; }
.month-review-heading { display:flex; justify-content:space-between; gap:20px; align-items:start; }
.month-review h4 { font-size:23px; letter-spacing:-.6px; line-height:1.3; }
.month-review-heading .eyebrow { color:var(--muted); margin-bottom:8px; }
#month-review-scope { font-size:13px; line-height:1.6; margin-top:8px; }
.month-key { display:flex; flex-wrap:wrap; gap:8px 12px; max-width:210px; font-size:12px; line-height:1.5; }
.month-key [data-direction="up"] { color:var(--green); font-weight:600; }
.month-key [data-direction="down"] { color:var(--red); font-weight:600; }
.month-readout { font-size:15px; line-height:1.65; margin:18px 0; max-width:74ch; }
.month-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.month-card,.branch-month-result {
  appearance:none; font:inherit; color:var(--ink); text-align:left; cursor:pointer;
  background:#edf0eb; border:1px solid #cbd0c7; border-radius:5px;
  font-variant-numeric:tabular-nums;
}
.month-card { padding:16px 18px; display:flex; flex-direction:column; align-items:start; gap:8px; min-width:0; }
.month-card[data-direction="up"],.branch-month-result[data-direction="up"] { background:#e9f3e8; border-color:#c1d7c0; }
.month-card[data-direction="down"],.branch-month-result[data-direction="down"] { background:#faeae5; border-color:#e4c1b7; }
.month-card[data-direction="up"] .month-growth,.branch-month-result[data-direction="up"] .month-growth { color:#235e3c; }
.month-card[data-direction="down"] .month-growth,.branch-month-result[data-direction="down"] .month-growth { color:#9b3424; }
.month-card:hover,.branch-month-result:hover { border-color:var(--ink); }
.month-card[aria-pressed="true"],.branch-month-result[aria-pressed="true"] { outline:2px solid var(--ink); outline-offset:2px; }
.month-label { font-size:13px; font-weight:600; }
.month-sales { font-size:23px; font-weight:500; letter-spacing:-.7px; }
.month-growth { font-weight:700; font-size:25px; line-height:1.2; white-space:nowrap; }
.month-difference { font-size:14px; font-weight:500; white-space:nowrap; }
.month-card small { font-size:11px; color:#4b5650; line-height:1.5; }
.month-action { font-size:11px; margin-top:6px; text-decoration:underline; text-underline-offset:3px; }
#month-review-note { margin:14px 0 24px; font-size:12px; line-height:1.7; }
.branch-month-heading h4 { font-size:20px; }
.branch-month-heading p { font-size:13px; line-height:1.7; margin:8px 0 14px; }
.branch-month-table { min-width:900px; border-collapse:separate; border-spacing:5px; }
.branch-month-table caption { text-align:left; font-size:12px; line-height:1.6; padding:0 5px 12px; }
.branch-month-table th { font-size:12px; padding:8px 4px; border:0; }
.branch-month-table th:first-child { min-width:94px; }
.branch-month-table td { padding:0; border:0; }
.branch-month-result { width:100%; padding:12px 8px; min-height:76px; display:flex; flex-direction:column; align-items:start; gap:7px; }
.branch-month-result .month-growth { font-size:14px; }
.branch-month-result .month-difference { font-size:11px; }
.trend-current[data-direction="up"] { fill:#286348; }
.trend-current[data-direction="down"] { fill:#a94332; }
.trend-current[data-direction="flat"],.trend-current[data-direction="unavailable"] { fill:#758079; }
.chart-value[data-direction="up"] { fill:#286348; }
.chart-value[data-direction="down"] { fill:#a94332; }
@media (max-width:700px) {
  .quick-read { padding:18px; }
  .month-review-heading { display:block; }
  .month-key { margin-top:14px; max-width:none; }
  .month-review h4 { font-size:22px; }
  .month-cards { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .month-card { padding:14px 12px; }
  .month-sales { font-size:21px; }
  .month-growth { font-size:23px; }
  .month-difference { font-size:12px; }
  .month-label { font-size:12px; }
}
@media (max-width:360px) {
  .month-card { padding:12px 9px; }
  .month-sales { font-size:19px; }
  .month-growth { font-size:21px; }
  .month-card small { font-size:10px; }
}

.quick-read .text-button { margin-top:12px; font-size:14px; min-height:36px; }

/* Data ratings stay visible when the separate review checklist is ticked. */
.signal-surface { --signal-ink:#596351; --signal-bg:#f0f1eb; }
.signal-surface[data-status="attention"] { --signal-ink:#963b2b; --signal-bg:#fbefeb; }
.signal-surface[data-status="review"] { --signal-ink:#775016; --signal-bg:#fbf4e6; }
.signal-surface[data-status="on_track"] { --signal-ink:#286348; --signal-bg:#eef4ec; }
.metric-readout { margin-top:14px; padding-top:12px; border-top:1px solid var(--line); }
.signal-surface > .metric-readout .attention-rating { display:inline-block; color:var(--signal-ink); background:var(--signal-bg); font-size:10px; letter-spacing:0; }
.signal-surface > .metric-readout .signal-comment { color:var(--signal-ink); font-size:12px; font-weight:650; line-height:1.6; margin:9px 0 5px; }
.signal-surface > .metric-readout .signal-next { color:var(--muted); font-size:11px; line-height:1.65; margin:0; }
.product-card.signal-surface,.manager-card.signal-surface { background:var(--signal-bg); border-top:3px solid var(--signal-ink); }
.product-card .metric-readout,.manager-card .metric-readout { padding-top:14px; }
.metric-strip > .signal-surface { border-top:3px solid var(--signal-ink); padding-top:12px; }
.source-metrics > .signal-surface { border-top:3px solid var(--signal-ink); padding:14px 12px; background:var(--signal-bg); }
#product-rows tr[data-status="attention"] > th,#team-rows tr[data-status="attention"] > th { border-left:3px solid #963b2b; background:#fbefeb; }
#product-rows tr[data-status="review"] > th,#team-rows tr[data-status="review"] > th { border-left:3px solid #775016; background:#fbf4e6; }
#product-rows tr[data-status="on_track"] > th,#team-rows tr[data-status="on_track"] > th { border-left:3px solid #286348; background:#eef4ec; }
td.signal-surface { min-width:210px; max-width:280px; white-space:normal; }
td.signal-surface .metric-readout { margin:0; padding:0; border:0; }
.driver-list button[data-direction="down"] strong { color:var(--red); }
.driver-list button[data-direction="up"] strong { color:var(--green); }
.ceo-review { --review-ink:#586052; --review-bg:#eff0ea; border:1px solid var(--line); border-top:4px solid var(--review-ink); background:var(--review-bg); padding:24px; margin:22px 0; }
.ceo-review[data-status="attention"] { --review-ink:#963b2b; --review-bg:#fbefeb; }
.ceo-review[data-status="review"] { --review-ink:#775016; --review-bg:#fbf4e6; }
.ceo-review[data-status="on_track"] { --review-ink:#286348; --review-bg:#eef4ec; }
.ceo-review[data-status="reviewed"] { --review-ink:#23636a; --review-bg:#edf5f4; }
.ceo-review-top { display:flex; justify-content:space-between; align-items:center; gap:14px; flex-wrap:wrap; color:var(--review-ink); }
.ceo-review-top strong { font-size:12px; }
.ceo-review h4 { font-size:clamp(21px,2.4vw,29px); line-height:1.22; margin:12px 0 10px; letter-spacing:-.7px; }
.ceo-review>p:not(.fine) { font-size:14px; line-height:1.6; margin-bottom:20px; }
.ceo-checks { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:20px 0 16px; }
.ceo-check { padding:16px; display:flex; flex-direction:column; min-width:0; background:#fffefa; border:1px solid #d8d9ce; border-top:3px solid #67705f; }
.ceo-check[data-status="attention"] { border-top-color:#963b2b; }
.ceo-check[data-status="review"] { border-top-color:#775016; }
.ceo-check[data-status="on_track"] { border-top-color:#286348; }
.ceo-check[data-reviewed="true"] { background:#edf5f4; border:1px solid #80aaa8; border-top:3px solid #23636a; }
.ceo-check-heading { display:flex; gap:8px; align-items:center; justify-content:space-between; flex-wrap:wrap; }
.attention-rating { font-size:10px; font-weight:700; padding:5px 7px; color:#50594a; background:#e9ece4; }
.ceo-check[data-status="attention"] .attention-rating { color:#963b2b; background:#fae5df; }
.ceo-check[data-status="review"] .attention-rating { color:#775016; background:#f7ebce; }
.ceo-check[data-status="on_track"] .attention-rating { color:#286348; background:#e7f0e3; }
.review-state { color:#596351; font-size:10px; }
.ceo-check[data-reviewed="true"] .review-state { color:#23636a; font-weight:700; }
.ceo-check h5 { font-size:17px; line-height:1.35; margin:14px 0 5px; }
.ceo-check small { color:var(--muted); font-size:11px; line-height:1.5; }
.ceo-check-values { font-size:13px; font-weight:650; line-height:1.6; margin:12px 0; }
.ceo-check-values[data-direction="down"] { color:var(--red); }
.ceo-check-values[data-direction="up"] { color:var(--green); }
.ceo-check-action { font-size:12px; line-height:1.65; margin:0 0 12px; }
.ceo-check-extra { font-size:11px; line-height:1.6; color:var(--muted); margin:0 0 16px; }
.ceo-check-toggle { margin-top:auto; display:flex; align-items:center; gap:9px; min-height:44px; border-top:1px solid var(--line); padding-top:12px; font-size:12px; cursor:pointer; }
.ceo-check-toggle input { width:18px; height:18px; flex-shrink:0; accent-color:#23636a; }
.ceo-check-toggle:has(input:disabled) { cursor:default; color:var(--muted); }
.demo-content .ceo-rules { padding:12px 0 0; margin-top:14px; background:none; border-top:1px solid var(--line); }
.demo-content .ceo-rules summary { font-size:12px; }
.demo-nav button { display:grid; grid-template-columns:14px 1fr; column-gap:8px; row-gap:5px; }
.review-nav-count { grid-column:2; font-size:9px; font-weight:600; color:#50594a; }
.review-nav-count[data-status="attention"] { color:#963b2b; }
.review-nav-count[data-status="review"] { color:#775016; }
.review-nav-count[data-status="on_track"] { color:#286348; }
.review-nav-count[data-status="reviewed"] { color:#23636a; }
@media(max-width:1100px) { .ceo-checks { grid-template-columns:1fr; } }
@media(max-width:760px) {
  .ceo-review { padding:18px 14px; }
  .demo-nav button { grid-template-columns:1fr; }
  .review-nav-count { grid-column:1; }
}

.nine-month-card { width:100%; margin:0 0 18px; display:grid; grid-template-columns:1.2fr 1fr 1.2fr; align-items:center; gap:10px 20px; border-width:2px; }
.nine-month-card .month-label { grid-column:1; grid-row:1; }
.nine-month-card .month-sales { grid-column:1; grid-row:2; font-size:27px; }
.nine-month-card .month-growth { grid-column:2; grid-row:1; }
.nine-month-card .month-difference { grid-column:2; grid-row:2; }
.nine-month-card small { grid-column:3; grid-row:1; }
.nine-month-card .month-action { grid-column:3; grid-row:2; }
.branch-month-table { min-width:1000px; }
.branch-month-table th:last-child,.branch-month-table td:last-child { position:sticky; right:0; background:var(--white); box-shadow:-5px 0 0 var(--white); }
.branch-month-table th:last-child { min-width:104px; }
.branch-month-table th:first-child { position:sticky; left:0; background:var(--white); z-index:1; }
.branch-month-table td:last-child .branch-month-result { border-width:2px; }
@media (max-width:700px) {
  .nine-month-card { grid-template-columns:1.2fr 1fr; gap:10px; }
  .nine-month-card small { grid-column:1 / -1; grid-row:3; }
  .nine-month-card .month-action { grid-column:1 / -1; grid-row:4; }
  .nine-month-card .month-sales { font-size:clamp(18px,5.5vw,23px); }
}