/* Marketing surfaces derived from the operational Sysimple dashboard. */
:root{--brand-accent:#3c8dbc;--brand-accent-dark:#286b91;--brand-accent-light:#80c5ec;--brand-accent-soft:rgba(60,141,188,.12);--brand-action:#286b91;--brand-action-hover:#205675;--radius:8px;--radius-sm:4px}
body{overflow-wrap:break-word}
main [id]{scroll-margin-top:105px}
.site-header .header-inner{gap:18px}.site-header .main-nav{gap:18px}
.nav-home-mobile{display:none}
.nav-group:focus-within .nav-submenu{opacity:1;visibility:visible;pointer-events:auto}
.site-header a[aria-current="page"]{color:#80c5ec;text-decoration:underline;text-underline-offset:6px}
.button{border-radius:4px;min-height:44px;box-shadow:none}.button:hover{transform:none}
.button-primary{background:var(--brand-action);color:#fff}.button-primary:hover{background:var(--brand-action-hover)}
.pillar,.module,.case-card,.market-card,.price-card,.mini-price,.product-shot,.image-lightbox__panel,.widget-card,.application-walkthrough,.scenario-result,.adoption-grid article{border-radius:8px;box-shadow:none}
.section{padding-block:64px}.section-heading h2,.showcase-copy h2{letter-spacing:0;line-height:1.2}
.module-grid,.capability-grid,.case-grid,.steps{gap:14px}.module,.case-card{padding:24px}
.section-light{background:#f3f5f7;color:#263238}
.section-light .module,.section-light .case-card{background:#fff;border-color:#d8dee2}
.section-light .button-secondary{color:#263238;border-color:#aab8c1;background:#fff}.section-light a.text-link{color:#286b91}
.page-home .impact-hero{background:#17191d}
.page-home .impact-copy h1 em{font-size:clamp(30px,3vw,42px)}
.hero-reassurance a{color:inherit;text-underline-offset:4px}
.page-contents{display:flex;flex-wrap:wrap;gap:8px 18px;padding:14px 0;border-bottom:1px solid var(--line);margin-bottom:24px}
.page-contents a{color:var(--muted-2);font-size:14px;text-underline-offset:4px}
.scope-note{max-width:850px;padding:16px 18px;border-left:3px solid #3c8dbc;background:var(--panel);color:var(--muted-2);font-size:14px;line-height:1.6;margin-top:24px}
.section-light .scope-note{background:#fff;color:#52616b}.scope-note a{color:inherit;text-underline-offset:3px}
.contact-secondary a{display:inline-block;padding-block:6px}
:is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #3c8dbc;outline-offset:4px}
.nav-submenu a:focus-visible{outline:2px solid #80c5ec;outline-offset:-2px}
@media(min-width:821px) and (max-width:1120px){.site-header .header-inner{flex-wrap:wrap;padding-block:12px;gap:10px 20px}.site-header .main-nav{order:3;width:100%;justify-content:center}.site-header .header-actions{margin-left:auto}main [id]{scroll-margin-top:150px}}
@media(max-width:820px){.site-header .nav-home-mobile{display:block}.site-header .main-nav{gap:4px;max-height:calc(100dvh - 90px)}.section{padding-block:44px}.module,.case-card{padding:20px}.page-contents{gap:8px 14px}.page-contents a{padding-block:6px}.site-header .header-inner{gap:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}
@media print{.site-header,.site-footer,.cookie-banner,.mobile-diagnostic-cta,.motion-toggle{display:none!important}.js .reveal{opacity:1;transform:none}body{padding:0}.section{padding-block:20px}}

/* Allow long estimator labels to shrink inside narrow grid tracks. */
.simulator-layout>*{min-width:0}.simulator-builder,.sim-item label{min-width:0}.sim-item label{grid-template-columns:auto minmax(0,1fr)}
@media(max-width:1050px){.simulator-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:380px){.sim-category,.sim-result-sticky{padding:16px}.sim-category-head{gap:10px}}