/* MIT Copyright (c) 2026 Lovecast Inc.
   Drogon main.css dark tokens and OrchestratorCanvas, BotMonitorCardItem,
   ObservabilityViews utility styles translated to scoped, buildless CSS. */
h1,h2,h3{letter-spacing:-.035em;text-wrap:balance}.lettermark{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:6px;background:var(--ink);color:var(--paper);font-size:19px;font-weight:650;margin-right:9px}.hero{display:block;text-align:center;padding-block:80px 90px}.hero-copy{max-width:850px;margin:auto}.hero h1{font-size:clamp(50px,6.5vw,84px);line-height:1.05}.hero .eyebrow,.hero-actions{justify-content:center}.hero-description{max-width:650px;margin-inline:auto}.hero .fine-print{margin-top:22px}
.product-tour{background:#0a0a0a;color:#fafafa;padding:74px 0 85px;scroll-margin-top:20px}.product-tour h2{text-align:center;font-size:clamp(34px,4vw,54px);font-weight:500;margin:0 0 36px}.product-tabs{display:flex;justify-content:center;gap:16px;margin-bottom:55px}.product-tabs button{background:none;color:#a1a1a1;border:0;border-radius:7px;font:inherit;font-size:16px;padding:13px 22px;min-height:44px}.product-tabs button[aria-selected=true]{background:#e5e5e5;color:#171717}.product-tabs button:hover{color:#fff;background:#262626}.product-tabs button[aria-selected=true]:hover{background:#fff;color:#171717}.product-layout{display:grid;grid-template-columns:minmax(200px,.65fr) minmax(0,1.8fr);gap:60px;align-items:center;scroll-margin-top:35px}.product-copy h3{font-size:33px;line-height:1.2;font-weight:500;margin:0 0 24px}.product-copy>p{font-size:16px;color:#a1a1a1;line-height:1.8;max-width:32ch}.product-copy .bring-harness{font-size:14px;color:#e5e5e5;margin-top:40px}.harness-roster{display:flex;flex-wrap:wrap;gap:16px 20px;margin-top:16px}.harness-badge{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:13px;font-weight:400}.harness-icon{display:inline-flex;width:18px;height:18px;flex-shrink:0;align-items:center;justify-content:center}.harness-icon svg{width:100%;height:100%;fill:currentColor}.harness-icon.agy{background:url('assets/antigravity.png') center/contain no-repeat}.harness-badge.claude{color:#dca188}.harness-badge.pi{color:#c5c5d9}.product-stage{min-width:0}
.drogon-widget{--app-bg:#0a0a0a;--app-card:#171717;--app-muted:#262626;--app-text:#fafafa;--app-dim:#a1a1a1;--app-border:#ffffff12;background:var(--app-bg);border:1px solid #ffffff20;border-radius:10px;overflow:hidden;font-size:14px;color:var(--app-text);color-scheme:dark}.drogon-widget button{font:inherit;cursor:pointer}.app-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:var(--app-card);padding:12px 16px;border-bottom:1px solid var(--app-border);min-height:59px}.app-toolbar>strong{font-size:14px;font-weight:600}.app-view-tabs{display:flex;align-items:center;gap:3px;padding:3px;background:var(--app-muted);border-radius:9px;font-size:12px}.app-view-tabs button,.app-view-tabs>span{font:inherit;color:var(--app-dim);background:transparent;border:0;padding:5px 8px;border-radius:6px;line-height:1.4}.app-view-tabs .selected{background:#ffffff0d;color:#fafafa;box-shadow:0 0 0 1px #ffffff26}.app-button{display:inline-flex;gap:8px;align-items:center;justify-content:center;background:#e5e5e5;color:#171717;border:0;border-radius:6px;padding:8px 12px;font-size:13px!important;min-height:34px}.app-toolbar>.app-button{margin-left:auto}.app-button:hover{background:#fff}.app-pill{display:inline-flex;gap:5px;align-items:center;border:1px solid var(--app-border);border-radius:20px;padding:2px 7px;font-size:11px;color:var(--app-dim);font-weight:400}
.graph-canvas{padding:22px 20px 18px;background-image:radial-gradient(circle,#ffffff12 1px,transparent 1px);background-size:16px 16px;min-height:638px;display:flex;align-items:center;justify-content:center}.graph-flow{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;max-width:520px}.app-node{border:1px solid var(--app-border);border-radius:8px;padding:12px;background:var(--app-card);display:flex;flex-direction:column;gap:6px;position:relative;transition:box-shadow .18s ease-out,opacity .18s ease-out}.main-node{width:224px;border:2px solid #a855f7;background:#a855f70d}.workers-node{width:224px}.app-node-title{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:500;line-height:1.4}.app-node-title [data-icon]{width:16px;height:16px;color:var(--app-dim)}[data-icon]{display:inline-flex;flex-shrink:0}[data-icon] svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.app-node p{font-size:11px;line-height:1.5;color:var(--app-dim);margin:0}.node-chips{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.node-chips>span{background:var(--app-muted);padding:2px 6px;border-radius:5px;font-size:11px;color:var(--app-dim)}.node-chips .harness-badge{font-size:11px;gap:5px}.node-chips .harness-icon{width:13px;height:13px}.worker-harnesses{display:flex;gap:12px}.worker-harnesses .harness-badge{font-size:11px}.worker-harnesses .harness-icon{width:14px;height:14px}.node-state{font-size:11px;line-height:1.5;color:var(--app-dim);min-height:16px}.graph-arrow{font-size:23px;color:var(--app-dim);height:23px;line-height:1;position:relative}.adversarial-group{display:flex;align-items:center;gap:12px;position:relative;border:2px dashed var(--app-border);border-radius:8px;padding:22px 12px 35px;margin-top:6px;max-width:100%;width:100%}.adversarial-label{display:flex;align-items:center;gap:8px;position:absolute;top:-11px;left:12px;background:var(--app-bg);padding:0 4px;font-size:12px}.adversarial-label>span{font-size:10px;border:1px solid var(--app-border);border-radius:12px;padding:2px 6px}.test-node,.review-node{width:192px;flex:1;min-width:0;border-width:2px}.test-node{border-color:#ff6467;background:#ff64670d}.test-node [data-icon]{color:#ff6467}.review-node{border-color:#06b6d4;background:#06b6d41a}.review-node [data-icon]{color:#22d3ee}.graph-return{position:absolute;bottom:4px;left:40px;width:calc(100% - 80px);height:28px;color:var(--app-dim)}.terminal-node{flex-direction:row;align-items:center;gap:8px;width:176px;border:2px dashed #a1a1a166;background:#26262633}.terminal-node [data-icon]{width:16px;height:16px;color:var(--app-dim)}.terminal-node .node-state{font-size:13px}.repeat-caption{font-size:11px;color:var(--app-dim);margin-top:4px}.activity{display:none;width:12px;height:12px;flex-shrink:0;border:1.5px solid #a1a1a166;border-top-color:#fafafa;border-radius:50%;margin-left:auto;animation:spin 1s linear infinite}.app-node.is-active .activity{display:inline-block}.app-node.is-active{box-shadow:0 0 0 3px #fafafa28}.app-node.is-complete .node-state{color:#6ee7b7}.app-node.has-failed .node-state{color:#ff9090}.terminal-node.is-complete{border:2px solid #10b981;background:#10b9811a}.graph-arrow.is-active{color:#fafafa}.graph-return.is-active path{stroke:#fafafa;stroke-dasharray:8 5;animation:return-flow 1.3s linear infinite}.graph-canvas[data-paused=true] *{animation-play-state:paused}
.widget-status{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 16px;border-top:1px solid var(--app-border);font-size:12px;color:var(--app-dim);min-height:55px}.widget-status button{border:0;background:none;color:#e5e5e5;padding:6px 0;font-size:12px;white-space:nowrap}.widget-status>span{line-height:1.6}.demo-caption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:12px;color:#a1a1a1;line-height:1.6;margin:14px 0 0}.demo-caption a{color:#d4d4d4}.drogon-widget :focus-visible,.product-tabs :focus-visible{outline:2px solid #e5e5e5;outline-offset:3px}#usage-readout{padding:15px 16px;font-size:12px;color:var(--app-dim);border-bottom:1px solid var(--app-border)}
.bot-surface{padding:30px;background:var(--app-card);margin:26px;border:1px solid var(--app-border);border-radius:10px}.bot-heading{display:flex;gap:12px;align-items:start}.bot-avatar{width:38px;height:38px;padding:8px;border:1px solid var(--app-border);border-radius:8px}.bot-heading strong{font-size:16px;margin-right:9px;font-weight:550}.bot-heading p{font-size:13px;color:var(--app-dim);line-height:1.6;margin:8px 0 0}.bot-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.bot-facts>div{display:flex;flex-direction:column;gap:9px;padding:12px;border:1px solid var(--app-border);border-radius:8px}.bot-facts>div>span,.monitor-heading{font-size:11px;text-transform:uppercase;color:var(--app-dim)}.bot-facts b{font-size:13px;font-weight:450}.responsibility-line{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;margin:22px 0 28px}.monitor-heading{display:flex;align-items:center;gap:10px;margin-bottom:12px}.monitor-heading .app-pill{text-transform:none}.monitor-card{padding:12px;border:1px solid var(--app-border);border-radius:8px}.monitor-title{display:flex;gap:10px;align-items:center}.monitor-title code{font-size:12px}.monitor-title .app-pill{background:var(--app-muted);color:#fafafa}.monitor-card dl{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px;margin:18px 0}.monitor-card dt{font-size:11px;text-transform:uppercase;letter-spacing:.025em;color:var(--app-dim)}.monitor-card dd{font-size:13px;margin:6px 0 0;line-height:1.5;overflow-wrap:anywhere}.health-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#10b981;margin-right:6px}.monitor-footer{display:flex;justify-content:space-between;gap:15px;padding-top:10px;border-top:1px solid var(--app-border);font-size:11px;color:var(--app-dim)}.evidence-surface{padding:20px;min-height:638px}.evidence-empty{min-height:570px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;color:var(--app-dim)}.evidence-empty>[data-icon]{width:32px;height:32px}.evidence-empty h4{font-size:14px;font-weight:500;color:#fafafa;margin:0}.evidence-empty p{font-size:12px;max-width:36ch;line-height:1.7;margin:0}.evidence-entry{display:flex;gap:12px;padding:16px;border:1px solid var(--app-border);background:var(--app-card);border-radius:8px;margin-bottom:12px}.evidence-entry>.evidence-icon{font-size:16px;color:#34d399}.evidence-entry.finding>.evidence-icon{color:#fbbf24}.evidence-entry h4{font-size:14px;font-weight:500;line-height:1.5;margin:0 0 7px}.evidence-entry p{font-size:12px;color:var(--app-dim);line-height:1.6;margin:8px 0}.evidence-entry small{font-size:11px;color:var(--app-dim)}.evidence-entry code{display:inline-block;font-size:11px;padding:4px 8px;border-radius:4px;background:var(--app-muted);margin-top:10px;overflow-wrap:anywhere}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes return-flow{to{stroke-dashoffset:26}}
@media(max-width:1000px){.product-layout{gap:32px;grid-template-columns:minmax(190px,.65fr) minmax(0,1.5fr)}.app-toolbar{gap:8px}.app-toolbar>.app-button{margin-left:0}.product-copy h3{font-size:29px}.adversarial-group{gap:8px;padding-inline:8px}.test-node,.review-node{padding:10px}.app-node-title{font-size:12px}.graph-canvas{padding-inline:14px}.bot-surface{padding:18px;margin:18px}}
@media(max-width:760px){.hero{padding-block:60px}.product-tour{padding-block:55px}.product-layout{display:flex;flex-direction:column;gap:32px;align-items:stretch}.product-copy h3 br{display:none}.product-copy h3{font-size:28px;margin-bottom:16px}.product-copy>p{max-width:55ch;margin:0}.product-copy .bring-harness{margin-top:22px}.harness-roster{gap:12px 22px}.product-tabs{margin-bottom:32px;gap:6px}.product-tabs button{font-size:14px;padding:11px 17px}.graph-canvas{min-height:0;padding:24px 12px}.app-toolbar{padding:12px}.app-toolbar>.app-button{margin-left:auto}.app-node-title{font-size:13px}.bot-surface{padding:16px;margin:14px}.evidence-surface{min-height:420px}.evidence-empty{min-height:380px}}
@media(max-width:410px){.app-toolbar{gap:10px}.app-toolbar>.app-button{margin-left:0}.adversarial-group{flex-direction:column;gap:9px;width:238px;padding-top:24px;padding-bottom:30px}.adversarial-group>.graph-arrow{transform:rotate(90deg)}.test-node,.review-node{width:192px;flex:auto}.graph-return{left:10px;width:calc(100% - 20px)}.monitor-card dl{grid-template-columns:1fr}.bot-facts{grid-template-columns:1fr}.bot-surface{padding:14px;margin:10px}.widget-status{align-items:start}.product-tabs button{padding:11px 14px}.harness-roster{gap:12px 18px}}
@media(prefers-reduced-motion:reduce){.product-tour *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}