.obs-page{--obs-up:#63a6ff;--obs-down:#63d5a0;--obs-warn:#f0b64a;--obs-danger:#ff7a6b;width:min(1120px,100% - 32px);margin:0 auto;padding:0 0 clamp(38px,6vw,70px)}.obs-page *,.obs-page :before,.obs-page :after{box-sizing:border-box}.obs-page h1,.obs-page h2,.obs-page h3,.obs-page p{margin:0}.obs-page button{font:inherit}.obs-page ol,.obs-page ul{margin:0;padding:0;list-style:none}.obs-kicker{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:.7rem;font-weight:850}.obs-hero{grid-template-columns:1.35fr .65fr;align-items:center;gap:clamp(24px,5vw,64px);padding:clamp(28px,5vw,52px);display:grid}.obs-hero h1{max-width:760px;color:var(--foreground);font-family:var(--font-display), var(--font-sans), sans-serif;letter-spacing:-.045em;word-break:keep-all;margin-top:10px;font-size:clamp(34px,5vw,60px);line-height:1.08}.obs-hero>div>p:last-child{max-width:700px;color:var(--muted);word-break:keep-all;margin-top:16px;font-size:clamp(.88rem,1.6vw,1.04rem);line-height:1.75}.obs-hero-answer{border:var(--pixel) solid var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--surface-2));box-shadow:5px 5px 0 color-mix(in srgb, var(--accent) 40%, var(--pixel-shadow));gap:9px;padding:22px;display:grid}.obs-hero-answer span,.obs-hero-answer small{color:var(--muted);font-size:.7rem;font-weight:750}.obs-hero-answer strong{color:var(--foreground);word-break:keep-all;font-size:clamp(1.05rem,2.2vw,1.4rem);line-height:1.4}.obs-hero-answer small{font-family:var(--font-geist-mono), monospace;letter-spacing:.04em}.obs-demo{margin-top:16px;padding:clamp(22px,4vw,38px)}.obs-demo-head{justify-content:space-between;align-items:start;gap:18px;display:flex}.obs-demo-head h2,.obs-section-title h2,.obs-guardrails h2{color:var(--foreground);letter-spacing:-.035em;word-break:keep-all;margin-top:7px;font-size:clamp(1.35rem,3vw,2rem);line-height:1.25}.obs-reset{border:var(--pixel) solid var(--border-strong);background:var(--surface-2);min-height:44px;color:var(--muted);cursor:pointer;flex:none;padding:8px 11px;font-size:.72rem;font-weight:750}.obs-reset:hover{border-color:var(--accent);color:var(--foreground)}.obs-start-guide{border-left:3px solid var(--obs-up);background:color-mix(in srgb, var(--obs-up) 6%, var(--surface-2));color:var(--muted);flex-wrap:wrap;gap:5px 8px;padding:9px 11px;font-size:.65rem;line-height:1.5;display:flex;margin-top:12px!important}.obs-start-guide b{color:var(--obs-up)}.obs-start-guide i{color:var(--border-strong);font-style:normal}.obs-scenarios{flex-wrap:wrap;align-items:stretch;gap:8px;margin-top:20px;display:flex}.obs-scenarios>span{color:var(--muted);align-self:center;font-size:.72rem;font-weight:750}.obs-scenario{border:var(--pixel) solid var(--border-strong);background:var(--surface-2);cursor:pointer;text-align:left;gap:3px;padding:11px 13px;display:grid}.obs-scenario strong{color:var(--foreground-soft);font-size:.78rem}.obs-scenario small{color:var(--muted);font-size:.64rem}.obs-scenario:hover{border-color:var(--accent)}.obs-scenario.is-selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--surface-2))}.obs-scenario.is-selected strong{color:var(--foreground)}.obs-scenes{grid-template-columns:repeat(5,1fr);gap:5px;display:grid;margin-top:12px!important}.obs-scenes li{border:1px solid var(--border-strong);background:var(--background);min-width:0;color:var(--muted);align-items:center;gap:7px;padding:8px 9px;display:flex;position:relative}.obs-scenes li:not(:last-child):after{z-index:1;content:"›";color:var(--border-strong);font-weight:900;position:absolute;right:-6px}.obs-scenes b{border:1px solid var(--border-strong);width:20px;height:20px;font:800 .57rem/1 var(--font-geist-mono), monospace;flex:none;place-items:center;display:grid}.obs-scenes span{text-overflow:ellipsis;white-space:nowrap;font-size:.64rem;font-weight:750;overflow:hidden}.obs-scenes li.is-current{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--surface-2));color:var(--foreground)}.obs-scenes li.is-current b{border-color:var(--accent);background:var(--accent);color:var(--accent-contrast)}.obs-scenes li.is-done{color:var(--obs-down)}.obs-scenes li.is-done b{border-color:var(--obs-down)}.obs-stage{grid-template-columns:1.25fr .75fr;gap:10px;margin-top:12px;display:grid}.obs-board{border:var(--pixel) solid var(--border);background:var(--background);align-content:start;gap:12px;min-width:0;min-height:354px;padding:clamp(12px,2vw,18px);display:grid}.obs-verdict{word-break:keep-all;border:1.5px solid;padding:10px 12px;font-size:.75rem;font-weight:850}.obs-verdict.is-ok{border-color:var(--obs-down);background:color-mix(in srgb, var(--obs-down) 10%, var(--surface-2));color:var(--obs-down)}.obs-verdict.is-warn{border-color:var(--obs-warn);background:color-mix(in srgb, var(--obs-warn) 10%, var(--surface-2));color:var(--obs-warn)}.obs-network{grid-template-columns:minmax(120px,.8fr) minmax(250px,1.65fr) minmax(120px,.8fr);align-items:stretch;gap:8px;display:grid}.obs-node{border:var(--pixel) solid var(--border-strong);background:var(--surface-2);text-align:center;align-content:center;justify-items:center;gap:5px;min-width:0;min-height:174px;padding:14px 10px;display:grid}.obs-node small{color:var(--muted);letter-spacing:.07em;font-size:.54rem;font-weight:800}.obs-node>span{color:var(--foreground);font-size:1.6rem;font-weight:900}.obs-node strong{color:var(--foreground);font-size:.8rem}.obs-node b{max-width:100%;color:var(--muted);font:650 .58rem/1.4 var(--font-geist-mono), monospace;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.obs-node.is-sending{border-color:var(--obs-up);background:color-mix(in srgb, var(--obs-up) 9%, var(--surface-2))}.obs-node.is-control.is-sending{border-color:var(--obs-down);background:color-mix(in srgb, var(--obs-down) 9%, var(--surface-2))}.obs-link{border:1px dashed var(--border-strong);background:color-mix(in srgb, var(--surface-2) 75%, var(--background));align-content:center;gap:9px;min-width:0;padding:12px;display:grid}.obs-link.is-online{border-style:solid;border-color:color-mix(in srgb, var(--obs-down) 55%, var(--border-strong))}.obs-link.is-connecting,.obs-link.is-blocked{border-color:var(--obs-warn)}.obs-wire{align-items:center;gap:6px;display:flex}.obs-wire i{background:var(--border-strong);flex:1;height:2px}.obs-link.is-online .obs-wire i{background:var(--obs-down)}.obs-link.is-blocked .obs-wire i{background:var(--obs-warn)}.obs-wire span{color:var(--muted);font:700 .57rem/1.3 var(--font-geist-mono), monospace;white-space:nowrap}.obs-link.is-online .obs-wire span{color:var(--obs-down)}.obs-link.is-blocked .obs-wire span{color:var(--obs-warn)}.obs-frame{border:1.5px dashed var(--border-strong);background:var(--background);min-height:66px;color:var(--muted);justify-content:center;align-items:center;gap:9px;padding:9px 10px;display:flex}.obs-frame.is-agent-to-control{border-style:solid;border-color:var(--obs-up);color:var(--obs-up)}.obs-frame.is-control-to-agent{border-style:solid;border-color:var(--obs-down);color:var(--obs-down)}.obs-frame.is-blocked{border-color:var(--obs-warn);background:color-mix(in srgb, var(--obs-warn) 8%, var(--background));color:var(--obs-warn)}.obs-frame-arrow{flex:none;font-size:1.2rem;font-weight:950}.obs-frame>span:not(.obs-frame-arrow){gap:3px;min-width:0;display:grid}.obs-frame strong{font:850 .7rem/1.3 var(--font-geist-mono), monospace}.obs-frame small{color:var(--foreground-soft);font:650 .55rem/1.4 var(--font-geist-mono), monospace;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.obs-frame-idle{font-size:.65rem;font-weight:700}.obs-firewall{border:1px solid var(--border-strong);background:var(--surface-2);justify-content:center;align-items:center;gap:7px;padding:7px 9px;display:flex}.obs-firewall>span{color:var(--obs-warn)}.obs-firewall strong{color:var(--foreground-soft);font-size:.61rem}.obs-firewall small{color:var(--obs-down);font-size:.55rem;font-weight:750}.obs-direction-note{border:1px solid var(--border);color:var(--muted);text-align:center;flex-wrap:wrap;justify-content:center;gap:5px 8px;padding:9px;font-size:.64rem;line-height:1.5;display:flex}.obs-direction-note b:first-child{color:var(--obs-up)}.obs-direction-note b:last-child{color:var(--obs-down)}.obs-side{align-content:start;gap:10px;min-width:0;display:grid}.obs-status-panel,.obs-log-panel{border:var(--pixel) solid var(--border-strong);background:var(--surface-2);min-width:0;padding:14px 16px}.obs-panel-title{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;font-size:.68rem;font-weight:850}.obs-status-grid{grid-template-columns:1fr 1fr;gap:5px;margin-top:10px;display:grid}.obs-status{border:1px solid var(--border-strong);background:var(--background);gap:3px;min-width:0;padding:8px 9px;display:grid}.obs-status span{color:var(--muted);font-size:.56rem}.obs-status strong{color:var(--foreground-soft);text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;overflow:hidden}.obs-status.is-online,.obs-status.is-on,.obs-status.is-safe{border-color:color-mix(in srgb, var(--obs-down) 50%, var(--border-strong))}.obs-status.is-online strong,.obs-status.is-on strong,.obs-status.is-safe strong{color:var(--obs-down)}.obs-status.is-connecting strong,.obs-status.is-blocked strong{color:var(--obs-warn)}.obs-status.is-off strong,.obs-status.is-offline strong{color:var(--muted)}.obs-session{border:1px solid var(--border-strong);background:var(--background);grid-template-columns:1fr auto;align-items:center;gap:4px 10px;margin-top:7px;padding:10px;display:grid}.obs-session>div{gap:2px;min-width:0;display:grid}.obs-session>div>span{color:var(--muted);font-size:.56rem}.obs-session strong{color:var(--foreground);font:750 .66rem/1.4 var(--font-geist-mono), monospace;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.obs-session small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.56rem;overflow:hidden}.obs-session>b{color:var(--muted);font:800 .7rem/1 var(--font-geist-mono), monospace}.obs-session>i{background:var(--border-strong);grid-column:1/-1;height:4px;overflow:hidden}.obs-session>i>span{background:var(--obs-up);height:100%;transition:width .22s;display:block}.obs-session.is-live{border-color:color-mix(in srgb, var(--obs-up) 50%, var(--border-strong))}.obs-session.is-live>b{color:var(--obs-up)}.obs-log-panel{min-height:142px}.obs-panel-empty{color:var(--muted);word-break:keep-all;font-size:.7rem;line-height:1.6;margin-top:11px!important}.obs-log{gap:4px;max-height:145px;margin-top:9px;display:grid;overflow-y:auto}.obs-log li{border-left:3px solid var(--border-strong);color:var(--muted);font:650 .62rem/1.45 var(--font-geist-mono), monospace;padding:5px 8px}.obs-log li.is-current{border-left-color:var(--obs-up);background:color-mix(in srgb, var(--obs-up) 8%, transparent);color:var(--foreground-soft)}.obs-caption{border-left:4px solid var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--surface-2));min-height:74px;color:var(--foreground-soft);word-break:keep-all;padding:13px 15px;font-size:.8rem;line-height:1.7;margin-top:12px!important}.obs-controls{align-items:center;gap:8px;margin-top:12px;display:flex}.obs-main,.obs-auto{border:var(--pixel) solid;cursor:pointer;min-height:46px;padding:10px 15px;font-size:.75rem;font-weight:850}.obs-main{border-color:var(--accent);background:var(--accent);min-width:126px;color:var(--accent-contrast);box-shadow:4px 4px 0 color-mix(in srgb, var(--accent) 48%, var(--pixel-shadow))}.obs-main:hover{background:var(--accent-strong)}.obs-main:active{box-shadow:2px 2px 0 color-mix(in srgb, var(--accent) 48%, var(--pixel-shadow));transform:translate(2px,2px)}.obs-auto{border-color:var(--border-strong);background:var(--surface-2);color:var(--foreground-soft)}.obs-auto:hover,.obs-auto.is-on{border-color:var(--obs-down);color:var(--obs-down)}.obs-progress{color:var(--muted);font:650 .67rem/1.4 var(--font-geist-mono), monospace;margin-left:auto}.obs-progress b{color:var(--foreground-soft)}.obs-principles{margin-top:16px;padding:clamp(24px,4vw,38px)}.obs-card-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px;display:grid}.obs-card-grid article{border:var(--pixel) solid var(--border-strong);background:var(--surface-2);align-content:start;gap:8px;padding:18px;display:grid}.obs-card-grid article>b{color:var(--accent);font:850 .72rem/1 var(--font-geist-mono), monospace}.obs-card-grid strong{color:var(--foreground);font-size:.86rem;line-height:1.4}.obs-card-grid p{color:var(--muted);word-break:keep-all;font-size:.72rem;line-height:1.7}.obs-uses{margin-top:36px}.obs-uses>div:last-child{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:15px;display:grid}.obs-uses article{border:1px solid var(--border-strong);background:var(--surface);gap:5px;padding:16px;display:grid}.obs-uses article>span{color:var(--accent);font-size:1.05rem;font-weight:900}.obs-uses strong{color:var(--foreground);font-size:.78rem}.obs-uses p{color:var(--muted);word-break:keep-all;font-size:.66rem;line-height:1.55}.obs-guardrails{border-color:color-mix(in srgb, var(--obs-warn) 60%, var(--border-strong));grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(22px,5vw,56px);margin-top:16px;padding:clamp(24px,4vw,38px);display:grid}.obs-guardrails>div>p:last-child{color:var(--muted);word-break:keep-all;margin-top:12px;font-size:.75rem;line-height:1.7}.obs-guardrails ul{grid-template-columns:1fr 1fr;gap:7px;display:grid}.obs-guardrails li{border:1px solid var(--border-strong);background:var(--surface-2);align-items:center;gap:9px;padding:11px;display:flex}.obs-guardrails li>b{color:var(--obs-down)}.obs-guardrails li>span{gap:3px;min-width:0;display:grid}.obs-guardrails li strong{color:var(--foreground);font-size:.7rem}.obs-guardrails li small{color:var(--muted);font-size:.58rem;line-height:1.4}.obs-warning{border:var(--pixel) solid var(--border-strong);background:var(--surface-2);grid-template-columns:auto 1fr;gap:8px 18px;margin-top:28px;padding:18px 20px;display:grid}.obs-warning strong{color:var(--foreground);grid-column:1/-1;font-size:.76rem}.obs-warning p{color:var(--muted);word-break:keep-all;grid-column:1/-1;font-size:.67rem;line-height:1.7}.obs-warning>span{color:var(--muted);font:650 .6rem/1.5 var(--font-geist-mono), monospace}@media (max-width:900px){.obs-stage{grid-template-columns:1fr}.obs-board{min-height:0}.obs-side{grid-template-columns:1fr 1fr}.obs-log-panel{min-height:0}.obs-card-grid{grid-template-columns:1fr}.obs-uses>div:last-child{grid-template-columns:1fr 1fr}}@media (max-width:700px){.obs-page{width:min(100% - 20px,1120px)}.obs-hero{grid-template-columns:1fr}.obs-hero h1 br{display:none}.obs-hero-answer{box-shadow:3px 3px 0 color-mix(in srgb, var(--accent) 40%, var(--pixel-shadow))}.obs-demo-head{align-items:center}.obs-demo-head h2{font-size:1.18rem}.obs-scenes li{text-align:center;justify-items:center;gap:5px;padding:7px 3px;display:grid}.obs-scenes span{font-size:.58rem}.obs-network{grid-template-columns:1fr}.obs-node{min-height:112px}.obs-node.is-control{order:1}.obs-link{order:2}.obs-node.is-agent{order:3}.obs-wire{flex-direction:column}.obs-wire i{flex:none;width:2px;height:13px}.obs-frame-arrow{transform:rotate(90deg)}.obs-side{grid-template-columns:1fr}.obs-caption{min-height:0}.obs-controls{flex-wrap:wrap}.obs-main,.obs-auto{flex:1}.obs-progress{text-align:right;width:100%;margin-left:0;padding-top:4px}.obs-guardrails,.obs-guardrails ul{grid-template-columns:1fr}}@media (max-width:430px){.obs-hero,.obs-demo,.obs-principles,.obs-guardrails{padding:20px 16px}.obs-hero h1{font-size:2rem}.obs-hero-answer strong br{display:none}.obs-reset{min-height:40px;padding:7px 9px}.obs-start-guide{grid-template-columns:auto 1fr;display:grid}.obs-start-guide>b{grid-column:1/-1}.obs-start-guide i{display:none}.obs-scenarios>span{width:100%}.obs-scenario{flex:1;min-width:0}.obs-scenario small{line-height:1.35}.obs-scenes{gap:3px}.obs-scenes li{min-height:54px}.obs-scenes span{white-space:normal;word-break:keep-all}.obs-status-grid,.obs-uses>div:last-child,.obs-warning{grid-template-columns:1fr}.obs-warning>span{text-align:left;justify-self:start}}@media (prefers-reduced-motion:reduce){.obs-session>i>span{transition:none}}