:root[data-theme="dark"] {
  --bg:#101414; --panel:#191e1e; --fg:#f0f2ec; --muted:#a5afaa;
  --line:#303936; --soft:#202825; --accent:#c2ed9b;
  --gr00t:#c2ed9b; --cosmos:#98bedb; --proto:#c3aedc;
  --sans:Inter,"Helvetica Neue",Arial,sans-serif; --serif:var(--sans);
  --mono:"SFMono-Regular",Consolas,monospace;
  color-scheme:dark;
}
html {scroll-behavior:smooth;scroll-padding-top:100px}
body {font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
button,input,select {font:inherit}
button,a,summary {touch-action:manipulation}
button {cursor:pointer}
a {text-underline-offset:5px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible {outline:2px solid var(--accent);outline-offset:5px}
[hidden] {display:none!important}
.wrap {max-width:1280px;padding-inline:40px;padding-bottom:0}
#app {min-height:calc(100vh - 90px)}
.top {background:#101414f5;backdrop-filter:blur(14px);top:0}
.top .wrap {min-height:88px;gap:36px;overflow:visible}
.brand {font:650 19px var(--sans);display:flex;align-items:center;letter-spacing:-.6px;gap:0}
.brand-mark {display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:var(--accent);color:var(--bg);border-radius:9px;margin-right:12px;font-size:25px;font-weight:800;letter-spacing:-3px;padding-right:4px}
.brand-mark span {color:#527238}
.brand-arena {font-weight:400;color:var(--muted);margin-left:5px}
.top nav {margin-left:auto;gap:22px}
.top nav a {font-size:14px;padding:31px 0 28px;border-width:2px}
.top nav a[aria-current="page"] {color:var(--accent)}
.button {display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:48px;padding:10px 20px;border:1px solid var(--line);border-radius:6px;text-decoration:none;font-size:14px;font-weight:600;color:var(--fg);background:transparent;transition:background .18s,border-color .18s}
.button:hover {border-color:var(--accent);background:#c2ed9b0c}
.button.primary,.nav-cta {background:var(--accent);color:var(--bg);border-color:var(--accent)}
.button.primary:hover,.nav-cta:hover {background:#d3f5b5;color:var(--bg)}
.nav-cta {min-height:40px;padding:8px 15px;font-size:13px;gap:15px}
.skip-link {position:fixed;left:20px;top:-80px;z-index:10;background:var(--accent);color:var(--bg);padding:12px}
.skip-link:focus {top:10px}
h1,h2,h3,h4 {font-family:var(--sans);letter-spacing:-.04em;font-weight:500;color:var(--fg)}
h1 {font-size:52px;line-height:1.1;margin:18px 0 20px}
h2 {font-size:32px;line-height:1.2;margin:32px 0 16px}
h3 {font-size:20px;letter-spacing:-.02em}
.eyebrow {font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--accent);margin:0 0 22px}
.lede {font-size:18px;line-height:1.7;max-width:64ch}
.hero {display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:76px 0 64px}
.hero>div,.section-head>div {min-width:0}
.hero h1 {font-size:clamp(50px,5.2vw,72px);line-height:1.05;letter-spacing:-.065em;margin:24px 0}
.hero h1 em {font-style:normal;color:var(--accent)}
.hero p {max-width:43ch;font-size:17px;color:var(--muted);line-height:1.8}
.hero .actions {margin-top:30px}
.actions {display:flex;flex-wrap:wrap;gap:12px}
.release-tag {font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;display:inline-flex;gap:9px;align-items:center;color:var(--muted)}
.release-tag::before {content:"";width:6px;height:6px;background:var(--accent);border-radius:50%}
.hero-visual {margin:0;min-width:0}
.hero-visual .vid {aspect-ratio:1.15;border-radius:10px;background:var(--panel)}
.hero-visual .vid img {width:100%;height:100%;object-fit:cover}
.hero-visual .vid video {width:100%;height:100%;object-fit:contain}
.vid button span {font-family:var(--sans);font-size:13px;padding:12px 18px;backdrop-filter:blur(8px);background:#101414c9;border:1px solid #ffffff30}
.hero-visual figcaption {display:flex;justify-content:space-between;gap:12px;margin-top:14px;font-size:12px;color:var(--muted)}
.hero-visual figcaption a {color:var(--fg);text-decoration:none}
.key-facts {display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;gap:32px}
.key-facts div {display:flex;gap:16px;align-items:baseline}
.key-facts b {font-size:24px;font-weight:500;letter-spacing:-.04em;white-space:nowrap}
.key-facts span {font-size:13px;color:var(--muted)}
.section {padding:64px 0;border-bottom:1px solid var(--line)}
.section-head {display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px}
.section-head h2 {margin:0 0 10px}
.section-head p {color:var(--muted);font-size:15px;margin:0}
.text-link {text-decoration:none;white-space:nowrap;font-size:14px}
.tasks {gap:20px;margin:0}
.tcard {background:transparent;border:0;border-radius:0;overflow:visible}
.tcard img {border-radius:7px;transition:filter .2s;aspect-ratio:4/3}
.tcard:hover img {filter:brightness(1.13)}
.tcard .tx {padding:18px 0 0}
.tcard .id {font-size:10px;letter-spacing:.07em;margin-bottom:5px;text-transform:uppercase}
.tcard .nm {font-size:17px;line-height:1.4;letter-spacing:-.02em;font-weight:500;display:flex;justify-content:space-between;gap:12px}
.tcard .nm span {color:var(--accent)}
.tcard p {font-size:14px;color:var(--muted);margin-top:12px}
.results-table {border-top:1px solid var(--line)}
table {font-size:14px}
th,td {padding:17px 16px;vertical-align:middle}
th {font-size:11px;letter-spacing:.04em;text-transform:uppercase;font-weight:500;background:transparent}
th a {text-decoration:none;color:var(--muted)}
.results-table td {font-size:21px;font-weight:500;letter-spacing:-.03em;padding-block:24px}
.results-table td:first-child {font-size:16px;letter-spacing:-.01em;min-width:200px}
.results-table th small {display:block;font-size:9px;color:var(--muted);font-weight:400;letter-spacing:.03em;margin-top:4px}
.model-setting {display:block;font-size:11px;color:var(--muted);font-weight:400;letter-spacing:0;margin:6px 0 0 15px}
.table-note {display:flex;justify-content:space-between;gap:24px;align-items:start;margin-top:18px;color:var(--muted);font-size:12px}
.table-note p {max-width:76ch}
.confidence-toggle {display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:12px;color:var(--muted);cursor:pointer}
input[type=checkbox] {accent-color:var(--accent);width:15px;height:15px}
.score-table:not(.show-ci) .ci,.score-table:not(.show-ci) .bar {display:none}
.score-table .bar {display:none}
.score-table .ci {font-size:11px;margin-top:5px}
.start-band {display:flex;justify-content:space-between;align-items:center;gap:40px;padding:56px 0 64px}
.start-band h2 {margin:0 0 12px}
.start-band p {color:var(--muted);font-size:15px;margin:0}
footer {display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 0 32px;border-top:1px solid var(--line);margin-top:0;font-size:11px;color:var(--muted)}
footer .footer-brand {color:var(--fg);font-size:13px}
footer a {color:var(--muted);text-decoration:none}
.page {padding:56px 0 64px}
.page-header {max-width:850px;margin-bottom:38px}
.page-header h1 {margin-top:0}
.page-header .eyebrow {margin-bottom:18px}
.subnav {display:flex;gap:6px;margin:26px 0 38px;border-bottom:1px solid var(--line);overflow-x:auto}
.subnav a {padding:12px 18px;color:var(--muted);text-decoration:none;white-space:nowrap;font-size:13px;border-bottom:2px solid transparent}
.subnav a[aria-current=page] {color:var(--accent);border-color:var(--accent)}
.subnav a:hover {color:var(--fg)}
.toolbar {display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:24px 0}
.toolbar label {font-size:13px;color:var(--muted)}
select {background:var(--panel);color:var(--fg);padding:9px 34px 9px 12px;border:1px solid var(--line);border-radius:5px;max-width:100%}
.task-overview {display:grid;grid-template-columns:1.6fr 1fr;gap:40px;align-items:start}
.task-overview .vid {aspect-ratio:16/10}
.task-overview .vid img,.task-overview .vid video {height:100%;object-fit:cover}
.task-summary {border-top:1px solid var(--line)}
.task-summary div {padding:20px 0;border-bottom:1px solid var(--line)}
.task-summary span {display:block;font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.task-summary p {font-size:15px;margin:0}
.task-summary strong {font-size:26px;font-weight:500;letter-spacing:-.04em}
.cap {font-size:11px;margin-top:12px}
details {border:1px solid var(--line);border-radius:6px;margin:28px 0;background:transparent}
summary {padding:17px 20px;cursor:pointer;font-size:14px;color:var(--fg)}
details[open] summary {border-bottom:1px solid var(--line);margin-bottom:20px}
.detail-body {padding:0 24px 24px}
.facts {font-size:14px;gap:12px 24px}
.facts dd {overflow-wrap:anywhere}
.task-links {display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 0}
.back-link {font-size:12px;color:var(--muted);text-decoration:none;display:inline-block;margin-bottom:30px}
.notice {background:transparent;font-size:14px;border-left-width:2px;padding:6px 18px;margin:20px 0 28px;max-width:none}
.matrices {gap:24px}
.mx {background:transparent}
.mx h4 {letter-spacing:0}
.resource-list {border-top:1px solid var(--line);margin-top:36px}
.resource {display:grid;grid-template-columns:48px 1fr auto;gap:24px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line);color:var(--fg);text-decoration:none}
.resource .number {font:12px var(--mono);color:var(--accent)}
.resource h3 {margin:0 0 7px}
.resource p {font-size:14px;color:var(--muted);margin:0}
.resource .arrow {font-size:24px;color:var(--accent)}
.resource:hover h3 {color:var(--accent)}
.doc-copy {max-width:850px}
.doc-copy h2 {margin-top:40px}
.doc-copy pre {overflow-x:auto;border:1px solid var(--line);padding:22px;border-radius:5px;background:var(--panel)}
.gal {gap:20px}
.chip {font-size:12px;padding:8px 13px}
.filters {margin:14px 0}
.gap {max-width:900px}
.empty {border:1px solid var(--line);padding:24px}
@media(min-width:1500px) {.hero {padding-top:94px;padding-bottom:80px}}
@media(max-width:1050px) {
 .wrap {padding-inline:28px}.top .wrap {gap:22px}.top nav {gap:18px}.brand-arena {display:none}
 .hero {gap:32px}.hero h1 {font-size:56px}.key-facts div {gap:9px}.key-facts b {font-size:21px}
 .tasks {grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.tcard img {aspect-ratio:16/10}
}
@media(max-width:700px) {
 .wrap {padding-inline:20px}.top .wrap {min-height:76px;flex-wrap:wrap;gap:0;justify-content:space-between;padding-top:16px}
 .brand {font-size:16px}.brand-mark {width:28px;height:28px;font-size:22px;margin-right:8px}.brand-arena {display:inline}
 .top nav {order:3;width:100%;margin:8px 0 0;justify-content:space-between;gap:0}.top nav a {padding:10px 6px 12px;font-size:12px}
 .nav-cta {min-height:34px;font-size:11px;padding:6px 10px;gap:12px}
 .hero {grid-template-columns:1fr;padding:42px 0 36px;gap:32px}.hero h1 {font-size:56px}.hero p {font-size:16px}.hero-visual .vid {aspect-ratio:16/10}
 .hero-visual figcaption {font-size:10px}.hero .actions {margin-top:24px}
 .key-facts {gap:12px;padding:22px 0}.key-facts div {display:block}.key-facts b {font-size:21px;display:block}.key-facts span {font-size:11px;display:block;margin-top:6px}
 .section {padding:40px 0}.section-head {align-items:start;gap:14px}.section-head h2 {font-size:26px}.section-head p {font-size:13px}.text-link {font-size:11px;margin-top:8px}
 .tasks {gap:26px 16px}.tcard .nm {font-size:14px}.tcard .id {font-size:9px}.tcard .tx {padding-top:12px}.tcard p {font-size:12px}.tcard img {aspect-ratio:4/3}
 .results-table td {font-size:18px;padding:18px 12px}.results-table td:first-child {font-size:14px;min-width:170px}.results-table th {font-size:10px;padding:14px 12px}
 .table-note {display:block}.confidence-toggle {margin-bottom:16px}
 .start-band {display:block;padding:36px 0 40px}.start-band h2 {font-size:27px}.start-band .actions {margin-top:24px}
 footer {flex-wrap:wrap;gap:12px;line-height:1.7}footer .footer-brand {width:100%}
 h1 {font-size:38px}h2 {font-size:27px}.page {padding:36px 0 44px}.page-header {margin-bottom:26px}.lede {font-size:16px}
 .subnav {margin-top:20px;gap:0}.subnav a {font-size:12px;padding:12px 15px}
 .task-overview {grid-template-columns:1fr;gap:26px}.task-summary {display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.task-summary div:first-child {grid-column:1/-1}
 .resource {grid-template-columns:24px 1fr 20px;gap:16px}.resource p {font-size:13px}.resource h3 {font-size:18px}
 .matrices {grid-template-columns:1fr!important}.detail-body {padding:0 16px 20px}
 .facts {grid-template-columns:1fr;gap:5px}.facts dd {margin-bottom:14px}.toolbar {gap:14px}.toolbar label {max-width:100%}
}
@media(prefers-reduced-motion:reduce) {html {scroll-behavior:auto}* {transition:none!important}}
@media(max-width:380px) {.hero h1 {font-size:48px}.brand-arena {display:none}.key-facts b {font-size:18px}.section-head {flex-wrap:wrap}}

.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}
#main-content:focus {outline:none}

/* Evaluation clips stay secondary to the task overview, with one task open at a time. */
.rollout-tabs {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line);margin-bottom:26px}
.rollout-tabs button {appearance:none;background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);text-align:left;padding:16px 12px;font:inherit;font-size:15px;cursor:pointer}
.rollout-tabs button:first-child {padding-left:0}
.rollout-tabs button span {display:block;font:10px var(--mono);margin-top:6px;opacity:.75}
.rollout-tabs button[aria-pressed="true"] {color:var(--accent);border-bottom-color:var(--accent)}
.rollout-tabs button:hover {color:var(--fg)}
.rollout-context {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
.rollout-context h3 {font-size:19px;margin:0 0 7px}
.rollout-context p,.rollout-note {font-size:12px;color:var(--muted);margin:0;line-height:1.7}
.rollout-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.rollout-card {margin:0;min-width:0}
.rollout-card .vid {aspect-ratio:32/9;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#080c0e}
.rollout-card .vid img,.rollout-card .vid video {width:100%;height:100%;object-fit:contain}
.rollout-card figcaption {display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 0;font:11px var(--mono);color:var(--muted)}
.rollout-outcome {display:flex;align-items:center;gap:7px}
.rollout-outcome:before {content:"";width:6px;height:6px;background:currentColor;border-radius:50%}
.rollout-outcome.success {color:var(--accent)}
.rollout-outcome.failure {color:#dfb594}
.rollout-note {margin-top:12px}
@media(max-width:700px) {
 .rollout-tabs button {font-size:11px;padding:12px 5px}.rollout-tabs button span {font-size:8px}
 .rollout-context {align-items:flex-start;gap:12px}.rollout-context h3 {font-size:17px}.rollout-context p {font-size:11px}.rollout-context .text-link {white-space:nowrap}
 .rollout-grid {grid-template-columns:1fr;gap:18px}.rollout-card figcaption {padding:10px 0}
}