.demo-header{position:absolute}.demo-badge{margin-left:20px;padding:5px 10px;background:#e8f6f1;color:var(--teal);border-radius:99px;font-size:11px;font-weight:700}.back-link{margin-left:auto;font-size:13px}.demo-hero{padding:140px 0 65px;text-align:center;background:linear-gradient(120deg,#eff9f5,#fff)}.demo-hero h1{font-size:clamp(38px,5vw,58px);margin:10px 0}.demo-hero>div>p:not(.cx-kicker){color:var(--muted)}.privacy-note{max-width:760px;margin:30px auto 0;padding:14px;background:#fff;border:1px solid var(--line);font-size:13px}.demo-main{padding:35px 0 90px;background:var(--paper)}.demo-app{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.demo-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.demo-tabs button{min-width:0;border:0;border-right:1px solid var(--line);background:#fff;padding:18px 10px;cursor:pointer;color:var(--muted);font-weight:700;overflow-wrap:anywhere}.demo-tabs button b{color:var(--teal);margin-right:7px}.demo-tabs button[aria-selected="true"]{color:var(--ink);background:var(--mint);box-shadow:inset 0 -3px var(--teal)}.app-layout{display:grid;grid-template-columns:1fr 260px}.demo-workspace{padding:34px}.demo-screen[hidden]{display:none}.screen-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.screen-head span{font-size:11px;color:var(--teal);font-weight:700}.screen-head h2{margin:4px 0;font-size:28px}.reset{border:1px solid var(--line);background:#fff;padding:8px 12px;border-radius:5px;cursor:pointer}.steps{display:grid;grid-template-columns:1fr 1fr;gap:18px}.steps>div:last-child{grid-column:1/-1}.steps label,.form-grid label{display:block;font-weight:700}.steps label>b,.steps div>b{display:block;color:var(--teal);font-size:10px;margin-bottom:6px}.steps select,.form-grid input,.form-grid select{width:100%;min-height:48px;border:1px solid var(--line);border-radius:5px;padding:0 12px;background:#fff}.stepper{height:48px;display:flex;align-items:center;border:1px solid var(--line);border-radius:5px}.stepper button{width:45px;height:100%;border:0;background:#f5f9f7;cursor:pointer}.stepper strong{margin-left:auto;font-size:22px}.stepper span{margin:0 auto 0 5px}.change-list{margin-top:25px}.change-list h3{font-size:14px}.change-list>div,.single-result{display:grid;grid-template-columns:1fr auto 80px;gap:10px;padding:12px;border-bottom:1px solid var(--line)}.change-list em,.single-result em{color:var(--teal);font-style:normal;text-align:right}.complete{min-height:50px;padding:13px;background:var(--paper);text-align:center;font-size:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:24px}.input-unit{display:flex;align-items:center;border:1px solid var(--line);border-radius:5px}.input-unit input{border:0}.input-unit span{padding-right:12px}.single-result{margin:24px 0;background:var(--paper)}.voice-stage{text-align:center;padding:20px}.voice-button{width:82px;height:82px;border:0;border-radius:50%;background:var(--teal);color:#fff;cursor:pointer}.voice-button.listening{animation:pulse 1s infinite}.wave{height:45px;display:flex;justify-content:center;align-items:center;gap:5px;margin:12px}.wave i{width:4px;height:8px;background:var(--teal);border-radius:4px}.wave.active i{animation:wave .65s infinite alternate}.wave.active i:nth-child(2),.wave.active i:nth-child(4){animation-delay:.2s}.voice-stage blockquote{margin:15px auto;padding:14px;background:var(--mint);max-width:500px}.parse-card{max-width:500px;margin:auto;border:1px solid var(--line);padding:18px}.parse-card>div{display:flex;justify-content:space-between;padding:9px;border-bottom:1px solid var(--line)}.parse-card button{margin-top:15px}.voice-result{margin:20px auto;max-width:500px;padding:18px;background:var(--mint);color:var(--teal);text-align:center}.demo-summary{border-left:1px solid var(--line);padding:30px;background:#fbfdfc}.demo-summary h2{font-size:19px;margin-top:0}.demo-summary>p{font-size:11px;color:var(--muted)}.demo-summary>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.demo-summary .cx-button{margin-top:25px;font-size:12px}.demo-end{padding:90px 0;text-align:center}.demo-end p{color:var(--muted)}.demo-end .cx-actions{justify-content:center}@keyframes wave{to{height:38px}}
@media(max-width:800px){.demo-tabs{grid-template-columns:1fr 1fr}.app-layout{grid-template-columns:1fr}.demo-summary{border-left:0;border-top:1px solid var(--line)}.demo-workspace{padding:25px}.steps,.form-grid{grid-template-columns:1fr}.demo-badge{display:none}}
@media(max-width:480px){.back-link{font-size:11px}.demo-tabs button{font-size:11px}.demo-workspace{padding:18px}.screen-head h2{font-size:23px}.change-list>div,.single-result{grid-template-columns:1fr auto}.change-list em,.single-result em{grid-column:1/-1}.demo-hero{padding-top:115px}}
@media(prefers-reduced-motion:reduce){.wave i,.voice-button{animation:none!important}}