/* Public commercial UI only. Never recolor the customer workshop portal. */
body.landing-body,body:has(.demo-wrap){background:#f4f6fa!important;color:#172033!important;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
body.landing-body .site-nav,body:has(.demo-wrap) .site-nav{background:#202124!important;color:#fff!important;border-color:#343840!important;box-shadow:0 2px 8px #17203312!important}
body.landing-body .brand,body:has(.demo-wrap) .brand{color:#fff!important}.brand img{object-fit:contain}
body.landing-body .site-nav a[href="/renovar.php"],body.landing-body :is(.secondary,.demo-link,.modal-demo),body:has(.demo-wrap) .back{background:#fff!important;color:#b91c1c!important;border:1px solid #dc2626!important;box-shadow:none!important;border-radius:8px}
body.landing-body :is(.hero-landing,.hero-card,.landing-plan-card,.learn-card,.capability-group,.login-card),body:has(.demo-wrap) .demo-box{background:#fff!important;color:#172033!important;border:1px solid #d7deea!important;box-shadow:0 3px 12px #17203306!important}
body.landing-body :is(h1,h2,h3,h4,.landing-plan-card strong,.capability-group b),body:has(.demo-wrap) :is(h1,h2,h3){color:#172033!important}
body.landing-body :is(.hero-copy p,.hero-card p,.landing-plan-card p,.landing-plan-card li,.learn-card p,.capability-group p,.demo-copy),body:has(.demo-wrap) .demo-copy{color:#526077!important}
body.landing-body :is(.eyebrow,.learn-tag,.landing-plan-card em),body:has(.demo-wrap) .eyebrow{background:#fff1f2!important;color:#b91c1c!important;border-color:#fecdd3!important}
body.landing-body :is(.primary,.nav-login,.btn-login),body:has(.demo-wrap) .btn-login{background:#dc2626!important;color:#fff!important;border:1px solid #dc2626!important;box-shadow:none!important;min-height:46px;border-radius:8px}
body.landing-body .primary:hover,body.landing-body .btn-login:hover,body:has(.demo-wrap) .btn-login:hover{background:#b91c1c!important}
body.landing-body :is(.hero-card,.featured){border-top:3px solid #dc2626!important}
body.landing-body .cm-app-downloads{background:#202124!important;color:#fff!important;border:1px solid #343840!important;border-radius:14px;box-shadow:none!important}
body.landing-body .cm-app-downloads :is(h2,b){color:#fff!important}.cm-app-downloads-copy small{color:#fca5a5!important}.cm-app-downloads-copy p{color:#e2e8f0!important}
body.landing-body .cm-app-download{background:#dc2626!important;color:#fff!important;border-color:#ef4444!important;box-shadow:none!important;border-radius:8px}
body.landing-body .capability-grid i,body.landing-body .plan-icon{background:#fff1f2!important;color:#b91c1c!important;border-color:#fecdd3!important}
body.landing-body .support-banner{background:#f0fdf4!important;color:#166534!important;border:1px solid #bbf7d0!important}.support-banner a{background:#15803d!important;color:#fff!important;border-color:#15803d!important}
body.landing-body .capability-cta{background:#fff!important;color:#172033!important;border:1px solid #d7deea!important}
body.landing-body .logo-icon,body.landing-body .phone-mark{background:#202124!important;border-color:#343840!important;box-shadow:none!important}
body.landing-body .input-group input,body:has(.demo-wrap) :is(input,select){background:#fff!important;color:#172033!important;border:1px solid #cbd5e1!important;min-height:44px;font-size:16px}
body.landing-body .options a{color:#b91c1c!important}body.landing-body :is(a,button,input):focus-visible,body:has(.demo-wrap) :is(a,button,input):focus-visible{outline:3px solid #dc2626!important;outline-offset:3px}
body:has(.demo-wrap) .brand::before{content:"";width:36px;height:36px;background:url('/assets/brand/cellmaster-chip-20261013.png') center/contain no-repeat;display:inline-block;margin-right:8px;vertical-align:middle}
@media(max-width:700px){body.landing-body .site-nav{position:relative!important}body.landing-body .hero-landing{padding:22px 18px!important}.cm-app-downloads-copy h2{font-size:20px!important}body.landing-body .modal-card{padding-bottom:calc(22px + env(safe-area-inset-bottom))!important}}
/* Override legacy dark-hero rules with sufficient specificity. */
html body.landing-body .hero-actions a.secondary{background:#fff!important;color:#b91c1c!important;border-color:#dc2626!important;opacity:1!important;-webkit-text-fill-color:#b91c1c!important}
html body.landing-body .hero-card :is(b,strong,li,span,p){color:#172033!important;opacity:1!important;-webkit-text-fill-color:#172033!important}
html body.landing-body .hero-card span{color:#526077!important;-webkit-text-fill-color:#526077!important}
html body.landing-body .site-nav .brand strong,html body:has(.demo-wrap) .site-nav .brand strong{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:800;color:#fff!important;font-size:20px;letter-spacing:.2px;line-height:1}
html body.landing-body .site-nav .brand strong span,html body:has(.demo-wrap) .site-nav .brand strong span{color:#ef3340!important}
html body.landing-body #loginTitle{display:inline-block;background:#202124!important;padding:10px 16px;border-radius:8px;color:#fff!important;font-size:24px}
html body.landing-body #loginTitle span{color:#ef3340!important}
html body:has(.demo-wrap) .site-nav .back{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px}
@media(max-width:700px){html body.landing-body .site-nav .brand strong,html body:has(.demo-wrap) .site-nav .brand strong{font-size:17px}}