.demoWelcome{text-align:center;margin:10px auto 18px;max-width:520px}.demoWelcome h1{font-size:clamp(27px,5vw,38px);margin:8px 0}.demoWelcome p{color:#806574;margin:0}.demoWelcome .mascotStage{margin:10px auto 0;min-height:130px}.demoWelcome .mascotStage .mascotHello{font-size:12px}.demoCard{max-width:520px;margin:0 auto;padding:24px!important;border:1px solid #edd3df!important;box-shadow:0 10px 35px #b6295a0b}.demoBadge{display:inline-block;background:#f8e4ed;color:#b6295a;border-radius:100px;padding:6px 12px;font-size:13px;font-weight:700}.demoMeta{font-size:12px;color:#806574;margin:9px 0 18px}.demoGoals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:20px}.demoGoals button{border:1px solid #ead6e0;border-radius:18px;background:#fff8fb;padding:13px 4px;font-size:22px;cursor:pointer}.demoGoals span{display:block;font-size:13px;font-weight:700;color:#806574;margin-top:6px}.demoGoals button[aria-pressed=true]{border-color:#b6295a;background:#f9e6ee;box-shadow:0 0 0 1px #b6295a}.demoCard input,.demoCard select{max-width:100%;min-width:0}.demoCard label{font-size:13px}.demoFieldHint,.demoExample small,.demoNoPayment{display:block;color:#806574;font-size:11px;line-height:1.6}.demoExample{background:#fff8fb;border:1px solid #f0dfe7;border-radius:16px;padding:15px;line-height:1.6}.demoExample b{font-size:14px}.demoExample p{font-size:13px;color:#806574;margin:6px 0}.demoVoice{display:flex;align-items:center;gap:12px;margin:15px 0}.demoVoice label{margin:0;white-space:nowrap}.demoVoice select{width:auto;flex:1;margin:0}.demoHint{font-size:12px;color:#806574}.demoNoPayment{text-align:center;margin-top:10px}.demoNav{display:flex;justify-content:center;gap:22px;margin:20px 0 30px}.demoNav button{border:0;background:none;color:#806574;font-size:12px;cursor:pointer}.demoProgress{font-size:12px;color:#b6295a;background:#fff8fb;border:1px solid #eed7e2;padding:7px 12px;border-radius:100px;margin:0 auto 10px;width:max-content;max-width:100%}.funnelChips{display:flex;flex-wrap:wrap;gap:5px;max-width:330px;margin-top:8px}.funnelChip{font-size:10px!important;padding:4px 6px;border-radius:7px;background:#f7f1f4;color:#8c7b84;white-space:nowrap}.funnelChip.done{background:#e9f5ed;color:#39754e}.funnelOverview{margin:16px 0;padding:16px}.funnelOverview h3{margin:0 0 8px}.funnelNumbers{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}.funnelNumbers div{background:#fff8fb;padding:10px;border-radius:12px}.funnelNumbers span{display:block;font-size:11px;color:#806574}.funnelNumbers b{font-size:19px}.funnelOverview small{font-size:11px;color:#806574}.setupIntro{color:#806574;font-size:12px;margin:10px 0}.trialResultOffer p{line-height:1.6}@media(max-width:480px){.demoCard{padding:18px!important}.demoWelcome .mascotStage{min-height:115px}.demoGoals{gap:7px}.demoGoals button{padding:11px 3px}}@media(prefers-reduced-motion:reduce){.demoCard,.demoGoals button{animation:none;transition:none}}

.textAnswerForm{padding:12px 16px;background:#fff8fb;border-bottom:1px solid #edd3df}.textAnswerForm textarea{width:100%;resize:vertical;min-height:72px;font:inherit;border:1px solid #e7ccd9;border-radius:12px;padding:10px;background:white;color:#60434f}.textAnswerForm label{font-size:12px;margin-top:0}.textAnswerForm .btn{margin-top:6px}.demoTextChoice{font-size:12px!important;margin:12px 0!important}

.demoGoals svg{width:23px;height:23px;display:block;margin:0 auto;fill:none;stroke:#b6295a;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.demoWelcome .mascotStage{min-height:115px}.demoWelcome{margin-bottom:10px}.demoCard #demoFields input{margin-bottom:6px}.demoCard .demoGoals{margin-bottom:15px}.demoVoice{margin:12px 0}.demoTextChoice{margin:8px 0!important}.demoCard .demoHint{margin:8px 0 12px}.demoCard #startError:empty{display:none}.demoCard #demoSkip{margin-top:9px}@media(min-width:860px){.shell.demoShell{max-width:1040px;padding:30px 40px 40px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:20px 40px;align-content:start}.demoShell>.brand{grid-column:1/-1}.demoShell .demoWelcome{align-self:center;padding:20px 0;margin:0}.demoShell .demoWelcome h1{font-size:36px}.demoShell .demoWelcome .mascotStage{min-height:170px;margin-top:25px}.demoShell .demoCard{width:100%;margin:12px 0 0}.demoShell .demoNav{grid-column:1/-1;margin-top:0}}@media(max-width:480px){.demoShell{padding-top:15px}.demoWelcome h1{font-size:27px}.demoWelcome p{font-size:14px}.demoWelcome .mascotStage{min-height:105px;margin-top:4px}.demoCard .demoGoals button{padding:10px 3px}.demoMeta{margin-bottom:12px}}

/* R16: a calm composer with room for messages, including short phone screens. */
.conversationPanel{overflow:hidden}
.conversationPanel .chat{min-height:0;flex:1 1 120px;overflow-y:auto;overflow-wrap:anywhere}
.conversationHeader,.conversationMeta,.sessionGuide,.transcriptDock,.textAnswerForm{flex-shrink:0}
.textAnswerForm{border:1px solid #edd3df;border-radius:18px;padding:12px;background:linear-gradient(145deg,#fff7fb,#fffdfd);box-shadow:0 5px 18px #93274c06}
.textAnswerForm[hidden]{display:none}
.textAnswerForm textarea{display:block;min-height:72px;max-height:140px;resize:vertical;font-size:16px;line-height:1.5;margin:7px 0 0}
.textAnswerForm textarea:focus{outline:2px solid #cb4778;outline-offset:2px}
.textAnswerActions{display:flex;align-items:center;gap:8px;margin-top:8px}
.textAnswerActions .btn{flex:1;min-width:0;margin:0;font-size:13px;min-height:44px}
.textVoiceSwitch{flex:none;border:0;border-radius:12px;background:transparent;color:#8b506a;font:inherit;font-size:12px;padding:8px;min-height:44px}
.textVoiceSwitch:hover{background:#f8e9f0}.textVoiceSwitch:disabled{opacity:.5}
.textAnswerStatus{display:block;font-size:11px;color:#806574;line-height:1.5;margin-top:8px}
#textAnswerError:empty{display:none}.textAnswerMode .transcriptDock{display:none}
.textAnswerMode .sessionGuide{background:#fbf0f6;color:#87536b}
.conversationPanel .bubble{overflow-wrap:anywhere}.conversationPanel .conversationMeta{gap:5px;flex-wrap:wrap}
@media(max-width:720px){.conversationPanel{height:88dvh;max-height:calc(100dvh - 12px)}.textAnswerForm{padding:10px}.textAnswerActions{gap:5px}.textVoiceSwitch{padding:7px 5px;font-size:11px}}
@media(max-height:600px){.conversationPanel{height:calc(100dvh - 8px);max-height:calc(100dvh - 8px);padding-top:8px;padding-bottom:max(8px,env(safe-area-inset-bottom))}.conversationPanel .conversationMeta,.conversationPanel .sessionGuide,.conversationHandle{display:none}.conversationHeader{padding-bottom:6px}.conversationHeader .eyebrow{display:none}.conversationHeader h2{font-size:19px}.textAnswerForm textarea{min-height:48px;height:56px;max-height:90px}.textAnswerStatus{margin-top:5px}.conversationPanel .chat{padding:8px 2px;flex-basis:60px}.transcriptDock{padding-top:6px}.conversationPanel .userVoiceFeedback{margin-top:4px}.conversationPanel .liveTranscript{min-height:42px;max-height:64px}}
@media(max-width:359px){.textAnswerActions{flex-wrap:wrap}.textAnswerActions .btn{flex-basis:140px}.textVoiceSwitch{font-size:10px}.demoNav{gap:12px}.demoGoals span{font-size:12px}}
@media(min-width:960px){.conversationPanel .textAnswerForm{padding:16px}.conversationPanel .chat{padding-right:8px}.textAnswerStatus{font-size:12px}}