@import url('../brand.css');
@import url('../site-footer.css');
@import url('../header-logo.css');
:root{--ink:#173c36;--deep:#10342f;--paper:#f7f5ee;--line:rgba(23,60,54,.18);--sans:'DM Sans',Arial,sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans)}a{color:inherit;text-decoration:none}.top{height:82px;padding:0 7vw;display:flex;align-items:center;justify-content:space-between}.intro{min-height:510px;padding:125px 9vw 85px;color:#fff;background:linear-gradient(90deg,rgba(5,25,23,.9),rgba(5,25,23,.25)),url('../assets/cm-systems-case-aerial.png') center/cover}.eyebrow{margin:0 0 20px;font:11px var(--mono);letter-spacing:.09em;color:#a7d7c8}.intro h1{max-width:800px;margin:0;font-size:clamp(48px,6vw,82px);line-height:.98;letter-spacing:-.07em}.intro p:not(.eyebrow){max-width:620px;font-size:18px;line-height:1.6}.wrap{max-width:1180px;margin:auto;padding:80px 7vw}.product-stage{position:relative;padding:16px;background:#fff;box-shadow:16px 18px 0 rgba(9,37,31,.12)}.screen-viewport{overflow:hidden;background:#f6f8fa}.screen-viewport img{display:block;width:100%;max-height:560px;object-fit:contain}.kontorvagt-screen{aspect-ratio:2.1/1}.kontorvagt-screen img{transform:translateY(-12%)}.system-dialog{position:absolute;max-width:260px;padding:16px;background:#fff;box-shadow:0 10px 25px rgba(9,37,31,.18)}.dialog-left{top:15%;left:5%}.dialog-right{right:5%;bottom:10%}.system-dialog span{display:block;color:#28705e;font:10px var(--mono);letter-spacing:.08em}.system-dialog strong{display:block;margin-top:9px;font-size:15px}.system-dialog p{font-size:12px;line-height:1.45}.product-stage figcaption{padding:14px 0 0;color:#617b73;font:10px var(--mono);letter-spacing:.07em}.product-link,.button{display:inline-flex;margin-top:25px;padding:14px 18px;background:var(--deep);color:#fff;font-weight:600}.problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin:90px 0}.problem-grid h2,.results h2{margin:0;font-size:clamp(34px,4vw,54px);line-height:1;letter-spacing:-.06em}.problem-grid p{font-size:18px;line-height:1.6}.results{padding:56px;background:#dce8e0}.result-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.result-list div{border-top:1px solid #78978d;padding-top:14px}.result-list b{display:block;font-size:18px}.result-list span{font-size:14px;line-height:1.5}.next{padding:100px 7vw;text-align:center;background:#d9c8ad}.next h2{max-width:760px;margin:auto;font-size:clamp(38px,5vw,64px);line-height:1;letter-spacing:-.06em}@media(max-width:700px){.top{padding:0 7vw}.intro{padding:90px 7vw 65px}.wrap{padding:60px 7vw}.problem-grid,.result-list{grid-template-columns:1fr;gap:26px}.system-dialog{position:relative;left:auto;right:auto;top:auto;bottom:auto;margin:10px 0}.next{padding:75px 7vw}}