:root{--bg: #fbfbf9;--surface: #f2f1ec;--border: #c7c2b3;--border-soft: #dcd7c9;--ink: #14171c;--muted: #6b6f76;--faint: #9a9c9f;--accent: #2a4b8d;--signal: #c1432e;--positive: #2f7d5d;--font-display: "Space Grotesk", sans-serif;--font-body: "Source Serif 4", Georgia, serif;--font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body)}a{color:inherit}.mono{font-family:var(--font-mono)}.eyebrow{display:block;font-family:var(--font-display);font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem}.status-line{color:var(--muted);padding:2rem 0;font-family:var(--font-mono);font-size:.85rem}.status-line.error{color:var(--signal)}.app-header{padding:1.4rem 2rem;border-bottom:1px solid var(--border)}.brand{font-family:var(--font-display);font-size:1rem;font-weight:700;letter-spacing:.01em;text-decoration:none;color:var(--ink)}main{max-width:760px;margin:0 auto;padding:0 2rem}.replay-main{max-width:720px;padding-bottom:5rem}.hero{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:5.5rem 0 4.5rem;border-bottom:1px solid var(--border)}.hero-copy{flex:1;min-width:0}.hero-diagram{flex-shrink:0;width:280px;height:auto}.hero-title{font-family:var(--font-display);font-size:clamp(2.1rem,5vw,3.1rem);font-weight:600;line-height:1.15;letter-spacing:-.01em;margin:0 0 1.5rem;max-width:16ch}.hero-sub{font-size:1.15rem;line-height:1.6;color:var(--muted);max-width:46ch;margin:0 0 2rem}.hero-cta{display:inline-block;font-family:var(--font-display);font-size:.9rem;font-weight:600;color:var(--accent);text-decoration:none;border-bottom:1px solid var(--accent);padding-bottom:2px}.hero-cta:hover{opacity:.75}.section-image{display:block;width:100%;aspect-ratio:16 / 7;object-fit:cover;border:1px solid var(--border);border-radius:4px;margin-bottom:2rem;filter:grayscale(15%)}.capability{padding:3.5rem 0;border-bottom:1px solid var(--border)}.capability-statement{font-family:var(--font-display);font-size:1.4rem;font-weight:500;line-height:1.5;letter-spacing:-.005em;max-width:54ch;margin:0}.demonstrates{padding:3.5rem 0;border-bottom:1px solid var(--border)}.demonstrates-list{margin:0}.demonstrates-item{display:grid;grid-template-columns:15ch 1fr;gap:1.5rem;padding:1.1rem 0;border-top:1px solid var(--border-soft)}.demonstrates-item:first-child{border-top:none}.demonstrates-item dt{font-family:var(--font-display);font-weight:600;font-size:.95rem;padding-top:.1rem}.demonstrates-item dd{margin:0;color:var(--muted);line-height:1.6;font-size:.98rem}.how-it-works{padding:3.5rem 0;border-bottom:1px solid var(--border)}.steps{list-style:none;margin:0;padding:0}.step{border-top:1px solid var(--border-soft)}.step:last-child{border-bottom:1px solid var(--border-soft)}.step-trigger{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:flex;align-items:center;gap:1rem;width:100%;background:none;border:none;border-radius:0;padding:1rem 0;cursor:pointer;text-align:left;font-family:var(--font-body);color:var(--ink)}.step-index{color:var(--faint);font-size:.8rem;width:2ch}.step-title{font-family:var(--font-display);font-weight:600;font-size:1.05rem;flex:1}.step-toggle{font-family:var(--font-display);font-size:1.1rem;color:var(--accent);width:1.5rem;text-align:center}.step-body{margin:0 0 1.25rem 3ch;max-width:56ch;color:var(--muted);line-height:1.65;font-size:.98rem}.archive{padding:3.5rem 0 5rem}.honesty-line{font-style:italic;color:var(--muted);font-size:1.02rem;line-height:1.6;max-width:52ch;margin:0 0 2.5rem}.ledger{border-top:1px solid var(--border)}.ledger-row{display:grid;grid-template-columns:2.4rem 1fr auto auto;align-items:center;gap:1rem;padding:.95rem .5rem;border-bottom:1px solid var(--border);text-decoration:none;color:var(--ink);border-left:2px solid transparent;transition:border-left-color .15s ease,background .15s ease;font-family:var(--font-body)}.ledger-row:hover{border-left-color:var(--accent);background:var(--surface)}.ledger-index{color:var(--faint);font-size:.78rem}.ledger-goal{font-size:.98rem}.ledger-date{color:var(--muted);font-size:.78rem;white-space:nowrap;font-family:var(--font-mono)}.ledger-status{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-display);font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--muted)}.status-completed .status-dot{background:var(--positive)}.status-completed{color:var(--positive)}.status-failed .status-dot{background:var(--signal)}.status-failed{color:var(--signal)}.status-running .status-dot,.status-awaiting_approval .status-dot{background:var(--accent)}.status-running,.status-awaiting_approval{color:var(--accent)}.back-link{display:inline-block;color:var(--muted);text-decoration:none;font-family:var(--font-mono);font-size:.8rem;margin:2rem 0 1.5rem}.back-link:hover{color:var(--ink)}.run-meta{margin-bottom:1.5rem}.run-goal{font-family:var(--font-display);font-size:1.6rem;font-weight:600;margin:.6rem 0 0;line-height:1.3}.progress-track{position:relative;height:2px;background:var(--border);margin-bottom:2.5rem}.progress-fill{position:absolute;top:0;left:0;height:100%;background:var(--accent);transition:width .3s ease}.progress-label{position:absolute;top:10px;right:0;font-size:.68rem;letter-spacing:.08em;color:var(--faint)}@media(prefers-reduced-motion:no-preference){.tape-row{animation:tape-in .35s ease-out}}@keyframes tape-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.tape{display:flex;flex-direction:column;padding-bottom:3rem}.tape-row{display:grid;grid-template-columns:1.5rem 1fr;gap:.5rem}.tape-spine{display:flex;justify-content:center;position:relative}.tape-spine:before{content:"";position:absolute;top:0;bottom:0;width:1px;background:var(--border)}.tape-row:last-child .tape-spine:before{bottom:50%}.tape-node{position:relative;z-index:1;margin-top:1.15rem;width:8px;height:8px;border-radius:50%;background:var(--bg);border:2px solid var(--muted)}.event-plan .tape-node{border-color:var(--accent)}.event-tool_call .tape-node,.event-tool_result .tape-node{border-color:var(--muted)}.event-final_report .tape-node{border-color:var(--positive)}.event-approval_request .tape-node,.event-approval_response .tape-node{border-color:var(--signal)}.tape-content{padding:1rem 1.15rem;margin-bottom:.85rem;background:var(--bg);border:1px solid var(--border);border-radius:3px}.event-final_report .tape-content{background:#eef3ec;border:2px solid var(--positive);padding:1.25rem 1.4rem}.event-header{display:flex;align-items:baseline;gap:.6rem;margin-bottom:.5rem}.event-index{color:var(--faint);font-size:.72rem}.event-label{font-family:var(--font-display);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.human-tag{font-family:var(--font-display);font-size:.62rem;font-weight:700;letter-spacing:.1em;color:var(--signal);border:1px solid var(--signal);border-radius:2px;padding:.05rem .3rem}.event-time{margin-left:auto;font-size:.7rem;color:var(--faint);font-family:var(--font-mono)}.event-text{font-size:.94rem;line-height:1.65;color:var(--ink);font-family:var(--font-body)}.event-text p{margin:0 0 .9rem}.event-text p:last-child{margin-bottom:0}.event-text .md-heading{font-family:var(--font-display);font-weight:600;font-size:1rem;margin:1.1rem 0 .5rem}.event-text .md-heading:first-child{margin-top:0}.event-text .md-list{margin:0 0 .9rem;padding-left:1.2rem}.event-text .md-list li{margin-bottom:.35rem}.event-line{font-size:.85rem;color:var(--ink)}.result-list{margin:0;padding-left:1.1rem;font-size:.88rem;font-family:var(--font-body)}.result-title{color:var(--ink)}.result-url{color:var(--muted);font-size:.76rem}.muted{color:var(--muted)}.decision{font-family:var(--font-display);font-weight:700;font-size:.9rem;letter-spacing:.03em}.decision-approved{color:var(--positive)}.decision-rejected,.decision-timeout{color:var(--signal)}.replay-end{display:flex;flex-direction:column;align-items:flex-start;gap:.9rem;margin-top:1rem;padding-top:2rem;border-top:1px solid var(--border)}.replay-end-label{font-family:var(--font-mono);font-size:.78rem;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.replay-button{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:none;border:1px solid var(--accent);border-radius:2px;color:var(--accent);font-family:var(--font-display);padding:.6rem 1.2rem;font-size:.85rem;font-weight:600;cursor:pointer}.replay-button:hover{background:var(--accent);color:var(--bg)}.replay-button:focus-visible,.back-link:focus-visible,.brand:focus-visible,.hero-cta:focus-visible,.ledger-row:focus-visible,.step-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:640px){.app-header{padding:1.1rem 1.25rem}main{padding:0 1.25rem}.hero{flex-direction:column;align-items:flex-start;padding:3.5rem 0 3rem}.hero-diagram{display:none}.demonstrates-item{grid-template-columns:1fr;gap:.4rem}.ledger-row{grid-template-columns:1.8rem 1fr;grid-template-areas:"index goal" "status date";row-gap:.35rem}.ledger-index{grid-area:index}.ledger-goal{grid-area:goal}.ledger-status{grid-area:status}.ledger-date{grid-area:date;justify-self:end}}