@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;450;500;550;600;650;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root { color-scheme:dark; --bg:#090e11; --panel:#10191e; --panel-deep:#0b1217; --ink:#f1eee4; --muted:#8b9b9d; --dim:#58717a; --line:#293c43; --coral:#ff7b66; --mint:#a1dfc9; --paper:#efeee2; --sans:'Inter',Arial,Helvetica,sans-serif; --display:'Space Grotesk',Arial,Helvetica,sans-serif; --mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:25px; }
body { margin:0; background:var(--bg); color:var(--ink); font:14px/1.6 var(--sans); -webkit-font-smoothing:antialiased; }
body::before { content:''; position:absolute; inset:0 0 auto; height:700px; z-index:-1; pointer-events:none; background:radial-gradient(ellipse at 70% 40%,#2b413f13,transparent 60%); }
a { color:inherit; text-decoration:none; }
button,input,select,textarea { font:inherit; }
button { color:inherit; cursor:pointer; }
button,a,input,select,textarea { -webkit-tap-highlight-color:transparent; }
button,a { touch-action:manipulation; }
button:disabled { cursor:not-allowed; opacity:.5; }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,pre:focus-visible { outline:2px solid var(--mint); outline-offset:5px; }
::selection { color:var(--bg); background:var(--coral); }
h1,h2,h3,p { margin:0; }
h1,h2,h3 { font-family:var(--display); font-weight:400; }
svg,img { display:block; }
button svg { pointer-events:none; }
.wrap { width:min(1280px,calc(100% - 104px)); margin-inline:auto; }
.skip-link { position:fixed; top:-70px; left:16px; z-index:100; padding:12px 18px; color:var(--bg); background:var(--mint); }
.skip-link:focus { top:16px; }
.site-header { height:98px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.wordmark { display:flex; align-items:center; gap:8px; font:500 28px/1 var(--display); letter-spacing:-1.5px; }
.wordmark-dot { color:var(--coral); }
.site-header nav { display:flex; align-items:center; gap:33px; color:#9dadae; font-size:12px; }
.site-header nav a:hover { color:var(--ink); }
.site-header nav span { color:var(--dim); margin-left:4px; }
.header-link { border:1px solid #3b4c50; border-radius:4px; font-size:12px; padding:10px 14px; transition:border-color .2s,background .2s; }
.header-link:hover { border-color:var(--coral); background:#202927; }
.header-link span { margin-left:24px; color:var(--coral); }
.hero { display:grid; grid-template-columns:1.04fr 1fr; align-items:center; min-height:632px; padding-block:45px 55px; }
.hero-copy { position:relative; z-index:2; }
.eyebrow { display:flex; align-items:center; gap:10px; font:9px/1.8 var(--mono); letter-spacing:1.5px; }
.dot { display:inline-block; width:5px; height:5px; border-radius:50%; background:#6f9296; flex-shrink:0; }
.dot.coral { background:var(--coral); box-shadow:0 0 12px #ff7b6633; }
.dot.mint { background:var(--mint); box-shadow:0 0 12px #a1dfc933; }
.hero .eyebrow { color:#a3b1ab; margin-bottom:27px; }
h1 { font-size:clamp(43px,4.8vw,67px); line-height:1.05; letter-spacing:-3.7px; white-space:nowrap; }
h1 em { color:var(--coral); font-style:normal; display:inline-block; }
.hero-lead { margin-top:28px; color:#c8d3cb; font-size:19px; line-height:1.55; letter-spacing:-.4px; }
.hero-detail { max-width:405px; color:var(--muted); font-size:13px; line-height:1.85; margin-top:15px; }
.hero-actions { display:flex; align-items:center; gap:26px; margin-top:30px; }
.button { display:inline-flex; justify-content:center; align-items:center; gap:24px; min-height:47px; border:1px solid transparent; border-radius:4px; padding:12px 19px; font-size:12px; font-weight:600; line-height:1.5; transition:background .2s,border-color .2s,transform .2s; }
.button:hover { transform:translateY(-2px); }
.button>span:last-child { font-size:18px; line-height:1; font-weight:400; }
.button-coral { color:#201713; background:var(--coral); border-color:var(--coral); }
.button-coral:hover { background:#ff947f; border-color:#ff947f; }
.hero-text-link { font-size:11px; color:#b8c8c5; display:inline-flex; align-items:center; gap:19px; }
.hero-text-link:hover { color:var(--mint); }
.hero-text-link span { color:#78938f; font-size:17px; }
.hero-footnote { display:flex; align-items:center; gap:9px; font:8px var(--mono); letter-spacing:.7px; color:#627c80; margin-top:32px; }
.hero-footnote>span { color:#90aca6; font-size:17px; }
.hero-art { aspect-ratio:1/1; max-height:535px; position:relative; min-width:0; background-image:linear-gradient(#5060570c 1px,transparent 1px),linear-gradient(90deg,#5060570c 1px,transparent 1px); background-size:54px 54px; mask-image:linear-gradient(transparent,black 10%,black 91%,transparent); }
#signal-canvas { position:absolute; inset:-3%; width:106%; height:106%; }
.art-header,.art-bottom { position:absolute; left:8%; right:1%; display:flex; align-items:center; justify-content:space-between; gap:12px; color:#5c7579; font:7px var(--mono); letter-spacing:1px; z-index:2; }
.art-header { top:6%; }.art-header>span:last-child { font-size:18px; }.art-bottom { bottom:2%; left:12%; right:5%; font-size:6px; }
.art-bottom>span:first-child { display:flex; align-items:center; gap:8px; }.art-bottom i { font:normal 31px/1 var(--sans); color:#738f89; }
.signal-coordinate { position:absolute; display:flex; align-items:flex-start; gap:10px; z-index:2; line-height:1.4; }
.signal-coordinate .dot { margin-top:7px; }.signal-coordinate div>span { color:#738c8c; font:6px var(--mono); letter-spacing:1.2px; }.signal-coordinate strong { display:block; font:400 16px var(--display); margin-top:5px; letter-spacing:-.4px; }.signal-coordinate small { display:block; font-size:8px; color:#76938f; margin-top:4px; }.coord-atlas { left:3%; top:29%; }.coord-prism { right:1%; top:59%; text-align:right; }
.how-strip { background:#0e161a; border-block:1px solid var(--line); }
.how-inner { min-height:119px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.how-inner>p { font-size:11px; color:#7c9397; line-height:1.7; padding-right:30px; }.how-inner>p strong { color:#bccbc7; font-weight:500; }
.how-step { display:flex; gap:15px; }.how-step>span { font:9px var(--mono); color:var(--coral); padding-top:7px; }.how-step strong { font:400 17px var(--display); letter-spacing:-.5px; }.how-step p { font-size:10px; color:#789096; margin-top:4px; }.how-arrow { color:#3b555e; font-size:22px; }
.campaign-section { padding-block:94px 66px; }.section-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:30px; margin-bottom:32px; }.muted { color:#657d83; }.section-heading h2 { font-size:42px; line-height:1.14; letter-spacing:-2px; margin-top:19px; }.section-heading h2>span { color:#82998f; }.section-heading>p { max-width:359px; font-size:12px; line-height:1.9; color:#8aa0a3; padding-bottom:3px; }
.campaign-cards { display:grid; grid-template-columns:1fr 1fr; gap:16px; }.campaign-card { display:block; position:relative; min-width:0; min-height:270px; overflow:hidden; border:1px solid #30464b; border-radius:6px; background:#101b20; text-align:left; padding:26px 27px 23px; transition:border-color .25s,background .25s,transform .25s; isolation:isolate; }.campaign-card:hover { border-color:#6d8c81; transform:translateY(-3px); }.campaign-card.active,.campaign-card[aria-pressed=true] { background:#172321; border-color:#809a82; }.campaign-card:after { content:''; position:absolute; left:0; bottom:0; height:3px; width:0; background:var(--mint); transition:width .25s; }.campaign-card.active:after,.campaign-card[aria-pressed=true]:after { width:100%; }.campaign-copy { position:relative; z-index:2; }.campaign-overline { color:#6e908d; font:8px var(--mono); letter-spacing:.8px; }.campaign-card h3 { font-size:43px; letter-spacing:-2px; line-height:1.1; margin-top:18px; }.campaign-card h3>span { display:block; font:11px var(--sans); color:#9bb3ac; letter-spacing:0; margin-top:7px; }.campaign-card p { margin-top:17px; font-size:11px; line-height:1.75; color:#87a09d; }.campaign-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:27px; padding-top:18px; border-top:1px solid #29443e; }.campaign-footer>span:first-child { font:6px var(--mono); letter-spacing:.6px; color:#6c8f83; }.campaign-footer i { font-style:normal; margin-inline:6px; }.campaign-select { display:flex; align-items:center; gap:15px; color:#b8d7c7; font-size:10px; white-space:nowrap; }.campaign-select b { font:400 17px var(--sans); color:var(--mint); }.campaign-art { position:absolute; width:190px; height:190px; right:8px; top:22px; z-index:1; pointer-events:none; }.atlas-art { color:var(--coral); }.atlas-orbit { position:absolute; inset:18%; border:1px solid #ff967a69; border-radius:50%; transform:rotate(22deg) scaleY(.68); }.orbit-b { transform:rotate(84deg) scaleY(.71); border-color:#ff967a3b; }.orbit-c { transform:rotate(145deg) scaleY(.77); border-color:#d9b99b30; }.atlas-center,.prism-center { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; }.atlas-center>span,.prism-center>span { font:400 31px/1 var(--display); letter-spacing:-1px; color:#c89074; }.atlas-center small,.prism-center small { font:6px var(--mono); letter-spacing:3px; margin-top:7px; color:#58766a; padding-left:3px; }.art-spark { position:absolute; width:5px; height:5px; background:var(--coral); border-radius:50%; box-shadow:0 0 13px #ff967a80; }.spark-a { top:31%; left:24%; }.spark-b { bottom:33%; right:22%; width:3px; height:3px; }.art-axis { position:absolute; color:#446356; font:11px var(--mono); }.axis-a { top:14%; right:10%; }.axis-b { left:13%; bottom:13%; }.prism-card { background:#121c22; }.prism-card.active,.prism-card[aria-pressed=true] { background:#162726; }.prism-frame { position:absolute; inset:23%; border:1px solid #90d8c67a; transform:rotate(30deg) skew(-15deg,-15deg); }.frame-b { inset:19%; transform:rotate(30deg) skew(-15deg,-15deg) translate(11px,-8px); border-color:#90d8c62e; }.frame-c { inset:27%; transform:rotate(30deg) skew(-15deg,-15deg) translate(-13px,9px); border-color:#90d8c640; }.prism-center>span { color:#99c5b2; }.spark-c { top:22%; right:41%; background:var(--mint); box-shadow:0 0 13px #a1dfc970; }
.arena-section { padding-top:30px; padding-bottom:54px; }.arena-topline { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:22px; }.arena-topline-note { display:flex; align-items:center; gap:9px; color:#607f82; font:7px var(--mono); letter-spacing:1px; }.arena-topline-note .dot { width:4px; height:4px; }.arena-heading { display:flex; align-items:center; justify-content:space-between; gap:30px; margin-bottom:28px; }.arena-heading h2 { font-size:31px; line-height:1.2; letter-spacing:-1.4px; }.heading-slash { color:#345851; margin-inline:16px; font-weight:400; }.heading-subtitle { color:#77958e; }.arena-heading p { color:#849ca1; font-size:11px; margin-top:13px; max-width:710px; line-height:1.8; }.round-label { font:8px var(--mono); letter-spacing:1px; border:1px solid #3a554f; border-radius:3px; padding:8px 10px; color:#b5cdbb; white-space:nowrap; }
.runtime-bar { display:flex; align-items:center; gap:24px; padding:20px 22px; background:#132126; border:1px solid #30484b; border-radius:5px; }.runtime-copy { display:flex; align-items:center; gap:11px; flex-shrink:0; }.runtime-symbol { font-size:25px; color:#9fbaab; }.mini-label { font:7px/1.7 var(--mono); letter-spacing:1px; color:#759298; }.runtime-copy p { font-size:11px; color:#b9cfc7; margin-top:3px; }.mode-switch { display:flex; gap:3px; padding:3px; border:1px solid #365057; background:#0a151a; border-radius:4px; flex-shrink:0; }.mode-switch button { display:flex; align-items:center; gap:6px; padding:8px 11px; background:none; border:0; border-radius:2px; font-size:9px; color:#779398; }.mode-switch button.active,.mode-switch button[aria-pressed=true] { background:#2c433d; color:#d7e4d5; }.mode-switch .dot { width:4px; height:4px; }.runtime-model { flex:1; min-width:0; }.runtime-model p { color:#829ca3; font-size:10px; line-height:1.75; }.runtime-model progress { width:100%; height:4px; margin-top:10px; accent-color:var(--mint); }.runtime-model progress::-webkit-progress-bar { background:#29454a; border-radius:2px; }.runtime-model progress::-webkit-progress-value { background:var(--mint); border-radius:2px; }.model-buttons { display:flex; flex-direction:column; align-items:center; flex-shrink:0; gap:7px; }.button-outline { border-color:#46685f; color:#bbd3c4; background:#1a302b; font-size:9px; min-height:39px; padding:9px 12px; gap:13px; }.button-outline:hover { background:#284239; border-color:#84a68e; }.button-outline>span:last-child { font-size:14px; }.quiet-button { border:0; background:transparent; color:#819b98; font-size:8px; padding:2px; text-decoration:underline; text-underline-offset:3px; }.runtime-details { margin:11px 2px 24px; color:#6e8c92; font-size:9px; }.runtime-details summary { cursor:pointer; list-style:none; display:flex; align-items:center; gap:15px; width:max-content; max-width:100%; }.runtime-details summary::-webkit-details-marker { display:none; }.runtime-details summary>span { color:#8ba8a5; font-size:15px; }.runtime-details[open] summary>span { transform:rotate(45deg); }.runtime-details>div { display:grid; grid-template-columns:1fr 1fr; gap:25px; margin-top:10px; padding:17px 20px; background:#0f1a20; border-left:1px solid #436259; font-size:10px; line-height:1.9; }
.arena-workspace { border:1px solid #36515a; background:var(--panel); border-radius:6px; overflow:hidden; box-shadow:0 25px 80px #00000015; }.workspace-bar { display:flex; align-items:center; justify-content:space-between; gap:20px; border-bottom:1px solid #2c444c; background:#18272d; padding:17px 23px; }.workspace-bar>div { display:flex; align-items:center; gap:9px; font:8px var(--mono); color:#b2c5c4; letter-spacing:.8px; }.workspace-bar strong { font:6px var(--mono); font-weight:400; color:#69888e; letter-spacing:.7px; }.workspace-bar-separator { color:#43636b; margin-inline:7px; }.workspace-bar .dot { width:4px; height:4px; }.reset-button { display:flex; align-items:center; gap:7px; padding:0; background:none; border:0; font-size:9px; color:#809fa3; }.reset-button:hover { color:var(--mint); }.reset-button>span { font-size:16px; line-height:1; }.arena-columns { display:grid; grid-template-columns:1.15fr 1fr; }.world-panel,.action-panel { padding:25px; min-width:0; }.action-panel { border-left:1px solid #2c444c; background:#111d23; }.panel-heading { display:flex; align-items:center; justify-content:space-between; gap:15px; }.panel-heading h3 { font-size:18px; letter-spacing:-.6px; }.panel-heading>.mini-label { font-size:6px; }.panel-arrow { color:#6d988a; font-size:22px; line-height:1; }.system-scene { position:relative; min-height:235px; margin-top:13px; overflow:hidden; }.scene-grid { position:absolute; inset:8% 0 0; background-image:linear-gradient(#2f495020 1px,transparent 1px),linear-gradient(90deg,#2f495020 1px,transparent 1px); background-size:32px 32px; mask-image:radial-gradient(ellipse,black,transparent 75%); }.scene-cross { position:absolute; color:#335963; font:12px var(--mono); }.cross-one { top:14%; left:3%; }.cross-two { bottom:15%; right:4%; }.system-paths { position:absolute; inset:0; width:100%; height:100%; color:#7ba493; }.system-paths path { stroke:#35564f; stroke-width:1; }.system-paths .path-dash { stroke:#b2705a; stroke-dasharray:3 6; animation:signal-flow 4s linear infinite; }.system-paths .path-mint { stroke:#698e7a; }.system-paths .feedback-path { stroke:#2f544d; stroke-dasharray:3 5; }.system-paths circle { fill:#5f8574; }.system-paths .path-arrow { stroke:#6d9c84; }.scene-node { position:absolute; top:37%; text-align:center; width:60px; transform:translateX(-50%); }.input-node { left:14%; }.world-node { left:84%; }.scene-node-icon { width:41px; height:41px; margin-inline:auto; display:grid; place-items:center; background:#12232a; border:1px solid #365b60; border-radius:5px; }.input-node .scene-node-icon { border-color:#755344; background:#211e1d; }.scene-node-icon svg { width:20px; height:20px; fill:none; stroke:#8cb19f; stroke-width:1.1; }.input-node svg { stroke:#bc907b; }.scene-node>span { display:block; margin-top:10px; font:6px/1.6 var(--mono); letter-spacing:1px; color:#7c999c; }.scene-agent { position:absolute; width:108px; height:108px; left:50%; top:50%; transform:translate(-50%,-50%); }.agent-orbit { position:absolute; inset:0; border:1px solid #78998548; border-radius:50%; }.agent-orbit:before,.agent-orbit:after { content:''; position:absolute; inset:9%; border:1px solid #9abc8960; border-radius:50%; transform:scaleX(.65) rotate(45deg); }.agent-orbit:after { transform:scaleY(.6) rotate(45deg); border-color:#e0b69a55; }.agent-center { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; }.agent-center>span { font:400 24px/1 var(--display); color:#d0cbbb; letter-spacing:-1.2px; }.agent-center small { font:5px var(--mono); color:#719489; margin-top:7px; letter-spacing:2px; padding-left:2px; }.agent-satellite { position:absolute; width:5px; height:5px; top:15px; left:11px; border-radius:50%; background:var(--coral); box-shadow:0 0 12px #ff7b6660; transform-origin:43px 39px; animation:satellite-orbit 18s linear infinite; }.boundary-label { position:absolute; left:67%; top:33%; transform:translateX(-50%); display:flex; flex-direction:column; align-items:center; font:5px var(--mono); letter-spacing:.5px; color:#698e8e; white-space:nowrap; }.boundary-label>span { font:18px var(--sans); color:#80ad99; margin-bottom:10px; }.feedback-label { position:absolute; bottom:8%; left:63%; transform:translateX(-50%); font:5px var(--mono); letter-spacing:.7px; color:#476b74; white-space:nowrap; }.metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); background:#0d171d; border:1px solid #2b454e; border-radius:4px; overflow:hidden; }.metric { padding:14px 13px 12px; min-width:0; }.metric+.metric { border-left:1px solid #293f47; }.metric>span,.metric-label { display:block; color:#78979c; font-size:8px; }.metric strong,.metric-value { display:block; color:#d5dfd0; font:400 27px/1.2 var(--display); letter-spacing:-1px; margin-top:7px; }.metric small,.metric-note { display:block; font:6px var(--mono); color:#506f7b; margin-top:6px; }.trajectory-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:24px; }.trajectory-heading>span:last-child { color:#50727a; font-size:8px; }.trajectory { width:100%; display:block; max-height:220px; margin-top:0; }.trajectory .chart-grid { stroke:#223d46; stroke-width:1; stroke-dasharray:3 5; fill:none; }.trajectory .chart-baseline { stroke:#426960; stroke-width:1; fill:none; }.trajectory text { fill:#66868d; font:9px var(--mono); letter-spacing:.5px; }.trajectory .chart-empty-text { fill:#3e626d; font:11px var(--sans); letter-spacing:0; }.world-context { border-top:1px solid #2b444d; margin-top:0; }.world-context details { border-bottom:1px solid #233c46; }.world-context summary { display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:10px; color:#90acae; padding:13px 0; cursor:pointer; list-style:none; }.world-context summary::-webkit-details-marker { display:none; }.world-context summary>span { font-size:13px; color:#5c848b; }.world-context details>div { padding-bottom:15px; font-size:10px; line-height:1.9; color:#658793; overflow-wrap:anywhere; }.world-context pre { white-space:pre-wrap; font-size:9px; color:#92adae; }.round-brief { margin-top:23px; padding-left:13px; border-left:2px solid #688272; }.round-brief .mini-label { color:#9bb399; font-size:6px; }.round-brief p { font-size:11px; color:#a0b3b5; line-height:1.85; margin-top:5px; }.attack-label { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:24px; margin-bottom:10px; }label { font-size:10px; color:#b3c9c8; display:block; margin-bottom:8px; }.attack-label label { margin-bottom:0; }.text-button { padding:0; display:flex; align-items:center; gap:7px; background:none; border:0; color:#8fadab; font-size:9px; }.text-button:hover { color:var(--mint); }.text-button span { color:var(--coral); font-size:17px; line-height:1; }.attack-editor { position:relative; border:1px solid #3c5962; border-radius:4px; background:#091319; overflow:hidden; }.attack-editor:focus-within { border-color:var(--mint); }.editor-glyph { position:absolute; top:8px; left:10px; color:#486d74; font:18px var(--mono); pointer-events:none; }.attack-editor textarea { display:block; width:100%; min-height:192px; resize:vertical; border:0; border-radius:4px; background:transparent; padding:30px 15px 12px; color:#c5d9d8; font:10px/1.9 var(--mono); outline:none; }.attack-editor textarea::placeholder { color:#4c6d7c; }.editor-caption { display:flex; align-items:center; justify-content:space-between; font:6px var(--mono); letter-spacing:1.3px; color:#3e6370; padding:0 12px 10px; }.editor-caption>span { font-size:13px; }.input-hint { color:#5f808c; font-size:8px; line-height:1.8; margin-top:9px; }.control-field { margin-top:20px; }select,input { width:100%; border:1px solid #38545e; border-radius:3px; background:#0c171e; padding:11px 12px; color:#a6bec3; font-size:10px; min-height:42px; line-height:1.5; }input::placeholder { color:#4c7280; }.run-row { display:flex; align-items:center; gap:19px; margin-top:17px; }.run-row .button { flex:1; justify-content:space-between; font-size:11px; min-height:45px; padding:12px 15px; }.run-row>span { font:6px/1.8 var(--mono); color:#5b7d84; letter-spacing:.6px; flex-shrink:0; }.run-status { display:flex; align-items:center; gap:8px; font-size:9px; line-height:1.8; color:#7c9c9f; margin-top:13px; min-height:17px; }.run-status .dot { width:4px; height:4px; }.consequence-block { border-top:1px solid #2d4750; padding-top:18px; margin-top:21px; }.consequence-block>.mini-label { color:#917963; }.consequence-block>div { margin-top:9px; font-size:11px; color:#bbc4af; line-height:1.8; }.consequence-block p { font-size:12px; color:#bac2aa; }.consequence-block small { display:block; font-size:9px; color:#66858b; margin-top:5px; }.consequence-block strong { font-weight:500; }.workspace-footer { padding:12px 23px; border-top:1px solid #2b454d; display:flex; align-items:center; justify-content:space-between; gap:20px; font:6px/1.8 var(--mono); color:#517781; }.workspace-footer>span:first-child { display:flex; align-items:center; gap:7px; }.workspace-footer .dot { width:3px; height:3px; }.workspace-footer>span:last-child { font-size:5px; letter-spacing:.7px; white-space:nowrap; }
.evidence-panels { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:17px; }.evidence-panel { border:1px solid #29464f; border-radius:5px; background:#101b21; padding:23px; min-width:0; }.evidence-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; }.evidence-heading .mini-label { font-size:6px; color:#62878e; }.evidence-heading h3 { font-size:20px; letter-spacing:-.6px; margin-top:5px; }.evidence-heading>span { color:#659783; font-size:22px; }.evidence-panel pre { font:10px/1.9 var(--mono); color:#a3bfbe; white-space:pre-wrap; overflow-wrap:anywhere; max-height:310px; overflow-y:auto; background:#0a161c; border:1px solid #253f48; border-radius:3px; padding:15px; margin:20px 0 0; min-height:100px; scrollbar-width:thin; scrollbar-color:#426961 transparent; }.evidence-footnote { font-size:8px; color:#587a85; margin-top:11px; }.action-trace { font-size:10px; color:#a1b9b9; margin-top:20px; line-height:1.9; overflow-wrap:anywhere; }.trace-empty { display:flex; align-items:flex-start; gap:10px; padding-top:7px; }.trace-empty>span { color:#548379; font-size:13px; line-height:1.5; }.trace-empty p { font-size:10px; color:#7b9fa8; }.trace-empty small { display:block; font-size:9px; color:#466f7b; margin-top:6px; }.action-trace ol,.action-trace ul { list-style:none; margin:0; padding:0; }.action-trace li,.action-trace .trace-event,.action-trace .trace-step { position:relative; border-left:1px solid #2b5158; padding:6px 0 10px 17px; font-size:10px; }.action-trace li:before,.action-trace .trace-event:before,.action-trace .trace-step:before { content:''; position:absolute; left:-3px; top:14px; width:5px; height:5px; border-radius:50%; background:#658f80; }.action-trace strong { color:#c6d8c7; font-weight:500; }.action-trace small,.action-trace p { color:#76969e; font-size:9px; }.action-trace code { font:9px var(--mono); color:#a6cdbd; }.history-section { margin-top:37px; }.history-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; }.history-heading h3 { font-size:18px; letter-spacing:-.6px; }.history-heading .mini-label { font-size:6px; }.round-history { border:1px solid #2b474f; border-radius:4px; background:#0d1a20; margin-top:17px; overflow:hidden; }.round-history-empty { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:23px 27px; }.round-history-empty>span { display:grid; place-items:center; width:29px; height:29px; border:1px solid #31525a; border-radius:50%; font:8px var(--mono); color:#699088; flex-shrink:0; }.round-history-empty p { font-size:10px; color:#91aca9; flex:1; }.round-history-empty small { display:block; font-size:8px; color:#537a85; margin-top:4px; }.round-history-empty i { font-size:20px; font-style:normal; color:#2e5960; margin-inline:10px; }.round-history article,.round-history .history-row,.round-history .round-row { padding:17px 22px; border-bottom:1px solid #284951; font-size:10px; color:#89b0b0; }.round-history article:last-child,.round-history .history-row:last-child,.round-history .round-row:last-child { border-bottom:0; }.round-history h4 { color:#c0d6c7; font-size:12px; margin:0 0 8px; font-weight:500; }.round-history p { line-height:1.9; }.round-history table { width:100%; border-collapse:collapse; text-align:left; font-size:10px; }.round-history th { color:#6d979b; font:7px var(--mono); letter-spacing:.7px; }.round-history td,.round-history th { border-bottom:1px solid #274750; padding:14px 17px; }.round-history td { color:#a5c2bf; }.round-history tr:last-child td { border-bottom:0; }.debrief-section { display:grid; grid-template-columns:.75fr 1fr auto; gap:55px; align-items:center; margin-top:32px; padding:29px 0 28px; border-block:1px solid #2a4248; }.debrief-title .mini-label { color:#7c8b6e; font-size:6px; }.debrief-title h3 { margin-top:9px; font-size:27px; line-height:1.1; letter-spacing:-1px; }.debrief-title em { font-style:normal; color:#8eaa94; }.debrief { font-size:11px; line-height:1.9; color:#a7baad; }.debrief small { display:block; font-size:10px; color:#6c8d90; margin-top:6px; }.debrief h4 { color:#c3d4bd; font-size:13px; font-weight:500; margin:0 0 10px; }.debrief ul { padding-left:18px; color:#8faea5; }.debrief p+p { margin-top:8px; }.debrief-symbol { display:grid; place-items:center; border:1px solid #365d54; border-radius:50%; width:67px; height:67px; color:#91bb9e; font-size:29px; }
.export-section { display:grid; grid-template-columns:1fr 1fr; gap:115px; padding-block:30px 83px; }.export-copy h2 { font-size:36px; line-height:1.15; letter-spacing:-1.6px; margin-top:19px; }.export-copy>p:not(.eyebrow) { color:#7f9ca0; font-size:11px; line-height:1.9; margin-top:20px; max-width:385px; }.export-copy .eyebrow { font-size:7px; letter-spacing:1px; }.text-link { background:none; border:0; border-bottom:1px solid #44685b; display:inline-flex; align-items:center; gap:24px; font-size:11px; color:#bbd3c0; padding:0 0 6px; margin-top:23px; }.text-link:hover { border-color:var(--mint); color:var(--mint); }.text-link>span { color:#94c4aa; font-size:17px; }.github-card { border:1px solid #36525b; border-radius:5px; background:#101e25; align-self:center; }.github-card-header { display:flex; align-items:center; gap:11px; padding:18px 21px; border-bottom:1px solid #2d4b54; font:7px var(--mono); color:#88adb0; letter-spacing:.8px; }.github-card-header svg { width:21px; height:21px; color:#b7cfbf; }.github-card-header>span:last-child { margin-left:auto; font-size:18px; color:#54877e; }.github-form { padding:22px; }.repo-field { display:flex; align-items:center; border:1px solid #395b65; border-radius:3px; background:#09171f; padding-left:12px; }.repo-field>span { color:#507b88; font:9px var(--mono); white-space:nowrap; }.repo-field input { font:10px/2 var(--mono); min-width:0; padding-left:6px; border:0; background:none; min-height:42px; }.repo-field:focus-within { border-color:var(--mint); }.button-mint { background:#213f36; border-color:#426b58; color:#c8ddc4; width:100%; justify-content:space-between; font-size:10px; min-height:42px; margin-top:12px; padding:11px 13px; }.button-mint:hover { background:#305143; border-color:#7ea580; }.github-form>p { font-size:8px; color:#61838e; line-height:1.8; margin-top:13px; }.github-form .export-status { color:#a2c6ae; margin-top:7px; min-height:0; }.github-form .export-status:empty { display:none; }
.teams-section { background:var(--paper); color:#253831; overflow:hidden; }.teams-inner { display:grid; grid-template-columns:1fr 1fr; gap:75px; padding-block:72px; }.teams-inner .eyebrow { color:#7b8674; font-size:8px; }.teams-inner h2 { font-size:53px; letter-spacing:-2.8px; line-height:1.08; margin-top:23px; }.teams-inner h2 em { font-style:normal; color:#bb604a; }.teams-inner>div:first-child>p:not(.eyebrow) { color:#7a8373; font-size:12px; line-height:1.9; max-width:405px; margin-top:22px; }.button-dark { background:#243b30; border-color:#243b30; color:#e9edda; font-size:10px; margin-top:27px; min-height:45px; gap:24px; }.button-dark:hover { background:#3c5945; border-color:#3c5945; }.teams-loop { min-height:330px; position:relative; align-self:center; isolation:isolate; }.loop-ring { position:absolute; width:64%; aspect-ratio:1; border:1px solid #acb9a581; border-radius:50%; top:0; left:19%; transform:scaleY(.73) rotate(-25deg); }.ring-two { transform:scaleX(.68) rotate(-65deg); border-color:#a8b69e75; }.ring-three { transform:scaleX(.68) rotate(55deg); border-color:#a8b69e65; }.loop-word { position:absolute; font:8px var(--mono); letter-spacing:1.2px; color:#526e50; background:var(--paper); padding:7px; }.loop-evaluate { top:16%; left:10%; }.loop-govern { top:37%; right:5%; }.loop-assure { bottom:16%; left:24%; }.loop-center { position:absolute; top:29%; left:37%; font:400 33px/1.03 var(--display); letter-spacing:-1.8px; color:#365139; }.loop-center>span { color:#bb604a; }.loop-caption { position:absolute; right:4%; bottom:0; color:#8f9c82; font:6px var(--mono); letter-spacing:1px; }.site-footer { display:flex; align-items:center; justify-content:space-between; gap:25px; min-height:113px; }.site-footer .wordmark { font-size:24px; }.site-footer>p { color:#60818a; font-size:10px; }.site-footer>a:last-child { color:#8cb1b3; font-size:9px; }.site-footer>a:last-child>span { color:#91c7b0; margin-left:15px; }
.pass,.passed,.success,.safe { color:var(--mint)!important; }.fail,.failed,.danger,.breach { color:var(--coral)!important; }.badge { display:inline-block; border:1px solid #355b5b; border-radius:3px; padding:3px 6px; font:7px var(--mono); }.badge.pass { background:#a1dfc909; border-color:#437d60; }.badge.fail { background:#ff7b6609; border-color:#845749; }.is-running .scene-agent { animation:agent-breathe 1.6s ease-in-out infinite alternate; }.is-running .agent-satellite { animation-duration:2s; }.is-running .run-status .dot { background:var(--coral); animation:pulse-dot .8s ease-in-out infinite alternate; }[hidden] { display:none!important; }
@keyframes signal-flow { to { stroke-dashoffset:-36; } }@keyframes satellite-orbit { to { transform:rotate(360deg); } }@keyframes agent-breathe { to { filter:brightness(1.5); } }@keyframes pulse-dot { to { opacity:.3; } }

@media(min-width:1500px) { .hero { min-height:690px; }.hero-art { max-height:585px; }h1 { font-size:70px; } }
@media(max-width:1180px) { .wrap { width:calc(100% - 64px); }.hero { min-height:580px; }h1 { font-size:56px; letter-spacing:-3.2px; }.hero-lead { font-size:17px; }.hero-detail { font-size:12px; max-width:355px; }.hero .eyebrow { font-size:8px; letter-spacing:1.1px; }.hero-art { margin-left:-6px; }.hero-footnote { font-size:7px; }.how-inner>p { padding-right:5px; }.how-step { gap:11px; }.how-step strong { font-size:16px; }.how-step p { font-size:9px; }.campaign-art { right:-15px; width:170px; height:170px; top:30px; }.campaign-card { padding:24px; }.campaign-card p { font-size:10px; }.campaign-footer>span:first-child { font-size:5px; }.campaign-overline { font-size:7px; }.runtime-bar { gap:17px; padding:18px; }.runtime-copy { gap:8px; }.runtime-copy .mini-label { font-size:6px; }.runtime-copy p { font-size:10px; }.runtime-symbol { font-size:22px; }.mode-switch button { padding:7px 9px; font-size:8px; }.runtime-model p { font-size:9px; }.model-buttons .button { font-size:8px; gap:9px; padding:9px 10px; }.arena-columns { grid-template-columns:1.1fr 1fr; }.world-panel,.action-panel { padding:22px; }.system-scene { min-height:225px; }.metric { padding:12px 10px; }.metric>span { font-size:7px; }.metric small { font-size:5px; }.run-row { gap:13px; }.run-row>span { font-size:5px; }.workspace-footer>span:last-child { font-size:4px; }.workspace-footer { font-size:5px; }.export-section { gap:70px; }.teams-inner { gap:45px; }.teams-inner h2 { font-size:49px; }.loop-center { font-size:31px; }.loop-ring { top:5%; }.round-history-empty { gap:12px; padding:23px; }.round-history-empty i { margin-inline:6px; }.debrief-section { gap:35px; }.debrief-symbol { width:57px; height:57px; } }
@media(max-width:980px) { .wrap { width:calc(100% - 48px); }.site-header { height:83px; }.site-header nav { gap:21px; font-size:10px; }.header-link { font-size:10px; }.wordmark { font-size:25px; }.wordmark img { width:34px; height:34px; }.hero { min-height:505px; padding-block:34px 39px; }h1 { font-size:47px; letter-spacing:-2.8px; }.hero .eyebrow { font-size:7px; letter-spacing:.7px; margin-bottom:23px; }.hero-lead { font-size:16px; margin-top:23px; }.hero-detail { max-width:295px; font-size:11px; }.hero-actions { gap:21px; margin-top:24px; }.hero-actions .button { font-size:10px; gap:17px; padding:11px 15px; min-height:44px; }.hero-text-link { font-size:9px; gap:12px; }.hero-footnote { font-size:6px; margin-top:24px; letter-spacing:.4px; }.signal-coordinate strong { font-size:14px; }.signal-coordinate small { font-size:6px; }.signal-coordinate div>span { font-size:5px; }.coord-atlas { left:1%; }.coord-prism { right:0; }.art-header { font-size:5px; left:9%; }.art-bottom { font-size:5px; }.how-inner { min-height:105px; gap:13px; }.how-inner>p { font-size:9px; }.how-step strong { font-size:14px; }.how-step p { font-size:8px; }.how-step>span { font-size:7px; }.how-step { gap:8px; }.how-arrow { font-size:17px; }.campaign-section { padding-block:72px 50px; }.section-heading h2 { font-size:36px; }.section-heading .eyebrow { font-size:8px; }.section-heading>p { max-width:300px; font-size:10px; }.campaign-card { padding:21px; }.campaign-card h3 { font-size:39px; }.campaign-art { width:140px; height:140px; right:-16px; top:46px; }.campaign-card p { font-size:9px; }.campaign-footer { flex-wrap:wrap; gap:12px; }.campaign-footer>span:first-child { font-size:5px; }.campaign-select { font-size:9px; margin-left:auto; }.campaign-card h3>span { font-size:10px; }.campaign-overline { font-size:6px; }.arena-heading h2 { font-size:27px; }.arena-heading p { font-size:10px; }.round-label { font-size:7px; padding:7px 8px; }.arena-topline .eyebrow { font-size:8px; }.arena-topline-note { font-size:6px; }.runtime-bar { display:grid; grid-template-columns:1fr auto auto; gap:13px 17px; }.runtime-copy { grid-column:1; grid-row:1; }.mode-switch { grid-column:2; grid-row:1; }.model-buttons { grid-column:3; grid-row:1 / 3; }.runtime-model { grid-column:1/3; grid-row:2; }.runtime-model p { font-size:9px; }.runtime-details { font-size:8px; }.runtime-details>div { font-size:9px; gap:20px; }.arena-columns { grid-template-columns:1fr 1fr; }.world-panel,.action-panel { padding:20px; }.panel-heading h3 { font-size:16px; }.panel-heading>.mini-label { font-size:5px; }.system-scene { min-height:207px; }.scene-agent { width:90px; height:90px; }.agent-center>span { font-size:21px; }.agent-satellite { transform-origin:34px 30px; top:15px; left:9px; }.scene-node { width:45px; top:40%; }.scene-node-icon { width:33px; height:33px; }.scene-node-icon svg { width:17px; height:17px; }.scene-node>span { font-size:5px; letter-spacing:.5px; }.boundary-label { font-size:4px; top:34%; }.boundary-label>span { font-size:14px; }.feedback-label { font-size:4px; bottom:10%; }.metric { padding:11px 8px; }.metric>span { font-size:6px; }.metric strong { font-size:23px; }.metric small { font-size:4px; }.trajectory-heading .mini-label { font-size:6px; }.trajectory-heading>span:last-child { font-size:7px; }.trajectory { min-height:149px; }.world-context summary { font-size:9px; }.world-context details>div { font-size:9px; }.round-brief p { font-size:10px; }.round-brief { margin-top:21px; }.attack-label label { font-size:9px; }.text-button { font-size:8px; }.attack-editor textarea { min-height:192px; font-size:9px; }.input-hint { font-size:7px; }.control-field label { font-size:9px; }.control-field select { font-size:9px; padding:10px; }.run-row { display:block; }.run-row .button { width:100%; font-size:10px; min-height:42px; }.run-row>span { display:none; }.run-status { font-size:8px; }.consequence-block p { font-size:11px; }.consequence-block small { font-size:8px; }.workspace-footer>span:last-child { display:none; }.workspace-footer { font-size:6px; padding:12px 20px; }.workspace-bar { padding:16px 20px; }.workspace-bar>div { font-size:7px; }.workspace-bar strong { font-size:5px; }.reset-button { font-size:8px; }.evidence-panel { padding:20px; }.evidence-panel pre { font-size:9px; padding:12px; }.evidence-heading h3 { font-size:18px; }.evidence-heading .mini-label { font-size:5px; }.trace-empty p { font-size:9px; }.trace-empty small { font-size:8px; }.history-heading h3 { font-size:16px; }.round-history-empty { gap:10px; padding:20px; }.round-history-empty>span { width:24px; height:24px; font-size:7px; }.round-history-empty p { font-size:8px; }.round-history-empty small { font-size:7px; }.round-history-empty i { margin-inline:0; font-size:16px; }.debrief-section { gap:25px; }.debrief-title h3 { font-size:23px; }.debrief { font-size:10px; }.debrief small { font-size:9px; }.debrief-symbol { width:48px; height:48px; font-size:25px; }.export-section { gap:45px; padding-bottom:68px; }.export-copy h2 { font-size:31px; }.export-copy .eyebrow { font-size:6px; letter-spacing:.6px; }.export-copy>p:not(.eyebrow) { font-size:10px; }.github-card-header { padding:17px; font-size:5px; }.github-form { padding:19px 17px; }.github-card-header svg { width:18px; height:18px; }.repo-field>span { font-size:8px; }.repo-field input { font-size:9px; }.teams-inner { gap:25px; padding-block:60px; }.teams-inner h2 { font-size:44px; }.teams-inner>div:first-child>p:not(.eyebrow) { font-size:11px; }.button-dark { font-size:9px; gap:20px; padding:11px 15px; }.teams-loop { min-height:295px; }.loop-ring { top:7%; }.loop-center { font-size:28px; top:32%; }.loop-word { font-size:7px; letter-spacing:.7px; }.loop-caption { font-size:5px; }.site-footer { min-height:100px; }.site-footer>p { font-size:9px; }.site-footer>a:last-child { font-size:8px; } }
@media(max-width:740px) { .wrap { width:calc(100% - 40px); }.site-header { height:76px; }.site-header nav { display:none; }.header-link { font-size:10px; padding:9px 12px; }.header-link span { margin-left:17px; }.hero { grid-template-columns:1fr; padding-block:39px 16px; min-height:0; }.hero .eyebrow { font-size:7px; letter-spacing:1px; margin-bottom:24px; }h1 { font-size:clamp(39px,8.9vw,59px); letter-spacing:-2.8px; line-height:1.05; }.hero-lead { font-size:17px; margin-top:25px; }.hero-detail { font-size:12px; max-width:375px; margin-top:14px; }.hero-actions { margin-top:25px; gap:24px; }.hero-actions .button { min-height:45px; font-size:11px; padding:12px 17px; gap:23px; }.hero-text-link { font-size:10px; gap:15px; }.hero-footnote { font-size:6px; letter-spacing:.6px; margin-top:25px; }.hero-art { width:min(480px,100%); margin:-6px auto -3px; aspect-ratio:1.1/1; }.art-header { font-size:6px; letter-spacing:.7px; top:8%; left:10%; }.art-bottom { font-size:5px; bottom:0; left:11%; right:7%; }.signal-coordinate strong { font-size:15px; }.signal-coordinate div>span { font-size:6px; }.signal-coordinate small { font-size:7px; }.coord-atlas { left:5%; top:31%; }.coord-prism { right:4%; top:60%; }.how-inner { display:grid; grid-template-columns:repeat(3,1fr); gap:17px; padding-block:22px 25px; }.how-inner>p { grid-column:1 / -1; font-size:10px; display:flex; align-items:center; gap:5px; padding:0; }.how-inner>p br { display:none; }.how-step { display:block; }.how-step>span { display:block; margin-bottom:5px; font-size:7px; }.how-step strong { font-size:14px; }.how-step p { font-size:8px; max-width:100px; line-height:1.8; }.how-arrow { display:none; }.campaign-section { padding-block:59px 35px; }.section-heading { display:block; margin-bottom:25px; }.section-heading .eyebrow { font-size:7px; }.section-heading h2 { font-size:34px; letter-spacing:-1.8px; margin-top:16px; }.section-heading>p { max-width:345px; font-size:11px; margin-top:18px; }.campaign-cards { grid-template-columns:1fr; gap:12px; }.campaign-card { min-height:250px; padding:24px; }.campaign-card h3 { font-size:40px; margin-top:17px; }.campaign-card h3>span { font-size:10px; }.campaign-overline { font-size:6px; letter-spacing:.8px; }.campaign-card p { font-size:10px; margin-top:15px; }.campaign-art { width:165px; height:165px; right:0; top:37px; }.campaign-footer { flex-wrap:nowrap; margin-top:25px; padding-top:16px; }.campaign-footer>span:first-child { font-size:5px; }.campaign-select { font-size:9px; gap:11px; }.arena-section { padding-block:26px 40px; }.arena-topline { margin-bottom:19px; gap:13px; }.arena-topline .eyebrow { font-size:7px; letter-spacing:.7px; }.arena-topline-note { font-size:5px; letter-spacing:.6px; gap:6px; }.arena-topline-note .dot { width:3px; height:3px; }.arena-heading { display:block; position:relative; margin-bottom:22px; }.arena-heading h2 { font-size:27px; padding-right:0; }.heading-slash { margin-inline:10px; }.heading-subtitle { font-size:17px; letter-spacing:-.7px; }.arena-heading p { font-size:10px; line-height:1.9; margin-top:12px; padding-right:0; }.round-label { display:inline-block; font-size:6px; margin-top:16px; padding:6px 8px; }.runtime-bar { grid-template-columns:1fr auto; gap:15px 12px; padding:17px; }.runtime-copy { grid-column:1; grid-row:1; }.runtime-copy p { font-size:10px; }.runtime-copy .mini-label { font-size:5px; }.runtime-symbol { font-size:20px; }.mode-switch { grid-column:2; grid-row:1; }.mode-switch button { font-size:7px; padding:7px 8px; }.mode-switch .dot { width:3px; height:3px; }.runtime-model { grid-column:1 / -1; grid-row:2; }.runtime-model p { font-size:9px; line-height:1.8; }.model-buttons { grid-column:1 / -1; grid-row:3; align-items:flex-start; flex-direction:row; align-items:center; gap:15px; }.model-buttons .button { font-size:9px; padding:9px 12px; min-height:36px; gap:15px; }.quiet-button { font-size:8px; }.runtime-details { margin-top:10px; margin-bottom:20px; font-size:8px; }.runtime-details>div { display:block; padding:15px; font-size:9px; }.runtime-details p+p { margin-top:11px; }.workspace-bar { padding:15px 17px; gap:10px; }.workspace-bar>div { font-size:6px; gap:7px; letter-spacing:.5px; }.workspace-bar strong,.workspace-bar-separator { display:none; }.reset-button { font-size:8px; gap:6px; }.arena-columns { display:block; }.world-panel,.action-panel { padding:22px 19px; }.action-panel { border-left:0; border-top:1px solid #2c444c; }.panel-heading h3 { font-size:18px; }.panel-heading>.mini-label { font-size:6px; }.system-scene { min-height:230px; margin-top:12px; }.scene-agent { width:105px; height:105px; }.agent-center>span { font-size:24px; }.agent-satellite { transform-origin:42px 39px; left:10px; top:14px; }.scene-node { top:38%; width:52px; }.scene-node-icon { width:36px; height:36px; }.scene-node-icon svg { width:19px; height:19px; }.scene-node>span { font-size:5px; letter-spacing:.7px; }.boundary-label { top:32%; font-size:4px; }.boundary-label>span { font-size:17px; margin-bottom:13px; }.feedback-label { font-size:4px; bottom:9%; }.metric { padding:13px 10px; }.metric>span { font-size:7px; }.metric strong { font-size:27px; }.metric small { font-size:5px; }.trajectory-heading { margin-top:21px; }.trajectory-heading .mini-label { font-size:7px; }.trajectory-heading>span:last-child { font-size:8px; }.trajectory { max-height:190px; min-height:150px; }.world-context summary { font-size:10px; padding-block:12px; }.world-context details>div { font-size:10px; }.round-brief { margin-top:23px; }.round-brief p { font-size:11px; }.round-brief .mini-label { font-size:6px; }.attack-label { margin-top:24px; }.attack-label label { font-size:10px; }.text-button { font-size:9px; }.attack-editor textarea { font-size:10px; min-height:200px; }.input-hint { font-size:8px; }.control-field label { font-size:10px; }.control-field select { font-size:10px; min-height:44px; }.run-row { display:flex; gap:15px; }.run-row>span { display:block; font-size:5px; }.run-row .button { min-height:45px; font-size:11px; }.run-status { font-size:9px; margin-top:12px; }.consequence-block { margin-top:21px; padding-top:18px; }.consequence-block p { font-size:12px; }.consequence-block small { font-size:9px; }.workspace-footer { padding:13px 18px; font-size:5px; line-height:2; }.workspace-footer>span:first-child { align-items:flex-start; gap:6px; }.workspace-footer .dot { margin-top:4px; }.evidence-panels { grid-template-columns:1fr; gap:12px; margin-top:14px; }.evidence-panel { padding:22px 19px; }.evidence-heading h3 { font-size:21px; }.evidence-heading .mini-label { font-size:6px; }.evidence-panel pre { font-size:10px; padding:14px; margin-top:18px; min-height:108px; }.evidence-footnote { font-size:8px; }.trace-empty p { font-size:10px; }.trace-empty small { font-size:9px; }.action-trace { min-height:75px; }.history-section { margin-top:32px; }.history-heading { display:block; }.history-heading h3 { font-size:19px; }.history-heading .mini-label { display:block; margin-top:8px; font-size:6px; }.round-history { margin-top:15px; }.round-history-empty { display:grid; grid-template-columns:auto 1fr; gap:17px 12px; padding:21px; }.round-history-empty i { display:none; }.round-history-empty>span { width:26px; height:26px; font-size:8px; }.round-history-empty p { font-size:10px; }.round-history-empty small { font-size:8px; margin-top:3px; }.round-history table { font-size:8px; }.round-history td,.round-history th { padding:12px 8px; }.round-history th { font-size:5px; }.round-history article,.round-history .history-row,.round-history .round-row { padding:17px; font-size:10px; }.debrief-section { display:block; margin-top:27px; padding-block:25px; position:relative; }.debrief-title .mini-label { font-size:6px; }.debrief-title h3 { font-size:29px; line-height:1.1; }.debrief { margin-top:20px; font-size:11px; padding-right:10px; }.debrief small { font-size:10px; }.debrief-symbol { position:absolute; top:34px; right:2px; width:47px; height:47px; font-size:24px; }.export-section { grid-template-columns:1fr; gap:29px; padding-block:0 57px; }.export-copy .eyebrow { font-size:6px; letter-spacing:.7px; }.export-copy h2 { font-size:33px; margin-top:17px; }.export-copy>p:not(.eyebrow) { font-size:11px; max-width:370px; margin-top:18px; }.text-link { font-size:11px; margin-top:21px; }.github-card-header { padding:17px 20px; font-size:6px; }.github-form { padding:21px 20px; }.github-card-header svg { width:20px; height:20px; }.repo-field>span { font-size:9px; }.repo-field input { font-size:10px; }.github-form>p { font-size:9px; }.button-mint { font-size:10px; min-height:43px; }.teams-inner { grid-template-columns:1fr; padding-block:47px 28px; gap:20px; }.teams-inner .eyebrow { font-size:7px; }.teams-inner h2 { font-size:46px; letter-spacing:-2.6px; margin-top:20px; }.teams-inner>div:first-child>p:not(.eyebrow) { font-size:11px; line-height:1.9; max-width:365px; margin-top:21px; }.button-dark { font-size:9px; padding:12px 17px; gap:24px; min-height:45px; margin-top:25px; }.teams-loop { min-height:290px; width:100%; max-width:410px; margin-inline:auto; }.loop-ring { top:0; width:64%; left:20%; }.loop-center { top:29%; left:38%; font-size:30px; }.loop-word { font-size:7px; }.loop-evaluate { top:16%; left:13%; }.loop-govern { top:37%; right:3%; }.loop-assure { bottom:16%; left:27%; }.loop-caption { bottom:0; font-size:5px; right:5%; }.site-footer { display:grid; grid-template-columns:1fr 1fr; gap:12px; padding-block:25px; min-height:126px; }.site-footer .wordmark { font-size:23px; }.site-footer>p { grid-column:1; grid-row:2; font-size:8px; }.site-footer>a:last-child { grid-column:2; grid-row:1 / 3; justify-self:end; font-size:8px; }.site-footer>a:last-child>span { margin-left:10px; } }
@media(max-width:370px) { .wrap { width:calc(100% - 32px); }h1 { font-size:36px; letter-spacing:-2.3px; }.hero .eyebrow { font-size:6px; letter-spacing:.8px; }.hero-lead { font-size:16px; }.hero-actions { gap:17px; }.hero-actions .button { font-size:10px; padding:11px 14px; gap:19px; }.hero-text-link { font-size:9px; gap:10px; }.hero-footnote { font-size:5px; }.campaign-card { padding:21px; }.campaign-art { width:143px; height:143px; right:-3px; top:42px; }.campaign-card p { font-size:9px; }.campaign-footer>span:first-child { font-size:4px; }.campaign-select { font-size:8px; gap:8px; }.campaign-overline { font-size:5px; }.arena-heading h2 { font-size:25px; }.heading-subtitle { font-size:15px; }.arena-topline-note { font-size:4px; }.runtime-bar { padding:15px; gap:12px 9px; }.runtime-copy { gap:6px; }.runtime-copy p { font-size:9px; }.runtime-copy .mini-label { font-size:4px; }.runtime-symbol { font-size:18px; }.mode-switch button { font-size:6px; padding:7px; }.world-panel,.action-panel { padding:20px 16px; }.metric { padding:12px 8px; }.metric>span { font-size:6px; }.metric small { font-size:4px; }.run-row>span { display:none; }.system-scene { min-height:211px; }.scene-agent { width:93px; height:93px; }.agent-satellite { transform-origin:36px 33px; }.scene-node-icon { width:32px; height:32px; }.boundary-label { font-size:3px; }.teams-inner h2 { font-size:42px; }.button-dark { font-size:8px; gap:18px; }.teams-loop { min-height:262px; }.loop-center { font-size:27px; }.github-card-header { font-size:5px; }.site-footer>a:last-child { font-size:7px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }*,*:before,*:after { animation:none!important; transition:none!important; }.button:hover,.campaign-card:hover { transform:none; } }

.source-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #213c42;padding-block:17px 22px;color:#486d75;font:6px var(--mono);letter-spacing:.4px}.source-footer>div{display:flex;align-items:center;gap:23px}.source-footer a{color:#668e92}.source-footer a:hover{color:var(--mint)}.source-footer a span{margin-left:5px;color:#81b39d}@media(max-width:740px){.source-footer{display:block;padding-block:16px 21px;font-size:5px;line-height:1.8}.source-footer>div{margin-top:10px;gap:20px;font-size:6px}}
/* Data-bound arena states. */
[hidden]{display:none!important}.metric-card{padding:20px 17px;border:1px solid var(--line,#273336);background:rgba(255,255,255,.015);min-width:0}.metric-label{display:block;font-size:11px;color:#aebbb9;line-height:1.5}.metric-value{display:block;margin:10px 0;font-size:25px;font-weight:450;color:#edf2e9}.metric-detail{display:block;color:#8e9d9b;font-size:11px;line-height:1.65}.tone-bad .metric-value{color:#ff7867}.tone-good .metric-value{color:#9ad9c5}.tone-warning .metric-value{color:#d3be8b}.practice-fields{margin-top:16px;padding:16px;border:1px dashed #8e7660;background:#141718}.practice-fields label{display:block;margin-bottom:8px;font-size:12px}.practice-fields textarea{width:100%;min-height:160px;padding:12px;background:#080e11;color:#e4eee8;border:1px solid #314343;border-radius:4px;font:12px/1.6 ui-monospace,monospace;resize:vertical}.input-help{font-size:12px;line-height:1.6;color:#a4b2af}.button.subtle{background:transparent;border:1px solid #33413e;color:#b8cbc5;font-size:11px;padding:10px 13px;margin:8px 0}.attack-label{flex-wrap:wrap;gap:8px}.trusted-records{padding-left:17px;font-size:12px;line-height:1.8}.trusted-records li{margin:8px 0}.world-context p{font-size:12px;line-height:1.7;margin:10px 0}.trace-event{padding:12px 0;border-bottom:1px solid #273336;display:grid;grid-template-columns:1fr auto;gap:5px 12px}.trace-stage{font-size:12px}.trace-detail{font-size:12px;color:#a5b4af;line-height:1.6;grid-column:1/-1}.trace-badge{grid-column:2;grid-row:1;font:9px/1.4 ui-monospace,monospace;color:#9ad9c5}.trace-event.breach .trace-badge{color:#ff7867}.history-round{padding:18px;border:1px solid #2a3637;min-width:0}.history-round summary{cursor:pointer;font-size:13px;color:#dae4db}.history-round pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;color:#9ad9c5}.history-round p{font-size:12px;line-height:1.7;color:#a4b2af}.debrief-content h3{font-size:21px;margin-top:0}.debrief-content p,.debrief-content li{font-size:13px;line-height:1.8}.debrief-content details{margin-top:20px}.debrief-content summary{cursor:pointer;color:#9ad9c5;font-size:12px}.debrief-content ul{padding-left:18px}.empty-state{color:#a4b2af;font-size:12px;line-height:1.6}body[data-campaign=evidence] .agent-center{border-color:#9ad9c5}.campaign-card[aria-pressed=true]{outline:1px solid #9ad9c5;outline-offset:-1px}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible,input:focus-visible{outline:2px solid #9ad9c5;outline-offset:4px}.trajectory{overflow:visible}#model-status{overflow-wrap:anywhere}#round-history:empty::after{content:'Your first round will appear here.';font-size:13px;color:#9aaba5}
@media(max-width:600px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{padding:14px 11px}.metric-value{font-size:21px}.attack-label .button.subtle{margin:0}.round-history{grid-template-columns:1fr}.runtime-bar{gap:16px}.trace-event{overflow-wrap:anywhere}}

/* Hosted model selection and independent comparison worlds. */
.model-target-section{margin:24px 0 28px;padding:25px;background:#0f1b20;border:1px solid #2e4950;border-radius:5px}
.model-target-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:19px}
.model-target-heading h3{font-size:23px;line-height:1.2;letter-spacing:-.8px;margin-top:7px}
.model-target-heading .mini-label{font-size:8px;color:#779b92}
.model-target-heading>p{font-size:10px;line-height:1.7;color:#78989d;max-width:200px;text-align:right}
.model-targets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.model-target-card{min-width:0;border:1px solid #34515a;border-radius:4px;background:#0c171e;overflow:hidden;transition:border-color .2s,background .2s}
.model-target-card.active{background:#172b27;border-color:#88b798}
.target-choice{border:0;background:transparent;display:flex;flex-direction:column;align-items:flex-start;width:100%;min-height:184px;padding:18px;text-align:left;color:var(--ink)}
.target-choice:disabled{opacity:1;cursor:not-allowed}
.target-choice:hover:not(:disabled){background:#1c302c}
.target-choice:focus-visible{outline-offset:-4px}
.target-number{color:#71938d;font:8px var(--mono);letter-spacing:.9px}
.target-choice>strong{font:400 25px/1.2 var(--display);letter-spacing:-1px;margin-top:16px;color:#d4e0ce}
.target-model{font:9px/1.7 var(--mono);color:#83aba6;margin-top:7px;overflow-wrap:anywhere;min-height:16px}
.target-status{display:flex;align-items:center;gap:7px;color:#a6cdb4;font-size:10px;margin-top:16px}
.target-status:before{content:'';width:5px;height:5px;border-radius:50%;background:#9cd7b6;flex-shrink:0}
.model-target-card[data-availability=not-configured] .target-status{color:#82999c}
.model-target-card[data-availability=not-configured] .target-status:before{background:#526f76}
.model-target-card[data-availability=unavailable] .target-status{color:#c5ad83}
.model-target-card[data-availability=unavailable] .target-status:before{background:#b99564}
.target-provider{font-size:9px;line-height:1.7;color:#739597;margin-top:5px;overflow-wrap:anywhere}
.model-target-card.unavailable .target-choice>strong{color:#92a9a4}
.compare-include{display:flex;align-items:center;gap:8px;border-top:1px solid #2a444a;padding:11px 18px;margin:0;font-size:9px;color:#89aaa6;cursor:pointer;background:#0e1c21}
.compare-include input{width:13px;height:13px;min-height:0;margin:0;padding:0;accent-color:var(--mint);flex-shrink:0}
.compare-include:has(input:disabled){cursor:not-allowed;color:#637f85}
.comparison-controls{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:20px}
.comparison-controls .mini-label{font-size:7px;color:#a49e7a}
.comparison-controls p{font-size:10px;line-height:1.8;color:#829f9f;max-width:470px;margin-top:4px}
.comparison-controls .button{flex-shrink:0;font-size:10px;min-height:41px;gap:17px}
.compare-status{font-size:10px;color:#638991;line-height:1.8;margin-top:13px}
.model-comparisons{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid #2d4b51}
.model-comparison-card{min-width:0;background:#0a171e;border:1px solid #34535b;border-radius:4px;padding:17px}
.comparison-card-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #244149;padding-bottom:11px}
.comparison-card-heading .mini-label{font-size:8px;color:#acd2bf}
.comparison-outcome{font:6px var(--mono);color:#557b84;letter-spacing:.6px}
.comparison-model{font:8px/1.8 var(--mono);color:#668f94;margin-top:12px;overflow-wrap:anywhere}
.comparison-verdict{display:block;font-size:12px;font-weight:500;margin-top:13px;line-height:1.5}
.comparison-world-outcome{font-size:10px;line-height:1.85;color:#93b0ae;margin-top:9px}
.comparison-scores{font:8px/1.8 var(--mono);color:#86af9c;margin-top:13px}
.model-comparison-card details{margin-top:15px;border-top:1px solid #284750;padding-top:12px}
.model-comparison-card summary{font-size:9px;color:#92bbaa;cursor:pointer}
.model-comparison-card pre{font:9px/1.8 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;color:#a0c4b9;border:1px solid #24404a;border-radius:3px;background:#091218;padding:10px;margin-top:12px;max-height:220px;overflow:auto}
.model-comparison-card ul{padding-left:16px;font-size:9px;line-height:1.8;color:#6f969d}
.model-comparison-card li+li{margin-top:6px}
.comparison-pending{font-size:11px;color:#7a9d9b;line-height:1.8;margin-top:16px}
.comparison-error{font-size:11px;color:#d4947e;line-height:1.8;margin-top:16px}
.comparison-export{font-size:10px;margin-top:19px}
@media(max-width:980px){.model-target-section{padding:21px}.model-target-heading h3{font-size:21px}.model-target-heading>p{font-size:9px;max-width:160px}.target-choice{padding:16px;min-height:200px}.target-choice>strong{font-size:22px}.target-number{font-size:6px}.target-model{font-size:8px}.target-provider{font-size:8px}.compare-include{font-size:8px;padding:11px 16px}.comparison-controls{gap:20px}.comparison-controls p{font-size:9px}.comparison-controls .button{font-size:9px;gap:12px}.model-comparisons{grid-template-columns:1fr 1fr}.model-comparison-card:last-child:nth-child(odd){grid-column:1/-1}}
@media(max-width:740px){.model-target-section{padding:20px 17px;margin-top:21px}.model-target-heading{display:block;margin-bottom:17px}.model-target-heading h3{font-size:22px;max-width:270px}.model-target-heading .mini-label{font-size:6px}.model-target-heading>p{font-size:9px;margin-top:9px;text-align:left;max-width:none}.model-targets{grid-template-columns:1fr;gap:10px}.target-choice{min-height:0;padding:17px;display:grid;grid-template-columns:1fr auto;gap:4px 12px}.target-number{font-size:7px;grid-column:1/-1;margin-bottom:5px}.target-choice>strong{font-size:24px;grid-column:1;grid-row:2;margin-top:0}.target-model{font-size:8px;grid-column:1/-1;grid-row:3;margin-top:2px}.target-status{font-size:9px;grid-column:2;grid-row:2;align-self:center;margin-top:0}.target-provider{font-size:8px;grid-column:1/-1;grid-row:4;margin-top:3px}.compare-include{padding:10px 17px;font-size:9px}.compare-include input{width:13px;height:13px}.comparison-controls{display:block;margin-top:20px}.comparison-controls p{font-size:10px;max-width:none}.comparison-controls .button{margin-top:14px;font-size:10px;min-height:41px}.compare-status{font-size:9px;line-height:1.85}.model-comparisons{grid-template-columns:1fr;gap:11px}.model-comparison-card:last-child:nth-child(odd){grid-column:auto}.model-comparison-card{padding:17px}.comparison-card-heading .mini-label{font-size:8px}.comparison-world-outcome{font-size:10px}.comparison-model{font-size:8px}.comparison-outcome{font-size:6px}.model-comparison-card pre{font-size:9px}.comparison-export{font-size:10px}}
@media(max-width:370px){.model-target-section{padding:18px 14px}.target-choice{padding:15px;gap:4px 8px}.target-choice>strong{font-size:22px}.target-status{font-size:8px;gap:5px}.target-number{font-size:6px}.model-target-heading h3{font-size:21px}}

/* Attribution appears only for a configured Llama target. */
.target-attribution{display:block;color:#9ebeb1;font:9px/1.7 var(--sans);margin-top:8px}@media(max-width:740px){.target-attribution{grid-column:1/-1;grid-row:5;font-size:9px;margin-top:4px}}