:root {
  --ink: #14231e;
  --muted: #61716b;
  --line: #dce5e1;
  --paper: #f7f9f8;
  --panel: #fff;
  --green: #176447;
  --green-2: #23986b;
  --green-soft: #e8f5ef;
  --amber: #9a6507;
  --amber-soft: #fff6df;
  --red: #a4393d;
  --red-soft: #fff0f0;
  --blue: #285b95;
  --shadow: 0 18px 46px rgba(24, 55, 44, .08);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--ink);
  background: var(--paper);
  font-synthesis: none;
}
* { box-sizing: border-box; }
body { margin: 0; min-width: 320px; background: radial-gradient(circle at 10% 0, #edf7f2 0, transparent 28rem), var(--paper); }
a { color: var(--green); text-underline-offset: 3px; }
button, input, select, textarea { font: inherit; }
button, .button { cursor: pointer; }
code, pre { font-family: "SFMono-Regular", Consolas, monospace; }
.site-header { position: sticky; z-index: 20; top: 0; display: grid; grid-template-columns: auto 1fr auto; align-items: center; min-height: 68px; padding: 0 28px; border-bottom: 1px solid rgba(220,229,225,.9); background: rgba(249,251,250,.92); backdrop-filter: blur(18px); }
.brand { display: flex; align-items: center; gap: 11px; color: var(--ink); font-weight: 760; text-decoration: none; }
.brand span:last-child { line-height: 1.05; }
.brand small { display: block; margin-top: 5px; color: var(--muted); font-size: 9px; font-weight: 650; letter-spacing: .1em; text-transform: uppercase; }
.brand-mark { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 11px; color: #fff; background: var(--green); box-shadow: 0 7px 18px rgba(23,100,71,.22); font-size: 12px; }
.site-header nav { display: flex; justify-content: center; gap: 28px; }
.site-header nav a { color: var(--muted); font-size: 13px; font-weight: 650; text-decoration: none; }
.site-header nav a:hover { color: var(--green); }
.header-actions { display: flex; align-items: center; gap: 13px; }
.header-actions form { margin: 0; }
.profile-pill, .tag-list span { border: 1px solid #cee1d8; border-radius: 999px; color: var(--green); background: var(--green-soft); }
.profile-pill { padding: 6px 9px; font-size: 10px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.link-button { padding: 0; border: 0; color: var(--muted); background: transparent; font-size: 12px; }
main { min-height: calc(100vh - 130px); }
.page { width: min(1460px, calc(100% - 48px)); margin: 0 auto; padding: 38px 0 70px; }
footer { display: flex; justify-content: space-between; gap: 20px; padding: 22px 28px; border-top: 1px solid var(--line); color: var(--muted); font-size: 11px; }
h1, h2, h3, p { margin-top: 0; }
h1 { margin-bottom: 14px; font-size: clamp(35px, 4vw, 58px); line-height: 1.02; letter-spacing: -.045em; }
h2 { margin-bottom: 0; font-size: 20px; letter-spacing: -.025em; }
h3 { margin: 24px 0 10px; font-size: 13px; }
.eyebrow { margin-bottom: 10px; color: var(--green); font-size: 10px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.muted { color: var(--muted); }
.primary, .secondary { min-height: 40px; padding: 0 16px; border-radius: 9px; font-weight: 700; }
.primary { border: 1px solid var(--green); color: #fff; background: var(--green); }
.primary:hover { background: #104f38; }
.primary:disabled { cursor: not-allowed; opacity: .42; }
.secondary { border: 1px solid var(--line); color: var(--ink); background: #fff; }
.button { display: inline-flex; align-items: center; text-decoration: none; }
.full { width: 100%; }
.hero { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(360px, .8fr); gap: 42px; align-items: end; padding: 42px; border: 1px solid #d6e3dd; border-radius: 22px; background: linear-gradient(135deg, rgba(255,255,255,.98), rgba(237,247,242,.9)); box-shadow: var(--shadow); }
.hero h1 em { color: var(--green); font-style: normal; }
.hero p:not(.eyebrow) { max-width: 760px; color: var(--muted); line-height: 1.7; }
.hero-actions { display: flex; gap: 10px; margin-top: 24px; }
.stat-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }
.stat-grid article { min-height: 110px; padding: 18px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.8); }
.stat-grid strong { display: block; font-size: 29px; letter-spacing: -.04em; }
.stat-grid span { display: block; margin-top: 9px; color: var(--muted); font-size: 11px; }
.alert { margin: 20px 0; padding: 14px 16px; border: 1px solid; border-radius: 11px; font-size: 13px; line-height: 1.55; }
.alert.warning { border-color: #ebd39c; color: #704a07; background: var(--amber-soft); }
.alert.danger { border-color: #ecc5c7; color: #7b292d; background: var(--red-soft); }
.alert.success { border-color: #bedfce; color: #145b40; background: var(--green-soft); }
.section-grid { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 15px; margin-top: 20px; }
.section-grid.two { grid-template-columns: repeat(2, minmax(0,1fr)); }
.section-grid.three { grid-template-columns: repeat(3, minmax(0,1fr)); }
.panel { padding: 22px; border: 1px solid var(--line); border-radius: 15px; background: var(--panel); box-shadow: 0 8px 28px rgba(26,54,44,.04); }
.panel.wide { margin-top: 20px; }
.section-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 18px; }
.section-heading > span, .section-heading > a { color: var(--muted); font-size: 11px; }
.bars > div { display: grid; grid-template-columns: minmax(0,1fr) 1fr auto; gap: 7px; align-items: center; margin-top: 12px; color: var(--muted); font-size: 10px; }
meter { width: 100%; height: 8px; accent-color: var(--green-2); }
.table-wrap { max-width: 100%; overflow-x: auto; }
table { width: 100%; border-collapse: collapse; font-size: 12px; }
th, td { padding: 13px 12px; border-bottom: 1px solid #e7edeb; text-align: left; vertical-align: top; }
thead th { color: var(--muted); font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
tbody th { min-width: 150px; }
th small, td small { display: block; margin-top: 6px; color: var(--muted); font-size: 9px; font-weight: 500; line-height: 1.4; }
.matrix .state { white-space: nowrap; }
.state { display: inline-flex; padding: 5px 8px; border: 1px solid #d7dfdc; border-radius: 999px; color: var(--muted); background: #f3f6f5; font-size: 9px; font-weight: 750; text-transform: capitalize; }
.state-pass, .state-approve, .state-present, .state-captured { border-color: #b8dcc9; color: #116044; background: var(--green-soft); }
.state-concern, .state-changes_requested, .state-missing, .state-partial, .state-caution { border-color: #e8d298; color: #805405; background: var(--amber-soft); }
.state-fail, .state-reject, .state-invalid, .state-failed, .state-blocked { border-color: #e8bdc0; color: #8b3035; background: var(--red-soft); }
.page-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 28px; }
.page-heading h1 { margin-bottom: 8px; }
.page-heading p:not(.eyebrow) { max-width: 800px; color: var(--muted); line-height: 1.6; }
.filter-bar { display: grid; grid-template-columns: minmax(220px,1fr) repeat(4,minmax(130px,.35fr)); gap: 10px; margin-bottom: 12px; padding: 14px; border: 1px solid var(--line); border-radius: 13px; background: #fff; }
label > span { display: block; margin-bottom: 6px; color: var(--muted); font-size: 9px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
input, select, textarea { width: 100%; border: 1px solid #cfdad5; border-radius: 8px; color: var(--ink); background: #fff; outline: none; }
input, select { min-height: 39px; padding: 0 10px; }
textarea { padding: 9px 10px; resize: vertical; line-height: 1.45; }
input:focus, select:focus, textarea:focus { border-color: var(--green-2); box-shadow: 0 0 0 3px rgba(35,152,107,.1); }
.result-count { margin: 14px 2px; color: var(--muted); font-size: 11px; }
.atlas-table .select-column { width: 58px; }
.atlas-table input[type=checkbox] { width: 16px; min-height: 16px; accent-color: var(--green); }
.atlas-table tr[hidden] { display: none; }
.tag-list { display: flex; flex-wrap: wrap; gap: 5px; }
.tag-list span { padding: 4px 7px; font-size: 8px; font-weight: 700; }
.tag-list.large span { padding: 6px 9px; font-size: 10px; }
.tag-list .pending { border-color: var(--line); color: var(--muted); background: #f3f5f4; }
.numbers { min-width: 120px; }
.numbers span { display: inline-block; margin: 0 6px 5px 0; font-variant-numeric: tabular-nums; }
.readiness-mini { display: grid; gap: 4px; font-size: 9px; }
.readiness-mini .present { color: var(--green); }.readiness-mini .missing { color: var(--amber); }.readiness-mini .invalid { color: var(--red); }
.score-link, .legacy-result { display: block; text-decoration: none; }
.score-link strong, .legacy-result strong { display: block; font-size: 15px; }
.score-link span, .legacy-result span { color: var(--muted); font-size: 8px; text-transform: uppercase; }
.compare-picker { display: flex; align-items: end; gap: 12px; margin-bottom: 20px; padding: 17px; border: 1px solid var(--line); border-radius: 13px; background: #fff; }
.compare-picker label { flex: 1; }.compare-picker select { min-height: 110px; padding: 7px; }
.compare-table table { min-width: 800px; }.compare-table td { min-width: 190px; line-height: 1.6; }.compare-table tr.group th { padding-top: 24px; color: var(--green); background: #f5faf7; font-size: 10px; text-transform: uppercase; }
.back-link { display: inline-block; margin-bottom: 18px; color: var(--muted); font-size: 11px; text-decoration: none; }
.detail-heading { display: flex; justify-content: space-between; gap: 30px; align-items: end; margin-bottom: 24px; }.detail-heading p { max-width: 820px; color: var(--muted); line-height: 1.6; }
.fingerprint { min-width: 180px; padding: 13px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }.fingerprint span { display: block; color: var(--muted); font-size: 9px; text-transform: uppercase; }.fingerprint code { display: block; margin-top: 5px; font-size: 11px; }
.evidence-lanes { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; margin-bottom: 20px; }.evidence-lanes article { min-height: 116px; padding: 16px; border: 1px solid var(--line); border-radius: 13px; background: #fff; }.evidence-lanes p { margin-bottom: 13px; color: var(--muted); font-size: 9px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }.evidence-lanes strong { display: block; font-size: 18px; }.evidence-lanes span { display: block; margin-top: 7px; color: var(--muted); font-size: 9px; }.evidence-lanes a { text-decoration: none; }
.detail-layout { display: grid; grid-template-columns: minmax(0,1fr) 350px; gap: 20px; }.detail-main { display: grid; gap: 20px; align-content: start; }.detail-sidebar { min-width: 0; }.sticky { position: sticky; top: 88px; max-height: calc(100vh - 110px); overflow-y: auto; }
.fact-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }.fact-grid.compact { margin-top: 18px; }.fact-grid > div { padding: 12px; border: 1px solid #e5ebe8; border-radius: 9px; background: #fafcfb; }.fact-grid dt { color: var(--muted); font-size: 9px; text-transform: uppercase; }.fact-grid dd { margin: 6px 0 0; font-size: 12px; font-weight: 650; }
.readiness-list { display: grid; gap: 1px; }.readiness-list article { display: grid; grid-template-columns: auto 1fr auto; gap: 11px; align-items: start; padding: 11px 0; border-bottom: 1px solid #edf1ef; }.status-dot { width: 8px; height: 8px; margin-top: 4px; border-radius: 50%; background: #a7b2ae; }.status-present { background: var(--green-2); }.status-missing { background: #d7951a; }.status-invalid { background: var(--red); }.readiness-list strong { font-size: 11px; }.readiness-list p { margin: 4px 0 0; color: var(--muted); font-size: 9px; line-height: 1.45; }
.method-note { padding: 10px 12px; border-left: 3px solid var(--blue); color: #385875; background: #eef5fb; font-size: 10px; line-height: 1.5; }.capture-picker { display: block; max-width: 430px; margin-bottom: 12px; color: var(--muted); font-size: 10px; }.capture-picker select { margin-top: 5px; }
.visual-toolbar { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }.visual-toolbar button { min-height: 32px; padding: 0 9px; border: 1px solid var(--line); border-radius: 7px; color: var(--muted); background: #fff; font-size: 9px; }.visual-toolbar button.active { border-color: var(--green); color: #fff; background: var(--green); }.visual-toolbar button:disabled { opacity: .35; }.visual-toolbar span { align-self: center; min-width: 38px; text-align: center; font-size: 9px; }
.reliability-line { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; color: var(--muted); font-size: 9px; }.reliability-line .state { margin: 0; }
.visual-stage { --zoom: 1; --split: 50%; position: relative; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; max-height: 680px; overflow: auto; padding: 10px; border: 1px solid var(--line); border-radius: 10px; background: #e9eeeb; }.visual-image { position: relative; min-height: 260px; overflow: hidden; border-radius: 7px; background: #fff; }.visual-image > span { position: absolute; z-index: 3; top: 7px; left: 7px; padding: 4px 6px; border-radius: 5px; color: #fff; background: rgba(18,35,29,.76); font-size: 8px; }.visual-image img { display: block; width: calc(100% * var(--zoom)); max-width: none; height: auto; transform-origin: top left; user-select: none; }.visual-placeholder { display: grid; min-height: 260px; place-items: center; color: var(--muted); font-size: 10px; }.visual-image.heatmap { display: none; }
.visual-review[data-mode="overlay"] .visual-stage, .visual-review[data-mode="split"] .visual-stage, .visual-review[data-mode="blink"] .visual-stage, .visual-review[data-mode="heatmap"] .visual-stage { display: block; }.visual-review[data-mode="overlay"] .visual-image, .visual-review[data-mode="split"] .visual-image, .visual-review[data-mode="blink"] .visual-image { width: 100%; }.visual-review[data-mode="overlay"] .candidate, .visual-review[data-mode="split"] .candidate, .visual-review[data-mode="blink"] .candidate { position: absolute; inset: 10px; width: calc(100% - 20px); }.visual-review[data-mode="overlay"] .candidate { opacity: .5; }.visual-review[data-mode="split"] .candidate { clip-path: inset(0 0 0 var(--split)); }.visual-review[data-mode="blink"] .candidate { opacity: 0; }.visual-review[data-mode="blink"].blink-candidate .candidate { opacity: 1; }.visual-review[data-mode="heatmap"] .source, .visual-review[data-mode="heatmap"] .candidate { display: none; }.visual-review[data-mode="heatmap"] .heatmap { display: block; }
.diagnostic-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 7px; margin-top: 9px; }.diagnostic-grid div { padding: 9px; border: 1px solid var(--line); border-radius: 8px; }.diagnostic-grid span { display: block; color: var(--muted); font-size: 8px; text-transform: uppercase; }.diagnostic-grid strong { display: block; margin-top: 5px; font-size: 13px; }.hidden { display: none !important; }
.legacy-gallery { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; }.legacy-gallery figure { margin: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 8px; }.legacy-gallery img { display: block; width: 100%; aspect-ratio: 4/3; object-fit: cover; object-position: top; }.legacy-gallery figcaption { padding: 7px; color: var(--muted); font-size: 8px; }
.empty-state { padding: 28px; border: 1px dashed #cbd7d2; border-radius: 10px; color: var(--muted); text-align: center; }.empty-state strong { color: var(--ink); }
details { border-top: 1px solid var(--line); }summary { cursor: pointer; padding: 13px 0; font-size: 11px; font-weight: 700; }.document, pre { max-width: 100%; overflow: auto; padding: 13px; border-radius: 8px; background: #f3f6f5; font-size: 9px; line-height: 1.55; white-space: pre-wrap; overflow-wrap: anywhere; }
#review-form { display: grid; gap: 13px; }#review-form label { color: var(--muted); font-size: 9px; font-weight: 700; }#review-form input, #review-form select, #review-form textarea { margin-top: 5px; color: var(--ink); font-weight: 400; }fieldset { display: grid; gap: 6px; margin: 0; padding: 11px; border: 1px solid var(--line); border-radius: 9px; }legend { padding: 0 5px; font-size: 9px; font-weight: 750; }.save-success { color: var(--green); }.save-error { color: var(--red); }#review-status { min-height: 16px; margin: 0; font-size: 10px; }
.run-hero { display: flex; align-items: end; justify-content: space-between; gap: 30px; padding: 30px; border: 1px solid var(--line); border-radius: 16px; background: #fff; }.run-hero h1 { font-size: 40px; }.run-hero p { color: var(--muted); }.official-score { min-width: 150px; padding: 17px; border-radius: 13px; color: #fff; background: var(--green); text-align: center; }.official-score strong { display: block; font-size: 38px; }.official-score span { font-size: 9px; text-transform: uppercase; }.dimension-score-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 10px; margin: 16px 0; }.dimension-score-grid article { padding: 15px; border: 1px solid var(--line); border-radius: 11px; background: #fff; }.dimension-score-grid span, .dimension-score-grid strong { display: block; }.dimension-score-grid span { color: var(--muted); font-size: 9px; text-transform: uppercase; }.dimension-score-grid strong { margin: 7px 0; font-size: 17px; }
.prose-page { max-width: 1100px; }.method-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; margin-bottom: 20px; }.method-grid article { position: relative; padding: 25px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }.method-grid article > span { color: #b2c3bc; font-size: 28px; font-weight: 800; }.method-grid h2 { margin: 8px 0 11px; }.method-grid p { color: var(--muted); font-size: 12px; line-height: 1.65; }.method-grid small { color: var(--green); }.definition-list > div { display: grid; grid-template-columns: 210px 1fr; gap: 20px; padding: 13px 0; border-bottom: 1px solid var(--line); }.definition-list p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.55; }
.login-shell { display: grid; min-height: calc(100vh - 130px); place-items: center; padding: 35px; }.login-panel { width: min(440px,100%); padding: 34px; border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: var(--shadow); }.login-panel h1 { font-size: 34px; }.login-panel > p:not(.eyebrow) { color: var(--muted); line-height: 1.55; }.stack-form { display: grid; gap: 14px; margin-top: 24px; }.stack-form label { color: var(--muted); font-size: 10px; }.stack-form input { margin-top: 6px; }
.benchmark-hero { align-items: center; }
.benchmark-stats article:nth-child(3), .benchmark-stats article:nth-child(4) { color: #fff; border-color: var(--green); background: var(--green); }
.benchmark-stats article:nth-child(3) span, .benchmark-stats article:nth-child(4) span { color: rgba(255,255,255,.72); }
.workflow-strip { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; margin: 20px 0 34px; overflow: hidden; border: 1px solid var(--line); border-radius: 15px; background: var(--line); }
.workflow-strip article { display: grid; grid-template-columns: auto 1fr; gap: 15px; min-height: 118px; padding: 22px; background: #fff; }
.workflow-strip article > span { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 10px; color: #fff; background: var(--green); font-size: 10px; font-weight: 800; }
.workflow-strip strong { font-size: 13px; }.workflow-strip p { margin: 7px 0 0; color: var(--muted); font-size: 10px; line-height: 1.55; }
.home-section-heading { margin: 0 0 14px; }
.category-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-bottom: 22px; }
.category-card { display: grid; grid-template-columns: auto 1fr auto; gap: 14px; align-items: center; min-height: 104px; padding: 18px; border: 1px solid var(--line); border-radius: 14px; color: var(--ink); background: #fff; text-decoration: none; transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease; }
.category-card:hover { transform: translateY(-2px); border-color: #b9d6c9; box-shadow: var(--shadow); }
.category-icon { display: grid; width: 43px; height: 43px; place-items: center; border-radius: 12px; color: var(--green); background: var(--green-soft); font-size: 11px; font-weight: 850; }
.category-card p { margin: 6px 0 0; color: var(--muted); font-size: 9px; }.category-card > span { color: var(--muted); font-size: 9px; }
.matrix-panel { margin-top: 0; }.result-matrix th, .result-matrix td { min-width: 126px; text-align: center; }.result-matrix th:first-child { min-width: 220px; text-align: left; }.result-matrix a { text-decoration: none; }
.matrix-score { display: grid; min-width: 84px; gap: 2px; padding: 9px; border: 1px solid #c8dfd4; border-radius: 9px; color: var(--green); background: var(--green-soft); }.matrix-score strong { font-size: 18px; }.matrix-score span, .matrix-score small { color: var(--muted); font-size: 8px; text-transform: uppercase; }.matrix-empty { color: #99a59f; font-size: 9px; }
.benchmark-empty { padding: 42px; }.benchmark-empty .button { margin-top: 12px; }
.legacy-note { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 20px; padding: 20px 24px; border: 1px dashed #c5d1cc; border-radius: 13px; background: rgba(255,255,255,.6); }.legacy-note p { margin: 6px 0 0; color: var(--muted); font-size: 10px; }.legacy-note a { font-size: 11px; white-space: nowrap; }
.website-filters { grid-template-columns: minmax(240px,1fr) repeat(4,minmax(130px,.4fr)); }
.website-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.website-card { display: flex; min-width: 0; min-height: 390px; flex-direction: column; padding: 20px; border: 1px solid var(--line); border-radius: 15px; background: #fff; box-shadow: 0 8px 28px rgba(26,54,44,.04); }
.website-card[hidden] { display: none; }.website-card-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.compare-toggle { display: flex; align-items: center; gap: 6px; color: var(--muted); font-size: 9px; }.compare-toggle input { width: 15px; min-height: 15px; accent-color: var(--green); }.compare-toggle span { margin: 0; }
.stage { display: inline-flex; padding: 5px 8px; border-radius: 999px; font-size: 8px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }.stage-building { color: var(--amber); background: var(--amber-soft); }.stage-ready { color: var(--blue); background: #eef5fb; }.stage-evaluated { color: var(--green); background: var(--green-soft); }.stage-legacy { color: var(--muted); background: #f0f3f2; }
.website-card-category { margin-top: 22px; color: var(--green); font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.website-card h2 { margin-top: 8px; font-size: 22px; }.website-card h2 a { color: var(--ink); text-decoration: none; }.website-card > p { min-height: 54px; color: var(--muted); font-size: 10px; line-height: 1.6; }
.coverage-row { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px; margin-top: 18px; }.coverage-row span { padding: 9px; border: 1px solid #e7edeb; border-radius: 8px; color: var(--muted); font-size: 8px; }.coverage-row strong { display: block; margin-bottom: 3px; color: var(--ink); font-size: 14px; }
.website-card-footer { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; margin: auto -20px -20px; overflow: hidden; border-top: 1px solid var(--line); border-radius: 0 0 15px 15px; background: var(--line); }.website-card-footer > * { min-height: 65px; padding: 12px; color: var(--ink); background: #fafcfb; text-decoration: none; }.website-card-footer span, .website-card-footer strong { display: block; }.website-card-footer span { color: var(--muted); font-size: 7px; text-transform: uppercase; }.website-card-footer strong { margin-top: 5px; font-size: 12px; }
.model-grid { display: grid; gap: 12px; }.model-card { display: grid; grid-template-columns: 48px minmax(220px,1fr) 130px minmax(300px,1fr); gap: 20px; align-items: center; padding: 20px; border: 1px solid var(--line); border-radius: 14px; color: var(--ink); background: #fff; text-decoration: none; }.model-card:hover { border-color: #b9d6c9; box-shadow: var(--shadow); }.model-rank { color: #a6b7b0; font-size: 22px; font-weight: 850; }.model-card h2 { margin: 0; font-size: 22px; }.model-card p { margin: 6px 0 0; color: var(--muted); font-size: 9px; }.model-score { text-align: right; }.model-score strong, .model-score span { display: block; }.model-score strong { color: var(--green); font-size: 30px; }.model-score span { color: var(--muted); font-size: 8px; text-transform: uppercase; }.model-dimensions { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 5px; }.model-dimensions span { padding: 8px; border-radius: 7px; color: var(--muted); background: #f3f6f5; font-size: 7px; text-transform: uppercase; }.model-dimensions strong { display: block; margin-top: 4px; color: var(--ink); font-size: 11px; }
.model-hero { margin-bottom: 16px; }.run-hero h1 em { color: var(--green); font-style: normal; }.run-meta { display: flex; flex-wrap: wrap; gap: 6px; }.run-meta > span:not(.state) { padding: 5px 8px; border-radius: 999px; color: var(--muted); background: #f0f4f2; font-size: 8px; }.dimension-score-grid small { color: var(--muted); font-size: 8px; }
.run-visual { margin-top: 0; }.journey-row { display: grid; grid-template-columns: minmax(0,1fr) auto auto; gap: 12px; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--line); }.journey-row span { color: var(--muted); font-size: 8px; }.failure-row { display: grid; grid-template-columns: auto 1fr; gap: 10px; align-items: start; padding: 11px 0; border-bottom: 1px solid var(--line); }.failure-row p { margin: 4px 0 0; color: var(--muted); font-size: 8px; }.metric-list { margin: 16px 0 0; }.metric-list div { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; border-bottom: 1px solid var(--line); }.metric-list dt { color: var(--muted); font-size: 9px; text-transform: capitalize; }.metric-list dd { margin: 0; font-size: 10px; font-weight: 700; }.raw-evidence { margin-top: 20px; }
@media (max-width: 1080px) { .section-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.filter-bar { grid-template-columns: repeat(3,minmax(0,1fr)); }.detail-layout { grid-template-columns: 1fr; }.sticky { position: static; max-height: none; }.evidence-lanes { grid-template-columns: repeat(2,minmax(0,1fr)); }.dimension-score-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }.category-grid, .website-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.model-card { grid-template-columns: 42px minmax(220px,1fr) 110px; }.model-dimensions { grid-column: 2/-1; } }
@media (max-width: 720px) { .site-header { grid-template-columns: 1fr auto; padding: 0 15px; }.site-header nav { grid-column: 1/-1; order: 3; justify-content: flex-start; gap: 18px; overflow-x: auto; padding: 11px 0; border-top: 1px solid var(--line); }.profile-pill { display: none; }.page { width: min(100% - 24px,1460px); padding-top: 24px; }.hero { grid-template-columns: 1fr; gap: 25px; padding: 24px; }.stat-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.section-grid, .section-grid.two, .section-grid.three, .method-grid, .workflow-strip, .category-grid, .website-grid { grid-template-columns: 1fr; }.filter-bar { grid-template-columns: 1fr; }.page-heading, .detail-heading, .run-hero { align-items: flex-start; flex-direction: column; }.page-heading { display: flex; }.evidence-lanes { grid-template-columns: 1fr 1fr; }.fact-grid { grid-template-columns: 1fr 1fr; }.legacy-gallery { grid-template-columns: 1fr 1fr; }.visual-stage { grid-template-columns: 1fr; }.diagnostic-grid { grid-template-columns: 1fr 1fr; }.dimension-score-grid { grid-template-columns: 1fr 1fr; }.compare-picker { align-items: stretch; flex-direction: column; }.definition-list > div { grid-template-columns: 1fr; gap: 5px; }footer { flex-direction: column; }.fingerprint { width: 100%; }.official-score { width: 100%; }.login-shell { padding: 18px; }.login-panel { padding: 24px; }.legacy-note { align-items: flex-start; flex-direction: column; }.model-card { grid-template-columns: 34px 1fr; }.model-score { grid-column: 2; text-align: left; }.model-dimensions { grid-column: 1/-1; grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media (max-width: 420px) { .site-header nav a { font-size: 11px; }.brand small { display: none; }.page { width: calc(100% - 18px); }.hero { padding: 19px; }.hero h1 { font-size: 34px; }.hero-actions { align-items: stretch; flex-direction: column; }.stat-grid, .evidence-lanes, .fact-grid, .legacy-gallery, .dimension-score-grid { grid-template-columns: 1fr; }.panel { padding: 16px; }.evidence-lanes article { min-height: 100px; }.visual-toolbar button { flex: 1; }.section-heading { align-items: flex-start; flex-direction: column; } }

/* Reconstruction-first benchmark experience */
.reconstruction-hero { display:grid; grid-template-columns:minmax(0,.9fr) minmax(520px,1.15fr); gap:54px; align-items:center; min-height:590px; padding:56px 0 48px; }
.reconstruction-copy h1 { max-width:780px; margin-bottom:22px; font-size:clamp(48px,5.4vw,78px); line-height:.97; }
.reconstruction-copy h1 em { color:var(--green); font-style:normal; }
.hero-lede { max-width:690px; margin-bottom:25px; color:var(--muted); font-size:15px; line-height:1.72; }
.phase-pills,.status-line { display:flex; flex-wrap:wrap; gap:9px; }
.phase-pills > span,.status-line > span,.results-heading > span { display:inline-flex; align-items:center; gap:8px; padding:8px 11px; border:1px solid var(--line); border-radius:999px; background:#fff; font-size:9px; font-weight:750; letter-spacing:.02em; }
.phase-pills i,.status-line i,.results-heading i { width:7px; height:7px; border-radius:50%; background:#a4b0ab; }
.phase-live,.status-good { color:var(--green); }.phase-live i,.status-good i { background:var(--green-2); box-shadow:0 0 0 4px rgba(35,152,107,.13); }
.phase-empty,.status-waiting { color:#7b6a4c; }.phase-empty i,.status-waiting i { background:#d49a33; }
.hero-browser,.observatory-screen { position:relative; display:block; overflow:hidden; margin:0; border:1px solid #cbd8d2; border-radius:18px; color:var(--ink); background:#fff; box-shadow:0 28px 70px rgba(20,35,30,.18); text-decoration:none; transform:perspective(1500px) rotateY(-3deg) rotateX(1deg); transition:transform .25s ease,box-shadow .25s ease; }
.hero-browser:hover { transform:perspective(1500px) rotateY(0) rotateX(0) translateY(-4px); box-shadow:0 34px 80px rgba(20,35,30,.22); }
.browser-bar { display:flex; align-items:center; gap:6px; height:40px; padding:0 13px; border-bottom:1px solid #dce4e0; background:#f2f5f4; }
.browser-bar > span { width:7px; height:7px; border-radius:50%; background:#bac5c0; }.browser-bar > span:first-child { background:#e78a85; }.browser-bar > span:nth-child(2) { background:#e4bf67; }.browser-bar > span:nth-child(3) { background:#74bc8d; }
.browser-bar code { flex:1; margin-left:9px; padding:6px 12px; border-radius:6px; color:#64726c; background:#fff; font-size:8px; text-align:center; }
.hero-browser img,.observatory-screen img { display:block; width:100%; aspect-ratio:1350/890; object-fit:cover; object-position:top; }
.browser-caption { display:flex; justify-content:space-between; gap:12px; padding:14px 16px; color:var(--muted); font-size:9px; }.browser-caption strong { color:var(--ink); }
.hero-browser-empty { display:grid; min-height:420px; place-items:center; border-style:dashed; box-shadow:none; transform:none; }.hero-browser-empty div { display:grid; gap:8px; color:var(--muted); text-align:center; }

.benchmark-pipeline { display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr; gap:10px; align-items:center; margin:0 0 70px; }
.benchmark-pipeline article { display:grid; grid-template-columns:auto 1fr; gap:13px; min-height:150px; padding:20px; border:1px solid var(--line); border-radius:14px; background:#fff; }
.benchmark-pipeline article.is-ready { border-color:#b9d8c9; background:linear-gradient(145deg,#fff,#edf8f3); box-shadow:0 12px 32px rgba(23,100,71,.08); }
.benchmark-pipeline article.is-future { border-style:dashed; color:#718079; background:rgba(255,255,255,.52); }
.pipeline-index { display:grid; width:34px; height:34px; place-items:center; border-radius:10px; color:#fff; background:var(--green); font-size:10px; font-weight:850; }
.is-future .pipeline-index { color:#8d9994; background:#e9eeeb; }
.pipeline-state { display:block; margin-bottom:9px; color:var(--green); font-size:8px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }.is-future .pipeline-state { color:#919d98; }
.benchmark-pipeline h2 { margin-bottom:8px; font-size:14px; }.benchmark-pipeline p { margin:0; color:var(--muted); font-size:9px; line-height:1.55; }
.pipeline-arrow { color:#a5b1ac; font-size:17px; }

.featured-site { margin-bottom:68px; }.featured-heading { align-items:end; margin-bottom:22px; }.featured-heading h2,.roadmap-heading h2 { font-size:30px; }.featured-heading p:not(.eyebrow) { max-width:720px; margin:10px 0 0; color:var(--muted); line-height:1.6; }
.featured-grid { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(340px,.75fr); overflow:hidden; border:1px solid var(--line); border-radius:20px; background:#fff; box-shadow:var(--shadow); }
.featured-visual { position:relative; display:block; min-height:470px; overflow:hidden; background:#e8eeeb; }.featured-visual img { width:100%; height:100%; object-fit:cover; object-position:top; transition:transform .4s ease; }.featured-visual:hover img { transform:scale(1.015); }.featured-visual > span { position:absolute; left:18px; bottom:18px; padding:8px 10px; border-radius:7px; color:#fff; background:rgba(17,31,26,.78); backdrop-filter:blur(10px); font-size:9px; }
.featured-facts { display:flex; flex-direction:column; gap:19px; padding:28px; }.fact-lead > span { color:var(--green); font-size:8px; font-weight:800; text-transform:uppercase; }.fact-lead p { margin:8px 0 0; font-size:12px; line-height:1.7; }
.coverage-mosaic { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; }.coverage-mosaic article { padding:14px; border:1px solid var(--line); border-radius:10px; background:#fafcfb; }.coverage-mosaic strong,.coverage-mosaic span { display:block; }.coverage-mosaic strong { font-size:24px; }.coverage-mosaic span { margin-top:4px; color:var(--muted); font-size:8px; }
.journey-chips { display:flex; flex-wrap:wrap; gap:6px; }.journey-chips span { padding:7px 9px; border-radius:999px; color:var(--green); background:var(--green-soft); font-size:8px; font-weight:750; }
.dataset-separation { margin-top:auto; padding:14px; border-left:3px solid #d29a33; color:#6f5628; background:#fff8e9; }.dataset-separation strong { font-size:10px; }.dataset-separation p { margin:4px 0 0; font-size:8px; line-height:1.5; }
.roadmap-heading { margin-bottom:16px; }.roadmap-heading > span { align-self:end; padding-bottom:5px; }
.dataset-slots { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-bottom:56px; }.dataset-slot { display:grid; grid-template-columns:auto 1fr auto; gap:12px; align-items:center; min-height:94px; padding:17px; border:1px solid var(--line); border-radius:13px; color:var(--ink); background:#fff; text-decoration:none; }.dataset-slot > span { color:#a9b5b0; font-size:18px; font-weight:850; }.dataset-slot p { margin:5px 0 0; color:var(--muted); font-size:8px; }.dataset-slot i { color:var(--muted); font-size:8px; font-style:normal; text-transform:uppercase; }.slot-live { border-color:#b8d7c8; }.slot-live > span,.slot-live i { color:var(--green); }.slot-empty { border-style:dashed; color:#84918b; background:rgba(255,255,255,.48); }
.score-preview { margin-top:0; }.score-blueprint { display:grid; grid-template-columns:repeat(5,1fr); gap:9px; }.score-blueprint article { padding:16px; border:1px solid var(--line); border-radius:11px; background:#fafcfb; }.score-blueprint article > span,.score-blueprint article > strong,.score-blueprint article > small { display:block; }.score-blueprint article > span { min-height:25px; color:var(--muted); font-size:8px; font-weight:750; text-transform:uppercase; }.score-blueprint article > strong { margin:8px 0; color:#a8b3af; font-size:27px; }.score-blueprint article > div { height:5px; overflow:hidden; border-radius:999px; background:#e7ecea; }.score-blueprint article > small { margin-top:8px; color:#96a19c; font-size:7px; }
.empty-run-line { display:flex; align-items:center; gap:15px; margin-top:15px; padding:17px; border:1px dashed #cad4d0; border-radius:11px; background:#fbfcfc; }.empty-run-icon { display:grid; width:36px; height:36px; place-items:center; border-radius:50%; color:#8e9b95; background:#edf1ef; }.empty-run-line strong { font-size:11px; }.empty-run-line p { margin:4px 0 0; color:var(--muted); font-size:9px; }

.dataset-heading-meta { min-width:160px; padding:17px; border:1px solid #bdd9cc; border-radius:13px; color:var(--green); background:var(--green-soft); text-align:center; }.dataset-heading-meta strong,.dataset-heading-meta span { display:block; }.dataset-heading-meta strong { font-size:30px; }.dataset-heading-meta span { margin-top:4px; font-size:8px; text-transform:uppercase; }
.dataset-grid { align-items:stretch; }.website-card-featured { grid-column:span 2; min-height:520px; }.website-card-image { position:relative; display:block; height:260px; margin:-20px -20px 18px; overflow:hidden; border-radius:15px 15px 0 0; }.website-card-image img { width:100%; height:100%; object-fit:cover; object-position:top; }.website-card-image span { position:absolute; left:14px; bottom:12px; padding:6px 8px; border-radius:6px; color:#fff; background:rgba(16,32,26,.78); font-size:8px; }
.experiment-label { color:var(--muted); font-size:8px; text-transform:uppercase; }.future-website-card { justify-content:space-between; border-style:dashed; color:#7d8a84; background:rgba(255,255,255,.48); box-shadow:none; }.future-slot-number { color:#bdc6c2; font-size:50px; font-weight:850; line-height:1; }.future-website-card h2 { margin:12px 0 8px; color:#718079; }.future-website-card p { min-height:0; }.future-card-lines { display:grid; gap:7px; }.future-card-lines span { display:block; height:7px; border-radius:999px; background:#e5eae8; }.future-card-lines span:nth-child(2) { width:82%; }.future-card-lines span:nth-child(3) { width:57%; }.future-card-footer { padding-top:13px; border-top:1px dashed #cdd6d2; font-size:8px; text-transform:uppercase; }

.observatory-page { width:min(1500px,calc(100% - 48px)); }.observatory-hero { display:grid; grid-template-columns:minmax(0,.72fr) minmax(600px,1.28fr); gap:46px; align-items:center; min-height:560px; margin-bottom:22px; padding:38px 0 50px; }.observatory-copy h1 { font-size:clamp(52px,6vw,84px); }.observatory-copy > p:not(.eyebrow) { color:var(--muted); font-size:13px; line-height:1.72; }.observatory-copy .status-line { margin-bottom:26px; }.observatory-actions { display:flex; gap:9px; margin-top:23px; }
.observatory-screen { transform:perspective(1600px) rotateY(-2deg); }.observatory-screen figcaption { display:flex; justify-content:space-between; padding:13px 15px; color:var(--muted); font-size:8px; }.observatory-screen figcaption strong { color:var(--green); text-transform:uppercase; }
.observatory-metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-bottom:20px; }.observatory-metrics article { padding:20px; border:1px solid var(--line); border-radius:13px; background:#fff; }.observatory-metrics strong,.observatory-metrics span,.observatory-metrics small { display:block; }.observatory-metrics strong { color:var(--green); font-size:31px; }.observatory-metrics span { margin-top:5px; font-size:11px; font-weight:750; }.observatory-metrics small { margin-top:7px; color:var(--muted); font-size:8px; }
.shopping-flow,.observatory-visual,.calibration-panel,.future-evaluation,.curator-evidence { margin-bottom:20px; }.flow-track { display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr; align-items:center; gap:11px; }.flow-track article { display:grid; min-height:125px; place-items:center; padding:14px; border:1px solid var(--line); border-radius:11px; text-align:center; }.flow-track article > div { display:grid; width:39px; height:39px; place-items:center; border-radius:11px; color:var(--green); background:var(--green-soft); font-size:17px; }.flow-track strong { margin-top:8px; font-size:11px; }.flow-track span { margin-top:5px; color:var(--muted); font-size:7px; }.flow-track > i { color:#a6b1ad; font-style:normal; }
.observatory-visual .section-heading p:not(.eyebrow),.future-evaluation .section-heading p:not(.eyebrow) { max-width:760px; margin:7px 0 0; color:var(--muted); font-size:10px; line-height:1.55; }.observatory-review .visual-stage { max-height:760px; padding:12px; background:#dde4e1; }.observatory-review .visual-image { min-height:320px; }.observatory-review .toolbar-spacer { flex:1; }.calibration-diagnostics { grid-template-columns:repeat(3,1fr); }.calibration-diagnostics div:last-child { color:var(--green); background:var(--green-soft); }
.observatory-two-up { display:grid; grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr); gap:20px; margin-bottom:20px; }.route-observatory,.journey-player { min-width:0; max-height:860px; overflow:auto; }
.route-filters,.journey-tabs { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:13px; }.route-filters button,.journey-tabs button { min-height:33px; padding:0 10px; border:1px solid var(--line); border-radius:8px; color:var(--muted); background:#fff; font-size:8px; font-weight:750; }.route-filters button.active,.journey-tabs button.active { border-color:var(--green); color:#fff; background:var(--green); }
.route-list { display:grid; gap:5px; }.route-row { border:1px solid var(--line); border-radius:9px; background:#fbfcfc; }.route-row[hidden] { display:none; }.route-row summary { display:grid; grid-template-columns:auto minmax(80px,.3fr) minmax(140px,1fr) auto; gap:9px; align-items:center; padding:11px; border:0; }.route-row summary::marker { color:var(--green); }.route-row summary strong { font-size:10px; }.route-row summary code { overflow:hidden; color:var(--muted); font-size:8px; text-overflow:ellipsis; white-space:nowrap; }.route-row > div { padding:0 13px 13px 35px; }.route-row p { margin:0 0 8px; color:var(--muted); font-size:8px; }.route-priority { color:var(--green); font-size:7px; font-weight:850; text-transform:uppercase; }.evidence-badge { padding:4px 6px; border-radius:999px; font-size:6px; font-weight:800; text-transform:uppercase; }.evidence-current-direct { color:var(--green); background:var(--green-soft); }.evidence-current-partial { color:var(--blue); background:#edf5fd; }.evidence-inferred { color:var(--amber); background:var(--amber-soft); }.evidence-unavailable { color:var(--muted); background:#edf0ef; }
.state-cloud { display:flex; flex-wrap:wrap; gap:4px; }.state-cloud span { padding:4px 6px; border:1px solid #e0e6e3; border-radius:5px; color:#62716a; background:#fff; font-size:7px; }
.journey-tabs button { display:flex; align-items:center; gap:6px; }.journey-tabs i { width:7px; height:7px; border-radius:50%; background:#58a979; }.journey-kind-failure { background:#d18e43 !important; }.journey-kind-recovery { background:#5f82bb !important; }.journey-head { display:flex; justify-content:space-between; gap:12px; align-items:start; margin:16px 0 10px; }.journey-head strong { font-size:13px; }.journey-head p { margin:5px 0 0; color:var(--muted); font-size:8px; }.journey-head > span { min-width:45px; color:var(--muted); font-size:9px; text-align:right; }.journey-progress { height:4px; overflow:hidden; margin-bottom:12px; border-radius:999px; background:#e7ecea; }.journey-progress i { display:block; height:100%; border-radius:inherit; background:var(--green-2); transition:width .25s ease; }
.replay-steps { display:grid; gap:4px; max-height:500px; overflow:auto; margin:0; padding:0; list-style:none; }.replay-steps li button { display:grid; grid-template-columns:auto 1fr auto; gap:9px; align-items:start; width:100%; padding:10px; border:1px solid transparent; border-radius:8px; color:var(--muted); background:transparent; text-align:left; }.replay-steps li button > span { display:grid; width:25px; height:25px; place-items:center; border-radius:7px; background:#edf1ef; font-size:7px; font-weight:800; }.replay-steps li p { margin:1px 0 0; font-size:8px; line-height:1.48; }.replay-steps li i { padding-top:3px; color:#a3ada9; font-size:6px; font-style:normal; text-transform:uppercase; }.replay-steps li.active button { border-color:#b7d6c7; color:var(--ink); background:var(--green-soft); }.replay-steps li.active button > span,.replay-steps li.complete button > span { color:#fff; background:var(--green); }.replay-steps li.complete button { color:#52645c; }.replay-controls { display:flex; justify-content:space-between; gap:8px; margin-top:13px; }.replay-controls button { min-height:36px; }.replay-note { margin:16px 0 0; padding-top:13px; border-top:1px solid var(--line); color:var(--muted); font-size:8px; line-height:1.55; }
.calibration-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:9px; }.calibration-grid article { padding:17px; border:1px solid var(--line); border-radius:10px; background:#fafcfb; }.calibration-grid span,.calibration-grid strong,.calibration-grid small { display:block; }.calibration-grid span { color:var(--muted); font-size:8px; text-transform:uppercase; }.calibration-grid strong { margin-top:8px; font-size:22px; }.calibration-grid small { margin-top:7px; color:var(--green); font-size:7px; }.gate-ribbon { display:flex; flex-wrap:wrap; gap:7px; margin-top:12px; }.gate-ribbon span { display:flex; align-items:center; gap:6px; padding:6px 8px; border-radius:999px; color:var(--green); background:var(--green-soft); font-size:7px; text-transform:uppercase; }.gate-ribbon i { width:5px; height:5px; border-radius:50%; background:var(--green-2); }
.future-evaluation { border-style:dashed; }.future-run-layout { display:grid; grid-template-columns:1.3fr .7fr; gap:12px; margin-top:13px; }.future-clone-frame { min-height:250px; overflow:hidden; border:1px dashed #c8d2ce; border-radius:11px; background:#f4f6f5; }.future-clone-frame > span { display:block; padding:10px; border-bottom:1px dashed #c8d2ce; color:var(--muted); font-size:8px; text-transform:uppercase; }.future-clone-frame > div { display:grid; min-height:208px; place-items:center; align-content:center; color:var(--muted); text-align:center; }.future-clone-frame i { width:38px; height:30px; border:2px solid #b7c1bd; border-radius:5px; }.future-clone-frame strong { margin-top:12px; color:#73817b; font-size:11px; }.future-clone-frame p { margin:5px 0 0; font-size:8px; }.future-evidence-list { display:grid; gap:6px; }.future-evidence-list article { display:flex; justify-content:space-between; align-items:center; padding:12px; border:1px solid var(--line); border-radius:9px; color:var(--muted); font-size:8px; }.future-evidence-list strong { font-size:17px; }.curator-evidence summary { border:0; }
.research-notice { margin:0 0 16px; color:#7c8983; font-size:8px; line-height:1.55; text-align:center; }

.results-heading { align-items:center; }.results-dimensions { margin-bottom:20px; }.empty-matrix-panel { margin-bottom:20px; }.future-result-table { min-width:1050px; }.future-result-table td,.future-result-table th { text-align:center; }.future-result-table th:first-child { min-width:220px; text-align:left; }.unrun-cell { display:flex; justify-content:center; align-items:center; gap:10px; min-height:66px; color:var(--muted); text-align:left; }.unrun-cell i { width:9px; height:9px; border-radius:50%; background:#d09c40; box-shadow:0 0 0 5px #fff4de; }.unrun-cell strong,.unrun-cell small { display:block; }.unrun-cell strong { color:var(--ink); font-size:10px; }.unrun-cell small { margin-top:5px; font-size:7px; }
.results-evidence-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }.results-evidence-grid article { min-height:260px; }.evidence-number { color:#b2bdb8; font-size:25px; font-weight:850; }.results-evidence-grid h2 { margin:10px 0; }.results-evidence-grid p { color:var(--muted); font-size:9px; line-height:1.6; }.mini-evidence-frame { display:grid; grid-template-columns:1fr 1fr; gap:1px; margin-top:18px; overflow:hidden; border:1px solid #d5ddda; border-radius:8px; background:#d5ddda; }.mini-evidence-frame span { display:grid; min-height:70px; place-items:center; color:#8e9995; background:#f2f5f3; font-size:7px; }.mini-replay { display:flex; align-items:center; gap:6px; margin-top:30px; }.mini-replay i { flex:1; height:5px; border-radius:999px; background:#dfe6e3; }.mini-replay i:first-child { background:var(--green-2); }.results-evidence-grid dl { margin-top:15px; }.results-evidence-grid dl div { display:flex; justify-content:space-between; padding:7px 0; border-bottom:1px solid var(--line); font-size:8px; }.results-evidence-grid dt { color:var(--muted); }.results-evidence-grid dd { margin:0; font-weight:750; }

.agent-empty-stage { display:grid; grid-template-columns:360px minmax(0,620px); gap:70px; justify-content:center; align-items:center; min-height:470px; margin-bottom:18px; padding:45px; border:1px dashed #c8d4cf; border-radius:18px; background:rgba(255,255,255,.6); }.agent-empty-stage h2 { margin-bottom:14px; font-size:34px; }.agent-empty-stage p:not(.eyebrow) { color:var(--muted); line-height:1.7; }.agent-empty-actions { display:flex; gap:8px; margin-top:20px; }
.agent-empty-orbit { position:relative; display:grid; width:260px; height:260px; place-items:center; margin:auto; border:1px dashed #b9c8c1; border-radius:50%; }.agent-empty-orbit::before { position:absolute; inset:42px; border:1px solid #d3ddd9; border-radius:50%; content:""; }.agent-core { z-index:1; display:grid; width:92px; height:92px; place-items:center; border-radius:50%; color:var(--green); background:var(--green-soft); font-size:11px; font-weight:850; letter-spacing:.1em; }.agent-empty-orbit > span { --angle:calc(var(--i) * 90deg); position:absolute; left:50%; top:50%; padding:6px 8px; border:1px solid var(--line); border-radius:999px; color:var(--muted); background:#fff; font-size:7px; transform:translate(-50%,-50%) rotate(var(--angle)) translateX(130px) rotate(calc(var(--angle) * -1)); }
.reserved-agent-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }.reserved-agent-grid article { padding:18px; border:1px dashed #cbd5d1; border-radius:12px; color:var(--muted); background:rgba(255,255,255,.45); }.reserved-agent-grid span,.reserved-agent-grid strong { display:block; }.reserved-agent-grid span { font-size:8px; text-transform:uppercase; }.reserved-agent-grid strong { margin:11px 0 5px; font-size:24px; }.reserved-agent-grid p { font-size:8px; }.reserved-agent-grid article > div { display:grid; grid-template-columns:repeat(5,1fr); gap:5px; }.reserved-agent-grid i { height:4px; border-radius:999px; background:#e0e6e3; }

.protocol-page { max-width:1240px; }.protocol-sequence { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; gap:14px; align-items:center; margin-bottom:20px; }.protocol-sequence > article { min-height:260px; padding:25px; border:1px solid var(--line); border-radius:14px; background:#fff; }.protocol-sequence > article.protocol-input { border-color:#b9d8c8; background:linear-gradient(145deg,#fff,#eef8f3); }.protocol-sequence > i { color:#a4afaa; font-style:normal; }.protocol-sequence article > span { color:var(--green); font-size:8px; font-weight:850; text-transform:uppercase; }.protocol-sequence h2 { margin:17px 0 12px; font-size:22px; }.protocol-sequence p { min-height:96px; color:var(--muted); font-size:10px; line-height:1.65; }.protocol-sequence article > div { display:flex; align-items:center; gap:7px; padding-top:12px; border-top:1px solid var(--line); color:var(--muted); font-size:8px; }.protocol-sequence article > div i { width:6px; height:6px; border-radius:50%; background:var(--green-2); }
.score-method { margin-bottom:20px; }.method-dimensions { display:grid; gap:7px; }.method-dimensions article { display:grid; grid-template-columns:auto 1fr; gap:14px; align-items:start; padding:13px; border:1px solid var(--line); border-radius:9px; background:#fafcfb; }.method-dimensions article > span { display:grid; width:35px; height:35px; place-items:center; border-radius:9px; color:#fff; background:var(--green); font-size:10px; font-weight:850; }.method-dimensions h3 { margin:1px 0 5px; font-size:11px; }.method-dimensions p { margin:0; color:var(--muted); font-size:8px; line-height:1.55; }
.evidence-separation { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:20px; }.evidence-separation article { padding:25px; border:1px solid var(--line); border-radius:14px; background:#fff; }.evidence-separation article:first-child { border-left:4px solid #d09b3b; }.evidence-separation article:last-child { border-left:4px solid var(--green); }.evidence-separation h2 { font-size:24px; }.evidence-separation > article > p:not(.eyebrow) { min-height:75px; color:var(--muted); font-size:10px; line-height:1.65; }.comparison-label { display:flex; align-items:center; gap:8px; margin:18px 0 13px; }.comparison-label span { flex:1; padding:12px; border:1px solid var(--line); border-radius:8px; background:#fafcfb; font-size:8px; text-align:center; }.comparison-label i { color:#9ca8a3; font-style:normal; }.evidence-separation > article > strong { color:var(--green); font-size:8px; text-transform:uppercase; }

@media (max-width:1180px) {
  .reconstruction-hero,.observatory-hero { grid-template-columns:1fr; }.reconstruction-copy { max-width:850px; }.hero-browser { max-width:900px; }.benchmark-pipeline { grid-template-columns:1fr 1fr; }.benchmark-pipeline .pipeline-arrow { display:none; }.featured-grid { grid-template-columns:1fr; }.featured-visual { min-height:430px; }.dataset-slots { grid-template-columns:1fr 1fr; }.observatory-two-up { grid-template-columns:1fr; }.route-observatory,.journey-player { max-height:none; }.observatory-screen { max-width:950px; }.protocol-sequence { grid-template-columns:1fr; }.protocol-sequence > i { display:none; }.protocol-sequence > article { min-height:0; }.protocol-sequence p { min-height:0; }
}
@media (max-width:820px) {
  .reconstruction-hero { min-height:0; padding-top:28px; }.reconstruction-copy h1 { font-size:48px; }.benchmark-pipeline,.observatory-metrics,.calibration-grid,.results-evidence-grid,.score-blueprint,.reserved-agent-grid { grid-template-columns:1fr 1fr; }.dataset-slots { grid-template-columns:1fr; }.website-card-featured { grid-column:auto; }.featured-visual { min-height:330px; }.flow-track { grid-template-columns:1fr; }.flow-track > i { transform:rotate(90deg); text-align:center; }.future-run-layout,.agent-empty-stage,.evidence-separation { grid-template-columns:1fr; }.agent-empty-stage { gap:25px; padding:25px; }.observatory-hero { min-height:0; padding-top:18px; }.observatory-copy h1 { font-size:54px; }
}
@media (max-width:560px) {
  .reconstruction-copy h1,.observatory-copy h1 { font-size:40px; }.hero-browser,.observatory-screen { border-radius:11px; transform:none; }.benchmark-pipeline,.observatory-metrics,.calibration-grid,.score-blueprint,.results-evidence-grid,.reserved-agent-grid { grid-template-columns:1fr; }.featured-heading h2,.roadmap-heading h2,.agent-empty-stage h2 { font-size:25px; }.featured-visual { min-height:240px; }.coverage-mosaic { grid-template-columns:1fr 1fr; }.phase-pills,.status-line,.observatory-actions,.agent-empty-actions { align-items:stretch; flex-direction:column; }.route-row summary { grid-template-columns:auto 1fr auto; }.route-row summary code { grid-column:2/-1; }.calibration-diagnostics { grid-template-columns:1fr 1fr; }.agent-empty-orbit { width:210px; height:210px; }.agent-empty-orbit > span { transform:translate(-50%,-50%) rotate(var(--angle)) translateX(105px) rotate(calc(var(--angle) * -1)); }
}