/* DCME public pages only: fluid width and responsive layout. 2026-09-27.
   Additive stylesheet. No shared/private application stylesheet is replaced. */
:root{--dcme-page-gutter:clamp(12px,1.65vw,32px)}
html{width:100%;min-width:0;scroll-padding-top:100px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{width:100%;min-width:0;margin:0}
*,*::before,*::after{box-sizing:border-box}
.wrap,.container,.nav-container,.navbar-inner,.hero-content{width:100%!important;max-width:none!important;margin-inline:0!important;padding-inline:var(--dcme-page-gutter)!important}
.wrap .wrap,.container .container{padding-inline:0!important}
main,section,article,aside,header,footer,nav,form,fieldset{min-width:0}
main *,section *,article *,aside *,header *,footer *,nav *,form *{min-width:0}
p,li,h1,h2,h3,h4,h5,h6,label,button,a,.badge,.tag,.eyebrow,.kicker{overflow-wrap:anywhere}
img,svg,video,canvas,iframe,embed,object{max-width:100%}
img,video{height:auto}
iframe[src*="youtube"],iframe[src*="vimeo"]{width:100%;height:auto;aspect-ratio:16/9}
input,select,textarea,button{max-width:100%;font-family:inherit}
input[type="checkbox"],input[type="radio"]{flex-shrink:0}
button,.btn,.mini-btn,.navlink,.pricing-btn,.claimBtn{white-space:normal;line-height:1.35}
.btn,.mini-btn,.navlink,.pricing-btn,.claimBtn{min-height:44px;padding-block:10px;max-width:100%;text-align:center}
.brand,.logo{flex-shrink:0}.brand{min-width:0;max-width:100%;flex-shrink:1}
.brand>div,.brand>span{min-width:0}.brand .logo{flex-shrink:0}
.dcme-table-scroll{display:block;max-width:100%;width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;margin-block:1rem}
.dcme-table-scroll>table{width:100%;margin-block:0}
pre{max-width:100%;overflow-x:auto}
.dcme-nav-toggle{display:none;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:66px;margin-left:auto;padding:10px 14px;border:1px solid #c6d9eb;border-radius:12px;background:#fff;color:#0753b1;font-family:inherit;font-size:14px;font-weight:700;line-height:1.2;cursor:pointer}
.dcme-nav-toggle::before{content:'☰';font-size:20px;line-height:1}
.dcme-nav-toggle[aria-expanded="true"]::before{content:'×';font-size:24px}
.dcme-nav-links{min-width:0}
.dcme-nav-links a,.dcme-nav-links button{min-height:44px;display:inline-flex;align-items:center}
.dcme-nav-ready{position:relative;flex-wrap:wrap}
@media(max-width:1280px){
 .dcme-nav-ready>.dcme-nav-toggle{display:inline-flex}
 .dcme-nav-ready>.dcme-nav-links{display:none!important;order:3;flex-basis:100%;width:100%;margin:0!important;gap:8px;padding-block:10px;max-height:65vh;max-height:65dvh;overflow-y:auto;flex-wrap:wrap;justify-content:flex-start}
 .dcme-nav-ready.dcme-nav-open>.dcme-nav-links{display:flex!important}
 .dcme-nav-ready>.dcme-nav-links a,.dcme-nav-ready>.dcme-nav-links button{padding:10px 12px}
}
@media(min-width:1281px){.dcme-nav-ready>.dcme-nav-links{display:flex!important}}
@media(max-width:767px){
 input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea{font-size:16px!important}
 .btn,.mini-btn,.navlink,.pricing-btn{height:auto}
 .badge,.tag,.eyebrow,.kicker{max-width:100%;white-space:normal}
 .dcme-table-scroll>table{min-width:580px}
 .dcme-nav-ready>.dcme-nav-links{flex-direction:column;align-items:stretch}
 .dcme-nav-ready>.dcme-nav-links a,.dcme-nav-ready>.dcme-nav-links button{justify-content:flex-start;width:100%}
 .dcme-private-contact__card{max-width:calc(100vw - 24px);max-height:85vh;max-height:85dvh;overflow-y:auto}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.dcme-nav-toggle{transition:none}}
@media print{.dcme-nav-toggle{display:none!important}.dcme-table-scroll{overflow:visible}.wrap,.container{padding-inline:0!important}.dcme-table-scroll>table{min-width:0}}

/* Business Truth homepage: remove the 1200px outer limit, retain readable cards. */
:root{--max:100%}
.top-inner{min-height:68px;gap:14px}
.topbar .nav{gap:6px}.topbar .nav a{min-height:44px;font-size:12px;padding-inline:12px}
.menu-btn{width:44px;height:44px;flex:0 0 44px}
.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(18px,2.2vw,42px);padding:clamp(16px,2.1vw,40px)}
.hero-panel{width:100%}.hero-points,.mock-window{max-width:none;width:100%}
.mock-window{align-self:center}.lead{max-width:78ch}.hero h1{max-width:20ch;font-size:clamp(36px,4.35vw,84px);line-height:1.02;letter-spacing:-.035em}
.actions{gap:10px}.actions .btn{padding-block:12px}.hero-points{gap:12px}
.strip-grid,.sample-grid,.process-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1vw,20px)}
.explain-grid,.command-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1vw,20px)}
.why-grid,.diag-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.section-head{flex-wrap:wrap}.section-lead{max-width:68ch}
.screen-badge,.report-badge,.demo-badge{max-width:100%}
@media(max-width:1100px){
 .topbar .nav{display:none}.menu-btn{display:grid}.mobile-nav.open{display:block}
 .hero-grid{grid-template-columns:minmax(0,1fr)}.hero h1{max-width:28ch}
 .strip-grid,.sample-grid,.process-grid,.explain-grid,.command-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sample-head,.command-head{grid-template-columns:minmax(0,1fr)}
 .report-badge,.demo-badge{justify-self:start}
}
@media(max-width:767px){
 .hero-grid{padding:16px}.hero h1{font-size:clamp(32px,8.6vw,54px);letter-spacing:-.035em}
 .hero-points{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-point{padding:10px}.hero-point b{font-size:15px;line-height:1.2}
 .strip-grid,.sample-grid,.process-grid,.explain-grid,.command-grid,.why-grid,.diag-grid{grid-template-columns:minmax(0,1fr)}
 .actions,.cta-actions{display:flex;flex-wrap:wrap}.actions>.btn,.cta-actions>.btn{width:100%;flex:1 1 100%}
 .cta-card{grid-template-columns:minmax(0,1fr)}.sample-head,.command-head{gap:14px}
 .contact-panel{display:grid}.contact-panel a{width:100%;max-width:100%;white-space:normal}
 .hero-panel,.sample-shell,.command-shell,.cta-card{border-radius:20px}
 .screen-head{display:grid;grid-template-columns:minmax(0,1fr)}
 .brand-text b{max-width:min(60vw,360px)}.brand-text span{display:none}
 .contact-panel>div{max-width:100%;width:100%}
}
@media(max-width:430px){.hero-points{grid-template-columns:minmax(0,1fr)}.diag-row,.finding{grid-template-columns:auto minmax(0,1fr)}.diag-tag,.finding em{grid-column:2;justify-self:start}}