.manual-digital{padding:105px 0;background:#f6f9fe}.manual-head{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end;margin-bottom:45px}.manual-head h2,.mace-ready h2{margin:12px 0;color:#061a3c;font-size:clamp(38px,4.5vw,58px);line-height:1.08;letter-spacing:-.04em}.manual-head p{color:#60708a;line-height:1.75}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.compare-card{padding:38px;border:1px solid #dce7f5;border-radius:20px;background:#fff;box-shadow:0 20px 55px #071b3d0c}.compare-card.digital{background:linear-gradient(145deg,#071b3d,#1268e8);color:#fff;border-color:transparent}.compare-label{display:inline-flex;padding:8px 12px;border-radius:20px;background:#fff1f1;color:#d64747;font-size:10px;font-weight:900;letter-spacing:.1em}.digital .compare-label{background:#ffffff17;color:#8ec6ff}.compare-card h3{font-size:25px;margin:20px 0}.compare-list{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;list-style:none;padding:0;margin:0}.compare-list li{position:relative;padding-left:22px;color:#60708a;font-size:13px;line-height:1.55}.compare-list li:before{content:"×";position:absolute;left:0;color:#e05b5b;font-weight:900}.digital .compare-list li{color:#d1e2f7}.digital .compare-list li:before{content:"✓";color:#65d7a0}
.mace-ready{position:relative;overflow:hidden;padding:95px 0;background:#fff}.mace-ready:after{content:"19";position:absolute;right:3%;top:-65px;color:#1268e808;font:800 330px/1 Arial}.mace-grid{position:relative;z-index:2;display:grid;grid-template-columns:.72fr .72fr 1.08fr;gap:34px;align-items:center}.mace-grid:after{content:"";display:block;min-height:390px;border-radius:22px;background-color:#061936;background-image:url('adsoftware-mace-digital-qms-modules-v2.png');background-position:center;background-size:contain;background-repeat:no-repeat;box-shadow:0 25px 60px #071b3d24;border:1px solid #d6e5f7}.mace-number{display:flex;align-items:center;gap:24px}.mace-number b{font-size:100px;line-height:1;color:#1268e8;letter-spacing:-.08em}.mace-number span{max-width:150px;color:#071b3d;font-weight:900;line-height:1.35}.mace-points{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.mace-points span{padding:13px 15px;border-radius:10px;background:#f1f6fd;color:#40516d;font-size:12px;font-weight:700}.mace-ready .btn{margin-top:27px}@media(max-width:1050px){.mace-grid{grid-template-columns:1fr 1fr}.mace-grid:after{grid-column:1/-1;min-height:520px}}@media(max-width:800px){.mace-grid:after{grid-column:auto;min-height:300px;border-radius:16px}}
.mission-vision{padding:90px 0;background:#f5f9ff}.mv-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.mv-card{padding:42px;border:1px solid #d8e5f6;border-radius:20px;background:#fff}.mv-card:nth-child(2){background:linear-gradient(145deg,#071b3d,#1268e8);color:#fff;border:0}.mv-icon{font-size:32px;color:#1268e8}.mv-card:nth-child(2) .mv-icon{color:#7bbcff}.mv-card h2{font-size:32px!important;margin:20px 0 14px!important}.mv-card:nth-child(2) h2{color:#fff!important}.mv-card p{color:#60708a}.mv-card:nth-child(2) p{color:#c6d9ef}
@media(max-width:800px){.manual-head,.compare-grid,.mace-grid,.mv-grid{grid-template-columns:1fr}.compare-list,.mace-points{grid-template-columns:1fr}.mace-number b{font-size:76px}}

/* Keep the complete Manual vs Digital story visible as one desktop composition. */
@media (min-width: 1000px) {
  .manual-digital { padding: 42px 0; }
  .manual-digital > .wrap { max-width: 1770px; }
  .manual-head {
    grid-template-columns: 1.2fr .8fr;
    gap: 64px;
    align-items: center;
    margin-bottom: 24px;
  }
  .manual-head h2 {
    max-width: 900px;
    margin: 8px 0 0;
    font-size: clamp(34px, 3.2vw, 48px);
    line-height: 1.02;
  }
  .manual-head p { margin: 0; line-height: 1.55; }
  .compare-grid { gap: 18px; }
  .compare-card { padding: 24px 28px; border-radius: 18px; }
  .compare-card h3 { margin: 13px 0 16px; font-size: 21px; }
  .compare-label { padding: 6px 10px; }
  .compare-list { gap: 8px 18px; }
  .compare-list li { font-size: 12px; line-height: 1.4; }
}
.mace-grid{grid-template-columns:.85fr 1.15fr;gap:75px}.mace-grid:after{display:none}@media(max-width:800px){.mace-grid{grid-template-columns:1fr;gap:42px}}