:root { color-scheme: light; --sales-paper:#fff; --sales-mist:#f6f3fb; --sales-ink:#1e1a24; --sales-muted:#6a6570; --sales-indigo:#38265f; --sales-lavender:#9071ce; --sales-action:#6f4db6; --sales-teal:#55c6c0; --sales-pink:#d95aaf; --sales-line:#d8d4df; --sales-focus:#246bce; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
.olist-page { margin:0; background:var(--sales-paper); color:var(--sales-ink); font-family:"DM Sans", "Helvetica Neue", Arial, sans-serif; font-size:16px; line-height:1.6; }
.olist-page a { color:inherit; }
.olist-page button,.olist-page select { font:inherit; }
.sales-shell { width:min(100% - 2.5rem, 1280px); margin:0 auto; }
.skip-link { position:fixed; z-index:100; top:0; left:1rem; transform:translateY(-120%); padding:.65rem 1rem; background:var(--sales-focus); color:#fff; font-weight:700; }
.skip-link:focus { transform:translateY(0); }
:focus-visible { outline:3px solid var(--sales-focus); outline-offset:3px; }
.case-header { border-bottom:1px solid var(--sales-line); background:rgba(255,255,255,.96); }
.case-header__inner { display:flex; min-height:68px; align-items:center; justify-content:space-between; gap:1rem; }
.case-brand { color:var(--sales-indigo); font-size:1rem; font-weight:700; letter-spacing:-.025em; text-decoration:none; }
.case-nav { display:flex; align-items:center; gap:.1rem; }
.case-nav a { min-height:44px; display:inline-flex; align-items:center; padding:.55rem .72rem; color:var(--sales-muted); font-size:.9rem; font-weight:600; text-decoration:none; }
.case-nav a:hover { color:var(--sales-action); text-decoration:underline; text-underline-offset:4px; }
.case-nav .case-nav__current { color:var(--sales-indigo); text-decoration:underline; text-underline-offset:4px; }
.case-masthead { padding:clamp(3.75rem,9vw,8.2rem) 0 clamp(3rem,7vw,6rem); border-bottom:1px solid var(--sales-line); }
.masthead-grid,.context-grid,.method-grid { display:grid; gap:2rem; }
.sales-kicker { margin:0 0 .75rem; color:var(--sales-action); font-family:"DM Mono",monospace; font-size:.71rem; font-weight:500; letter-spacing:.1em; line-height:1.35; text-transform:uppercase; }
.sales-kicker--ink { color:var(--sales-indigo); }
h1,h2,h3,p { margin-top:0; }
.case-masthead h1 { max-width:10ch; margin-bottom:1.2rem; color:var(--sales-ink); font-size:clamp(3rem,10vw,6.4rem); font-weight:700; letter-spacing:-.075em; line-height:.94; }
.case-lead { max-width:47ch; margin:0; color:var(--sales-muted); font-size:clamp(1.12rem,3vw,1.35rem); line-height:1.5; }
.case-metadata { display:grid; grid-template-columns:1fr 1fr; align-content:end; margin:0; border-top:1px solid var(--sales-indigo); }
.case-metadata div { min-width:0; padding:.9rem .75rem .9rem 0; border-bottom:1px solid var(--sales-line); }
.case-metadata div:nth-child(even) { padding-left:.75rem; border-left:1px solid var(--sales-line); }
.case-metadata dt { color:var(--sales-muted); font-family:"DM Mono",monospace; font-size:.66rem; letter-spacing:.08em; text-transform:uppercase; }
.case-metadata dd { margin:.33rem 0 0; font-size:.86rem; font-weight:600; line-height:1.35; }
.case-context { padding:clamp(4.5rem,8vw,8rem) 0; background:var(--sales-mist); border-bottom:1px solid var(--sales-line); }
.case-context h2,.report-heading h2,.section-heading h2,.method-grid h2 { max-width:19ch; margin-bottom:0; font-size:clamp(2rem,6vw,4rem); letter-spacing:-.065em; line-height:.98; }
.context-copy { max-width:39rem; color:var(--sales-muted); font-size:1.02rem; }
.context-copy p:last-child { margin-bottom:0; }
.report-section { padding:clamp(4.5rem,8vw,7.5rem) 0; }
.noscript-note { margin:0 0 1.5rem; padding:.8rem 1rem; border-left:3px solid var(--sales-action); background:var(--sales-mist); color:var(--sales-muted); font-size:.9rem; }
.noscript-note a { color:var(--sales-action); font-weight:700; }
.report-heading { display:flex; flex-direction:column; gap:1.75rem; margin-bottom:2.25rem; }
.artifact-links { display:flex; flex-direction:column; gap:.5rem; font-size:.92rem; }
.artifact-label,.status-label { width:max-content; margin:0; padding:.24rem .45rem; border:1px solid var(--sales-indigo); color:var(--sales-indigo); font-family:"DM Mono",monospace; font-size:.67rem; letter-spacing:.06em; text-transform:uppercase; }
.artifact-links a,.text-action { color:var(--sales-action); font-weight:700; text-decoration-thickness:1px; text-underline-offset:4px; }
.view-switcher { display:grid; margin-bottom:1.5rem; border-top:1px solid var(--sales-indigo); border-bottom:1px solid var(--sales-indigo); }
.view-switcher button { min-height:58px; padding:.85rem 0; border:0; border-bottom:1px solid var(--sales-line); background:transparent; color:var(--sales-muted); cursor:pointer; font-family:"DM Mono",monospace; font-size:.76rem; letter-spacing:.04em; text-align:left; }
.view-switcher button:last-child { border-bottom:0; }
.view-switcher button span { display:inline; margin-left:.65rem; font-family:"DM Sans",sans-serif; font-size:.94rem; font-weight:600; letter-spacing:0; }
.view-switcher button[aria-selected="true"] { color:var(--sales-indigo); font-weight:700; }
.view-switcher button[aria-selected="true"] span { text-decoration:underline; text-decoration-color:var(--sales-lavender); text-decoration-thickness:3px; text-underline-offset:7px; }
.sales-controls { margin-bottom:1.5rem; padding:1rem; border:1px solid var(--sales-line); background:var(--sales-mist); }
.sales-controls__heading { display:flex; flex-wrap:wrap; justify-content:space-between; gap:.5rem 1rem; color:var(--sales-muted); font-family:"DM Mono",monospace; font-size:.66rem; letter-spacing:.07em; text-transform:uppercase; }
.filter-fields { display:grid; gap:.9rem; margin-top:.9rem; }
.sales-controls label { display:grid; gap:.32rem; color:var(--sales-indigo); font-size:.85rem; font-weight:700; }
.sales-controls select { min-height:44px; width:100%; padding:.55rem .65rem; border:1px solid var(--sales-indigo); border-radius:4px; background:#fff; color:var(--sales-ink); }
.report-panel { scroll-margin-top:1.5rem; }
.report-panel[hidden] { display:none; }
.panel-intro { display:flex; flex-direction:column; gap:1rem; margin-bottom:1.5rem; }
.panel-intro h2 { margin-bottom:0; font-size:clamp(1.85rem,5vw,3.1rem); letter-spacing:-.06em; line-height:.98; }
.panel-intro > p { max-width:41ch; margin-bottom:0; color:var(--sales-muted); font-size:.95rem; }
.metric-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid var(--sales-indigo); border-bottom:1px solid var(--sales-indigo); }
.metric-card { min-width:0; padding:1rem .65rem 1rem 0; border-bottom:1px solid var(--sales-line); }
.metric-card:nth-child(even) { padding-left:.65rem; border-left:1px solid var(--sales-line); }
.metric-card:nth-last-child(-n+1) { border-bottom:0; }
.metric-card p,.metric-card span { margin:0; color:var(--sales-muted); font-size:.7rem; line-height:1.3; }
.metric-card p { font-family:"DM Mono",monospace; letter-spacing:.055em; text-transform:uppercase; }
.metric-card strong { display:block; margin:.55rem 0 .25rem; font-size:clamp(1.65rem,6vw,2.6rem); letter-spacing:-.065em; line-height:1; white-space:nowrap; }
.scope-note { margin:1.25rem 0; padding:.85rem 1rem; border-left:3px solid var(--sales-lavender); background:var(--sales-mist); color:var(--sales-muted); font-size:.9rem; line-height:1.55; }
.scope-note strong { color:var(--sales-indigo); }.scope-note code,.method-grid code { font-family:"DM Mono",monospace; font-size:.9em; }
.chart-grid { display:grid; gap:1rem; }
.chart-card { min-width:0; padding:1.1rem; border:1px solid var(--sales-line); border-top:4px solid var(--sales-indigo); background:#fff; }
.chart-card--lavender { border-top-color:var(--sales-lavender); }.chart-card--teal { border-top-color:var(--sales-teal); }.chart-card--pink { border-top-color:var(--sales-pink); }
.chart-card__topline { display:flex; justify-content:space-between; gap:1rem; color:var(--sales-muted); font-family:"DM Mono",monospace; font-size:.66rem; letter-spacing:.07em; text-transform:uppercase; }
.chart-card h3 { margin:.9rem 0 .45rem; font-size:1.25rem; letter-spacing:-.04em; line-height:1.12; }
.chart-summary { min-height:3.2em; margin-bottom:0; color:var(--sales-muted); font-size:.82rem; line-height:1.45; }
.chart { width:100%; height:310px; margin-top:.8rem; }
.chart--short { height:230px; }
.satisfaction-card,.mix-wide-card { margin-top:1rem; }
.text-table-wrap,.table-region { overflow-x:auto; margin-top:1rem; border:1px solid var(--sales-line); }
.table-region { margin-top:1.25rem; }
table { width:100%; min-width:560px; border-collapse:collapse; font-size:.84rem; }
caption { padding:.75rem; color:var(--sales-muted); font-size:.78rem; text-align:left; }
th,td { padding:.68rem .75rem; border-top:1px solid var(--sales-line); text-align:left; vertical-align:top; }
thead th { color:var(--sales-indigo); font-family:"DM Mono",monospace; font-size:.68rem; letter-spacing:.04em; text-transform:uppercase; }
tbody tr:nth-child(even) { background:var(--sales-mist); }
.mix-evidence { margin-top:1.5rem; }.mix-evidence figcaption a { display:block; margin-top:.5rem; }
.report-preview { margin:0; border:1px solid var(--sales-indigo); background:var(--sales-mist); }.report-preview img { display:block; width:100%; height:auto; }.report-preview figcaption { padding:.8rem 1rem; color:var(--sales-muted); font-size:.8rem; }.report-preview figcaption span { display:block; margin-bottom:.15rem; color:var(--sales-indigo); font-family:"DM Mono",monospace; font-size:.68rem; letter-spacing:.05em; text-transform:uppercase; }
.dashboard-status { margin:1rem 0 0; color:var(--sales-muted); font-size:.8rem; }.dashboard-status.is-error { color:#8a262b; font-weight:600; }
.findings-section { padding:clamp(4.5rem,8vw,7rem) 0; background:var(--sales-mist); border-block:1px solid var(--sales-line); }.section-heading { margin-bottom:2rem; }
.finding-grid { display:grid; gap:1px; background:var(--sales-line); border:1px solid var(--sales-line); }.finding-grid article { padding:1.2rem; background:var(--sales-mist); }.finding-grid article > p { margin-bottom:1rem; color:var(--sales-action); font-family:"DM Mono",monospace; font-size:.68rem; letter-spacing:.08em; text-transform:uppercase; }.finding-grid h3 { margin-bottom:.7rem; font-size:1.2rem; letter-spacing:-.035em; line-height:1.15; }.finding-grid span { color:var(--sales-muted); font-size:.9rem; }
.method-section { padding:clamp(4.5rem,8vw,7rem) 0; }.method-grid > div:last-child { max-width:46rem; color:var(--sales-muted); }.method-grid p:last-child { margin-bottom:0; }
.case-footer { padding:2.5rem 0; border-top:1px solid var(--sales-line); background:var(--sales-mist); }
.case-footer__inner { display:flex; flex-direction:column; gap:1rem; color:var(--sales-muted); font-size:.85rem; }
.case-footer p { margin:0; }
.case-footer nav { display:flex; flex-wrap:wrap; gap:.25rem 1.1rem; }
.case-footer nav a { min-height:44px; display:inline-flex; align-items:center; color:var(--sales-indigo); font-weight:600; text-decoration:none; }
.case-footer nav a:hover { color:var(--sales-action); text-decoration:underline; text-underline-offset:4px; }

@media (min-width:640px) { .sales-shell { width:min(100% - 4rem,1280px); }.filter-fields { grid-template-columns:repeat(2,minmax(0,1fr)); }.metric-grid { grid-template-columns:repeat(5,minmax(0,1fr)); }.metric-card { padding:1.1rem .75rem; border-bottom:0; border-left:1px solid var(--sales-line); }.metric-card:first-child { padding-left:0; border-left:0; }.metric-card:nth-child(even) { padding-left:.75rem; }.chart-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.finding-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (min-width:900px) { .case-footer__inner { flex-direction:row; align-items:center; justify-content:space-between; }.case-header { position:sticky; top:0; z-index:10; backdrop-filter:blur(10px); }.masthead-grid { grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr); align-items:end; gap:6rem; }.context-grid,.method-grid { grid-template-columns:minmax(0,1fr) minmax(340px,.72fr); gap:6rem; }.report-heading,.panel-intro { flex-direction:row; align-items:end; justify-content:space-between; gap:3rem; }.artifact-links { align-items:flex-end; text-align:right; }.chart { height:360px; }.chart--short { height:250px; } }
@media (max-width:480px) { .sales-shell { width:min(100% - 2rem,1280px); }.case-header__inner { min-height:62px; align-items:flex-start; padding:.55rem 0; }.case-brand { padding-top:.4rem; }.case-nav { justify-content:flex-end; flex-wrap:wrap; gap:0; }.case-nav a { min-height:32px; padding:.28rem .42rem; font-size:.77rem; }.case-metadata { grid-template-columns:1fr; }.case-metadata div:nth-child(even) { padding-left:0; border-left:0; }.metric-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.metric-card:nth-last-child(-n+2) { border-bottom:0; }.metric-card strong { font-size:1.85rem; }.view-switcher button { line-height:1.35; }.view-switcher button span { display:inline; font-size:.85rem; }.chart { height:285px; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition-duration:.01ms!important; animation-duration:.01ms!important; } }