/* Color rhythm and complete product views. */
.channel-strip{background:#e4f3e8}.platform-section{background:#eff5f1}.services{background:#fff8ec}.how{background:#075e54;color:#fff}.how h2,.how h3{color:white}.how p{color:#cbe6d9}.how .eyebrow{color:#74dfaa}.how .step-number{color:#61af94}.how .step-icon{background:#ffffff12;border-color:#ffffff30;color:#8af0bb}.management{background:#e8f3f7}.extra-features article{background:#d5e9e1}.extra-features article+article{background:#e7e2f1}.evaluation-section{background:#f0ecf6}.evaluation-visual{background:#d8d0e9;transform:none}.testimonials{background:#0b6258}.faq{background:#fffaf1}.cta-section{background:linear-gradient(120deg,#bdf0c9,#78deae)}
.platform-section .section-heading{margin-bottom:28px}.platform-showcase{scroll-margin-top:110px}.module-tabs{margin-bottom:14px;background:#ffffffb8}.module-panel{display:grid;grid-template-columns:250px minmax(0,1fr);gap:22px;height:clamp(320px,calc(100svh - 230px),620px);min-height:0;align-items:stretch}.module-description{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:18px;padding:22px 10px 22px 0;min-height:0}.module-description h3{font-size:27px;margin-top:10px}.module-description p{font-size:13px;line-height:1.7}.module-tags span{background:#fff8;font-size:10px}.screen-stage{display:grid;grid-template-rows:42px minmax(0,1fr) 40px;min-height:0;box-shadow:0 16px 40px -28px #075e5455;background:#d8eae1}.screen-toolbar{padding:8px 12px;gap:10px;background:#ffffffc9}.screen-toolbar>span{font-size:9px}.screen-image-button,.screen-stage.profile-mode .screen-image-button{height:100%;min-height:0;padding:10px;background:var(--screen-bg,#d8eae1)}.screen-image-button img,.screen-stage.profile-mode .screen-image-button img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;border-radius:0;box-shadow:none;transform:none!important;animation:none!important}.screen-bottom{min-height:0;padding:7px 12px;background:#ffffffdb;flex-direction:row;align-items:center}.screen-bottom>span{font-size:8px}.platform-principles{margin-top:24px}.screen-stage[data-screen=perfil]{--screen-bg:#cde7df}.screen-stage[data-screen=kanban]{--screen-bg:#e1e7f6}.screen-stage[data-screen=mapa]{--screen-bg:#cee5ec}.screen-stage[data-screen=campanhas]{--screen-bg:#d2ebe5}.screen-stage[data-screen=pesquisas]{--screen-bg:#f4e8cf}.screen-stage[data-screen=dashboard]{--screen-bg:#e3dff1}
.management-preview>img{height:auto;max-height:420px;object-fit:contain}.evaluation-screen{height:auto;max-height:none}.evaluation-screen img{width:100%;height:auto;max-height:65svh;object-fit:contain}.evaluation-visual{padding:18px}.evaluation-caption{line-height:1.6}
#screen-dialog{width:min(1600px,calc(100vw - 24px));height:calc(100dvh - 24px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:hidden;border-radius:12px}#screen-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) 46px}.dialog-header{padding:14px 20px}.dialog-header h2{font-size:18px}.dialog-image-wrap{width:100%;height:100%;max-height:none;min-height:0;overflow:hidden;align-items:center;padding:12px;background:#e4ede8}.dialog-image-wrap img,#screen-dialog.profile-dialog .dialog-image-wrap img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}.screen-navigation{display:flex;gap:20px;align-items:center;justify-content:center;background:#fff;font-size:11px;color:#5e726c}.screen-navigation button{border:1px solid #dce8e2;background:#f2f7f4;border-radius:7px;width:34px;height:30px;font-size:18px}.screen-navigation button:hover{background:#d7eede}
/* Flex children must retain their height: otherwise long chats collapse receipts. */
.demo-messages>*{flex-shrink:0}.demo-messages{height:clamp(320px,48svh,430px);scroll-behavior:auto;overscroll-behavior:contain;overflow-anchor:none}.demo-stage{background:#e8dcbf;padding:20px}.demo-stage-label{color:#6b5c38}.demo-chat{background:#e7eee3}.demo-chat .chat-header{background:#075e54}.demo-messages .sim-card{padding:0;width:94%;max-width:94%;border:1px solid #c7dbce;border-radius:12px;overflow:hidden;background:#fff}.receipt-header{display:flex;align-items:center;gap:10px;padding:14px;background:#e6f5eb;border-bottom:1px solid #dcebe0}.receipt-icon{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:50%;background:#128c7e;color:#fff}.receipt-icon svg{width:21px;height:21px;stroke-width:2}.receipt-header b{font-size:13px}.sim-card dl{margin:0;padding:9px 14px 12px}.sim-card dl>div{display:flex;justify-content:space-between;gap:15px;padding:6px 0;border-bottom:1px solid #eff3f0;font-size:11px;line-height:1.5}.sim-card dl>div:last-child{border:0}.sim-card dt{color:#6c8074;flex-shrink:0}.sim-card dd{margin:0;text-align:right;font-weight:550;overflow-wrap:anywhere}.chat-photo{margin:0;padding:5px!important;width:88%;max-width:300px!important;overflow:hidden}.chat-photo img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:6px}.chat-photo figcaption{font-size:9px;text-align:right;padding:5px;color:#557262}.chat-actions{background:#f0f5ed;min-height:64px}.chat-actions button{background:#fff;font-weight:550}.service-tab{background:#ffffff70}.service-tab:hover{background:#fff}.service-tab.active{background:#d3ebdb;border-color:#b0d5bd}.service-tab small{color:#64756b}
.guide-brand{display:flex;gap:12px;align-items:center;margin:4px 30px 28px 0;color:#075e54}.guide-brand>span{background:#e3f2e9;padding:10px;border-radius:10px}.guide-brand b{font-size:13px}.guide-brand small{display:block;font-size:10px;margin-top:4px}.guide-period{font-size:9px;letter-spacing:1.4px;color:#128c7e}.guide-total{display:flex;align-items:center;justify-content:space-between;padding:18px;border-radius:10px;background:#def3e5}.guide-total span{font-size:12px}.guide-total b{font-size:25px}.guide-caption{text-align:center;color:#7b8c81;font-size:9px!important;margin:15px 0 0}
@media(max-width:1100px){.module-panel{grid-template-columns:210px minmax(0,1fr);gap:14px}.module-description h3{font-size:23px}.module-description p{font-size:12px}.module-tabs{flex-wrap:nowrap}.module-tabs button{flex:1 0 auto;padding:11px 9px}.screen-bottom>span{max-width:55%}}
@media(max-width:800px){.platform-showcase{scroll-margin-top:90px}.module-panel{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;height:calc(100svh - 180px);min-height:380px;max-height:760px;gap:12px}.screen-stage{grid-row:1}.module-description{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px;padding:0;min-height:0}.module-description h3{font-size:20px;line-height:1.3;margin:5px 0 0}.module-description p{font-size:11px;line-height:1.6;margin-bottom:8px}.module-tags{gap:4px}.module-tags span{font-size:8px;padding:4px 7px}.module-number{font-size:8px}.module-tabs{display:flex;overflow-x:auto;scrollbar-width:thin;gap:4px;padding:5px;margin-bottom:10px}.module-tabs button{padding:10px;white-space:nowrap;flex:none}.module-tabs button:last-child{grid-column:auto}.screen-image-button,.screen-stage.profile-mode .screen-image-button{height:100%;padding:6px}.screen-stage{grid-template-rows:38px minmax(0,1fr) 38px}.screen-toolbar>div{display:none}.screen-toolbar>span{font-size:8px}.screen-bottom{padding:6px 9px}.screen-bottom>span{font-size:7px}#screen-variants button{padding:5px 7px;font-size:9px}.platform-principles{gap:12px}.service-layout{gap:30px}.demo-stage{padding:15px}.evaluation-grid{gap:35px}}
@media(max-width:540px){.module-panel{height:calc(100svh - 170px);min-height:380px;max-height:720px}.module-description{grid-template-columns:1fr;gap:9px}.module-description h3{font-size:20px;max-width:none}.module-description p{font-size:11px;margin:0;line-height:1.6}.module-tags{display:none}.module-number{display:none}.screen-toolbar>span{max-width:65%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.screen-bottom>span{display:none}.screen-bottom{justify-content:flex-end}.platform-principles{display:flex;flex-wrap:wrap}.platform-principles>span{font-size:10px;gap:6px}.platform-principles b{width:23px;height:23px;font-size:8px}.demo-messages{height:390px;max-height:54svh}.demo-stage{padding:12px}.receipt-header{padding:12px}.sim-card dl{padding:8px 12px}.sim-card dl>div{font-size:10px;gap:10px}.receipt-header b{font-size:12px}.dialog-header{padding:12px}.dialog-header small{display:none}.dialog-header h2{font-size:14px;margin:0}.dialog-image-wrap{padding:5px}.evaluation-visual{padding:12px}.evaluation-screen img{max-height:55svh}}
@media(prefers-reduced-motion:reduce){.demo-messages{scroll-behavior:auto}}
.platform-showcase{scroll-margin-top:0}
@media(max-width:800px){.platform-showcase{scroll-margin-top:0}.module-panel{height:calc(100svh - 210px)}}

/* A stable chat frame keeps its header, messages and actions in one viewport. */
.demo-stage{height:min(650px,calc(100svh - 140px));min-height:480px;display:flex;flex-direction:column;overflow-anchor:none;scroll-margin-top:0}.demo-chat{display:flex;flex-direction:column;flex:1;min-height:0}.demo-chat>.chat-header,.demo-chat>.chat-actions,.demo-chat>.demo-input{flex-shrink:0}.demo-messages{height:auto;max-height:none;flex:1;min-height:0}.demo-stage-label{flex-shrink:0}
@media(max-width:540px){.demo-stage{height:calc(100svh - 140px);max-height:690px}.demo-messages{height:auto;max-height:none}}
@media(max-height:650px){.module-panel{min-height:0}.demo-stage{min-height:0}.module-description{gap:8px}.module-description h3{font-size:18px}.module-description p{font-size:10px;line-height:1.4}.module-tags{display:none}}