.demo-header{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #ddd}.demo-header a{font-weight:800;color:inherit}.demo-notice{font-size:.85rem;color:#536759}.demo-actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.demo-actions button, .demo-header button{min-height:44px}.demo-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.demo-metrics article{padding:16px;background:#f4f6f1;border-radius:12px}.demo-metrics strong{display:block;font-size:1.5rem}#view{width:100%;height:76vh;border:1px solid #d9e0d7;border-radius:16px;background:white}body{padding-bottom:240px}#message{color:#28583b}#status{font-weight:700}@media(max-width:600px){.demo-header{flex-wrap:wrap;padding:10px}.page{padding:12px}.demo-actions button{flex:1 1 45%}#view{height:72vh}}@media print{.demo-header,.demo-actions,.demo-notice,#assistantPanel{display:none}}
.demo-actions button,.demo-header button,#explore,#again{border:1px solid #bacbbf;border-radius:12px;padding:10px 14px;background:#fff;color:#214f37;font:inherit;font-weight:600;cursor:pointer}.demo-actions button:hover,.demo-header button:hover{background:#edf5ef}.demo-actions button:focus-visible,.demo-header button:focus-visible{outline:3px solid #e6a536;outline-offset:3px}.demo-header{background:#edf4ee}.demo-actions #send{background:#1d7047;color:#fff}.demo-actions #dashboard{border-color:#1d7047}
/* Keep the expanded menu scrollable below the demo action bar on small screens. */
@media(max-width:900px){#regieAssistant:not(.is-collapsed){max-height:min(320px,36dvh)!important}}
/* The demo guide has its own layout space, so form and financial controls stay free. */
body{padding-bottom:24px}.demo-layout{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:20px;align-items:start}.demo-layout:has(#guideHost[hidden]){grid-template-columns:minmax(0,1fr)}.demo-content{min-width:0}#guideHost{position:sticky;top:12px}.demo-guide{background:#f0f7f1;border:1px solid #b5cbbb;border-radius:16px;padding:14px;overflow:auto;max-height:80dvh;color:#183d29}.demo-guide .assistant-heading{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.demo-guide .assistant-heading strong{flex:1}.demo-guide button{min-height:44px;border:1px solid #b5cbbb;border-radius:8px;background:white;color:#214f37;padding:8px;cursor:pointer;font:inherit}.demo-guide-actions{display:flex;flex-wrap:wrap;gap:8px}.demo-guide #assistantInstruction{line-height:1.5}.demo-welcome{display:flex;gap:24px;align-items:start}.demo-welcome img{border-radius:24px}.customer-perspective{background:#e9f2ff;border-left:5px solid #245ca5;padding:12px;color:#174779}.contractor-perspective{background:#edf6ef;border-left:5px solid #1d7047;padding:12px}.guide-right .demo-layout{grid-template-columns:minmax(0,1fr) minmax(240px,320px)}.guide-right #guideHost{grid-column:2;grid-row:1}.guide-right .demo-content{grid-column:1;grid-row:1}#finish img{border-radius:20px}.demo-guide [hidden]{display:none!important}
@media(max-width:900px){.demo-layout,.guide-right .demo-layout{display:flex;flex-direction:column}#guideHost,.demo-content{width:100%;box-sizing:border-box}#guideHost{position:static}.demo-guide{max-height:34dvh}.demo-welcome{flex-direction:column}.demo-welcome img{width:100px;height:100px}#view{height:68dvh}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

#more{border:1px solid #bacbbf;border-radius:12px;padding:10px 14px;background:#fff;color:#214f37;font:inherit;font-weight:600;min-height:44px;cursor:pointer}.demo-guide button:focus-visible{outline:3px solid #d28b18;outline-offset:3px}#evidence{font-size:.85rem;color:#385241}@media(max-width:900px){.guide-right #guideHost{order:2}}

/* Keep the nested viewport fully visible after explicit view changes. Firefox
   otherwise dispatches a click below the outer viewport without DOM events. */
.demo-layout{min-height:calc(100dvh - 24px);scroll-margin-top:12px}@media(max-width:900px){#view{height:58dvh}.demo-guide{max-height:32dvh}}
@media(min-width:901px){body>.page:has(#workspace:not([hidden])){width:min(100% - 28px,1240px)}}

/* The demo keeps the guide in its own column, including its compact control. */
.demo-guide.is-collapsed #assistantCompactLabel{display:block}

#demoAudio button,#dictationExample,#simulateReminder,#demoLanguage{font:inherit;min-height:44px;padding:8px;max-width:100%}#demoAudio{display:flex;flex-wrap:wrap;gap:8px}#demoAudio p{flex-basis:100%;overflow-wrap:anywhere}#reminderDemo,#dictationDemo{margin-top:16px}#demoAudio button:focus-visible{outline:3px solid #d28b18}

.demo-cta{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-block:20px}.demo-cta a{min-height:44px;display:inline-flex;align-items:center;box-sizing:border-box}.trial-invitation{line-height:1.65}

/* Three equal secondary actions below the trial invitation. */
.completion-actions{display:grid;grid-auto-rows:1fr;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-block:16px}
.completion-actions #again,.completion-actions #more,.completion-actions a{display:flex;align-items:center;justify-content:center;min-height:64px;box-sizing:border-box;margin:0;padding:12px;border:1px solid #bacbbf;border-radius:12px;background:#fff;color:#214f37;font:inherit;font-weight:600;text-align:center;text-decoration:none;cursor:pointer;overflow-wrap:anywhere}
.completion-actions :is(button,a):hover{background:#edf5ef}
.completion-actions :is(button,a):focus-visible,#featuresHeading:focus-visible{outline:3px solid #d28b18;outline-offset:3px}
#additionalFeatures{scroll-margin-top:16px}#additionalFeatures li{margin-block:10px}
@media(max-width:900px){.completion-actions{grid-template-columns:1fr}}

#featuresHeading,#welcomeHeading{scroll-margin-top:16px}