:root {
  --ink: #e9eee9;
  --muted: #98a69d;
  --soft: #657269;
  --canvas: #09120f;
  --panel: #101b16;
  --panel-raised: #14231c;
  --line: rgba(192, 220, 195, 0.15);
  --lime: #c7ff71;
  --aqua: #8aefd4;
  --orange: #ffb46d;
  --rose: #ff8d9b;
  --font-display: "Manrope", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "DM Mono", ui-monospace, monospace;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0; color: var(--ink); background: var(--canvas);
  font-family: var(--font-display); min-width: 320px; overflow-x: hidden;
}
button, select, input { font: inherit; }
button { cursor: pointer; }
.noise { pointer-events: none; position: fixed; z-index: 5; inset: 0; opacity: .045; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E"); }
main, footer { width: min(1440px, calc(100% - 64px)); margin: auto; }
.topbar { height: 90px; display: flex; align-items: center; border-bottom: 1px solid var(--line); gap: 24px; }
.brand { color: var(--ink); text-decoration: none; display: flex; align-items: center; gap: 11px; letter-spacing: .05em; font-size: 14px; font-weight: 800; }
.brand > span:last-child span { color: var(--lime); margin: 0 2px; }
.brand-mark { display: grid; grid-template-columns: repeat(3, 5px); align-items: end; height: 20px; gap: 2px; }
.brand-mark i { display:block; background:var(--lime); border-radius: 3px; }
.brand-mark i:nth-child(1) { height: 8px; }.brand-mark i:nth-child(2) { height: 14px; }.brand-mark i:nth-child(3) { height: 20px; }
.environment { margin-left: auto; color: var(--muted); font: 11px var(--font-mono); text-transform: uppercase; letter-spacing: .1em; display: flex; align-items: center; gap: 8px; }
.pulse, .run-state span:first-child { width: 7px; height: 7px; border-radius: 100%; display: inline-block; background: var(--lime); box-shadow: 0 0 0 4px rgba(199,255,113,.09); }
.ghost-button, .icon-button { color: var(--ink); background: transparent; border: 1px solid var(--line); transition: .2s ease; }
.ghost-button { padding: 10px 14px; font-size: 12px; border-radius: 4px; }.ghost-button:hover, .icon-button:hover { border-color: var(--lime); color: var(--lime); }
.hero { display: flex; align-items: end; justify-content: space-between; padding: 92px 2px 52px; gap: 30px; }
.eyebrow { margin: 0 0 13px; color: var(--lime); font: 10px var(--font-mono); letter-spacing: .17em; text-transform: uppercase; }
h1, h2, h3, p { margin-top: 0; }
h1, h2 { letter-spacing: -.055em; line-height: .98; }
h1 { font-size: clamp(42px, 5.3vw, 78px); margin-bottom: 0; font-weight: 700; }
h1 em, h2 em { color: var(--aqua); font-weight: 400; }
.hero-copy { max-width: 405px; color: var(--muted); font-size: 14px; line-height: 1.65; margin: 0 12px 6px 0; }
.notice { display: flex; align-items: center; gap: 13px; padding: 13px 17px; border: 1px solid rgba(138,239,212,.22); color: #b7c6bd; background: rgba(138,239,212,.045); font-size: 12px; line-height: 1.45; }
.notice strong { color: var(--aqua); }.notice-icon { font-size: 17px; color: var(--aqua); }
.workspace { display: grid; grid-template-columns: 275px minmax(460px, 1fr) 275px; gap: 15px; margin-top: 16px; }
.panel { background: linear-gradient(145deg, rgba(21,35,28,.91), rgba(12,23,18,.96)); border: 1px solid var(--line); min-width: 0; }
.strategy-panel, .feed-panel { padding: 21px; }
.panel-heading { min-height: 41px; display: flex; justify-content: space-between; align-items: flex-start; border-bottom: 1px solid var(--line); padding-bottom: 17px; margin-bottom: 20px; }
.panel-heading .eyebrow { margin-bottom: 7px; }.panel h2 { font-size: 20px; letter-spacing: -.04em; margin: 0; }.icon-button { width: 26px; height: 26px; border-radius: 50%; display:grid; place-items:center; font-size: 16px; }
.field-label, legend { display: block; font: 10px var(--font-mono); color: var(--muted); text-transform: uppercase; letter-spacing: .13em; margin-bottom: 9px; }
select { width: 100%; color: var(--ink); background: #0b1510; border: 1px solid var(--line); padding: 11px; appearance: none; border-radius: 3px; outline: none; font-size: 12px; background-image: linear-gradient(45deg, transparent 50%, var(--lime) 50%), linear-gradient(135deg, var(--lime) 50%, transparent 50%); background-position: calc(100% - 16px) 50%, calc(100% - 11px) 50%; background-size: 5px 5px, 5px 5px; background-repeat: no-repeat; }
.metric-block { margin: 25px 0; }.metric-label { display: flex; justify-content: space-between; font-size: 12px; margin-bottom: 10px; }.metric-label output { color: var(--lime); font: 11px var(--font-mono); }
input[type="range"] { width:100%; height: 3px; accent-color: var(--lime); cursor: ew-resize; }
.range-labels { display: flex; justify-content: space-between; margin-top: 6px; color: var(--soft); font: 9px var(--font-mono); }
fieldset { padding: 0; border: 0; margin: 25px 0; }.check-row { position:relative; display:flex; align-items:center; gap:9px; font-size:12px; margin: 11px 0; color: #c6d0c9; cursor:pointer; }.check-row input { opacity: 0; position:absolute; }.checkmark { width: 14px; height: 14px; border: 1px solid var(--soft); display:grid; place-items:center; transition:.15s; }.check-row input:checked + .checkmark { background:var(--lime); border-color:var(--lime); }.check-row input:checked + .checkmark:after { content:""; width:6px; height:3px; border:solid #122014; border-width:0 0 2px 2px; transform:rotate(-45deg) translateY(-1px); }
.intervention { border: 1px solid rgba(199,255,113,.28); background: rgba(199,255,113,.05); padding: 12px; }.intervention > div { display:flex; gap:7px; align-items:center; font-size:11px; }.intervention-dot { width:7px; height:7px; background:var(--orange); border-radius:50%; box-shadow:0 0 0 4px rgba(255,180,109,.1); }.intervention p { color:var(--muted); font-size:11px; line-height:1.5; margin:8px 0; }.intervention button { padding:0; border:0; background:none; color:var(--lime); font:10px var(--font-mono); text-transform:uppercase; letter-spacing:.08em; }
.orchestrator { padding: 21px 24px 18px; min-height: 500px; }.run-state { display: flex; gap: 8px; align-items:center; font:10px var(--font-mono); text-transform:uppercase; color:var(--muted); }.run-state span:first-child { background: #6a786f; box-shadow:none; }.run-state.running span:first-child { background:var(--lime); animation:blink 1s infinite; }
.loop-stage { height: 334px; position:relative; isolation:isolate; }.loop-lines { position:absolute; inset:0; width:100%; height:100%; color:rgba(138,239,212,.48); overflow:visible; }.route { fill:none; stroke:currentColor; stroke-width:1.2; stroke-dasharray:4 5; }.route-pulse { fill:var(--lime); filter:drop-shadow(0 0 6px var(--lime)); opacity:0; }.loop-stage.in-motion .route-pulse { opacity:1; animation:route 2.2s linear infinite; }
.tool-node { position:absolute; width: 142px; height: 94px; padding: 13px; border:1px solid var(--line); background:#132017; transition: .3s ease; z-index:2; }.tool-node:hover { border-color: var(--aqua); transform: translateY(-3px); }.tool-node.active { border-color:var(--lime); background:linear-gradient(135deg,#192a1c,#132017); box-shadow:0 0 22px rgba(199,255,113,.08); }.tool-node.active:after { content:""; position:absolute; inset:-4px; border:1px solid rgba(199,255,113,.22); pointer-events:none; }
.tool-node#node-generate { left:1%; top:38px; }.tool-node#node-profile { right:1%; top:38px; }.tool-node#node-filter { right:4%; bottom:4px; }.tool-node#node-physics { left:33%; bottom:0; }.tool-node#node-feedback { left:4%; bottom:4px; }
.node-number, .node-type { font: 9px var(--font-mono); }.node-number { color:var(--lime); }.node-type { float:right; color:var(--soft); text-transform:uppercase; }.tool-node h3 { font-size:13px; margin:10px 0 3px; letter-spacing:-.03em; }.tool-node p { margin:0; color:var(--muted); font-size:9px; }
.orchestrator-core { position:absolute; z-index:1; width:126px; height:126px; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:50%; display:grid; place-items:center; background: radial-gradient(circle,rgba(138,239,212,.16),transparent 66%); }.core-inner { position:relative; z-index:2; width:76px; height:76px; border-radius:50%; display:flex; align-items:center; justify-content:center; flex-direction:column; background:#0d1a13; border:1px solid rgba(138,239,212,.65); box-shadow:0 0 30px rgba(138,239,212,.14); }.core-inner span { color:var(--aqua); font:bold 18px var(--font-mono); letter-spacing:-.12em; }.core-inner small{font:7px var(--font-mono);letter-spacing:.15em;color:var(--muted);margin-top:2px}.core-orbit{position:absolute;border:1px dashed rgba(138,239,212,.36);border-radius:50%}.orbit-a{inset:5px}.orbit-b{inset:-15px;opacity:.5}.loop-stage.in-motion .orbit-a{animation: spin 7s linear infinite}.loop-stage.in-motion .orbit-b{animation:spin 10s linear infinite reverse}
.loop-footer { display:grid; grid-template-columns: 122px 1fr 147px; align-items:end; gap:14px; border-top:1px solid var(--line); padding-top:14px; }.tiny-label { display:block; font:9px var(--font-mono); text-transform:uppercase; color:var(--soft); margin-bottom:5px; }.loop-footer strong { display:block; font-size:11px; white-space:nowrap; }.progress-track { height:2px; background:rgba(207,225,211,.16); margin-bottom:6px; }.progress-track span{height:100%;display:block;background:var(--lime);width:25%;transition:width .5s ease}.primary-button{border:0;background:var(--lime);color:#0b1710;font-weight:800;font-size:11px;padding:12px 13px;display:flex;justify-content:space-between;gap:20px;align-items:center}.primary-button:hover{background:#dcff9f}.primary-button b{font-size:16px;line-height:0}
.trace-list { list-style:none; padding:0; margin:0; max-height: 346px; overflow:auto; }.trace-entry { display:grid;grid-template-columns:35px 1fr;gap:10px;padding:0 0 18px;position:relative; }.trace-entry:not(:last-child):after{content:"";position:absolute;left:14px;top:20px;bottom:2px;width:1px;background:var(--line)}.trace-time{font:9px var(--font-mono);color:var(--soft);padding-top:2px}.trace-entry.current .trace-time{color:var(--lime)}.trace-entry strong{font-size:11px}.trace-entry p{font-size:10px;color:var(--muted);line-height:1.45;margin:5px 0 0}.trace-summary{border-top:1px solid var(--line);padding-top:15px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;font-size:10px;color:var(--muted)}.agency-meter{height:4px;background:#24342a}.agency-meter i{height:100%;display:block;background:var(--aqua);width:68%;transition:width .3s}.trace-summary strong{font:10px var(--font-mono);color:var(--aqua)}
.results-section { padding: 118px 0 35px; }.results-heading, .evidence-heading { display:flex; justify-content:space-between; align-items:end; margin-bottom:31px; gap:30px; }.results-heading h2,.evidence-heading h2,.method-section h2{font-size:clamp(28px,3vw,43px);margin:0}.results-heading>p{max-width:360px;color:var(--muted);font-size:13px;line-height:1.6;margin:0}
.stage-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; }.stage-card { min-height:265px; padding:19px; background:var(--panel); border:1px solid var(--line); transition:.25s; display:flex; flex-direction:column; }.stage-card:hover,.stage-card.selected { border-color:rgba(138,239,212,.65); transform:translateY(-4px); }.stage-card.featured{background:linear-gradient(155deg,#1a2b1c,#121e17);border-color:rgba(199,255,113,.36)}.stage-card.physics-card { border-color:rgba(255,180,109,.3); }.stage-card.feedback-card { border-color:rgba(138,239,212,.32); }.card-top{display:flex;justify-content:space-between;color:var(--muted);font:10px var(--font-mono);letter-spacing:.08em}.badge{padding:4px 6px;font-size:8px;letter-spacing:.08em}.positive{background:rgba(199,255,113,.12);color:var(--lime)}.warn{background:rgba(255,180,109,.12);color:var(--orange)}.neutral{background:rgba(138,239,212,.1);color:var(--aqua)}.physics{background:rgba(255,180,109,.12);color:var(--orange)}.stage-card h3,.candidate-card h3{font-size:18px;letter-spacing:-.05em;margin:25px 0 7px}.stage-card>p,.candidate-card>p{font-size:11px;line-height:1.55;color:var(--muted);margin-bottom:19px}.card-label { color:var(--soft); font:9px var(--font-mono); text-transform:uppercase; letter-spacing:.12em; margin: auto 0 8px; }.stage-card select { font-size:11px; padding:9px 31px 9px 10px; }.card-action{margin-top:17px;padding:0;border:0;background:transparent;color:var(--ink);font-size:10px;font-weight:700;text-align:left}.card-action:hover{color:var(--aqua)}.card-action span{color:var(--lime);font-size:14px;margin-left:4px}
.evidence-section { padding:75px 0 95px; }.evidence-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:15px}.candidate-card{min-height:313px;padding:19px;background:var(--panel);border:1px solid var(--line);transition:.25s}.candidate-card:hover,.candidate-card.selected{border-color:rgba(138,239,212,.65);transform:translateY(-4px)}.candidate-card.featured{background:linear-gradient(155deg,#1a2b1c,#121e17);border-color:rgba(199,255,113,.36)}.molecule{height:80px;position:relative;margin:8px 0 12px}.molecule:before,.molecule:after,.molecule span,.molecule i,.molecule b,.molecule em{content:"";position:absolute;width:20px;height:20px;border:2px solid var(--aqua);border-radius:50%}.molecule:before{left:42%;top:9px}.molecule:after{left:51%;top:39px}.molecule span{left:60%;top:9px}.molecule i{left:33%;top:39px}.molecule b{left:42%;top:69px}.molecule em{left:69%;top:39px;border-color:var(--lime)}.molecule-one{transform:scale(1.05);transform-origin:left center}.molecule-two{transform:translateX(13px) rotate(19deg)}.molecule-three{transform:translateX(-4px) rotate(-24deg)}.molecule-two em{border-color:var(--orange)}.molecule-three b{border-color:var(--rose)}.score-row{display:grid;grid-template-columns:1fr auto;gap:4px 9px;font-size:10px;color:var(--muted)}.score-row strong{color:var(--ink);font:10px var(--font-mono)}.score-row i{grid-column:1/-1;display:block;height:2px;background:#2a382e}.score-row i b{height:100%;display:block;background:var(--aqua)}.featured .score-row i b{background:var(--lime)}
.method-section{padding:75px 0 93px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.1fr;gap:70px}.method-points article{display:flex;gap:22px;padding:0 0 22px;margin-bottom:22px;border-bottom:1px solid var(--line)}.method-points article>span{color:var(--lime);font:10px var(--font-mono)}.method-points h3{font-size:14px;margin:0 0 7px}.method-points p{color:var(--muted);font-size:12px;line-height:1.6;margin:0}footer{border-top:1px solid var(--line);padding:20px 0 40px;color:var(--soft);font:10px var(--font-mono);display:flex;justify-content:space-between}footer a{color:var(--aqua);text-decoration:none}.toast{position:fixed;z-index:10;right:24px;bottom:24px;max-width:290px;padding:13px 15px;background:#dffff0;color:#0b1e15;font-size:12px;font-weight:700;box-shadow:0 10px 35px rgba(0,0,0,.35);transform:translateY(20px);opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translateY(0)}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{50%{opacity:.35}}@keyframes route{0%{transform:translate(0,0)}25%{transform:translate(245px,-43px)}50%{transform:translate(363px,128px)}75%{transform:translate(157px,251px)}100%{transform:translate(-18px,84px)}}
@media(max-width:1100px){.workspace{grid-template-columns:260px 1fr}.feed-panel{grid-column:1/-1}.trace-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;max-height:none}.trace-entry:not(:last-child):after{display:none}.trace-summary{margin-top:4px}.stage-grid{grid-template-columns:repeat(2,1fr)}.evidence-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){main,footer{width:min(100% - 32px,550px)}.topbar{height:72px}.environment{display:none}.ghost-button{margin-left:auto}.hero{padding:64px 0 35px;display:block}.hero-copy{margin-top:25px}.workspace{grid-template-columns:1fr}.orchestrator{padding:18px 13px;min-height:480px}.strategy-panel,.feed-panel{padding:18px}.loop-stage{height:317px}.tool-node{width:112px;height:82px;padding:10px}.tool-node h3{font-size:11px;margin:8px 0 2px}.tool-node p{font-size:8px}.tool-node#node-generate{left:0;top:12px}.tool-node#node-profile{right:0;top:12px}.tool-node#node-filter{right:0;bottom:15px}.tool-node#node-physics{left:calc(50% - 56px);bottom:0}.tool-node#node-feedback{left:0;bottom:15px}.orchestrator-core{transform:translate(-50%,-50%) scale(.68)}.loop-footer{grid-template-columns:1fr 124px}.progress-track{display:none}.trace-list{display:block}.results-section,.evidence-section{padding:75px 0 25px}.results-heading,.evidence-heading{display:block}.results-heading>p{margin-top:20px}.stage-grid,.evidence-grid{grid-template-columns:1fr}.method-section{padding:55px 0;grid-template-columns:1fr;gap:40px}footer{display:block;line-height:2}footer a{display:block}.notice{align-items:flex-start}.loop-lines{opacity:.65}}