/* Acabamento da LP. Nenhum seletor alcanca o documento do sistema. */
.demo-guide{max-width:980px;margin:48px auto 0;text-align:left}
.demo-guide[hidden]{display:none}
.demo-guide-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}
.demo-guide-heading .eyebrow{margin:0;font-size:12px}
.demo-guide-heading>span:last-child{font-size:12px;color:var(--on2)}
.demo-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.demo-controls button{display:flex;align-items:center;gap:14px;min-height:54px;padding:12px 20px;border:1px solid var(--linha);border-radius:9px;background:var(--carvao);color:var(--on2);font:inherit;font-size:11px;transition:background .18s,border-color .18s,color .18s}
.demo-controls b{font-size:14px;font-weight:500}
.demo-controls button[aria-pressed=true]{background:var(--verde);border-color:var(--verde);color:var(--carvao)}
#demo-benefit{font-size:14px;line-height:1.6;min-height:46px;margin:15px 0 0;color:var(--on2)}
.demo-guide:not([hidden])+.product-stage{margin-top:16px}
.browser-chrome{min-height:48px;height:auto;gap:12px}
.browser-chrome a{display:inline-flex;align-items:center;min-height:44px;font-size:12px;color:var(--on)}
.plan-scope{align-self:flex-start;margin-top:14px;padding:6px 10px;font-size:12px;border:1px solid var(--controle);border-radius:5px;color:var(--on2)}
.plan-scope.with-audit{color:var(--verde);border-color:var(--verde)}
.plan-description{font-size:14px;line-height:1.7;min-height:72px}
.plan li{font-size:13px}.plan .includes{font-size:12px}
.feature{transition:border-color .22s,box-shadow .22s}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .feature:hover{border-color:var(--controle);box-shadow:0 12px 32px #00000018}
 .demo-controls button:hover{border-color:var(--verde)}
 .button:hover .icon{transform:translateX(3px)}
 .button .icon{transition:transform .18s}
}
@media(max-width:800px){
 .demo-guide-heading>span:last-child{display:none}
 .demo-controls button{padding:12px;gap:8px}
 .plan-description{min-height:96px}
 .price-note,.plan-footer,.trial-promises{font-size:12px}
 .billing-switch button,.button-small{min-height:44px}
}
@media(max-width:540px){
 .demo-guide{margin-top:32px}.demo-controls{grid-template-columns:1fr 1fr}
 .demo-controls button{min-height:48px}.demo-controls b{font-size:13px}
 #demo-benefit{min-height:68px;font-size:13px}
 .hero-copy>p{font-size:15px}.hero-micro{font-size:12px!important;line-height:1.8}
 .hero-ctas .button{font-size:12px}.stage-caption{font-size:12px}
 .browser-chrome>span:nth-child(2){display:none}
 .problem p,.feature p,.faq-item p,.step p{font-size:14px;line-height:1.75}
 .faq-item summary{font-size:15px}.plan-description{min-height:0}
 .market small,.footer-bottom{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.feature,.demo-controls button,.button .icon{transition:none!important}}
@media print{.demo-guide{display:none!important}.plan-scope{color:#0F1419!important;border-color:#0F1419!important}.plan-description{min-height:0}.feature{box-shadow:none}}
