.demo-showcase{--demo-ink:#071628;--demo-navy:#0a2a4f;--demo-blue:#0866b4;--demo-teal:#00a99d;--demo-mint:#dff8f2;--demo-cyan:#dff6fb;--demo-paper:#f6f4ee;--demo-white:#ffffff;--demo-stone:#d7dfe5;--demo-muted:#607185;min-height:100vh;color:var(--demo-ink);background:var(--demo-paper)}.demo-showcase *,.demo-showcase :after,.demo-showcase :before{box-sizing:border-box}.demo-showcase a,.demo-showcase button{font:inherit}.demo-showcase button{color:inherit}.demo-showcase [tabindex="-1"]:focus-visible,.demo-showcase a:focus-visible,.demo-showcase button:focus-visible{outline:3px solid #ffb47a;outline-offset:3px}.demo-topbar{position:-webkit-sticky;position:sticky;top:0;z-index:30;display:grid;grid-template-columns:1fr auto 1fr;grid-gap:1.5rem;gap:1.5rem;align-items:center;min-height:74px;padding:0 clamp(1rem,4vw,4rem);color:var(--demo-ink);background:rgb(250 249 245/.96);border-bottom:1px solid #d8dee1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.demo-brand{width:max-content}.demo-topbar .goodoffice-logo-lockup{height:35px}.demo-topbar-label{display:inline-flex;gap:.5rem;align-items:center;color:#637487;font-size:.66rem;font-weight:800;letter-spacing:.14em}.demo-topbar-label svg{color:#008f84}.demo-back-link{display:inline-flex;gap:.55rem;align-items:center;justify-self:end;color:#32495d;font-size:.72rem;font-weight:750;text-decoration:none}.demo-back-link:hover{color:#007f76}.demo-disclosure{display:flex;gap:.7rem;align-items:center;justify-content:center;min-height:46px;padding:.65rem 1rem;color:#33475b;font-size:.72rem;line-height:1.45;text-align:center;background:#eaf8f4;border-bottom:1px solid #c8e3dc}.demo-disclosure svg{flex:0 0 auto;color:#008f84}.demo-intro{position:relative;min-height:620px;padding:clamp(3rem,6vw,6rem) max(1rem,calc((100vw - 1120px) / 2));overflow:hidden;color:var(--demo-ink);background:radial-gradient(circle at 5% 5%,rgb(0 229 255/.13),transparent 28%),radial-gradient(circle at 96% 92%,rgb(255 180 122/.22),transparent 28%),#f4f0e8}.demo-intro:after{position:absolute;top:6%;right:3%;width:180px;height:180px;content:"";border:1px solid rgb(10 42 79/.1);border-radius:50%}.demo-entry-frame{position:relative;z-index:1;padding:clamp(1.4rem,4vw,3rem);background:rgb(255 255 255/.92);border:1px solid #d8dee1;border-radius:1.35rem;box-shadow:0 32px 90px rgb(34 47 60/.12)}.demo-intro-copy{display:grid;grid-template-columns:76px minmax(0,1fr);grid-gap:clamp(1rem,3vw,2rem);gap:clamp(1rem,3vw,2rem);align-items:start;max-width:820px}.demo-intro-copy .goodoffice-mark{width:76px;height:76px;padding:.45rem;background:var(--demo-ink);border-radius:1rem}.demo-agent-detail>header span,.demo-chapter-heading>span,.demo-eyebrow,.demo-flow-canvas>header em,.demo-node-inspector>span,.demo-result-document>header span,.demo-result-review>span,.demo-scripted-preview>span,.demo-shared-draft>span{color:var(--demo-teal);font-size:.62rem;font-style:normal;font-weight:850;letter-spacing:.15em}.demo-intro .demo-eyebrow{color:#008f84}.demo-intro h1{margin:.7rem 0 .85rem;font-size:clamp(2.5rem,5vw,4.8rem);letter-spacing:-.065em;line-height:.96}.demo-intro-copy p{max-width:690px;margin:0;color:#566a7c;font-size:clamp(.92rem,1.35vw,1.08rem);line-height:1.6}.demo-route-selector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem;gap:1rem;margin-top:clamp(1.7rem,4vw,3rem)}.demo-route-selector button{position:relative;display:grid;grid-template-columns:1fr auto;grid-gap:.75rem 1.2rem;gap:.75rem 1.2rem;min-height:245px;padding:clamp(1.25rem,3vw,2rem);overflow:hidden;text-align:left;background:#e7f7f3;border:1px solid #b8ddd5;border-radius:1rem;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.demo-route-selector button:nth-child(2){background:#fff3e7;border-color:#eccfb5}.demo-route-selector button:hover{border-color:#55a99e;box-shadow:0 14px 30px rgb(34 47 60/.1);transform:translateY(-3px)}.demo-route-selector button:nth-child(2):hover{border-color:#d59964}.demo-route-label{color:#087b72;font-size:.6rem;font-weight:900;letter-spacing:.14em}.demo-route-selector button:nth-child(2) .demo-route-label{color:#9a5d2b}.demo-route-selector button>svg{color:#008f84}.demo-route-selector button:nth-child(2)>svg{color:#b26d32}.demo-route-title{grid-column:1/-1;max-width:390px;font-size:clamp(1.35rem,2.5vw,2rem);font-weight:700;letter-spacing:-.045em;line-height:1.06}.demo-route-description{grid-column:1/-1;align-self:start;color:#506577;font-size:.76rem;line-height:1.55}.demo-route-action{display:inline-flex;grid-column:1/-1;gap:.5rem;align-items:center;align-self:end;color:#075e5a;font-size:.72rem;font-weight:800}.demo-route-selector button:nth-child(2) .demo-route-action{color:#8c5223}.demo-entry-note{padding-top:1.1rem;margin:1.2rem 0 0;color:#687988;font-size:.67rem;line-height:1.5;border-top:1px solid #dce2e5}.demo-tour{scroll-margin-top:92px;width:min(1320px,calc(100% - 2rem));margin:clamp(2rem,5vw,5rem) auto;background:var(--demo-white);border:1px solid #ced7de;border-radius:1rem;box-shadow:0 24px 80px rgb(7 22 40/.1);overflow:hidden}.demo-chapter-nav{display:grid;grid-template-columns:repeat(4,1fr);background:#eef2f1;border-bottom:1px solid #ced7de}.demo-chapter-nav button{position:relative;display:grid;grid-template-columns:auto auto 1fr;grid-gap:.65rem;gap:.65rem;align-items:center;min-height:76px;padding:1rem 1.15rem;text-align:left;background:transparent;border:0;border-right:1px solid #ced7de;cursor:pointer}.demo-chapter-nav button:last-child{border-right:0}.demo-chapter-nav button:after{position:absolute;right:0;bottom:0;left:0;height:3px;content:"";background:transparent}.demo-chapter-nav button.active{background:white}.demo-chapter-nav button.active:after{background:var(--demo-teal)}.demo-chapter-nav button>span{color:#83909b;font-size:.62rem;font-weight:850}.demo-chapter-nav button svg{color:#4f6377}.demo-chapter-nav button.active svg{color:var(--demo-teal)}.demo-chapter-nav button b{font-size:.72rem}.demo-workbench{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:760px}.demo-sample-context{padding:2rem 1.6rem;color:#dce8f2;background:#0c2238}.demo-sample-context .demo-eyebrow{color:#28f0c9}.demo-sample-context h2{margin:1rem 0 .8rem;font-size:1.5rem;letter-spacing:-.04em;line-height:1.05}.demo-sample-context>p{margin:0;color:#9fb1c2;font-size:.76rem;line-height:1.6}.demo-sample-context dl{display:grid;grid-gap:0;gap:0;margin:2rem 0;border-top:1px solid rgb(234 244 255/.13)}.demo-sample-context dl div{padding:.9rem 0;border-bottom:1px solid rgb(234 244 255/.13)}.demo-sample-context dt{margin-bottom:.28rem;color:#728aa0;font-size:.58rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.demo-sample-context dd{margin:0;font-size:.7rem;line-height:1.45}.demo-context-boundary{display:flex;gap:.65rem;align-items:flex-start;padding:.9rem;color:#a9bdca;font-size:.65rem;line-height:1.5;background:rgb(0 0 0/.16);border:1px solid rgb(234 244 255/.11);border-radius:.7rem}.demo-context-boundary svg{flex:0 0 auto;color:#ffb47a}.demo-chapter-panel{position:relative;display:flex;flex-direction:column;min-width:0;padding:clamp(1.5rem,4vw,3.2rem);background:#fbfcfc}.demo-sr-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.demo-guide-popup{--guide-accent:#00a99d;--guide-surface:#e8f8f4;position:relative;display:grid;grid-template-columns:50px minmax(0,1fr) auto;grid-gap:1rem;gap:1rem;align-items:center;padding:1.35rem 1.2rem 1.15rem;margin:0 0 2rem;background:var(--guide-surface);border:2px solid var(--guide-accent);border-radius:.9rem;box-shadow:7px 7px 0 rgb(7 22 40/.1)}.demo-guide-popup:after{position:absolute;bottom:-13px;left:76px;width:23px;height:23px;content:"";background:var(--guide-surface);border-right:2px solid var(--guide-accent);border-bottom:2px solid var(--guide-accent);transform:rotate(45deg)}.demo-guide-popup--collaboration{--guide-accent:#5279bf;--guide-surface:#edf2ff}.demo-guide-popup--workflow{--guide-accent:#d77b3c;--guide-surface:#fff2e6}.demo-guide-popup--result{--guide-accent:#d85e6b;--guide-surface:#fff0f1}.demo-guide-sticker{position:absolute;top:-13px;left:18px;display:inline-flex;gap:.35rem;align-items:center;padding:.35rem .55rem;color:white;font-size:.57rem;font-weight:900;letter-spacing:.12em;background:var(--guide-accent);border:2px solid white;border-radius:999px;box-shadow:0 2px 0 rgb(7 22 40/.16);transform:rotate(-1deg)}.demo-guide-count{display:grid;width:46px;height:46px;color:var(--demo-ink);font-size:.86rem;font-weight:900;background:rgb(255 255 255/.78);border:1px solid rgb(7 22 40/.13);border-radius:50%;place-items:center}.demo-guide-copy small{color:color-mix(in srgb,var(--guide-accent) 75%,#071628);font-size:.55rem;font-weight:900;letter-spacing:.11em}.demo-guide-copy h2{margin:.35rem 0 .25rem;font-size:clamp(1rem,2vw,1.25rem);letter-spacing:-.035em;line-height:1.1}.demo-guide-copy p{max-width:710px;margin:0;color:#42576a;font-size:.72rem;line-height:1.5}.demo-guide-controls{display:flex;gap:.45rem;align-items:center;justify-content:flex-end}.demo-guide-controls button{display:inline-flex;gap:.4rem;align-items:center;justify-content:center;min-height:38px;padding:0 .75rem;color:white;font-size:.64rem;font-weight:850;background:var(--demo-ink);border:0;border-radius:999px;cursor:pointer}.demo-guide-controls button:first-child{width:38px;padding:0;color:var(--demo-ink);background:rgb(255 255 255/.76);border:1px solid rgb(7 22 40/.15)}.demo-guide-controls button:disabled{cursor:not-allowed;opacity:.35}.demo-guide-complete{display:inline-flex;gap:.4rem;align-items:center;color:#264b48;font-size:.64rem;font-weight:850;white-space:nowrap}.demo-chapter-heading{max-width:800px;margin-bottom:2rem}.demo-chapter-heading h2{margin:.75rem 0;font-size:clamp(2rem,4vw,3.6rem);letter-spacing:-.06em;line-height:.98}.demo-chapter-heading p{max-width:760px;margin:0;color:var(--demo-muted);font-size:.88rem;line-height:1.65}.demo-agent-browser{display:grid;grid-template-columns:minmax(190px,.34fr) minmax(0,1fr);border:1px solid #ced7de;border-radius:.85rem;overflow:hidden}.demo-agent-browser>aside{padding:1.25rem;background:#edf2f3;border-right:1px solid #ced7de}.demo-agent-browser>aside>span{display:block;margin-bottom:1rem;color:#71808c;font-size:.58rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.demo-agent-browser>aside>div{padding:.9rem 0;border-top:1px solid #d6dee2}.demo-agent-browser>aside b,.demo-agent-browser>aside small{display:block}.demo-agent-browser>aside b{margin-bottom:.3rem;font-size:.75rem}.demo-agent-browser>aside small{color:#667786;font-size:.66rem;line-height:1.45}.demo-agent-detail{padding:clamp(1.2rem,3vw,2rem);background:white}.demo-agent-detail>header{display:grid;grid-template-columns:auto 1fr auto;grid-gap:1rem;gap:1rem;align-items:start;padding-bottom:1.4rem;border-bottom:1px solid #d8e0e5}.demo-agent-icon{display:grid;width:48px;height:48px;color:#004f74;background:var(--demo-cyan);border-radius:.7rem;place-items:center}.demo-agent-detail>header h3{margin:.25rem 0;font-size:1.35rem;letter-spacing:-.035em}.demo-agent-detail>header p{margin:0;color:var(--demo-muted);font-size:.76rem;line-height:1.5}.demo-agent-detail>header em{padding:.38rem .58rem;color:#08746b;font-size:.62rem;font-style:normal;font-weight:850;background:var(--demo-mint);border-radius:999px}.demo-agent-facts{display:grid;grid-template-columns:1fr 1fr;grid-gap:1px;gap:1px;margin:1px 0;background:#d8e0e5}.demo-agent-facts>div{padding:1rem;background:white}.demo-agent-facts small,.demo-result-review small{color:#70808f;font-size:.57rem;font-weight:850;letter-spacing:.1em}.demo-agent-facts p,.demo-result-review div p{margin:.42rem 0 0;color:#42576a;font-size:.69rem;line-height:1.5}.demo-scripted-preview{padding:1rem;background:#fff8ed;border:1px solid #f0d4b8;border-radius:.7rem}.demo-scripted-preview>span{display:flex;gap:.45rem;align-items:center;color:#a25d22}.demo-scripted-preview p{margin:.65rem 0 0;color:#65492f;font-size:.72rem;line-height:1.55}.demo-collaboration-layout,.demo-flow-layout,.demo-result-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);grid-gap:1rem;gap:1rem}.demo-flow-canvas,.demo-node-inspector,.demo-result-document,.demo-result-review,.demo-room,.demo-shared-draft{background:white;border:1px solid #ced7de;border-radius:.85rem}.demo-flow-canvas>header,.demo-room>header{display:flex;gap:1rem;align-items:center;justify-content:space-between;min-height:68px;padding:.9rem 1rem;background:#f0f4f5;border-bottom:1px solid #ced7de}.demo-flow-canvas>header>div,.demo-room>header>div{display:flex;gap:.7rem;align-items:center}.demo-flow-canvas>header span,.demo-room>header span{display:grid;grid-gap:.18rem;gap:.18rem}.demo-flow-canvas>header b,.demo-room>header b{font-size:.76rem}.demo-flow-canvas>header small,.demo-room>header small{color:#71808c;font-size:.62rem}.demo-member-count{display:inline-flex!important;grid-template-columns:auto 1fr;gap:.4rem!important;align-items:center;color:#52697d;font-size:.62rem;font-weight:750}.demo-message-list{display:grid;grid-gap:1px;gap:1px;padding:0 1rem;background:#e0e6e9}.demo-message-list article{display:grid;grid-template-columns:auto 1fr;grid-gap:.8rem;gap:.8rem;padding:1rem 0;background:white}.demo-message-list article>i{display:grid;width:34px;height:34px;color:#0b4852;font-size:.58rem;font-style:normal;font-weight:900;background:#ddf5f0;border-radius:50%;place-items:center}.demo-message-list article.model-secondary>i,.demo-message-list article.model>i{color:#113d71;background:#dfeaff}.demo-message-list article.model-secondary>i{color:#643e12;background:#fff0d9}.demo-message-list article header{display:flex;flex-wrap:wrap;gap:.5rem;align-items:baseline}.demo-message-list article header b{font-size:.72rem}.demo-message-list article header span{color:#7a8996;font-size:.58rem}.demo-message-list article p{margin:.38rem 0 0;color:#3d5265;font-size:.73rem;line-height:1.55}.demo-node-inspector,.demo-result-review,.demo-shared-draft{padding:1.35rem}.demo-node-inspector h3,.demo-result-review h3,.demo-shared-draft h3{margin:.65rem 0 1rem;font-size:1.25rem;letter-spacing:-.035em}.demo-shared-draft>div{padding:.9rem;background:#f3f5f5;border:1px solid #d9e0e4;border-radius:.65rem}.demo-shared-draft>div.after{background:#e7f8f4;border-color:#a9dcd2}.demo-shared-draft>div small{color:#758490;font-size:.56rem;font-weight:850;letter-spacing:.1em}.demo-shared-draft>div p{margin:.5rem 0 0;font-size:.7rem}.demo-shared-draft>svg{display:block;margin:.65rem auto;color:var(--demo-teal);transform:rotate(90deg)}.demo-boundary-note{padding-top:1rem;margin:1rem 0 0;color:#6b7884;font-size:.65rem;line-height:1.5;border-top:1px solid #d9e0e4}.demo-flow-canvas{position:relative;overflow:hidden}.demo-flow-canvas>header{position:relative;z-index:2}.demo-flow-canvas>header em{color:#9b622c;white-space:nowrap}.demo-flow-nodes{position:relative;z-index:1;display:grid;grid-gap:.75rem;gap:.75rem;padding:1.2rem}.demo-flow-line{position:absolute;top:112px;bottom:42px;left:44px;width:2px;background:#b7cbd1}.demo-flow-nodes button{display:grid;grid-template-columns:28px 24px 1fr auto;grid-gap:.65rem;gap:.65rem;align-items:center;min-height:64px;padding:.7rem .9rem;text-align:left;background:white;border:1px solid #cad6db;border-radius:.7rem;cursor:pointer}.demo-flow-nodes button.active{background:#edf9f7;border-color:#48afa5;box-shadow:inset 3px 0 0 var(--demo-teal)}.demo-flow-nodes button>span{display:grid;width:28px;height:28px;color:#3e596b;font-size:.58rem;font-weight:850;background:#eef2f3;border-radius:50%;place-items:center}.demo-flow-nodes button svg{color:#197f8c}.demo-flow-nodes button b{font-size:.72rem}.demo-flow-nodes button small{color:#71808c;font-size:.58rem}.demo-node-inspector>p,.demo-result-review>p{color:#55697a;font-size:.72rem;line-height:1.55}.demo-node-inspector dl{margin:1.2rem 0}.demo-node-inspector dl div{padding:.75rem 0;border-top:1px solid #dde3e7}.demo-node-inspector dt{margin-bottom:.28rem;color:#7a8995;font-size:.56rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.demo-node-inspector dd{margin:0;font-size:.68rem;line-height:1.45}.demo-gate-note{display:flex;gap:.55rem;align-items:flex-start;padding:.8rem;color:#60482d;font-size:.64rem;line-height:1.5;background:#fff5e7;border:1px solid #efd5b4;border-radius:.6rem}.demo-gate-note svg{flex:0 0 auto;color:#aa6a2a}.demo-result-document{overflow:hidden}.demo-result-document>header{display:flex;gap:1rem;align-items:flex-start;justify-content:space-between;padding:1.3rem;color:#eaf4ff;background:#0c2238}.demo-result-document>header span{color:#28f0c9}.demo-result-document>header h3{margin:.55rem 0 0;font-size:1.35rem;letter-spacing:-.035em}.demo-result-document>header em{display:inline-flex;gap:.4rem;align-items:center;padding:.38rem .55rem;color:#ffd6b8;font-size:.56rem;font-style:normal;font-weight:850;background:rgb(255 180 122/.12);border:1px solid rgb(255 180 122/.24);border-radius:999px;white-space:nowrap}.demo-result-summary{padding:1.1rem 1.3rem;margin:0;color:#4c6173;font-size:.74rem;line-height:1.55;background:#eef4f5;border-bottom:1px solid #d8e0e5}.demo-result-items article{display:grid;grid-template-columns:34px 1fr;grid-gap:.9rem;gap:.9rem;padding:1.1rem 1.3rem;border-bottom:1px solid #dbe2e6}.demo-result-items article:last-child{border-bottom:0}.demo-result-items article>span{display:grid;width:32px;height:32px;color:#0c6e68;font-size:.58rem;font-weight:900;background:#def5f0;border-radius:50%;place-items:center}.demo-result-items small{color:#0a857c;font-size:.56rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.demo-result-items h4{margin:.3rem 0;font-size:.83rem}.demo-result-items p{margin:0;color:#5f7180;font-size:.67rem;line-height:1.48}.demo-result-items footer{display:flex;flex-wrap:wrap;gap:.45rem 1rem;margin-top:.7rem;color:#6d7d88;font-size:.6rem}.demo-result-items footer b{color:#344a5c}.demo-result-review>svg{color:var(--demo-teal)}.demo-result-review>span{display:block;margin-top:.8rem}.demo-result-review>div{padding:.8rem 0;border-top:1px solid #dde3e7}.demo-result-review blockquote{padding:1rem;margin:1rem 0 0;color:#173e52;font-size:.76rem;font-weight:700;line-height:1.55;background:#e8f5f5;border-left:3px solid var(--demo-teal)}.demo-chapter-controls{display:flex;gap:.65rem;align-items:center;margin-top:auto;padding-top:2rem}.demo-chapter-controls a,.demo-chapter-controls button{display:inline-flex;gap:.45rem;align-items:center;justify-content:center;min-height:44px;padding:0 .9rem;color:#31495d;font-size:.68rem;font-weight:800;text-decoration:none;background:white;border:1px solid #cbd6dc;border-radius:.55rem;cursor:pointer}.demo-chapter-controls button:disabled{cursor:not-allowed;opacity:.38}.demo-chapter-controls .next{margin-left:auto;color:white;background:var(--demo-navy);border-color:var(--demo-navy)}.demo-evidence{width:min(1240px,calc(100% - 2rem));margin:0 auto clamp(3rem,7vw,7rem)}.demo-evidence>header{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);grid-gap:2rem;gap:2rem;align-items:end;margin-bottom:1.5rem}.demo-evidence>header .demo-eyebrow{grid-column:1/-1}.demo-evidence>header h2{max-width:720px;margin:0;font-size:clamp(2rem,4vw,3.8rem);letter-spacing:-.06em;line-height:.98}.demo-evidence>header p{margin:0;color:var(--demo-muted);font-size:.8rem;line-height:1.6}.demo-evidence>div{display:grid;grid-template-columns:repeat(4,1fr);background:#ccd7dc;border:1px solid #ccd7dc;border-radius:.85rem;overflow:hidden;grid-gap:1px;gap:1px}.demo-evidence article{min-height:220px;padding:1.4rem;background:white}.demo-evidence article>span{display:grid;width:40px;height:40px;margin-bottom:2.7rem;color:#08746b;background:#e1f6f2;border-radius:.65rem;place-items:center}.demo-evidence article h3{margin:0 0 .6rem;font-size:.9rem}.demo-evidence article p{margin:0;color:#5f7180;font-size:.68rem;line-height:1.55}.demo-footer{display:grid;grid-template-columns:auto 1fr auto;grid-gap:2rem;gap:2rem;align-items:center;min-height:120px;padding:2rem max(1rem,calc((100vw - 1240px) / 2));color:#dce8f2;background:#071628}.demo-footer .goodoffice-logo-lockup{height:34px}.demo-footer p{margin:0;color:#8096aa;font-size:.7rem}.demo-footer nav{display:flex;gap:1.3rem}.demo-footer nav a{color:#b6c6d4;font-size:.68rem;font-weight:750;text-decoration:none}@media (max-width:1040px){.demo-intro{min-height:auto}.demo-workbench{grid-template-columns:1fr}.demo-sample-context{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.2rem 2rem;gap:1.2rem 2rem}.demo-sample-context dl{grid-column:1/-1;grid-template-columns:repeat(4,1fr);margin:0}.demo-sample-context dl div{padding-right:.8rem;border-right:1px solid rgb(234 244 255/.13)}.demo-context-boundary{align-self:start}.demo-evidence>div{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.demo-topbar{grid-template-columns:1fr auto}.demo-topbar-label{display:none}.demo-intro{padding:3rem 1rem}.demo-route-selector{grid-template-columns:1fr}.demo-route-selector button{min-height:220px}.demo-chapter-nav{grid-template-columns:1fr 1fr}.demo-chapter-nav button:nth-child(2){border-right:0}.demo-chapter-nav button:nth-child(-n+2){border-bottom:1px solid #ced7de}.demo-sample-context{grid-template-columns:1fr;order:2}.demo-chapter-panel{order:1}.demo-guide-popup{grid-template-columns:46px minmax(0,1fr);align-items:start}.demo-guide-controls{grid-column:1/-1;justify-content:flex-start;padding-left:.1rem}.demo-context-boundary,.demo-sample-context dl{grid-column:auto}.demo-sample-context dl{grid-template-columns:1fr 1fr}.demo-agent-browser,.demo-collaboration-layout,.demo-flow-layout,.demo-result-layout{grid-template-columns:1fr}.demo-agent-browser>aside{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.8rem;gap:.8rem;border-right:0;border-bottom:1px solid #ced7de}.demo-agent-browser>aside>span{grid-column:1/-1;margin:0}.demo-agent-browser>aside>div{padding:.7rem 0}.demo-evidence>header{grid-template-columns:1fr}.demo-evidence>header .demo-eyebrow{grid-column:auto}.demo-footer{grid-template-columns:1fr auto}.demo-footer p{display:none}}@media (max-width:520px){.demo-topbar{min-height:68px;gap:.7rem;padding:0 .8rem}.demo-topbar .goodoffice-logo-lockup{height:30px}.demo-back-link{font-size:.62rem;white-space:nowrap}.demo-disclosure{align-items:flex-start;justify-content:flex-start;text-align:left}.demo-intro{padding:1.5rem .75rem}.demo-entry-frame{padding:1.2rem;border-radius:1rem}.demo-intro-copy{grid-template-columns:52px minmax(0,1fr);gap:.85rem}.demo-intro-copy .goodoffice-mark{width:52px;height:52px;padding:.3rem;border-radius:.75rem}.demo-intro h1{font-size:clamp(2.35rem,13vw,3.6rem)}.demo-route-selector button{min-height:205px;padding:1.2rem}.demo-tour{width:calc(100% - 1rem);margin-top:1rem;border-radius:.75rem}.demo-chapter-nav button{grid-template-columns:auto 1fr;gap:.45rem;min-height:68px;padding:.75rem}.demo-chapter-nav button svg{display:none}.demo-chapter-nav button b{font-size:.64rem}.demo-chapter-panel,.demo-sample-context{padding:1.1rem}.demo-guide-popup{grid-template-columns:38px minmax(0,1fr);gap:.8rem;padding:1.4rem .9rem 1rem;margin-bottom:1.6rem;border-radius:.75rem;box-shadow:4px 4px 0 rgb(7 22 40/.1)}.demo-guide-popup:after{left:52px}.demo-guide-count{width:38px;height:38px;font-size:.72rem}.demo-guide-copy h2{font-size:1rem}.demo-guide-controls{display:grid;grid-template-columns:38px minmax(0,1fr);width:100%}.demo-guide-controls button:not(:first-child){width:100%}.demo-guide-complete{min-height:38px}.demo-sample-context dl{grid-template-columns:1fr}.demo-sample-context dl div{border-right:0}.demo-agent-browser>aside{grid-template-columns:1fr}.demo-agent-detail>header{grid-template-columns:auto 1fr}.demo-agent-detail>header em{grid-column:1/-1;width:max-content}.demo-agent-facts{grid-template-columns:1fr}.demo-flow-canvas>header,.demo-result-document>header,.demo-room>header{align-items:flex-start;flex-direction:column}.demo-flow-nodes button{grid-template-columns:28px 22px 1fr}.demo-flow-nodes button small{grid-column:3}.demo-chapter-controls{display:grid;grid-template-columns:1fr 1fr}.demo-chapter-controls .next{grid-column:1/-1;grid-row:1;width:100%;margin-left:0}.demo-evidence{width:calc(100% - 1rem)}.demo-evidence>div{grid-template-columns:1fr}.demo-evidence article{min-height:190px}.demo-footer{grid-template-columns:1fr;gap:1.2rem}.demo-footer nav{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.demo-showcase *,.demo-showcase :after,.demo-showcase :before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}