.demo-page{--demo-ink:#071628;--demo-navy:#0a2a4f;--demo-blue:#1168a7;--demo-teal:#00a99d;--demo-mint:#e3f7f2;--demo-violet:#7657a7;--demo-violet-soft:#f2eef9;--demo-paper:#f5f4ef;--demo-white:#fff;--demo-border:#d6dee2;--demo-muted:#5f7080;min-height:100vh;color:var(--demo-ink);background:var(--demo-paper)}.demo-page *,.demo-page :after,.demo-page :before{box-sizing:border-box}.demo-page a,.demo-page button{font:inherit}.demo-page button{color:inherit}.demo-page [tabindex="-1"]:focus-visible,.demo-page a:focus-visible,.demo-page button:focus-visible{outline:3px solid #ffb47a;outline-offset:3px}.demo-header{position:-webkit-sticky;position:sticky;top:0;z-index:30;display:grid;grid-template-columns:1fr auto 1fr;grid-gap:1rem;gap:1rem;align-items:center;min-height:72px;padding:0 clamp(1rem,4vw,4rem);background:rgb(255 255 255/.94);border-bottom:1px solid var(--demo-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.demo-header>a:first-child{width:max-content}.demo-header .goodoffice-logo-lockup{height:34px}.demo-header>span{color:#667787;font-size:.69rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.demo-header>a:last-child{display:inline-flex;gap:.45rem;align-items:center;justify-self:end;color:#3e5264;font-size:.75rem;font-weight:700;text-decoration:none}.demo-header>a:last-child:hover{color:#007d75}.demo-truth-note{display:flex;gap:.65rem;align-items:center;justify-content:center;min-height:46px;padding:.65rem 1rem;color:#365065;font-size:.74rem;line-height:1.45;text-align:center;background:#eaf7f4;border-bottom:1px solid #c9e5de}.demo-truth-note svg{flex:0 0 auto;color:#008c82}.demo-truth-note p{margin:0}.demo-hero{position:relative;display:grid;grid-template-columns:minmax(0,.78fr) minmax(480px,1.22fr);grid-gap:clamp(2rem,6vw,6rem);gap:clamp(2rem,6vw,6rem);align-items:center;min-height:570px;padding:clamp(4rem,8vw,7rem) max(1rem,calc((100vw - 1180px) / 2));overflow:hidden;background:radial-gradient(circle at 0 0,rgb(0 203 196/.12),transparent 30%),radial-gradient(circle at 100% 100%,rgb(255 180 122/.2),transparent 34%),#f5f1e9}.demo-hero:after{position:absolute;right:-120px;bottom:-240px;width:520px;height:520px;content:"";border:1px solid rgb(10 42 79/.09);border-radius:50%}.demo-hero-copy,.demo-start-options{position:relative;z-index:1}.demo-hero-copy>span,.demo-real-capabilities>div>span{color:#008f84;font-size:.65rem;font-weight:850;letter-spacing:.14em}.demo-hero h1{max-width:620px;margin:1rem 0 1.25rem;font-size:clamp(2.65rem,5.4vw,5.4rem);letter-spacing:-.07em;line-height:.94}.demo-hero-copy>p{max-width:560px;margin:0;color:#526779;font-size:clamp(.96rem,1.5vw,1.14rem);line-height:1.65}.demo-start-options{display:grid;grid-gap:.9rem;gap:.9rem}.demo-start-options>button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:1rem;gap:1rem;align-items:center;min-height:164px;padding:1.35rem;text-align:left;background:rgb(255 255 255/.92);border:1px solid #d3dcdf;border-radius:1rem;box-shadow:0 14px 42px rgb(34 47 60/.07);cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.demo-start-options>button:hover{border-color:#63b6ad;box-shadow:0 20px 46px rgb(34 47 60/.11);transform:translateY(-2px)}.demo-option-icon{display:grid;width:50px;height:50px;color:#08746d;background:var(--demo-mint);border-radius:.8rem;place-items:center}.demo-option-icon--people{color:#634592;background:var(--demo-violet-soft)}.demo-option-copy{display:grid;grid-gap:.35rem;gap:.35rem}.demo-option-copy small{color:#788794;font-size:.59rem;font-weight:850;letter-spacing:.11em}.demo-option-copy b{font-size:clamp(1.05rem,2vw,1.32rem);letter-spacing:-.03em}.demo-option-copy>span{max-width:540px;color:#5a6d7d;font-size:.76rem;line-height:1.55}.demo-start-options>button>svg{color:#16988f}.demo-tour{scroll-margin-top:86px;width:min(1240px,calc(100% - 2rem));margin:clamp(2.5rem,6vw,5.5rem) auto;overflow:hidden;background:var(--demo-white);border:1px solid #cdd7dc;border-radius:1.15rem;box-shadow:0 26px 80px rgb(7 22 40/.11)}.demo-stepper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#edf1f2;border-bottom:1px solid #cdd7dc}.demo-stepper button{position:relative;display:grid;grid-template-columns:auto auto minmax(0,1fr);grid-gap:.6rem;gap:.6rem;align-items:center;min-height:76px;padding:1rem;text-align:left;background:transparent;border:0;border-right:1px solid #cdd7dc;cursor:pointer}.demo-stepper button:last-child{border-right:0}.demo-stepper button:after{position:absolute;right:0;bottom:0;left:0;height:4px;content:"";background:transparent}.demo-stepper button.is-active{background:white}.demo-stepper button.is-active:after{background:var(--demo-teal)}.demo-stepper button>svg{color:#647687}.demo-stepper button.is-active>svg{color:#008f84}.demo-step-number{display:grid;width:22px;height:22px;color:#586b7b;font-size:.64rem;font-weight:850;background:#dce3e5;border-radius:50%;place-items:center}.demo-stepper button.is-active .demo-step-number{color:white;background:#008f84}.demo-stepper button>span:last-child{font-size:.73rem;font-weight:750;line-height:1.25}.demo-stage{position:relative;padding:clamp(1.35rem,4vw,3.5rem);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{display:grid;grid-template-columns:115px minmax(0,720px);grid-gap:1.5rem;gap:1.5rem;align-items:start;margin-bottom:clamp(1.5rem,4vw,2.7rem)}.demo-guide>span{padding-top:.4rem;color:#008f84;font-size:.62rem;font-weight:850;letter-spacing:.12em}.demo-guide h2{margin:0 0 .65rem;font-size:clamp(1.8rem,4vw,3.2rem);letter-spacing:-.06em;line-height:1}.demo-guide p{max-width:700px;margin:0;color:var(--demo-muted);font-size:.89rem;line-height:1.65}.demo-agent,.demo-ai-queue,.demo-answer-review,.demo-answer-room,.demo-room,.demo-step-details,.demo-workflow-canvas{background:white;border:1px solid var(--demo-border);border-radius:.9rem}.demo-agent{max-width:960px;margin:0 auto;overflow:hidden}.demo-agent>header{display:grid;grid-template-columns:auto 1fr auto;grid-gap:1rem;gap:1rem;align-items:center;padding:clamp(1.25rem,3vw,2rem);border-bottom:1px solid var(--demo-border)}.demo-card-icon{display:grid;width:50px;height:50px;color:#075f71;background:#e2f5f7;border-radius:.75rem;place-items:center}.demo-agent small,.demo-answer-content small,.demo-answer-review small,.demo-example-request small,.demo-step-details>small{color:#738290;font-size:.59rem;font-weight:850;letter-spacing:.09em}.demo-agent h3{margin:.35rem 0 .25rem;font-size:1.5rem;letter-spacing:-.04em}.demo-agent header p{margin:0;color:#53687a;font-size:.78rem}.demo-included-badge{padding:.4rem .7rem;color:#087269;font-size:.66rem;font-weight:800;background:var(--demo-mint);border-radius:999px}.demo-agent-summary{display:grid;grid-template-columns:repeat(3,1fr)}.demo-agent-summary>div{min-height:150px;padding:1.35rem;border-right:1px solid var(--demo-border)}.demo-agent-summary>div:last-child{border-right:0}.demo-agent-summary p{margin:.55rem 0 0;color:#405669;font-size:.76rem;line-height:1.55}.demo-example-request{display:flex;gap:.8rem;align-items:flex-start;padding:1.15rem 1.35rem;color:#594321;background:#fff7e9;border-top:1px solid #edd8b9}.demo-example-request svg{flex:0 0 auto;color:#b27227}.demo-example-request p{margin:.35rem 0 0;font-size:.79rem;line-height:1.55}.demo-answer,.demo-collaboration,.demo-workflow{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.5fr);grid-gap:1rem;gap:1rem;align-items:start}.demo-room{overflow:hidden}.demo-room-header,.demo-workflow-canvas>header{display:flex;gap:1rem;align-items:center;justify-content:space-between;min-height:70px;padding:.9rem 1rem;background:#f1f4f5;border-bottom:1px solid var(--demo-border)}.demo-room-header>div:first-child,.demo-workflow-canvas>header>div{display:flex;gap:.7rem;align-items:center}.demo-room-header>div:first-child>span,.demo-workflow-canvas>header span{display:grid;grid-gap:.16rem;gap:.16rem}.demo-room-header b,.demo-workflow-canvas>header b{font-size:.76rem}.demo-room-header small,.demo-workflow-canvas>header small{color:#748390;font-size:.62rem}.demo-room-people{display:flex;align-items:center}.demo-room-people>span{display:grid;width:29px;height:29px;margin-left:-5px;color:#0a605c;font-size:.51rem;font-weight:850;background:#ddf5ef;border:2px solid white;border-radius:50%;place-items:center}.demo-room-people>span:first-child{margin-left:0}.demo-room-people>span.ai{color:#5f3f8d;background:#eee7f8}.demo-room-people>b{margin-left:.45rem;color:#536778;font-size:.61rem}.demo-messages{display:grid;grid-gap:1px;gap:1px;padding:0 1rem;background:#e1e7e9}.demo-messages article{display:grid;grid-template-columns:auto 1fr;grid-gap:.8rem;gap:.8rem;padding:1rem 0;background:white}.demo-messages article>i{display:grid;width:35px;height:35px;color:#076860;font-size:.54rem;font-style:normal;font-weight:850;background:#def5f0;border-radius:50%;place-items:center}.demo-messages article.assistant>i{color:#5f3c8c;background:#eee7f8}.demo-messages article header{display:flex;flex-wrap:wrap;gap:.4rem;align-items:baseline}.demo-messages article header b{font-size:.72rem}.demo-messages article header span{color:#758491;font-size:.59rem}.demo-messages article p{margin:.35rem 0 0;color:#405669;font-size:.75rem;line-height:1.55}.demo-composer{--recipient-color:#0b756e;--recipient-soft:#e9f8f4;display:grid;grid-gap:.75rem;gap:.75rem;padding:1rem;background:var(--recipient-soft);border-top:3px solid var(--recipient-color);transition:background .16s ease,border-color .16s ease}.demo-composer--ai{--recipient-color:#7657a7;--recipient-soft:#f3eff9}.demo-recipient-label{display:flex;flex-wrap:wrap;gap:.25rem .6rem;align-items:baseline}.demo-recipient-label b{font-size:.7rem}.demo-recipient-label span{color:#607182;font-size:.62rem}.demo-recipient-switch{display:grid;grid-template-columns:1fr 1fr;grid-gap:.5rem;gap:.5rem}.demo-recipient-switch button{display:grid;grid-template-columns:auto 1fr auto;grid-gap:.55rem;gap:.55rem;align-items:center;min-height:56px;padding:.65rem;text-align:left;background:rgb(255 255 255/.78);border:1px solid #cbd7dc;border-radius:.68rem;cursor:pointer}.demo-recipient-switch button[aria-pressed=true]{color:var(--recipient-color);background:white;border:2px solid var(--recipient-color);box-shadow:0 4px 14px rgb(7 22 40/.08)}.demo-recipient-switch button>span{display:grid;grid-gap:.14rem;gap:.14rem}.demo-recipient-switch button b{font-size:.7rem}.demo-recipient-switch button small{color:#667989;font-size:.58rem;line-height:1.35}.demo-compose-preview{display:flex;gap:.75rem;align-items:center;justify-content:space-between;min-height:55px;padding:.6rem .65rem .6rem .8rem;color:#748592;font-size:.7rem;background:white;border:1px solid #cbd7dc;border-radius:.65rem}.demo-compose-preview button{flex:0 0 auto;min-height:37px;padding:0 .8rem;color:white;font-size:.62rem;font-weight:800;background:var(--recipient-color);border:0;border-radius:.5rem;opacity:.58}.demo-preview-note{color:#637586;font-size:.59rem}.demo-ai-queue{overflow:hidden}.demo-ai-queue>header{display:grid;grid-gap:.25rem;gap:.25rem;padding:1rem;color:#583b83;background:var(--demo-violet-soft);border-bottom:1px solid #ddd3eb}.demo-ai-queue>header>span{display:flex;gap:.45rem;align-items:center;font-size:.75rem;font-weight:800}.demo-ai-queue>header small{color:#76688a;font-size:.6rem}.demo-ai-queue ol{padding:0;margin:0;list-style:none}.demo-ai-queue li{display:grid;grid-template-columns:auto 1fr;grid-gap:.7rem;gap:.7rem;padding:1rem;border-bottom:1px solid var(--demo-border)}.demo-queue-number{display:grid;width:27px;height:27px;color:white;font-size:.64rem;font-weight:850;background:#7657a7;border-radius:50%;place-items:center}.demo-ai-queue li div{display:grid;grid-gap:.28rem;gap:.28rem}.demo-ai-queue li small{color:#7657a7;font-size:.53rem;font-weight:850;letter-spacing:.07em}.demo-ai-queue li b{font-size:.69rem}.demo-ai-queue li p,.demo-queue-explainer{margin:0;color:#53687a;font-size:.67rem;line-height:1.5}.demo-queue-explainer{padding:1rem;background:#f7f5fa}.demo-workflow-canvas{overflow:hidden}.demo-workflow-canvas>header em{padding:.36rem .55rem;color:#85551f;font-size:.58rem;font-style:normal;font-weight:800;background:#fff1df;border-radius:999px}.demo-workflow-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:0;gap:0;align-items:center;padding:1.5rem;background:#f7f9f9}.demo-workflow-step{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:.2rem;gap:.2rem;align-items:center}.demo-workflow-step:last-child{grid-template-columns:minmax(0,1fr)}.demo-workflow-step>svg{margin:0 -3px;color:#8aa0ad}.demo-workflow-step button{position:relative;display:grid;grid-gap:.38rem;gap:.38rem;min-height:156px;padding:1rem .7rem;text-align:left;background:white;border:1px solid #ccd7dc;border-radius:.72rem;cursor:pointer}.demo-workflow-step button.is-active{border:2px solid #008f84;box-shadow:0 8px 20px rgb(7 22 40/.09)}.demo-workflow-step button>span{position:absolute;top:.55rem;right:.55rem;color:#8b98a2;font-size:.56rem;font-weight:850}.demo-workflow-step button>svg{color:#08766f}.demo-workflow-step button small{color:#008f84;font-size:.54rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.demo-workflow-step button b{font-size:.65rem;line-height:1.4}.demo-step-details{padding:1.25rem}.demo-step-details h3{margin:.5rem 0 1rem;font-size:1.25rem;letter-spacing:-.035em;line-height:1.12}.demo-step-details dl{margin:0;border-top:1px solid var(--demo-border)}.demo-step-details dl>div{padding:.75rem 0;border-bottom:1px solid var(--demo-border)}.demo-step-details dt{margin-bottom:.25rem;color:#758592;font-size:.56rem;font-weight:850;text-transform:uppercase}.demo-step-details dd{margin:0;color:#405669;font-size:.7rem;line-height:1.45}.demo-step-details>p{display:flex;gap:.5rem;align-items:flex-start;padding:.8rem;margin:1rem 0 0;color:#5e4a2e;font-size:.64rem;line-height:1.5;background:#fff7e9;border-radius:.6rem}.demo-step-details>p svg{flex:0 0 auto;color:#a86d28}.demo-answer-room{overflow:hidden}.demo-answer-message{display:grid;grid-template-columns:auto 1fr;grid-gap:.9rem;gap:.9rem;padding:1.1rem 1.4rem;background:#f7f9f9}.demo-answer-message>i,.demo-teammate-review>i{display:grid;width:36px;height:36px;color:#5f3f8d;font-size:.56rem;font-style:normal;font-weight:850;background:#eee7f8;border-radius:50%;place-items:center}.demo-answer-author{display:flex;gap:.8rem;align-items:flex-start;justify-content:space-between;margin-bottom:.65rem}.demo-answer-author>div{display:grid;grid-gap:.15rem;gap:.15rem}.demo-answer-author b{font-size:.73rem}.demo-answer-author small{color:#758491;font-size:.59rem}.demo-answer-author>span{display:inline-flex;gap:.35rem;align-items:center;padding:.36rem .52rem;color:#654490;font-size:.57rem;font-weight:800;background:#eee7f8;border-radius:999px;white-space:nowrap}.demo-answer-content{overflow:hidden;background:white;border:1px solid var(--demo-border);border-radius:.72rem}.demo-answer-content>h3{padding:1rem 1.15rem 0;margin:0;font-size:1.18rem;letter-spacing:-.035em}.demo-answer-content>p{padding:.55rem 1.15rem 1rem;margin:0;color:#4a6072;font-size:.7rem;line-height:1.55;border-bottom:1px solid var(--demo-border)}.demo-answer-items section{display:grid;grid-template-columns:auto 1fr;grid-gap:.85rem;gap:.85rem;padding:.9rem 1.15rem;border-bottom:1px solid var(--demo-border)}.demo-answer-items section:last-child{border-bottom:0}.demo-answer-items section>span{color:#a4b0b9;font-size:.64rem;font-weight:850}.demo-answer-items h4{margin:.3rem 0 .38rem;font-size:.9rem;letter-spacing:-.02em}.demo-answer-items p{margin:0;color:#506578;font-size:.69rem;line-height:1.5}.demo-answer-items footer{display:flex;flex-wrap:wrap;gap:.35rem .8rem;margin-top:.65rem;color:#70808d;font-size:.6rem}.demo-answer-items footer b{color:#365064}.demo-teammate-review{display:grid;grid-template-columns:auto 1fr;grid-gap:.8rem;gap:.8rem;padding:1rem 1.4rem;background:#eef8f5;border-top:1px solid #cfe4df}.demo-teammate-review>i{color:#076860;background:#def5f0}.demo-teammate-review header{display:flex;gap:.4rem;align-items:baseline}.demo-teammate-review header b{font-size:.7rem}.demo-teammate-review header span{color:#758491;font-size:.58rem}.demo-teammate-review p{margin:.35rem 0 0;color:#405669;font-size:.7rem;line-height:1.5}.demo-answer-review{padding:1.35rem}.demo-review-icon{display:grid;width:50px;height:50px;margin-bottom:1rem;color:#087970;background:var(--demo-mint);border-radius:50%;place-items:center}.demo-answer-review h3{margin:.45rem 0 .6rem;font-size:1.35rem;letter-spacing:-.04em}.demo-answer-review>div p,.demo-answer-review>p{margin:0;color:#506578;font-size:.72rem;line-height:1.55}.demo-answer-review>div{padding-top:1rem;margin-top:1.2rem;border-top:1px solid var(--demo-border)}.demo-answer-review>div p{margin-top:.4rem}.demo-stage-controls{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:.7rem;gap:.7rem;align-items:center;padding-top:1.5rem;margin-top:2rem;border-top:1px solid var(--demo-border)}.demo-stage-controls a,.demo-stage-controls button{display:inline-flex;gap:.45rem;align-items:center;justify-content:center;width:max-content;min-height:42px;padding:0 .85rem;color:#385065;font-size:.67rem;font-weight:800;text-decoration:none;background:white;border:1px solid #c7d2d8;border-radius:.6rem;cursor:pointer}.demo-stage-controls button:nth-child(2){justify-self:center}.demo-stage-controls button:disabled{cursor:not-allowed;opacity:.4}.demo-stage-controls .primary{justify-self:end;color:white;background:var(--demo-ink);border-color:var(--demo-ink)}.demo-real-capabilities{display:grid;grid-template-columns:1fr .85fr;grid-gap:clamp(2rem,6vw,6rem);gap:clamp(2rem,6vw,6rem);width:min(1120px,calc(100% - 2rem));padding:clamp(2rem,5vw,3.5rem);margin:0 auto clamp(3rem,7vw,6rem);color:white;background:#0b1e33;border-radius:1rem}.demo-real-capabilities h2{max-width:600px;margin:.65rem 0 .75rem;font-size:clamp(1.7rem,3.5vw,2.8rem);letter-spacing:-.05em;line-height:1.03}.demo-real-capabilities p{max-width:650px;margin:0;color:#aebdca;font-size:.79rem;line-height:1.6}.demo-real-capabilities ul{display:grid;grid-gap:0;gap:0;padding:0;margin:0;list-style:none;border-top:1px solid rgb(255 255 255/.14)}.demo-real-capabilities li{display:flex;gap:.65rem;align-items:center;padding:.85rem 0;color:#dce8f0;font-size:.73rem;border-bottom:1px solid rgb(255 255 255/.14)}.demo-real-capabilities li svg{flex:0 0 auto;color:#29d9c4}.demo-footer{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:1rem;gap:1rem;align-items:center;min-height:110px;padding:1.5rem max(1rem,calc((100vw - 1180px) / 2));background:white;border-top:1px solid var(--demo-border)}.demo-footer .goodoffice-logo-lockup{height:32px}.demo-footer p{margin:0;color:#617383;font-size:.68rem}.demo-footer nav{display:flex;gap:1rem;justify-self:end}.demo-footer nav a{color:#405669;font-size:.67rem;font-weight:700;text-decoration:none}@media (max-width:980px){.demo-hero{grid-template-columns:1fr;min-height:0}.demo-start-options{grid-template-columns:1fr 1fr}.demo-start-options>button{grid-template-columns:auto 1fr}.demo-start-options>button>svg{display:none}.demo-answer,.demo-collaboration,.demo-workflow{grid-template-columns:1fr}.demo-ai-queue,.demo-answer-review,.demo-step-details{display:grid;grid-template-columns:minmax(0,1fr)}.demo-workflow-steps{grid-template-columns:1fr;gap:0}.demo-workflow-step{grid-template-columns:1fr;justify-items:stretch}.demo-workflow-step>svg{margin:.25rem auto;transform:rotate(90deg)}.demo-workflow-step button{min-height:96px}}@media (max-width:720px){.demo-header{grid-template-columns:1fr auto;min-height:64px}.demo-header>span{display:none}.demo-header>a:last-child{font-size:0}.demo-header>a:last-child:after{font-size:.7rem;content:"Product site"}.demo-truth-note{align-items:flex-start;justify-content:flex-start;text-align:left}.demo-hero{gap:2rem;padding-top:3.25rem;padding-bottom:3.25rem}.demo-start-options{grid-template-columns:1fr}.demo-start-options>button{min-height:145px}.demo-tour{width:calc(100% - 1rem);margin-top:1.5rem;border-radius:.85rem}.demo-stepper{grid-template-columns:repeat(4,minmax(66px,1fr));overflow-x:auto}.demo-stepper button{grid-template-columns:1fr;gap:.35rem;justify-items:center;min-height:82px;padding:.65rem .35rem;text-align:center}.demo-stepper button>span:last-child{font-size:.58rem}.demo-step-number{display:none}.demo-stage{padding:1rem}.demo-guide{grid-template-columns:1fr;gap:.65rem}.demo-guide>span{padding-top:0}.demo-agent>header{grid-template-columns:auto 1fr}.demo-included-badge{grid-column:2;width:max-content}.demo-agent-summary{grid-template-columns:1fr}.demo-agent-summary>div{min-height:0;border-right:0;border-bottom:1px solid var(--demo-border)}.demo-agent-summary>div:last-child{border-bottom:0}.demo-room-header{align-items:flex-start}.demo-room-people>b{display:none}.demo-recipient-switch{grid-template-columns:1fr}.demo-compose-preview{align-items:stretch;flex-direction:column}.demo-answer-author{flex-direction:column}.demo-stage-controls{grid-template-columns:1fr 1fr}.demo-stage-controls a,.demo-stage-controls button{width:100%}.demo-stage-controls button:nth-child(2){justify-self:stretch}.demo-stage-controls .primary{grid-column:1/-1;grid-row:1;justify-self:stretch}.demo-footer,.demo-real-capabilities{grid-template-columns:1fr}.demo-footer{justify-items:start}.demo-footer nav{justify-self:start}}@media (prefers-reduced-motion:reduce){.demo-page *{scroll-behavior:auto!important;transition:none!important}}