@font-face{font-family:Inter;src:url('../escola/fonts/font-0.ttf');font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url('../escola/fonts/font-2.ttf');font-weight:600;font-display:swap}@font-face{font-family:Manrope;src:url('../escola/fonts/font-5.ttf');font-weight:600;font-display:swap}@font-face{font-family:Manrope;src:url('../escola/fonts/font-6.ttf');font-weight:700;font-display:swap}
:root{--navy:#102b50;--blue:#1670f8;--muted:#52647a;--pale:#f2f7fd;--line:#dfe8f3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#fff;color:var(--navy);font:400 17px/1.75 Inter,Arial,sans-serif}button,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:Manrope,Arial,sans-serif;line-height:1.2;letter-spacing:-.04em}h2{font-size:clamp(30px,3.2vw,44px)}h3{font-size:28px}h4{font-size:24px}p{color:var(--muted)}button,a,select,[tabindex]{outline-offset:5px}:focus-visible{outline:3px solid var(--blue)}.wrap{width:min(1280px,calc(100% - 64px));margin-inline:auto}.section{padding-block:94px}.header{min-height:106px;display:flex;align-items:center;gap:30px}.brand{display:inline-flex;align-items:center;gap:9px;flex-shrink:0}.header nav{margin-left:auto;display:flex;gap:28px;font-size:14px;font-weight:600}.header a:hover{color:var(--blue)}.portal-link{font-size:13px;border-left:1px solid var(--line);padding-left:24px}.skip{position:absolute;top:-100px;left:20px;padding:12px;background:#fff;z-index:30}.skip:focus{top:12px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:1.8px;color:var(--blue);margin-bottom:18px}.light{color:#abd1ff}.hero{display:block;min-height:620px;background:linear-gradient(90deg,rgba(8,25,47,.93) 0%,rgba(8,25,47,.88) 36%,rgba(8,25,47,.25) 67%,rgba(8,25,47,.08) 100%),url('assets/condominios-colaboracao.webp') center/cover;border-radius:0;padding:65px 0;color:white;overflow:hidden}.hero-copy{max-width:580px}.hero h1{font-size:clamp(36px,4vw,53px);line-height:1.12}.hero h1 span{color:#b8d8ff}.lead{font-size:18px;line-height:1.8;color:#d7e5f7;margin-top:27px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:1px solid transparent;border-radius:7px;font-weight:600;font-size:14px;padding:14px 20px;line-height:1.5;transition:transform .2s,background .2s}.button:hover:not(:disabled){transform:translateY(-2px)}.white{background:white;color:var(--navy)}.primary{background:var(--blue);color:#fff}.primary:hover{background:#125ac3}.secondary{background:#eaf2ff;color:var(--navy)}.hero .button{margin-top:30px}.hero-note{font-size:13px;color:#b9cde5;margin-top:22px}.intro-strip{display:grid;grid-template-columns:auto 1.2fr 1fr;gap:30px;align-items:center;padding-block:38px 60px}.intro-strip>span{font-size:45px;color:var(--blue)}.intro-strip p{font-size:16px}.intro-strip strong{color:var(--navy);font-weight:600}.demo-section{background:var(--pale);padding-block:80px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:38px}.section-heading>p{max-width:430px;font-size:16px}.section-heading strong{font-weight:600}.simulation-note{font-size:12px;letter-spacing:.5px;color:#345676;background:#e5effb;border:1px solid #ccdff5;border-radius:6px;padding:11px 15px;margin-bottom:24px}.scenario-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}.scenario-tabs button{display:flex;align-items:center;gap:14px;text-align:left;padding:19px 20px;border:1px solid #cedced;border-radius:9px;background:#fff;color:#52647a;font-size:12px;transition:background .2s}.scenario-tabs button span{font-size:16px;font-weight:600}.scenario-tabs button[aria-selected=true]{background:var(--navy);border-color:var(--navy);color:#fff}.scenario-panel{background:white;border:1px solid var(--line);border-radius:16px;padding:36px;min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:30px}.panel-heading .eyebrow{font-size:11px;margin-bottom:12px}.sample-label{font-size:11px;background:#edf3fa;padding:6px 9px;border-radius:4px;white-space:nowrap}.question-area{display:grid;grid-template-columns:.9fr 1.1fr;gap:38px;padding-top:26px;border-top:1px solid var(--line)}label{display:block;font-size:14px;font-weight:600;margin-bottom:10px}select{width:100%;min-height:48px;border:1px solid #bacde5;background:#fff;border-radius:7px;padding:10px;color:var(--navy);font-size:14px}.fineprint{font-size:12px;line-height:1.8;margin-top:17px}.billing-card,.answer-copy{background:var(--pale);border:1px solid var(--line);border-radius:12px;padding:26px}.billing-card>p{font-size:14px}.billing-card>strong{display:block;font:600 36px/1.3 Manrope,Arial,sans-serif;margin:22px 0 8px}.billing-card .button{display:flex;margin-top:24px;width:100%}.billing-card small{display:block;font-size:11px;margin-top:12px;color:var(--muted)}.billing-card h4{font-size:22px}.badge{display:inline-block;background:#e5f3ef;color:#17644f;font-size:12px;padding:4px 9px;border-radius:5px;margin-top:14px}.answer-copy>p:not(.eyebrow){margin-top:18px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 26px}.metrics>div{background:var(--pale);border-radius:9px;padding:20px}.metrics dt{font-size:13px;color:var(--muted)}.metrics dd{margin:9px 0 3px;font:600 30px/1.3 Manrope,Arial,sans-serif}.metrics p{font-size:12px}.expense-chart{margin:0 0 30px;padding:24px;border:1px solid var(--line);border-radius:10px}.expense-chart figcaption{font-weight:600;font-size:15px}.expense-chart .fineprint{margin:5px 0 20px}.chart-row{margin-top:17px}.chart-row>div:first-child{display:flex;justify-content:space-between;gap:16px;font-size:14px}.chart-row strong{font-weight:600}.chart-row small{color:#905618;margin-left:10px}.chart-row p{font-size:11px;margin-top:5px}.bar-track{background:#eaf0f8;height:10px;margin-top:8px;border-radius:4px;overflow:hidden}.bar-track span{display:block;background:var(--blue);width:var(--bar);height:100%;border-radius:4px}.table-scroll{overflow-x:auto;margin-bottom:30px}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}caption{text-align:left;font-size:14px;font-weight:600;padding-bottom:14px}th,td{border-bottom:1px solid var(--line);padding:14px 12px}thead{background:var(--pale)}tbody th{font-weight:600}.collab-intro{max-width:820px;font-size:15px}.timeline{list-style:none;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:30px 0}.timeline button{position:relative;width:100%;height:100%;text-align:left;border:1px solid var(--line);border-radius:8px;padding:16px 12px;background:var(--pale);color:var(--navy);font-size:12px;line-height:1.5}.timeline button span{display:grid;place-items:center;width:30px;height:30px;background:#dfeafb;border-radius:50%;margin-bottom:12px}.timeline button[aria-current=step]{background:var(--navy);color:#fff;border-color:var(--navy)}.timeline button[aria-current=step] span{background:var(--blue)}.timeline-detail{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;padding:30px;background:var(--pale);border-radius:12px}.timeline-detail time{display:block;font-size:12px;color:var(--muted);margin:15px 0}.timeline-detail p{font-size:15px}.timeline-detail aside{padding:24px;background:#fff;border:1px solid var(--line);border-radius:8px}.timeline-detail aside p{font-size:13px}.timeline-detail .eyebrow{font-size:11px;color:var(--blue)}hr{border:0;border-top:1px solid var(--line);margin:22px 0}.timeline-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:24px}.timeline-controls>span{font-size:13px}.button:disabled{opacity:.45;cursor:default}.integration-flow{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;gap:24px;margin:44px 0 20px}.integration-flow li{position:relative;background:var(--pale);border:1px solid var(--line);border-radius:12px;padding:25px}.integration-flow li:not(:last-child):after{content:'→';position:absolute;right:-21px;top:45%;color:var(--blue)}.integration-flow li>span{font-size:12px;color:var(--blue)}.integration-flow h3{font-size:20px;margin:16px 0 12px}.integration-flow p{font-size:13px}.flow-caption{text-align:center;font-size:13px;overflow-wrap:anywhere}.integration-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:48px}.integration-notes h3{font-size:20px;margin-bottom:15px}.integration-notes p{font-size:14px}.ecosystem{background:var(--pale)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.service-grid article{padding:26px;background:white;border:1px solid var(--line);border-radius:14px}.service-icon{display:grid;place-items:center;width:42px;height:42px;background:#eaf2ff;border-radius:11px;color:var(--blue);font-size:26px;margin-bottom:27px}.future{font-size:9px;letter-spacing:.9px;color:#5d6e83;margin-bottom:13px}.service-grid h3{font-size:23px;margin-bottom:17px}.service-grid article>p:last-child{font-size:14px}.closing{margin-top:75px;background:var(--navy);padding:50px;border-radius:16px;color:#fff}.closing>p:not(.eyebrow){color:#cbdcf1;max-width:670px;margin-top:22px}.closing .button{margin-top:28px}.footer{display:flex;justify-content:space-between;gap:30px;padding-block:45px}.footer p{font-size:12px;margin-top:18px}.footer>p{text-align:right}dialog{width:min(580px,calc(100% - 32px));max-height:90vh;overflow:auto;border:1px solid var(--line);border-radius:16px;padding:30px;color:var(--navy);box-shadow:0 20px 90px #07172f55}dialog::backdrop{background:#07172faa}.dialog-heading{display:flex;justify-content:space-between;align-items:start;gap:20px}.dialog-heading button{background:transparent;border:0;font-size:30px;color:var(--navy);padding:0 8px}.dialog-heading .eyebrow{margin-top:10px}dialog h2{font-size:30px;margin-bottom:24px}dialog h3{font-size:22px}.billing-details{margin:20px 0}.billing-details>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:12px 0;font-size:14px}.billing-details dd{margin:0;text-align:right}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){.header nav{gap:18px}.portal-link{display:none}.hero{padding:45px 0;min-height:590px}.hero-copy{max-width:52%}.hero h1{font-size:41px}.section-heading{gap:35px}.service-grid{grid-template-columns:1fr 1fr}.integration-flow{gap:18px}.integration-flow li{padding:20px}.integration-flow li:not(:last-child):after{right:-17px}.scenario-panel{padding:28px}.question-area{gap:25px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.header{min-height:90px;flex-wrap:wrap;padding-block:18px;gap:15px}.header nav{gap:20px;font-size:12px}.brand img:last-child{width:138px;height:auto}.hero{padding:40px 0;min-height:640px;background-position:60% center;background-image:linear-gradient(90deg,rgba(8,25,47,.96),rgba(8,25,47,.65)),url('assets/condominios-colaboracao.webp')}.hero-copy{max-width:540px}.intro-strip{grid-template-columns:auto 1fr;padding-bottom:40px}.intro-strip>p:last-child{grid-column:2}.section-heading{display:block}.section-heading>p{max-width:650px;margin-top:23px}.section,.demo-section{padding-block:60px}.scenario-tabs button{padding:14px;gap:8px}.scenario-tabs button span{font-size:14px}.question-area{grid-template-columns:1fr}.integration-flow{grid-template-columns:1fr;gap:20px}.integration-flow li:after{display:none}.integration-notes{gap:25px}.timeline-detail{grid-template-columns:1fr;gap:24px}.timeline{gap:6px}.timeline button{font-size:10px;padding:12px 8px}.metrics dd{font-size:26px}.closing{padding:36px;margin-top:50px}}
@media(max-width:540px){.header nav{width:100%;margin:0;justify-content:space-between}.hero{padding:38px 0;border-radius:0;min-height:0;background-position:58% center}.hero h1{font-size:36px}.lead{font-size:16px}.hero-note{font-size:12px}.intro-strip{gap:15px;padding-block:28px 40px}.intro-strip>span{font-size:30px}.intro-strip p{font-size:14px}.scenario-tabs{grid-template-columns:1fr 1fr}.scenario-tabs button{font-size:10px}.scenario-panel{padding:22px 17px}.panel-heading{display:block}.panel-heading h3{font-size:25px}.sample-label{display:inline-block;margin-top:15px}.simulation-note{font-size:10px}.metrics{grid-template-columns:1fr;gap:10px}.metrics>div{padding:15px}.metrics dd{font-size:28px}.metrics dt{font-size:12px}.expense-chart{padding:18px}.chart-row>div:first-child{font-size:12px}.billing-card,.answer-copy{padding:20px}.timeline{grid-template-columns:1fr;margin-block:24px}.timeline button{display:flex;align-items:center;gap:13px;font-size:13px;padding:10px 14px}.timeline button span{margin:0;width:26px;height:26px;flex-shrink:0}.timeline-detail{padding:20px}.timeline-detail aside{padding:18px}.timeline-controls{flex-wrap:wrap}.timeline-controls .button{font-size:11px;padding:12px 10px;gap:0}.timeline-controls>span{font-size:11px}.integration-flow,.integration-notes,.service-grid{grid-template-columns:1fr}.flow-caption{font-size:12px}.integration-notes{margin-top:30px}.service-grid article{padding:25px}.service-icon{margin-bottom:20px}.footer{display:block}.footer>p{text-align:left;margin-top:25px}.closing{padding:28px 24px}.closing p{font-size:15px}.closing .button{font-size:12px}dialog{padding:24px}.billing-details>div{display:block}.billing-details dd{text-align:left;margin-top:5px}h2 br{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Pessoas, conversas e registros visuais. */
.icon-library{position:absolute;width:0;height:0;overflow:hidden}.visual-icon{width:28px;height:28px;display:block;flex-shrink:0}.people-section{display:grid;grid-template-columns:.8fr 2fr;gap:50px;align-items:center;padding-block:55px}.people-heading .eyebrow{font-size:10px;margin-bottom:13px}.people-heading h2{font-size:30px}.people-network{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:0;gap:25px}.people-network li{position:relative;text-align:center}.people-network li:not(:last-child):after{content:'';height:1px;background:var(--line);position:absolute;left:calc(50% + 35px);width:calc(100% - 45px);top:31px}.person-visual{position:relative;z-index:1;display:grid;place-items:center;margin:0 auto 15px;width:64px;height:64px;border-radius:20px;background:#e9f2ff;color:var(--blue)}.people-network li:nth-child(2) .person-visual{background:#e9f5f0;color:#26745e}.people-network li:nth-child(3) .person-visual{background:#f0ebfb;color:#7657b0}.people-network li:nth-child(4) .person-visual{background:#fff1e3;color:#9a652b}.people-network h3{font-size:15px;letter-spacing:-.02em}.people-network p{font-size:11px;margin-top:6px}.question-picker-art{display:flex;align-items:center;gap:18px;background:linear-gradient(125deg,#102b50,#28558a);color:white;border-radius:12px;padding:26px;margin-bottom:25px}.question-picker-art>.visual-icon{width:44px;height:44px;color:#9ecaff}.question-picker-art>span{font:600 23px/1.3 Manrope,Arial,sans-serif;letter-spacing:-.03em}.conversation-question{display:flex;gap:12px;align-items:flex-start;justify-content:flex-end;margin-bottom:24px}.conversation-question>p{background:#e9f1ff;color:var(--navy);padding:14px 18px;border-radius:14px 14px 3px 14px;font-size:14px;order:-1;max-width:85%}.chat-avatar{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;background:#eaf1fb;border-radius:50%;color:var(--blue)}.chat-avatar .visual-icon{width:20px;height:20px}.assistant-heading{display:flex;align-items:center;gap:12px;margin-bottom:14px;font-size:13px;font-weight:600}.assistant-heading small{display:block;font-size:10px;font-weight:400;color:var(--muted)}.assistant-avatar{background:var(--navy);color:white}.conversation .billing-card{background:white;box-shadow:0 10px 30px #102b500a;border-top:4px solid var(--blue)}.conversation .answer-copy{border-top:3px solid #9dc3fa}.billing-card>strong{font-size:40px}.timeline button{display:flex;flex-direction:column;align-items:flex-start;gap:6px;font-size:12px;min-height:133px;transition:background .2s,transform .2s}.timeline button>span{border-radius:10px;width:36px;height:36px;margin-bottom:5px}.timeline button>span .visual-icon{width:22px;height:22px}.timeline button>small{font-size:10px;opacity:.7}.timeline li{position:relative}.timeline li:not(:last-child):after{content:'→';position:absolute;right:-10px;top:20px;color:var(--blue);z-index:1;font-size:14px}.timeline .past-step button{background:#edf6f1;border-color:#bad8cb}.timeline .past-step button>span{background:#d5ebdf;color:#26745e}.timeline-detail{grid-template-columns:1.1fr 1fr;align-items:center;gap:35px}.timeline-detail aside.record-preview{padding:24px;box-shadow:0 12px 32px #102b5008;background:linear-gradient(155deg,#fff,#f9fbff);text-align:center}.record-preview-top{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);letter-spacing:1px;border-bottom:1px solid var(--line);padding-bottom:12px}.record-icon{display:grid;place-items:center;background:#e7f0ff;color:var(--blue);width:72px;height:72px;border-radius:22px;margin:23px auto 19px}.record-icon>.visual-icon{width:36px;height:36px}.record-preview>.eyebrow{font-size:10px;margin-bottom:10px}.record-preview>strong{display:block;font:600 26px/1.3 Manrope,Arial,sans-serif;letter-spacing:-.03em}.record-preview>p:not(.eyebrow){margin-top:10px;font-size:12px}.record-mini-progress{display:flex;gap:5px;margin-top:25px}.record-mini-progress span{height:5px;border-radius:3px;flex:1;background:#e2eaf5}.record-mini-progress .is-complete{background:var(--blue)}.record-preview>.record-trace{font-size:10px!important;color:#64758a}.flow-icon{display:grid;place-items:center;width:62px;height:62px;background:white;border:1px solid #d6e5fa;border-radius:17px;box-shadow:0 6px 14px #102b5006}.flow-icon .visual-icon{width:32px;height:32px}.integration-flow h3{font-size:23px}.integration-flow li{padding:30px}.integration-flow li:not(:last-child):after{font-size:25px;top:40%}.connection-summary{display:flex;align-items:center;gap:17px;background:#f5f8fc;border-radius:10px;padding:20px 25px;margin-top:25px}.connection-summary>span{color:#26745e}.connection-summary p{font-size:13px}.connection-summary strong{color:var(--navy)}.service-grid article{overflow:hidden;padding:0 25px 27px}.service-illustration{position:relative;display:grid;place-items:center;height:170px;margin:0 -25px 25px;background:#e9f2ff;isolation:isolate;overflow:hidden;color:var(--blue)}.illustration-orbit{position:absolute;border:1px solid currentColor;opacity:.13;border-radius:50%;width:180px;height:180px;transform:translate(40px,-15px)}.illustration-main{display:grid;place-items:center;width:92px;height:92px;border-radius:24px;background:#ffffffdf;box-shadow:0 12px 25px #102b5010;transform:rotate(-7deg)}.illustration-main .visual-icon{width:48px;height:48px}.illustration-check{position:absolute;left:calc(50% + 22px);top:105px;border-radius:11px;background:white;padding:8px;box-shadow:0 5px 12px #102b5012;transform:rotate(7deg)}.illustration-check .visual-icon{width:23px;height:23px}.illustration-line{width:55px;height:5px;border-radius:6px;background:currentColor;opacity:.18;position:absolute;left:25px;bottom:25px}.illustration-home{background:#e7f3ed;color:#297e64}.illustration-cart{background:#fff1df;color:#9f6a28}.illustration-doc{background:#eee9f9;color:#7753b0}.service-grid .future{font-size:9px}.service-grid h3{font-size:22px}
@media(max-width:1100px){.people-section{grid-template-columns:1fr;gap:30px}.people-heading h2 br{display:none}.people-network{gap:30px}.service-illustration{height:180px}}
@media(max-width:800px){.timeline-detail{grid-template-columns:1fr}.question-picker-art{padding:20px}.question-picker-art>span{font-size:21px}.timeline button{min-height:135px;font-size:10px}.timeline-detail aside.record-preview{max-width:520px;width:100%;margin:auto}.integration-flow li{display:grid;grid-template-columns:auto 1fr;column-gap:22px;align-items:center}.integration-flow .flow-icon{grid-row:1/3}.integration-flow h3{margin:0 0 5px}.integration-flow p{grid-column:2}}
@media(max-width:540px){.people-section{padding-block:35px;gap:25px}.people-heading h2{font-size:27px}.people-network{grid-template-columns:1fr 1fr;gap:24px 15px}.people-network li:after{display:none}.people-network h3{font-size:14px}.people-network p{font-size:10px}.person-visual{width:56px;height:56px;border-radius:17px;margin-bottom:10px}.question-picker-art{padding:20px;gap:18px}.question-picker-art>span{font-size:22px}.conversation-question>p{font-size:13px;padding:12px 14px}.timeline button{flex-direction:row;align-items:center;gap:12px;min-height:0;font-size:12px}.timeline button>span{margin:0}.timeline button>small{font-size:10px}.timeline li:not(:last-child):after{content:'';width:1px;height:7px;left:32px;top:auto;bottom:-7px;background:#b9cde7}.timeline-detail{padding:20px;gap:22px}.record-preview>strong{font-size:24px}.integration-flow li{padding:22px;gap:5px 18px}.integration-flow h3{font-size:19px}.flow-icon{width:52px;height:52px}.connection-summary{align-items:flex-start;padding:18px}.connection-summary p{font-size:12px}.service-grid article{padding:0 25px 25px}.service-illustration{height:165px}.service-grid h3{font-size:23px}}

/* Etapas do atendimento: ícones e rótulos com mais presença. */
.timeline{gap:16px;margin-block:34px}
.timeline button{min-height:190px;padding:24px 18px;gap:10px;font-size:17px;font-weight:600;line-height:1.4;border-radius:12px;overflow-wrap:anywhere}
.timeline button>span{width:58px;height:58px;border-radius:16px;margin-bottom:7px;flex-shrink:0}
.timeline button>span .visual-icon{width:34px;height:34px}
.timeline button>small{font-size:13px;font-weight:400}
.timeline li:not(:last-child):after{right:-15px;top:39px;font-size:22px}
@media(max-width:1100px) and (min-width:801px){.timeline{gap:12px}.timeline button{padding:20px 14px;font-size:15px;min-height:190px}.timeline button>span{width:52px;height:52px}.timeline button>span .visual-icon{width:31px;height:31px}.timeline li:not(:last-child):after{right:-12px;font-size:18px}}
@media(max-width:800px){.timeline{grid-template-columns:1fr;gap:12px;margin-block:28px}.timeline button{flex-direction:row;align-items:center;min-height:94px;padding:18px 22px;font-size:18px;gap:18px}.timeline button>span{margin:0;width:54px;height:54px;border-radius:14px}.timeline button>small{font-size:13px}.timeline li:not(:last-child):after{content:'';width:1px;height:13px;left:49px;right:auto;top:auto;bottom:-13px;background:#b9cde7}}
@media(max-width:540px){.timeline button{padding:16px;font-size:16px;gap:12px;min-height:88px}.timeline button>span{width:48px;height:48px}.timeline button>span .visual-icon{width:30px;height:30px}.timeline button>small{font-size:12px}.timeline li:not(:last-child):after{left:40px}}

/* Conversa encenada: pergunta, preparação, resposta e dados. */
.conversation{border:1px solid var(--line);border-radius:14px;padding:22px;background:linear-gradient(155deg,#fff,#f7faff);box-shadow:0 12px 30px #102b5007;min-height:350px}
.conversation-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:10px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:23px}.conversation-toolbar>span:first-child{display:flex;align-items:center;gap:7px}.conversation-dot{width:6px;height:6px;border-radius:50%;background:#26745e}.assistant-message{padding:15px 18px;background:#eef4fd;border-radius:3px 12px 12px;font-size:14px;min-height:58px;margin-bottom:18px}.assistant-message p{color:var(--navy)}.thinking-indicator{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px}.thinking-indicator>span{display:flex;gap:4px}.thinking-indicator i{width:6px;height:6px;border-radius:50%;background:var(--blue);animation:thinking-pulse 1s ease-in-out infinite}.thinking-indicator i:nth-child(2){animation-delay:.15s}.thinking-indicator i:nth-child(3){animation-delay:.3s}.conversation[data-phase=question] .assistant-heading,.conversation[data-phase=question] .assistant-message{visibility:hidden}.conversation[data-phase=typing] #typed-response:after{content:'▎';color:var(--blue);animation:typing-caret .8s steps(1) infinite}.conversation[data-phase=complete] #response-payload{animation:answer-reveal .4s ease-out}.conversation[data-phase=complete] .bar-track span{transform-origin:left;animation:bar-reveal .6s ease-out}.conversation-controls{display:flex;gap:12px;flex-wrap:wrap;padding-top:20px;margin-top:18px;border-top:1px solid var(--line)}.animation-control{border:1px solid #c4d6ee;background:white;color:var(--navy);border-radius:6px;padding:9px 12px;font-size:12px;min-height:42px}.animation-control:hover{background:#eaf2ff}.conversation [hidden]{display:none!important}
@keyframes thinking-pulse{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@keyframes typing-caret{50%{opacity:0}}@keyframes answer-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes bar-reveal{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:540px){.conversation{padding:16px;min-height:320px}.conversation-toolbar{font-size:9px;gap:8px}.assistant-message{font-size:13px;padding:13px}.thinking-indicator{font-size:11px;gap:8px}.animation-control{font-size:11px}}
@media(prefers-reduced-motion:reduce){.conversation *{animation:none!important;transition:none!important}}

/* Perguntas integradas à conversa com botões nativos acessíveis. */
.question-area{display:block;max-width:900px;margin-inline:auto}.question-area>.fineprint{margin-top:12px}.question-suggestions{margin:25px -22px 0;padding:20px 22px;background:#edf4fd;border-block:1px solid var(--line)}.question-suggestions>p{font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;color:var(--muted)}.question-chips{display:flex;flex-wrap:wrap;gap:10px}.question-chip{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;max-width:100%;border:1px solid #bfcfe5;background:white;color:var(--navy);padding:12px 17px;min-height:46px;border-radius:25px;font-size:13px;line-height:1.5;transition:border-color .2s,background .2s,box-shadow .2s}.question-chip>span{color:var(--blue);font-size:16px;flex-shrink:0}.question-chip:hover{border-color:var(--blue);background:#f6faff;box-shadow:0 3px 12px #1670f80c}.question-chip[aria-pressed=true]{background:#dfecff;border-color:var(--blue);color:#125ac3;font-weight:600;box-shadow:inset 0 0 0 1px var(--blue)}.conversation-controls{border:0;margin-top:0;padding-top:17px}
@media(max-width:540px){.question-suggestions{margin-inline:-16px;padding:18px 16px}.question-chips{gap:8px}.question-chip{font-size:12px;padding:11px 14px;border-radius:20px;gap:10px;width:100%}}
@media(prefers-reduced-motion:reduce){.question-chip{transition:none}}

/* Demonstração compacta: controles e resposta próximos, sem saltos de página. */
.demo-section{padding-block:48px}
.demo-section .section-heading{margin-bottom:22px;gap:35px}
.demo-section .section-heading h2{font-size:clamp(27px,2.7vw,36px)}
.demo-section .section-heading .eyebrow{margin-bottom:10px}
.demo-section .section-heading>p{font-size:14px;line-height:1.6}
.demo-section .simulation-note{padding:8px 12px;margin-bottom:15px;font-size:11px}
.scenario-tabs{margin-bottom:14px;gap:8px}
.scenario-tabs button{padding:12px 17px}
.scenario-panel{padding:22px 26px}
.panel-heading{margin-bottom:18px;align-items:center}
.panel-heading h3{font-size:24px}
.panel-heading .eyebrow{margin-bottom:7px;font-size:10px}
.question-area{max-width:none;padding-top:16px}
.question-area>.fineprint{margin-top:8px;font-size:10px}
.conversation{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.85fr);column-gap:25px;padding:18px 20px;min-height:0;align-items:start}
.conversation-toolbar{grid-column:1/-1;margin-bottom:15px;padding-bottom:10px}
.conversation-question{grid-column:1;margin-bottom:13px}
.conversation-question>p{padding:10px 14px;font-size:13px}
.assistant-heading{grid-column:1;margin-bottom:10px}
.assistant-message{grid-column:1;margin-bottom:12px;padding:12px 14px;font-size:13px;min-height:50px}
#response-payload{grid-column:2;grid-row:2/6;min-width:0}
.conversation .billing-card,.conversation .answer-copy{padding:18px}
.billing-card .eyebrow{margin-bottom:9px;font-size:10px}
.billing-card h4,.answer-copy h4{font-size:19px}
.billing-card>p{font-size:12px}
.billing-card>strong{font-size:31px;margin:12px 0 5px}
.billing-card .badge{margin-top:9px;font-size:11px}
.billing-card .button{margin-top:13px;padding:10px 14px;min-height:42px;font-size:12px}
.billing-card small{font-size:10px;margin-top:8px}
.answer-copy .eyebrow{font-size:10px;margin-bottom:10px}
.answer-copy>p:not(.eyebrow){font-size:13px;margin-top:12px}
.answer-copy .fineprint{font-size:10px!important}
.question-suggestions{grid-column:1;grid-row:5;margin:0;padding:13px 0 0;background:none;border:0;border-top:1px solid var(--line)}
.question-suggestions>p{font-size:10px;margin-bottom:8px}
.question-chips{gap:7px}
.question-chip{font-size:12px;padding:8px 12px;min-height:38px;gap:10px}
.conversation-controls{grid-column:1;grid-row:6;padding-top:12px;gap:8px}
.animation-control{font-size:11px;padding:7px 10px;min-height:36px}
/* Os dados de gestão continuam acessíveis em um painel mais compacto. */
.scenario-panel>.metrics{margin-bottom:16px;gap:12px}
.scenario-panel>.metrics>div{padding:13px 16px}
.scenario-panel>.metrics dd{font-size:26px;margin-top:5px}
.scenario-panel>.expense-chart{padding:17px;margin-bottom:18px}
.scenario-panel>.expense-chart .chart-row{margin-top:10px}
.scenario-panel>.expense-chart .fineprint{margin-bottom:12px}
.scenario-panel>.table-scroll{margin-bottom:18px}

@media(max-width:800px){.conversation{grid-template-columns:minmax(0,1fr) minmax(240px,1fr);column-gap:18px}.scenario-panel{padding:20px}.panel-heading h3{font-size:22px}.demo-section{padding-block:38px}}
@media(max-width:620px){.conversation{display:flex;flex-direction:column;padding:15px;gap:0}.conversation>*{width:100%}.conversation-toolbar{font-size:9px}.conversation-question{margin-bottom:13px}.question-suggestions{order:1;padding-top:12px;margin:14px 0 0}.conversation-controls{order:2}.question-chip{width:auto;font-size:11px;border-radius:20px;min-height:38px;padding:8px 11px}.question-chips{gap:6px}.scenario-panel{padding:17px}.panel-heading{margin-bottom:14px}.panel-heading .sample-label{margin-top:10px}.scenario-tabs button{padding:10px 12px}.scenario-tabs button span{font-size:13px}.demo-section .simulation-note{font-size:9px}.conversation .billing-card,.conversation .answer-copy{padding:15px}.billing-card>strong{font-size:29px}.scenario-panel>.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.scenario-panel>.metrics>div{padding:10px 8px}.scenario-panel>.metrics dt{font-size:10px}.scenario-panel>.metrics dd{font-size:19px;overflow-wrap:anywhere}.scenario-panel>.metrics p{font-size:10px}.scenario-panel>.expense-chart{padding:13px}.scenario-panel>.expense-chart figcaption{font-size:12px}}

/* Janela de conversa estável; apenas as mensagens têm rolagem. */
.conversation{display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden;min-height:0}
.conversation-toolbar{width:100%;margin:0;padding:13px 20px;flex-shrink:0}
.conversation-body{width:100%;height:340px;height:clamp(270px,42svh,380px);flex-shrink:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#adc5e5 #eef4fc;padding:20px;scroll-padding:20px;outline-offset:-4px}
.conversation-body .conversation-question{margin-bottom:16px}
.conversation-body .assistant-heading{margin-bottom:12px}
.conversation-body .assistant-message{margin-bottom:15px;min-height:54px}
.conversation-body #response-payload{width:100%;max-width:620px;margin-left:0}
.conversation .question-suggestions{width:100%;margin:0;padding:14px 20px;background:#edf4fd;border-top:1px solid var(--line);flex-shrink:0;order:0}
.question-chip{font-weight:600}
.conversation-controls{width:100%;height:51px;min-height:51px;margin:0;padding:7px 20px 8px;background:#edf4fd;order:0;flex-shrink:0}
@media(max-width:620px){.conversation{padding:0}.conversation-toolbar{padding:12px 15px}.conversation-body{height:300px;height:clamp(240px,39svh,330px);padding:16px;scroll-padding:16px}.conversation .question-suggestions{padding:12px 15px}.conversation-controls{padding-inline:15px}.conversation-body .billing-card,.conversation-body .answer-copy{padding:15px}}

/* Perfis à esquerda, experiência interativa à direita. */
.demo-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
.demo-sidebar{min-width:0;padding:8px 0}
.demo-sidebar .scenario-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:26px}
.demo-sidebar .scenario-tabs button{padding:13px 16px;font-size:11px;border-radius:9px}
.demo-sidebar .scenario-tabs button span{font-size:15px}
.profile-art{position:relative;display:flex;align-items:center;justify-content:center;height:190px;border-radius:18px;background:radial-gradient(ellipse at 70% 20%,#e0ecff,#eef4fc 70%);overflow:hidden;margin-bottom:26px;isolation:isolate;color:var(--blue)}
.profile-orbit{position:absolute;width:230px;height:230px;border:1px solid #bed2f0;border-radius:50%;z-index:-1}.orbit-one{transform:translate(80px,-40px)}.orbit-two{transform:translate(-70px,60px)}
.profile-art-main{display:grid;place-items:center;width:100px;height:100px;border-radius:25px;background:white;box-shadow:0 15px 35px #102b5010;transform:rotate(-7deg);margin-top:-20px}
.profile-art-main .visual-icon{width:56px;height:56px}.profile-art-badge{display:grid;place-items:center;position:absolute;left:calc(50% + 23px);top:100px;background:var(--navy);color:white;border:4px solid #eef4fc;border-radius:17px;width:56px;height:56px;transform:rotate(7deg)}
.profile-art-caption{position:absolute;bottom:14px;font-size:11px;color:#526a89;letter-spacing:.2px}
#profile-story>.eyebrow{font-size:11px;margin-bottom:12px}
#profile-story>h3{font-size:clamp(28px,2.8vw,39px);line-height:1.16;max-width:510px}
.profile-description{font-size:16px;line-height:1.8;margin-top:20px;max-width:480px}
.profile-tags{display:flex;flex-wrap:wrap;gap:9px;list-style:none;padding:0;margin:22px 0 0}.profile-tags li{font-size:11px;color:#365e8d;border:1px solid #c8d9ef;border-radius:25px;padding:6px 11px;background:#ffffff99}
.demo-workspace .scenario-panel{padding:0;border:0;background:none;min-width:0}
.demo-workspace .panel-heading{display:none}
.demo-workspace .question-area{padding:0;border:0}
.demo-workspace .question-area>.fineprint{font-size:10px;text-align:center;margin-top:10px}
.demo-workspace .conversation{border-radius:17px;box-shadow:0 18px 45px #102b500c;background:white}
.demo-workspace .conversation-toolbar{padding:17px 20px;background:var(--navy);color:#e0ebfa;font-size:11px}
.demo-workspace .conversation-dot{background:#83d9b3}
.demo-workspace .conversation-body{height:390px;height:clamp(320px,48svh,440px);padding:22px;}
.demo-workspace .question-suggestions{min-height:139px;display:flex;flex-direction:column;justify-content:center}
.demo-workspace .conversation-controls{height:51px}
.demo-workspace .metrics{margin:18px 0;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.demo-workspace .metrics>div{padding:12px 10px}.demo-workspace .metrics dt{font-size:10px}.demo-workspace .metrics dd{font-size:21px;overflow-wrap:anywhere}.demo-workspace .metrics p{font-size:10px}
.demo-workspace .expense-chart{padding:15px;margin-bottom:0}.demo-workspace .expense-chart figcaption{font-size:12px}.demo-workspace .table-scroll{margin-top:18px;margin-bottom:0}.demo-workspace table{font-size:11px}.demo-workspace th,.demo-workspace td{padding:11px 8px}
.demo-workspace .scenario-panel:is([data-profile=colaboracao],[data-profile=prestador]){background:white;border:1px solid var(--line);border-radius:17px;overflow:hidden;box-shadow:0 18px 45px #102b500c}
.demo-workspace .collab-intro{padding:17px 20px;background:var(--navy);color:#e0ebfa;font-size:12px;line-height:1.6}
.demo-workspace .timeline{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:0;padding:14px 12px;background:#edf4fd}
.demo-workspace .timeline button{flex-direction:column;align-items:center;text-align:center;min-height:112px;font-size:10px;padding:9px 4px;gap:5px;line-height:1.35;border-radius:8px;overflow-wrap:normal}
.demo-workspace .timeline button>span{width:32px;height:32px;border-radius:9px;margin:0}.demo-workspace .timeline button>span .visual-icon{width:21px;height:21px}.demo-workspace .timeline button>small{font-size:9px}.demo-workspace .timeline li:after{display:none}
.collaboration-body{height:360px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#adc5e5 #eef4fc;padding:20px;outline-offset:-4px}
.demo-workspace .timeline-detail{display:block;background:none;padding:0}.demo-workspace .timeline-detail h4{font-size:24px}.demo-workspace .timeline-detail p{font-size:14px}.demo-workspace .timeline-detail .record-preview{margin-top:20px;padding:20px}.demo-workspace .timeline-controls{padding:14px 16px;margin:0;border-top:1px solid var(--line);background:#edf4fd}.demo-workspace .timeline-controls .button{font-size:11px;gap:0;padding:10px 12px}
@media(max-width:1100px){.demo-workspace{gap:30px}.demo-workspace .question-suggestions{min-height:178px}.demo-workspace .question-chip{font-size:11px}.profile-description{font-size:15px}.profile-art{height:170px}.profile-art-main{width:86px;height:86px}.profile-art-main .visual-icon{width:48px;height:48px}.profile-art-badge{top:85px}}
@media(max-width:850px){.demo-workspace{grid-template-columns:1fr;gap:26px}.demo-sidebar{display:grid;grid-template-columns:1fr;gap:0}.demo-sidebar .scenario-tabs{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:22px;gap:8px}.demo-sidebar .scenario-tabs button{padding:12px 10px;gap:7px}.demo-sidebar .scenario-tabs button span{font-size:12px}#profile-story{display:grid;grid-template-columns:160px 1fr;column-gap:25px;align-items:start}.profile-art{grid-column:1;grid-row:1/5;height:180px;margin:0}.profile-art-caption{font-size:9px;text-align:center;padding-inline:10px}#profile-story>.eyebrow{grid-column:2;margin-bottom:8px}#profile-story>h3{grid-column:2;font-size:29px}.profile-description{grid-column:2;margin-top:12px;font-size:14px}.profile-tags{grid-column:2;margin-top:14px}.demo-workspace .conversation-body{height:360px}.demo-workspace .question-suggestions{min-height:139px}}
@media(max-width:540px){.demo-sidebar .scenario-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-sidebar .scenario-tabs button span{font-size:14px}#profile-story{grid-template-columns:78px minmax(0,1fr);gap:0 15px}.profile-art{height:85px;border-radius:15px;grid-row:1/3}.profile-art-main{width:48px;height:48px;border-radius:14px;margin:0;transform:none}.profile-art-main .visual-icon{width:31px;height:31px}.profile-art-badge,.profile-art-caption,.profile-orbit{display:none}#profile-story>.eyebrow{font-size:9px}#profile-story>h3{font-size:25px}.profile-description{grid-column:1/-1;font-size:14px;margin-top:16px}.profile-tags{grid-column:1/-1;margin-top:12px}.profile-tags li{font-size:10px}.demo-workspace .conversation-toolbar{padding:14px 15px;font-size:10px}.demo-workspace .conversation-body{height:300px;height:clamp(260px,42svh,340px);padding:16px}.demo-workspace .question-suggestions{min-height:168px}.demo-workspace .timeline button{font-size:9px;min-height:107px}.collaboration-body{height:320px;padding:16px}.demo-workspace .timeline-controls .button{font-size:10px;padding:10px}.demo-workspace .timeline-detail h4{font-size:22px}}

/* Chat com contraste mais definido e sugestões sem espaço excedente. */
.demo-workspace .conversation{border:2px solid #8baedb;box-shadow:0 16px 38px #102b5017;background:#f8fbff}
.demo-workspace .conversation-toolbar{background:#102b50;min-height:55px;padding:12px 18px;font-size:12px}
.conversation-header-action{position:relative;display:flex;align-items:center;justify-content:flex-end;min-width:155px;min-height:30px;font-size:10px;color:#cfdef1}
.conversation-header-action .animation-control{position:absolute;inset:0;background:#244a7b;color:white;border-color:#6c94c6;padding:5px 9px;min-height:30px;font-size:10px}
.demo-workspace .conversation-body{background:#f8fbff}
.demo-workspace .conversation-question>p{background:#dceaff;border:1px solid #bed4f3}
.demo-workspace .assistant-message{background:#e9f1fc;border:1px solid #d4e2f5}
.demo-workspace .conversation .question-suggestions{min-height:0;padding:12px 16px;background:#e3edfa;border-top:1px solid #afc6e4;display:block}
.demo-workspace .question-suggestions>p{margin-bottom:8px;font-size:10px;line-height:1.4}
.demo-workspace .question-chips{gap:7px}
.demo-workspace .question-chip{font-size:11px;line-height:1.4;padding:8px 11px;min-height:34px;border-color:#adc4e3;gap:8px}
.demo-workspace .question-chip[aria-pressed=true]{background:#d0e2ff;border-color:#1670f8}
@media(max-width:540px){.demo-workspace .conversation-toolbar{padding:10px 13px;font-size:11px}.conversation-header-action{min-width:125px;font-size:9px}.demo-workspace .conversation .question-suggestions{padding:10px 12px}.demo-workspace .question-chip{font-size:10px;padding:7px 10px;min-height:34px;width:auto}}

/* A área de mensagens acompanha a altura da janela, preservando um mínimo. */
.demo-workspace{--chat-message-height:clamp(320px,calc(100vh - 290px),760px)}
@supports(height:100svh){.demo-workspace{--chat-message-height:clamp(320px,calc(100svh - 290px),760px)}}
.demo-workspace .conversation-body{height:var(--chat-message-height);min-height:320px}
.demo-workspace .collaboration-body{height:var(--chat-message-height);min-height:320px}
@media(max-width:540px){.demo-workspace{--chat-message-height:clamp(260px,calc(100vh - 280px),600px)}@supports(height:100svh){.demo-workspace{--chat-message-height:clamp(260px,calc(100svh - 280px),600px)}}.demo-workspace .conversation-body,.demo-workspace .collaboration-body{min-height:260px}}

/* Um único seletor visual para participantes e colaboração. */
.demo-section{border-top:1px solid var(--line)}
.demo-sidebar .participant-selector{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:28px}
.demo-sidebar .participant-selector button{padding:18px 15px;gap:13px;align-items:center;min-height:94px;background:#fff;text-align:left;border-color:#c8d9ee}
.demo-sidebar .participant-selector .participant-icon{width:49px;height:49px;flex-shrink:0;display:grid;place-items:center;border-radius:15px;background:#e8f1ff;color:#1670f8}
.demo-sidebar .participant-selector .participant-icon .visual-icon{width:27px;height:27px}
.demo-sidebar .participant-selector .participant-label{font-size:15px;line-height:1.4;color:var(--navy)}
.participant-label small{display:block;font-size:10px;line-height:1.5;font-weight:400;margin-top:4px;color:var(--muted)}
.demo-sidebar .participant-selector button[data-scenario=sindico] .participant-icon{background:#e7f4ed;color:#26745e}
.demo-sidebar .participant-selector button[data-scenario=administradora] .participant-icon{background:#efeafb;color:#7657b0}
.demo-sidebar .participant-selector button[data-scenario=prestador] .participant-icon{background:#fff0df;color:#a06827}
.demo-sidebar .participant-selector button[data-scenario=colaboracao]{grid-column:1/-1;min-height:76px;background:#e9f1fc}
.demo-sidebar .participant-selector button[aria-selected=true]{background:var(--navy);border-color:var(--navy);box-shadow:0 6px 18px #102b5012}
.demo-sidebar .participant-selector button[aria-selected=true] .participant-label,.demo-sidebar .participant-selector button[aria-selected=true] small{color:white}
.demo-sidebar .participant-selector button[aria-selected=true] .participant-icon{background:#ffffff20;color:#c1ddff}
#profile-story{display:block;padding:0 4px}#profile-story>h3{font-size:clamp(28px,2.6vw,37px)}.profile-description{margin-top:17px}.profile-tags{margin-top:18px}
.service-message{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#e8f1ff;border:1px solid #c7dbf7;border-radius:12px;margin:15px 0 20px}
.service-message strong{display:block;font-size:12px;color:var(--navy)}.demo-workspace .service-message p{font-size:14px;color:#254b7c;margin-top:7px;line-height:1.7}
@media(max-width:1100px){.demo-sidebar .participant-selector button{padding:15px 12px;gap:10px}.demo-sidebar .participant-selector .participant-label{font-size:13px}.demo-sidebar .participant-selector .participant-icon{width:42px;height:42px;border-radius:12px}.participant-label small{font-size:9px}}
@media(max-width:850px){.demo-sidebar .participant-selector{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.demo-sidebar .participant-selector button{min-height:85px;padding:15px}.demo-sidebar .participant-selector .participant-label{font-size:15px}.participant-label small{font-size:11px}#profile-story{display:block}.profile-description{margin-top:13px}.profile-tags{margin-top:15px}}
@media(max-width:540px){.demo-sidebar .participant-selector{gap:8px;margin-bottom:23px}.demo-sidebar .participant-selector button{padding:12px 10px;min-height:88px;gap:9px}.demo-sidebar .participant-selector .participant-icon{width:35px;height:35px;border-radius:10px}.demo-sidebar .participant-selector .participant-icon .visual-icon{width:22px;height:22px}.demo-sidebar .participant-selector .participant-label{font-size:12px}.participant-label small{font-size:9px}.demo-sidebar .participant-selector button[data-scenario=colaboracao]{min-height:66px}#profile-story>h3{font-size:27px}.service-message{padding:13px;gap:9px}}

.billing-qr{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;border-top:1px solid var(--line);margin-top:22px;text-align:center;color:var(--blue);font-size:14px;font-weight:600}.billing-qr img{width:220px;max-width:100%;height:auto;background:white}.billing-qr:hover span{text-decoration:underline}

/* Cobrança compacta: detalhes e QR lado a lado em telas maiores. */
#billing-dialog{width:min(650px,calc(100% - 28px));padding:22px 24px;max-height:calc(100vh - 28px);max-height:calc(100svh - 28px)}
#billing-dialog .dialog-heading .eyebrow{font-size:10px;margin:4px 0 9px}
#billing-dialog .dialog-heading button{font-size:25px;line-height:1.2}
#billing-dialog h2{font-size:25px;margin-bottom:15px}
#billing-content h3{font-size:18px;line-height:1.3;margin-bottom:8px}
#billing-content .billing-details{margin:8px 0 0}
#billing-content .billing-details>div{padding:8px 0;font-size:12px;line-height:1.5}
#billing-dialog{grid-template-columns:minmax(0,1fr) 175px;column-gap:24px}
#billing-dialog[open]{display:grid}
#billing-dialog .dialog-heading,#billing-dialog>h2{grid-column:1/-1}
#billing-content{grid-column:1;min-width:0}
#billing-dialog .billing-qr{grid-column:2;grid-row:3;margin:0;padding:0;border:0;align-self:center;gap:9px;font-size:11px;line-height:1.4}
#billing-dialog .billing-qr img{width:160px;height:160px}
@media(max-width:480px){#billing-dialog{padding:18px;column-gap:14px;grid-template-columns:minmax(0,1fr) 115px}#billing-content h3{font-size:16px}#billing-content .billing-details>div{padding:6px 0;font-size:11px}#billing-content .billing-details dd{margin-top:2px}#billing-dialog .billing-qr img{width:115px;height:115px}#billing-dialog .billing-qr{font-size:10px}#billing-dialog h2{font-size:23px;margin-bottom:12px}}

/* Cobrança disponível diretamente na conversa. */
.billing-card-heading{display:flex;align-items:center;gap:12px;margin-bottom:10px}.billing-document-icon{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;background:#e6efff;color:var(--blue);border-radius:11px}.inline-billing .billing-card-heading .eyebrow{font-size:9px;margin-bottom:5px}.inline-billing h4{font-size:18px}.inline-billing-details{margin:12px 0;display:flex;flex-wrap:wrap;gap:14px 30px;font-size:12px}.inline-billing-details dt{color:var(--muted);font-size:10px}.inline-billing-details dd{margin:3px 0 0;font-weight:600}.inline-billing-qr{display:flex;align-items:center;gap:13px;border-block:1px solid var(--line);padding:12px 0;font-size:11px;color:var(--blue);max-width:100%}.inline-billing-qr img{width:100px;height:100px;flex-shrink:0}.billing-actions{display:flex;gap:9px;margin-top:14px}.inline-billing .billing-actions .button{width:auto;flex:1;margin:0;min-height:40px;padding:9px 12px;font-size:12px;gap:12px}.billing-share-options{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.billing-share-options button{border:1px solid #bed1eb;background:white;border-radius:6px;color:var(--navy);font-size:11px;padding:9px 11px;min-height:38px;text-align:left}.billing-share-options button:hover{background:#eaf2ff}.billing-action-status{font-size:11px!important;margin-top:10px;line-height:1.5}.billing-action-status:empty{display:none}

/* Valor e QR reunidos em uma área compacta. */
.inline-billing .billing-summary{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:18px;align-items:center;margin:18px 0 14px;padding-bottom:15px;border-bottom:1px solid var(--line)}
.billing-amount>strong{display:block;font:600 32px/1.2 Manrope,Arial,sans-serif;letter-spacing:-.035em;color:var(--navy)}
.inline-billing .inline-billing-details{margin:14px 0 0;gap:12px 24px}
.inline-billing .inline-billing-qr{display:block;border:0;padding:0;justify-self:end;border-radius:5px;background:#fff}
.inline-billing .inline-billing-qr img{width:112px;height:112px;max-width:100%}
.inline-billing .billing-actions{margin-top:0}
@media(max-width:420px){.inline-billing .billing-summary{grid-template-columns:minmax(0,1fr) 96px;gap:12px}.billing-amount>strong{font-size:28px}.inline-billing .inline-billing-qr img{width:96px;height:96px}.inline-billing .inline-billing-details{gap:8px 14px;font-size:11px}}