:root{--bg: #faf7f0;--surface: #fffdf8;--sunk: #f3ecdf;--ink: #1a1a18;--muted: #6f6a60;--line: #e7dfd1;--accent: #c15f3c;--accent-soft: #e7c9b8;--accent-deep: #a94e2f;--ok: #3f7d5b;--ok-bg: #e6f0ea;--warn: #b8762e;--warn-bg: #f7ead1;--bad: #b23a36;--bad-bg: #f4dad5;--display: "Fraunces", Georgia, serif;--sans: "Hanken Grotesk", system-ui, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, monospace;--maxw: 1120px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}em{font-style:italic;color:var(--accent)}code,.mono{font-family:var(--mono);font-size:.86em;background:var(--sunk);padding:.1em .4em;border-radius:6px}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.site{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:color-mix(in srgb,var(--bg) 82%,transparent);border-bottom:1px solid var(--line)}.bar{display:flex;align-items:center;justify-content:space-between;height:64px}.logo{font-family:var(--display);font-weight:600;font-size:20px;letter-spacing:-.01em}.logo span{color:var(--accent)}.top-nav{display:flex;gap:24px;align-items:center;font-size:15px;color:var(--muted)}.top-nav a{padding:4px 0;border-bottom:1px solid transparent}.top-nav a:hover{color:var(--ink)}.top-nav a.active{color:var(--ink);border-bottom-color:var(--accent)}.top-nav a.ghost{color:var(--accent)}.demo-pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);padding:4px 10px;border-radius:999px;margin-left:8px}.demo-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}.hero{padding:96px 24px 64px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:600;color:var(--accent);margin-bottom:20px}h1{font-family:var(--display);font-weight:500;font-size:clamp(40px,7vw,72px);line-height:1.02;letter-spacing:-.02em;margin-bottom:24px}.lede{max-width:680px;font-size:19px;color:var(--muted)}.lede em{color:var(--ink);font-style:normal;font-weight:600}.cta-row{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}.value{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px;padding-top:32px;border-top:1px solid var(--line);max-width:880px}.value dt{font-family:var(--display);font-weight:600;font-size:23px;letter-spacing:-.01em;color:var(--accent)}.value dd{margin-top:6px;font-size:14px;color:var(--muted);line-height:1.5}.btn{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#fff;font-family:var(--sans);font-weight:600;font-size:15px;border:1px solid var(--accent);border-radius:8px;padding:12px 22px;cursor:pointer;transition:transform .14s ease,background .14s ease}.btn:hover{transform:translateY(-1px);background:var(--accent-deep)}.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}.btn.ghost:hover{background:var(--surface);border-color:var(--accent-soft)}.btn.sm{font-size:13.5px;padding:9px 16px}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.band{padding:64px 24px;border-top:1px solid var(--line)}.section-title{font-family:var(--display);font-weight:500;font-size:clamp(28px,4vw,40px);letter-spacing:-.01em}.section-sub{color:var(--muted);font-size:17px;margin:10px 0 36px;max-width:680px}.agent-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.agent-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px 24px;display:flex;gap:18px;align-items:flex-start}.agent-card .num{font-family:var(--display);font-weight:600;font-size:28px;color:var(--accent);min-width:38px;line-height:1}.agent-card h3{font-family:var(--display);font-weight:500;font-size:19px;margin-bottom:4px}.agent-card .role{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-weight:600;margin-bottom:8px}.agent-card p{color:var(--muted);font-size:14.5px;line-height:1.55}.flow{display:flex;flex-direction:column;align-items:center;gap:8px}.node{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 20px;text-align:center;max-width:680px;width:100%}.node b{font-family:var(--display);font-weight:500;font-size:17px;display:block}.node span{color:var(--muted);font-size:13.5px}.node.hardnode{border-color:var(--ok);background:var(--ok-bg)}.node.softnode{border-color:var(--accent-soft);background:#fbf1ea}.node.loopnode{border-color:var(--accent);background:#f8eae1}.node.out{background:var(--sunk)}.arrow{color:var(--muted);font-size:18px}.studio{display:grid;grid-template-columns:1.45fr 1fr;gap:22px;align-items:start;margin-top:12px}.viewport{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 18px 40px -28px #3c281473}.vp-chrome{display:flex;align-items:center;gap:7px;padding:11px 14px;border-bottom:1px solid var(--line);background:var(--sunk)}.vp-chrome span.dot{width:11px;height:11px;border-radius:50%;background:#d8cdb8;display:inline-block}.vp-chrome em{font-style:normal;margin-left:10px;font-size:12.5px;color:var(--muted);font-family:var(--mono)}.vp-body{padding:18px 20px 22px;min-height:460px}.vp-body h4{font-family:var(--display);font-weight:500;font-size:17px;margin-bottom:6px}.vp-body .file{font-family:var(--mono);font-size:12.5px;color:var(--muted);margin-bottom:12px}.vp-content{font-family:var(--mono);font-size:12.5px;line-height:1.7;white-space:pre-wrap;word-break:break-word;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:14px 16px;max-height:420px;overflow:auto}.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px;min-width:0}.panel h3{font-family:var(--display);font-weight:500;font-size:18px;margin-bottom:4px}.panel .panel-sub{font-size:13px;color:var(--muted);margin-bottom:14px}.timeline{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.chip{display:flex;flex-direction:column;align-items:center;gap:2px;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:8px 12px;cursor:pointer;min-width:76px;transition:border-color .15s,background .15s}.chip:hover{border-color:var(--accent-soft)}.chip.active{border-color:var(--accent);background:#f8eae1}.chip.done{border-color:var(--ok);background:var(--ok-bg)}.chip.fail{border-color:var(--bad);background:var(--bad-bg)}.chip .ci{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.chip .cs{font-family:var(--display);font-weight:600;font-size:14px}.log-stream{font-family:var(--mono);font-size:12.5px;line-height:1.65;max-height:360px;overflow-y:auto;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:14px 16px;scrollbar-width:thin;scrollbar-color:var(--accent-soft) transparent}.log-stream::-webkit-scrollbar{width:7px}.log-stream::-webkit-scrollbar-thumb{background:var(--accent-soft);border-radius:999px}.log-entry{display:grid;grid-template-columns:64px 90px 1fr;gap:10px;padding:3px 0;animation:rise .25s ease both}.log-time{color:var(--muted)}.log-agent{color:var(--accent);font-weight:600;text-transform:lowercase}.log-event--error,.log-event--gate_fail{color:var(--bad)}.log-event--complete,.log-event--gate_pass{color:var(--ok)}.log-event--retry{color:var(--warn)}@keyframes rise{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.metrics{margin-top:28px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px;text-align:center}.metric b{font-family:var(--display);font-weight:600;font-size:26px;display:block}.metric b.ok{color:var(--ok)}.metric b.warn{color:var(--warn)}.metric b.bad{color:var(--bad)}.metric span{font-size:12.5px;color:var(--muted)}.live{background:linear-gradient(180deg,#fbf1ea,var(--surface));border:1px solid var(--accent-soft);border-radius:16px;padding:28px}.live h3{font-family:var(--display);font-weight:500;font-size:22px;margin-bottom:6px}.live>p{color:var(--muted);font-size:14.5px;max-width:680px}.form-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:18px;max-width:720px}label.field{display:block}label.field>span{display:block;font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}input.input,textarea.input{width:100%;font-family:var(--sans);font-size:14.5px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:12px 14px;transition:border-color .15s}input.input:focus,textarea.input:focus{outline:none;border-color:var(--accent)}textarea.input{min-height:110px;resize:vertical;line-height:1.55}.status-line{margin-top:14px;font-size:13.5px;min-height:20px}.status-line.err{color:var(--bad)}.status-line.ok{color:var(--ok)}.status-line.run{color:var(--accent)}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.tab{border:1px solid var(--line);background:var(--surface);color:var(--muted);font-family:var(--sans);font-size:13px;font-weight:500;border-radius:999px;padding:6px 14px;cursor:pointer;transition:all .15s}.tab:hover{border-color:var(--accent-soft);color:var(--ink)}.tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.gate{border:1px solid var(--line);border-radius:12px;padding:16px 18px;background:var(--surface);margin-bottom:12px}.gate-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.gate-head .who{font-family:var(--display);font-weight:500;font-size:17px}.gate-score{font-family:var(--display);font-weight:600;font-size:26px;color:var(--accent)}.gate-score.pass{color:var(--ok)}.gate-score.fail{color:var(--bad)}.criteria{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}.criterion{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:10px 12px}.criterion .cn{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600}.criterion .cv{font-family:var(--display);font-weight:600;font-size:18px;margin-top:2px}.criterion .cr{font-size:12.5px;color:var(--muted);margin-top:4px;line-height:1.45}.run-list{display:flex;flex-direction:column;gap:10px}.run-item{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--surface);border:1px solid var(--line);border-radius:12px;cursor:pointer;transition:border-color .15s,transform .15s}.run-item:hover{border-color:var(--accent);transform:translateY(-1px)}.run-item-title{font-family:var(--display);font-weight:500;font-size:16.5px;letter-spacing:-.005em}.run-item-meta{font-size:13px;color:var(--muted);display:flex;gap:14px;margin-top:3px}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.badge--running{background:#f8eae1;color:var(--accent)}.badge--completed{background:var(--ok-bg);color:var(--ok)}.badge--failed{background:var(--bad-bg);color:var(--bad)}.badge--pending,.badge--gate_blocked{background:var(--warn-bg);color:var(--warn)}.badge.dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.page{padding:48px 0 80px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:28px}.page-head .titles h2{font-family:var(--display);font-weight:500;font-size:clamp(28px,4vw,38px);letter-spacing:-.01em}.page-head .titles p{color:var(--muted);margin-top:6px;font-size:15px;max-width:640px}.empty{border:1px dashed var(--line);border-radius:14px;padding:48px 32px;text-align:center;background:var(--surface)}.empty p{color:var(--muted);margin-bottom:16px}.split-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:22px;align-items:start}.banner{display:flex;gap:14px;align-items:flex-start;padding:16px 20px;border-radius:12px;border:1px solid var(--line);background:var(--surface);font-size:15px;line-height:1.55;margin-top:8px}.banner code{font-size:13px}.banner-icon{font-size:14px;line-height:1.55;flex:none}.banner--ok{border-color:var(--ok);background:var(--ok-bg)}.banner--ok .banner-icon{color:var(--ok)}.banner--warn{border-color:var(--warn);background:var(--warn-bg)}.banner--warn .banner-icon{color:var(--warn)}.banner--err{border-color:var(--bad);background:var(--bad-bg)}.banner--err .banner-icon{color:var(--bad)}.banner--neutral{border-color:var(--line);color:var(--muted)}.live--disabled{opacity:.55;pointer-events:none}.live--disabled .btn{cursor:not-allowed}.steps{list-style:none;padding:0;margin:0;display:grid;gap:18px;counter-reset:step}.steps>li{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px 26px}.steps>li>h4{font-family:var(--display);font-weight:500;font-size:18px;letter-spacing:-.005em;margin-bottom:10px;color:var(--accent)}.steps>li>p{color:var(--muted);font-size:14.5px;margin:8px 0}.steps>li>p:last-child{margin-bottom:0}.codeblock{font-family:var(--mono);font-size:13px;line-height:1.65;background:var(--ink);color:#f7eedd;border-radius:8px;padding:14px 16px;overflow-x:auto;margin:6px 0;white-space:pre}.callout{margin-top:12px;padding:12px 14px;background:var(--bg);border-left:3px solid var(--accent);border-radius:6px;font-size:14px;color:var(--ink)}.callout code{background:var(--sunk)}.site-foot{border-top:1px solid var(--line);padding:30px 0;margin-top:24px}.site-foot .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:14px}.site-foot a{color:var(--accent)}@media(max-width:920px){.agent-grid,.studio,.split-grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.value{grid-template-columns:1fr;gap:16px}.top-nav{gap:14px;font-size:14px}.top-nav a:not(.ghost):not(.active){display:none}.hero{padding:64px 0 32px}.log-entry{grid-template-columns:56px 78px 1fr;font-size:11.5px}}