body.page-template-page-contract-management #page,body.page-template-page-contract-management .site,body.page-template-page-contract-management .site-content,body.page-template-page-contract-management .content-area{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.phx-contract-page{font-family:inherit;color:#f4f8f8;background:#03151a;overflow:hidden}.phx-contract-page *{box-sizing:border-box}.cm-hero,.cm-process,.cm-compare,.cm-benefits,.cm-cta{width:100vw;margin-inline:calc(50% - 50vw);position:relative;overflow:hidden}
.cm-hero{height:600px;min-height:600px;background:radial-gradient(circle at 73% 54%,rgba(0,255,236,.13),transparent 30%),linear-gradient(90deg,#021319,#031d23 48%,#02151b);border-bottom:1px solid rgba(82,225,218,.18)}.cm-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 73% 68%,rgba(0,255,235,.12),transparent 20%),linear-gradient(90deg,rgba(0,0,0,.05),rgba(0,0,0,.12));pointer-events:none}.cm-hero-inner{height:100%;display:grid;grid-template-columns:48% 52%;direction:rtl;position:relative;z-index:1}.cm-hero-copy{align-self:center;padding:74px 6vw 35px 3vw;text-align:right}.cm-kicker{display:inline-flex;align-items:center;gap:10px;color:#18d8d1;font-size:14px;font-weight:800;margin-bottom:10px}.cm-kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:#18d8d1;box-shadow:0 0 14px #18d8d1}.cm-hero h1{font-size:clamp(31px,3vw,46px);line-height:1.48;margin:0 0 12px;font-weight:900;letter-spacing:-.4px}.cm-hero h1::first-line{color:#f5f8f8}.cm-hero p{max-width:610px;font-size:14px;line-height:2;color:#a8bfc1;margin:0 0 18px}.cm-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.cm-btn{display:inline-flex;align-items:center;justify-content:center;min-width:120px;padding:9px 18px;border-radius:7px;text-decoration:none;font-size:11px;font-weight:800;transition:.2s}.cm-btn.solid{background:linear-gradient(135deg,#22ddd4,#08aead);color:#022b30;box-shadow:0 7px 24px rgba(10,225,213,.18)}.cm-btn.outline{border:1px solid rgba(25,220,213,.45);color:#d8f8f5;background:rgba(3,29,34,.3)}.cm-btn:hover{transform:translateY(-1px)}.cm-features{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px;max-width:620px}.cm-feature{display:flex;align-items:center;gap:8px;min-width:0}.cm-feature-icon{width:31px;height:31px;border:1px solid rgba(20,217,210,.42);border-radius:8px;display:grid;place-items:center;color:#1fe0d7;font-size:15px;box-shadow:0 0 15px rgba(20,217,210,.08)}.cm-feature b,.cm-feature small{display:block}.cm-feature b{font-size:10px;color:#d9f5f3}.cm-feature small{font-size:8px;color:#86a7aa;line-height:1.7}.cm-hero-art{position:relative;display:flex;align-items:center;justify-content:center;padding:15px 1vw 10px 0}.cm-hero-art:before{content:"";position:absolute;right:13%;bottom:11%;width:55%;height:20%;background:rgba(0,237,226,.14);filter:blur(40px);border-radius:50%}.cm-hero-art img{width:100%;height:100%;object-fit:contain;object-position:center;filter:brightness(1.02) contrast(1.04) saturate(1.02) drop-shadow(0 22px 28px rgba(0,0,0,.55));mix-blend-mode:screen}
.cm-process{min-height:290px;background:linear-gradient(180deg,#06161b,#041319);border-bottom:1px solid rgba(82,225,218,.16)}.cm-process-inner{min-height:290px;display:grid;grid-template-columns:44% 56%;direction:rtl;align-items:center}.cm-process-copy{padding:34px 4vw 32px 2vw}.cm-process h2,.cm-compare-title h2,.cm-section-title h2,.cm-cta h2{margin:0;font-weight:900}.cm-process h2{font-size:29px;line-height:1.52;margin-bottom:8px}.cm-process p{font-size:11px;line-height:2;color:#9db6b8;max-width:510px;margin:0 0 10px}.cm-process-points{display:flex;flex-wrap:wrap;gap:9px;margin:7px 0 11px}.cm-process-points span{font-size:8px;color:#a9c9c9;border-right:1px solid #17d2cb;padding-right:7px}.cm-more{display:inline-flex;border:1px solid rgba(22,210,202,.45);border-radius:5px;padding:6px 14px;color:#1fe0d7;text-decoration:none;font-size:9px}.cm-process-art{height:100%;min-height:290px;display:flex;align-items:center;justify-content:center;overflow:hidden}.cm-process-art img{width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.78) contrast(1.06) saturate(.9)}
.cm-compare{min-height:300px;background:radial-gradient(circle at 50% 65%,rgba(16,219,211,.07),transparent 30%),#04171c;border-bottom:1px solid rgba(82,225,218,.16);padding:18px 2.4vw 25px}.cm-compare-title{text-align:center;margin-bottom:10px}.cm-compare-title .cm-kicker{justify-content:center;margin-bottom:3px;font-size:9px}.cm-compare-title h2{font-size:22px;line-height:1.4}.cm-compare-grid{display:grid;grid-template-columns:1fr 60px 1fr;align-items:center;direction:ltr;max-width:1200px;margin:auto}.cm-side{min-height:210px;position:relative;overflow:hidden;border:1px solid rgba(102,213,210,.13);background:rgba(3,15,18,.55);border-radius:5px}.cm-side-head{position:absolute;top:9px;right:12px;left:12px;z-index:2;display:flex;justify-content:space-between;direction:rtl;font-size:10px}.cm-side-head b{color:#b7cecf}.cm-side-head i{font-style:normal;width:18px;height:18px;border-radius:50%;display:grid;place-items:center}.traditional .cm-side-head i{color:#ff5b5b;border:1px solid rgba(255,70,70,.35)}.phoenix .cm-side-head i{color:#27e6d8;border:1px solid rgba(39,230,216,.35)}.cm-side img{display:block;width:100%;height:205px;object-fit:cover;object-position:center;opacity:.82;filter:brightness(.75) saturate(.9)}.cm-side ul{position:absolute;bottom:7px;right:12px;left:12px;margin:0;padding:0;list-style:none;display:grid;gap:3px;direction:rtl}.cm-side li{font-size:7px;color:#9db3b5;background:rgba(0,0,0,.4);padding:3px 5px;border-radius:3px}.cm-side.phoenix{box-shadow:0 0 35px rgba(0,214,205,.07)}.cm-arrow{text-align:center;color:#1de0d5;font-size:46px;text-shadow:0 0 18px rgba(29,224,213,.55);direction:ltr}
.cm-benefits{background:#03161b;padding:16px 2vw 0;border-bottom:1px solid rgba(82,225,218,.16)}.cm-section-title{text-align:center;margin-bottom:11px}.cm-section-title .cm-kicker{font-size:9px;justify-content:center;margin-bottom:2px}.cm-section-title h2{font-size:25px;line-height:1.4}.cm-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;max-width:1250px;margin:auto}.cm-benefit{height:155px;border:1px solid rgba(104,219,216,.17);border-radius:3px;overflow:hidden;position:relative;background:#061b20}.cm-benefit img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.52) contrast(1.08) saturate(.9);transition:.25s}.cm-benefit:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,10,13,.05),rgba(1,10,13,.86))}.cm-benefit div{position:absolute;z-index:2;right:12px;left:12px;bottom:10px;text-align:right}.cm-benefit h3{font-size:13px;color:#eaf9f7;margin:0 0 4px}.cm-benefit p{font-size:8px;line-height:1.8;color:#a4c0c1;margin:0}.cm-benefit:hover img{transform:scale(1.03)}
.cm-cta{min-height:370px;height:370px;background:#03171c;display:block;position:relative;direction:rtl;overflow:hidden}.cm-cta-bg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;overflow:hidden;z-index:0}.cm-cta-bg img{display:block;width:100%;height:100%;object-fit:cover;filter:brightness(.65) contrast(1.08) saturate(.9)}.cm-cta-copy{position:relative;z-index:2;min-height:370px;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;direction:rtl;padding:30px 5vw;text-align:right;margin-left:auto;width:52%;background:transparent}.cm-cta h2{font-size:30px;line-height:1.45;margin-bottom:8px}.cm-cta p{font-size:10px;line-height:1.9;color:#a8c0c2;margin:0 0 13px}
@media(max-width:1000px){.cm-hero{height:560px;min-height:560px}.cm-hero-inner{grid-template-columns:1fr 1fr}.cm-hero h1{font-size:35px}.cm-process h2{font-size:25px}.cm-benefit-grid{grid-template-columns:repeat(2,1fr)}.cm-cta-copy{width:100%;min-height:370px;padding:32px 22px;align-items:flex-start}.cm-cta h2{font-size:26px}}
@media(max-width:760px){.cm-hero{height:auto;min-height:0}.cm-hero-inner,.cm-process-inner{grid-template-columns:1fr;display:grid}.cm-cta{display:block;height:auto;min-height:370px}.cm-hero-copy{grid-row:1;padding:90px 22px 18px}.cm-hero-art{grid-row:2;height:330px;padding:0}.cm-hero-art img{object-fit:contain}.cm-features{grid-template-columns:1fr;max-width:320px}.cm-process-copy{padding:30px 22px 15px}.cm-process-art{height:260px;min-height:260px}.cm-compare-grid{grid-template-columns:1fr;gap:10px}.cm-arrow{transform:rotate(90deg);height:34px}.cm-side{min-height:230px}.cm-benefit-grid{grid-template-columns:1fr 1fr}.cm-cta-bg{order:2;height:200px;min-height:200px}.cm-cta-copy{order:1;padding:35px 22px}.cm-cta h2{font-size:24px}}
@media(max-width:480px){.cm-hero-copy{padding-top:80px}.cm-hero h1{font-size:28px}.cm-hero p{font-size:12px}.cm-benefit-grid{grid-template-columns:1fr}.cm-benefit{height:170px}.cm-compare-title h2{font-size:19px}.cm-process h2{font-size:23px}}

/* ==========================================================
   CONTRACT MANAGEMENT — FINAL REFERENCE POLISH
   Header overlays the hero exactly like the shared site header.
   ========================================================== */
body.page-template-page-contract-management header.navbar{
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  width:auto !important;
  margin:20px 40px 0 !important;
  z-index:1000 !important;
}

body.page-template-page-contract-management .phx-contract-page{
  position:relative;
  z-index:1;
}

/* Hero: full 600px canvas, artwork sits underneath the header/menu. */
body.page-template-page-contract-management .cm-hero{
  height:600px !important;
  min-height:600px !important;
  background:
    radial-gradient(circle at 70% 54%, rgba(0,255,236,.10), transparent 30%),
    linear-gradient(90deg,#021217 0%,#031a20 52%,#02151b 100%) !important;
}

body.page-template-page-contract-management .cm-hero-inner{
  width:100%;
  max-width:none;
  grid-template-columns:44% 56% !important;
}

/* Put the artwork underneath the whole hero/header area rather than in a small card. */
body.page-template-page-contract-management .cm-hero-art{
  position:absolute !important;
  inset:0 0 0 0 !important;
  width:100% !important;
  height:100% !important;
  padding:0 !important;
  z-index:0 !important;
  pointer-events:none;
  justify-content:flex-start !important;
  align-items:stretch !important;
}

body.page-template-page-contract-management .cm-hero-art:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(1,14,19,.10) 0%, rgba(1,14,19,.03) 44%, rgba(1,14,19,.55) 100%),
    linear-gradient(180deg, rgba(0,10,14,.18), rgba(0,10,14,.04) 45%, rgba(0,10,14,.18));
  z-index:2;
}

body.page-template-page-contract-management .cm-hero-art img{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  width:64% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  filter:brightness(1.04) contrast(1.04) saturate(1.05) drop-shadow(0 22px 28px rgba(0,0,0,.55)) !important;
  mix-blend-mode:normal !important;
  z-index:1;
}

body.page-template-page-contract-management .cm-hero-inner:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:72%;
  height:100%;
  background:radial-gradient(circle at 48% 65%,rgba(0,237,226,.15),transparent 36%);
  pointer-events:none;
  z-index:0;
}

body.page-template-page-contract-management .cm-hero-copy{
  grid-column:1 !important;
  grid-row:1 !important;
  justify-self:end;
  align-self:center !important;
  width:100%;
  max-width:760px;
  padding:115px 5.2vw 35px 3vw !important;
  text-align:right !important;
  position:relative;
  z-index:5;
}

body.page-template-page-contract-management .cm-hero h1{
  font-size:clamp(38px,3.25vw,58px) !important;
  line-height:1.42 !important;
  margin-bottom:16px !important;
  text-shadow:0 4px 24px rgba(0,0,0,.45);
}
body.page-template-page-contract-management .cm-hero p{
  max-width:640px !important;
  font-size:15px !important;
  line-height:2.05 !important;
  color:#c0d3d5 !important;
  margin-bottom:22px !important;
}
body.page-template-page-contract-management .cm-kicker{
  font-size:14px !important;
  margin-bottom:12px !important;
}
body.page-template-page-contract-management .cm-actions{gap:14px !important}
body.page-template-page-contract-management .cm-btn{
  min-width:154px !important;
  min-height:46px !important;
  padding:11px 24px !important;
  border-radius:9px !important;
  font-size:13px !important;
}
body.page-template-page-contract-management .cm-features{
  gap:20px !important;
  margin-top:28px !important;
  max-width:700px !important;
}
body.page-template-page-contract-management .cm-feature-icon{
  width:38px !important;
  height:38px !important;
  border-radius:10px !important;
}
body.page-template-page-contract-management .cm-feature b{font-size:12px !important}
body.page-template-page-contract-management .cm-feature small{font-size:9.5px !important;line-height:1.8 !important}

/* Process/demo section: larger, breathing room and properly sized artwork. */
body.page-template-page-contract-management .cm-process{
  min-height:330px !important;
}
body.page-template-page-contract-management .cm-process-inner{
  min-height:330px !important;
}
body.page-template-page-contract-management .cm-process-copy{
  padding:45px 5vw 42px 3vw !important;
}
body.page-template-page-contract-management .cm-process h2{
  font-size:32px !important;
  line-height:1.48 !important;
}
body.page-template-page-contract-management .cm-process p{
  font-size:12.5px !important;
  line-height:2 !important;
}
body.page-template-page-contract-management .cm-process-art{
  min-height:330px !important;
  height:330px !important;
}
body.page-template-page-contract-management .cm-process-art img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
}

/* Traditional challenges / Phoenix solution: artwork fills each complete panel. */
body.page-template-page-contract-management .cm-compare{
  min-height:420px !important;
  padding:30px 3vw 42px !important;
}
body.page-template-page-contract-management .cm-compare-title{
  margin-bottom:22px !important;
}
body.page-template-page-contract-management .cm-compare-title h2{
  font-size:30px !important;
  line-height:1.45 !important;
}
body.page-template-page-contract-management .cm-compare-grid{
  width:100% !important;
  max-width:1600px !important;
  grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr) !important;
  gap:0 !important;
}
body.page-template-page-contract-management .cm-side{
  min-height:330px !important;
  height:330px !important;
  border-radius:16px !important;
  border:1px solid rgba(102,213,210,.28) !important;
  overflow:hidden !important;
  box-shadow:0 18px 55px rgba(0,0,0,.24), inset 0 0 0 1px rgba(255,255,255,.025) !important;
}
body.page-template-page-contract-management .cm-side img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  opacity:1 !important;
  filter:brightness(.68) contrast(1.06) saturate(.98) !important;
}
body.page-template-page-contract-management .cm-side:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,8,10,.10) 0%,rgba(0,8,10,.08) 42%,rgba(0,8,10,.80) 100%);
  pointer-events:none;
}
body.page-template-page-contract-management .cm-side-head{
  top:18px !important;
  right:20px !important;
  left:20px !important;
  font-size:13px !important;
  z-index:4 !important;
}
body.page-template-page-contract-management .cm-side-head i{
  width:25px !important;
  height:25px !important;
  font-size:15px !important;
}
body.page-template-page-contract-management .cm-side ul{
  bottom:18px !important;
  right:20px !important;
  left:20px !important;
  gap:7px !important;
  z-index:4 !important;
}
body.page-template-page-contract-management .cm-side li{
  font-size:10px !important;
  padding:7px 9px !important;
  border-radius:7px !important;
  background:rgba(0,0,0,.48) !important;
  backdrop-filter:blur(3px);
}
body.page-template-page-contract-management .cm-arrow{
  align-self:center !important;
  font-size:58px !important;
}

/* Why Phoenix: full-width section, larger cards, clear outer padding and rounded corners. */
body.page-template-page-contract-management .cm-benefits{
  padding:34px 28px 42px !important;
}
body.page-template-page-contract-management .cm-section-title{
  margin-bottom:22px !important;
}
body.page-template-page-contract-management .cm-section-title .cm-kicker{
  font-size:11px !important;
}
body.page-template-page-contract-management .cm-section-title h2{
  font-size:31px !important;
}
body.page-template-page-contract-management .cm-benefit-grid{
  width:100% !important;
  max-width:none !important;
  padding:0 !important;
  gap:18px !important;
}
body.page-template-page-contract-management .cm-benefit{
  width:100% !important;
  height:225px !important;
  min-width:0 !important;
  border-radius:14px !important;
  border:1px solid rgba(104,219,216,.26) !important;
  box-shadow:0 14px 35px rgba(0,0,0,.24) !important;
}
body.page-template-page-contract-management .cm-benefit img{
  filter:brightness(.56) contrast(1.08) saturate(.98) !important;
}
body.page-template-page-contract-management .cm-benefit div{
  right:20px !important;
  left:20px !important;
  bottom:18px !important;
}
body.page-template-page-contract-management .cm-benefit h3{
  font-size:16px !important;
  margin-bottom:7px !important;
}
body.page-template-page-contract-management .cm-benefit p{
  font-size:10px !important;
  line-height:1.9 !important;
}

/* Final CTA / demo area: standard proportions, no compressed button treatment. */
body.page-template-page-contract-management .cm-cta{
  min-height:310px !important;
  grid-template-columns:50% 50% !important;
}
body.page-template-page-contract-management .cm-cta-bg{
  min-height:310px !important;
  height:310px !important;
}
body.page-template-page-contract-management .cm-cta-bg img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
}
body.page-template-page-contract-management .cm-cta-copy{
  padding:45px 6vw !important;
}
body.page-template-page-contract-management .cm-cta h2{
  font-size:34px !important;
}
body.page-template-page-contract-management .cm-cta p{
  font-size:12px !important;
  line-height:2 !important;
}

@media(max-width:1100px){
  body.page-template-page-contract-management header.navbar{
    margin:14px 16px 0 !important;
  }
  body.page-template-page-contract-management .cm-hero h1{font-size:42px !important}
  body.page-template-page-contract-management .cm-hero-art img{width:100% !important}
  body.page-template-page-contract-management .cm-benefit-grid{grid-template-columns:repeat(2,1fr) !important}
}

@media(max-width:760px){
  body.page-template-page-contract-management header.navbar{
    margin:10px 10px 0 !important;
  }
  body.page-template-page-contract-management .cm-hero{
    height:auto !important;
    min-height:760px !important;
  }
  body.page-template-page-contract-management .cm-hero-inner{
    min-height:760px;
    display:block !important;
  }
  body.page-template-page-contract-management .cm-hero-art{
    position:absolute !important;
    inset:0 !important;
  }
  body.page-template-page-contract-management .cm-hero-art img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center !important;
    opacity:.62 !important;
  }
  body.page-template-page-contract-management .cm-hero-copy{
    width:100% !important;
    max-width:none !important;
    padding:135px 24px 45px !important;
  }
  body.page-template-page-contract-management .cm-hero h1{font-size:34px !important}
  body.page-template-page-contract-management .cm-hero p{font-size:13px !important}
  body.page-template-page-contract-management .cm-features{grid-template-columns:1fr !important}
  body.page-template-page-contract-management .cm-process-inner{display:flex !important;flex-direction:column !important}
  body.page-template-page-contract-management .cm-process-copy{padding:38px 24px 24px !important}
  body.page-template-page-contract-management .cm-process-art{width:100%;height:320px !important;min-height:320px !important}
  body.page-template-page-contract-management .cm-compare-grid{grid-template-columns:1fr !important;gap:16px !important}
  body.page-template-page-contract-management .cm-side{height:300px !important;min-height:300px !important}
  body.page-template-page-contract-management .cm-arrow{height:40px !important;transform:rotate(90deg) !important}
  body.page-template-page-contract-management .cm-benefits{padding:30px 18px 35px !important}
  body.page-template-page-contract-management .cm-benefit-grid{grid-template-columns:1fr !important;gap:16px !important}
  body.page-template-page-contract-management .cm-benefit{height:215px !important}
  body.page-template-page-contract-management .cm-cta{grid-template-columns:1fr !important}
  body.page-template-page-contract-management .cm-cta-bg{height:220px !important;min-height:220px !important;order:2}
  body.page-template-page-contract-management .cm-cta-copy{order:1;padding:38px 24px !important}
}
/* CONTRACT V4 — scoped editable variables */
body.page-template-page-contract-management .phx-contract-page{background:var(--cm-hero-bg)}
body.page-template-page-contract-management .cm-hero{height:var(--cm-hero-height,600px);min-height:var(--cm-hero-height,600px);background:var(--cm-hero-bg)}
body.page-template-page-contract-management .cm-hero h1{color:var(--cm-hero-heading)}
body.page-template-page-contract-management .cm-hero p{color:var(--cm-hero-body)}
body.page-template-page-contract-management .cm-kicker{color:var(--cm-hero-accent)}
body.page-template-page-contract-management .cm-kicker:before{background:var(--cm-hero-accent);box-shadow:0 0 14px var(--cm-hero-accent)}
body.page-template-page-contract-management .cm-btn.solid{background:var(--cm-hero-btn-bg);color:var(--cm-hero-btn-text)}
body.page-template-page-contract-management .cm-hero-art img{object-position:var(--cm-hero-pos);object-fit:var(--cm-hero-fit,contain)}
body.page-template-page-contract-management .cm-feature-icon{color:var(--cm-hero-accent);border-color:color-mix(in srgb,var(--cm-hero-accent) 42%,transparent)}
body.page-template-page-contract-management .cm-feature-icon img{width:20px;height:20px;object-fit:contain}
body.page-template-page-contract-management .cm-process{background:var(--cm-process-bg)}
body.page-template-page-contract-management .cm-process-copy{background:var(--cm-process-bg)}
body.page-template-page-contract-management .cm-process h2{color:var(--cm-process-heading)}
body.page-template-page-contract-management .cm-process p{color:var(--cm-process-body)}
body.page-template-page-contract-management .cm-process-points span,.body.page-template-page-contract-management .cm-more{color:var(--cm-process-accent);border-color:var(--cm-process-accent)}
body.page-template-page-contract-management .cm-process-art img{object-position:var(--cm-process-pos)}
body.page-template-page-contract-management .cm-compare{background:var(--cm-compare-bg)}
body.page-template-page-contract-management .cm-compare-title h2{color:var(--cm-compare-heading)}
body.page-template-page-contract-management .cm-side li{color:var(--cm-compare-body)}
body.page-template-page-contract-management .cm-arrow{color:var(--cm-compare-accent)}
body.page-template-page-contract-management .cm-benefits{background:var(--cm-benefits-bg)}
body.page-template-page-contract-management .cm-section-title h2,.body.page-template-page-contract-management .cm-benefit h3{color:var(--cm-benefits-heading)}
body.page-template-page-contract-management .cm-benefit{background:var(--cm-benefits-card-bg);border-color:color-mix(in srgb,var(--cm-benefits-accent) 28%,transparent)}
body.page-template-page-contract-management .cm-benefit p{color:var(--cm-benefits-body)}
body.page-template-page-contract-management .cm-cta{background:var(--cm-cta-bg)}
body.page-template-page-contract-management .cm-cta h2{color:var(--cm-cta-heading)}
body.page-template-page-contract-management .cm-cta p{color:var(--cm-cta-body)}
body.page-template-page-contract-management .cm-cta-bg img{object-position:var(--cm-cta-pos)}
body.page-template-page-contract-management .cm-hero:after{background:linear-gradient(90deg,rgba(0,0,0,var(--cm-hero-overlay)),rgba(0,0,0,0));}
body.page-template-page-contract-management .cm-process-art{position:relative}
body.page-template-page-contract-management .cm-process-art:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,var(--cm-process-overlay));pointer-events:none}
body.page-template-page-contract-management .cm-cta-bg{position:relative}
body.page-template-page-contract-management .cm-cta-bg:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,var(--cm-cta-overlay));pointer-events:none}

/* ============================================================
   Contract page — requested isolated refinements (2026-09)
   Scope is intentionally limited to this page template.
   ============================================================ */

/* Challenge & solution: centered, balanced copy with content-sized text boxes. */
body.page-template-page-contract-management .cm-compare-title,
body.page-template-page-contract-management .cm-side-head{
  text-align:center !important;
}
body.page-template-page-contract-management .cm-side-head{
  justify-content:center !important;
  align-items:center !important;
}
body.page-template-page-contract-management .cm-side ul{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
}
body.page-template-page-contract-management .cm-side li{
  width:fit-content !important;
  max-width:min(92%, 560px) !important;
  min-width:0 !important;
  margin-inline:auto !important;
  padding:8px 14px !important;
  text-align:center !important;
  line-height:1.85 !important;
}

/* Benefits: preserve card structure/content, add restrained premium 3D depth. */
body.page-template-page-contract-management .cm-benefit{
  isolation:isolate;
  transform:translateZ(0);
  transform-style:preserve-3d;
  perspective:900px;
  border:1px solid color-mix(in srgb,var(--cm-benefits-accent) 34%,transparent) !important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--cm-benefits-card-bg) 94%,white 6%),var(--cm-benefits-card-bg)) !important;
  box-shadow:0 22px 48px rgba(0,0,0,.32),0 7px 14px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.09),inset 0 -1px 0 rgba(0,0,0,.24) !important;
  transition:transform .32s ease,box-shadow .32s ease,border-color .32s ease !important;
}
body.page-template-page-contract-management .cm-benefit:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(135deg,rgba(255,255,255,.09),transparent 34%,transparent 70%,color-mix(in srgb,var(--cm-benefits-accent) 9%,transparent));
  box-shadow:inset 0 0 28px rgba(255,255,255,.025);
}
body.page-template-page-contract-management .cm-benefit div{
  z-index:3 !important;
  text-align:center !important;
  display:flex;
  flex-direction:column;
  align-items:center;
}
body.page-template-page-contract-management .cm-benefit h3,
body.page-template-page-contract-management .cm-benefit p{
  width:100%;
  text-align:center !important;
}
@media (hover:hover) and (pointer:fine){
  body.page-template-page-contract-management .cm-benefit:hover{
    transform:translateY(-7px) rotateX(1.2deg) !important;
    border-color:color-mix(in srgb,var(--cm-benefits-accent) 58%,transparent) !important;
    box-shadow:0 30px 62px rgba(0,0,0,.38),0 10px 20px rgba(0,0,0,.22),0 0 24px color-mix(in srgb,var(--cm-benefits-accent) 10%,transparent),inset 0 1px 0 rgba(255,255,255,.12) !important;
  }
}

/* Digital transformation / final CTA: artwork covers the complete section, with no overlay/gradient. */
body.page-template-page-contract-management .cm-cta{
  position:relative !important;
  display:block !important;
  min-height:310px !important;
  overflow:hidden !important;
  background:transparent !important;
}
body.page-template-page-contract-management .cm-cta-bg{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
  z-index:0 !important;
}
body.page-template-page-contract-management .cm-cta-bg img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:var(--cm-cta-pos) !important;
}
body.page-template-page-contract-management .cm-cta-bg:after{
  display:none !important;
  content:none !important;
  background:none !important;
}
body.page-template-page-contract-management .cm-cta-copy{
  position:relative !important;
  z-index:2 !important;
  min-height:310px !important;
  width:min(760px, 58%) !important;
  margin-right:0 !important;
  background:transparent !important;
}
@media(max-width:760px){
  body.page-template-page-contract-management .cm-cta{min-height:360px !important}
  body.page-template-page-contract-management .cm-cta-bg{height:100% !important;min-height:100% !important;order:initial !important}
  body.page-template-page-contract-management .cm-cta-copy{width:100% !important;min-height:360px !important;order:initial !important}
}

/* ==========================================================
   CONTRACT MANAGEMENT — PROCESS STORY INTEGRATION
   Scoped ONLY to:
   "مدیریت قراردادها در یک نگاه / یک بستر یکپارچه برای تمامی زنجیره‌های سازمان"
   No global selectors. No changes to other pages/sections.
   ========================================================== */

body.page-template-page-contract-management .cm-process-inner{
  position:relative !important;
  isolation:isolate;
}

/* Keep the existing two-column structure, but remove the visual
   impression of a hard text/image split. */
body.page-template-page-contract-management .cm-process-art{
  position:relative !important;
  z-index:1 !important;
  align-self:stretch !important;
  overflow:hidden !important;
  background:linear-gradient(90deg,#06161b 0%,#06161b 72%,rgba(6,22,27,0) 100%) !important;
}

/* The image stays fully inside its allocated visual area.
   Its edges dissolve instead of forming a rectangle. */
body.page-template-page-contract-management .cm-process-art img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:var(--cm-process-pos,50% 50%) !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  opacity:.94 !important;
  filter:brightness(.80) contrast(1.05) saturate(.92) !important;
  -webkit-mask-image:radial-gradient(
    ellipse 94% 104% at 48% 50%,
    #000 53%,
    rgba(0,0,0,.96) 67%,
    rgba(0,0,0,.62) 82%,
    transparent 100%
  ) !important;
  mask-image:radial-gradient(
    ellipse 94% 104% at 48% 50%,
    #000 53%,
    rgba(0,0,0,.96) 67%,
    rgba(0,0,0,.62) 82%,
    transparent 100%
  ) !important;
}

/* Dissolve the edge that faces the text so there is no perceived
   vertical division between the two columns. */
body.page-template-page-contract-management .cm-process-art:after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  pointer-events:none !important;
  background:
    linear-gradient(
      90deg,
      rgba(6,22,27,0) 0%,
      rgba(6,22,27,0) 52%,
      rgba(6,22,27,.08) 68%,
      rgba(6,22,27,.38) 84%,
      #06161b 100%
    ) !important;
}

/* A very soft atmospheric transition reaches toward the copy.
   It is not a border, divider, card, or box. */
body.page-template-page-contract-management .cm-process-copy{
  position:relative !important;
  z-index:3 !important;
  background:transparent !important;
}

body.page-template-page-contract-management .cm-process-copy:after{
  content:"" !important;
  position:absolute !important;
  top:8% !important;
  bottom:8% !important;
  right:-12% !important;
  width:32% !important;
  pointer-events:none !important;
  z-index:-1 !important;
  background:radial-gradient(
    ellipse at center,
    rgba(24,216,209,.055) 0%,
    rgba(24,216,209,.018) 42%,
    transparent 76%
  ) !important;
  filter:blur(18px) !important;
}

/* Remove any visual divider created by the section itself. */
body.page-template-page-contract-management .cm-process{
  border-bottom:0 !important;
}

/* Tablet: preserve the same integrated composition. */
@media (max-width:1000px){
  body.page-template-page-contract-management .cm-process-art img{
    -webkit-mask-image:radial-gradient(
      ellipse 96% 104% at 48% 50%,
      #000 50%,
      rgba(0,0,0,.94) 68%,
      rgba(0,0,0,.55) 84%,
      transparent 100%
    ) !important;
    mask-image:radial-gradient(
      ellipse 96% 104% at 48% 50%,
      #000 50%,
      rgba(0,0,0,.94) 68%,
      rgba(0,0,0,.55) 84%,
      transparent 100%
    ) !important;
  }
}

/* Mobile: retain the existing vertical order, but keep the image
   visually embedded rather than turning it into a separate card. */
@media (max-width:760px){
  body.page-template-page-contract-management .cm-process-art{
    width:100% !important;
    height:320px !important;
    min-height:320px !important;
    background:#06161b !important;
  }

  body.page-template-page-contract-management .cm-process-art img{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    opacity:.90 !important;
    -webkit-mask-image:linear-gradient(
      to bottom,
      transparent 0%,
      rgba(0,0,0,.55) 8%,
      #000 22%,
      #000 78%,
      rgba(0,0,0,.55) 92%,
      transparent 100%
    ) !important;
    mask-image:linear-gradient(
      to bottom,
      transparent 0%,
      rgba(0,0,0,.55) 8%,
      #000 22%,
      #000 78%,
      rgba(0,0,0,.55) 92%,
      transparent 100%
    ) !important;
  }

  body.page-template-page-contract-management .cm-process-art:after{
    background:
      linear-gradient(
        180deg,
        #06161b 0%,
        rgba(6,22,27,0) 18%,
        rgba(6,22,27,0) 76%,
        #06161b 100%
      ) !important;
  }

  body.page-template-page-contract-management .cm-process-copy:after{
    display:none !important;
  }
}

/* Contract challenge/solution — single central artwork, isolated replacement. */
body.page-template-page-contract-management .cm-compare{padding:34px clamp(18px,2.2vw,44px) 48px!important;min-height:0!important;overflow:hidden!important}
body.page-template-page-contract-management .cm-compare-title{margin:0 auto 24px!important;max-width:1100px!important}
body.page-template-page-contract-management .cm-compare-single{width:100%!important;max-width:none!important;margin:0!important;display:grid!important;grid-template-columns:minmax(220px,1fr) minmax(520px,2.7fr) minmax(220px,1fr)!important;gap:clamp(12px,1.5vw,30px)!important;align-items:center!important;direction:ltr!important}
body.page-template-page-contract-management .cm-compare-copy{direction:rtl!important;min-width:0!important;background:none!important;border:0!important;box-shadow:none!important;overflow:visible!important;height:auto!important;min-height:0!important}
body.page-template-page-contract-management .cm-compare-copy .cm-side-head{position:static!important;display:flex!important;justify-content:space-between!important;text-align:inherit!important;margin-bottom:14px!important;padding:0 4px!important;font-size:14px!important}
body.page-template-page-contract-management .cm-compare-copy.traditional .cm-side-head{color:#ff6969!important}
body.page-template-page-contract-management .cm-compare-copy.phoenix .cm-side-head{color:var(--cm-compare-accent)!important}
body.page-template-page-contract-management .cm-compare-copy .cm-side-head b{color:inherit!important}
body.page-template-page-contract-management .cm-compare-copy .cm-side-head i{position:static!important;width:25px!important;height:25px!important;border-radius:50%!important;display:grid!important;place-items:center!important;font-style:normal!important}
body.page-template-page-contract-management .cm-compare-copy.traditional .cm-side-head i{border:1px solid rgba(255,90,90,.35)!important}
body.page-template-page-contract-management .cm-compare-copy.phoenix .cm-side-head i{border:1px solid rgba(39,230,216,.35)!important}
body.page-template-page-contract-management .cm-compare-copy ul{position:static!important;margin:0!important;padding:0!important;list-style:none!important;display:grid!important;gap:10px!important;align-items:stretch!important}
body.page-template-page-contract-management .cm-compare-copy li{width:100%!important;max-width:none!important;margin:0!important;display:flex!important;align-items:center!important;gap:9px!important;padding:9px 10px!important;border-radius:9px!important;background:linear-gradient(90deg,rgba(3,15,18,.22),rgba(3,15,18,.62))!important;border:1px solid rgba(255,255,255,.035)!important;color:var(--cm-compare-body)!important;font-size:11px!important;line-height:1.8!important}
body.page-template-page-contract-management .cm-compare-copy.traditional li{border-right-color:rgba(255,82,82,.22)!important}
body.page-template-page-contract-management .cm-compare-copy.phoenix li{border-right-color:rgba(29,224,213,.22)!important}
body.page-template-page-contract-management .cm-item-mark{flex:0 0 24px;width:24px;height:24px;border-radius:7px;display:grid;place-items:center;font-weight:800}
body.page-template-page-contract-management .traditional .cm-item-mark{color:#ff6565;background:rgba(255,70,70,.08);border:1px solid rgba(255,70,70,.18)}
body.page-template-page-contract-management .phoenix .cm-item-mark{color:var(--cm-compare-accent);background:rgba(29,224,213,.07);border:1px solid rgba(29,224,213,.17)}
body.page-template-page-contract-management .cm-compare-art{position:relative!important;width:min(100%,var(--cm-compare-image-w))!important;height:var(--cm-compare-image-h)!important;max-height:min(800px,62vw)!important;margin:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;isolation:isolate!important}
body.page-template-page-contract-management .cm-compare-art:before{content:"";position:absolute;inset:9% 4%;z-index:-1;background:radial-gradient(ellipse at center,rgba(29,224,213,.16) 0%,rgba(29,224,213,.07) 35%,transparent 72%);filter:blur(28px);pointer-events:none}
body.page-template-page-contract-management .cm-compare-art img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;border:0!important;border-radius:0!important;box-shadow:none!important;opacity:1!important;filter:brightness(.84) contrast(1.07) saturate(.96)!important;-webkit-mask-image:radial-gradient(ellipse 86% 88% at 50% 50%,#000 0%,#000 67%,rgba(0,0,0,.92) 74%,rgba(0,0,0,.55) 84%,transparent 100%)!important;mask-image:radial-gradient(ellipse 86% 88% at 50% 50%,#000 0%,#000 67%,rgba(0,0,0,.92) 74%,rgba(0,0,0,.55) 84%,transparent 100%)!important}
body.page-template-page-contract-management .cm-compare-transition{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;color:var(--cm-compare-accent);font-size:48px;line-height:1;text-shadow:0 0 22px rgba(29,224,213,.7);direction:ltr;pointer-events:none}
@media(max-width:1100px){body.page-template-page-contract-management .cm-compare-single{grid-template-columns:minmax(190px,1fr) minmax(390px,2fr) minmax(190px,1fr)!important}body.page-template-page-contract-management .cm-compare-art{height:min(var(--cm-compare-image-h),48vw)!important}}
@media(max-width:820px){body.page-template-page-contract-management .cm-compare-single{grid-template-columns:1fr!important;gap:20px!important}body.page-template-page-contract-management .cm-compare-art{grid-row:1!important;width:min(100%,var(--cm-compare-image-w))!important;height:min(var(--cm-compare-image-h),68vw)!important;min-height:300px!important}body.page-template-page-contract-management .cm-compare-copy.traditional{grid-row:2!important}body.page-template-page-contract-management .cm-compare-copy.phoenix{grid-row:3!important}body.page-template-page-contract-management .cm-compare-copy{max-width:680px!important;width:100%!important;margin-inline:auto!important}}
@media(max-width:480px){body.page-template-page-contract-management .cm-compare{padding-inline:16px!important}body.page-template-page-contract-management .cm-compare-art{height:min(var(--cm-compare-image-h),82vw)!important;min-height:260px!important}body.page-template-page-contract-management .cm-compare-copy li{font-size:10px!important}}

/* ==========================================================
   CONTRACT MANAGEMENT — ISOLATED V6 ICON / LINE CONTROLS
   Only this page template is affected.
   ========================================================== */
body.page-template-page-contract-management .cm-hero{
  border-bottom:1px solid rgba(82,225,218,.18);
}
body.page-template-page-contract-management .cm-features{
  align-items:center;
}
body.page-template-page-contract-management .cm-feature-icon{
  flex:0 0 auto;
  box-sizing:border-box;
  overflow:hidden;
}
body.page-template-page-contract-management .cm-feature-icon img{
  display:block;
  width:auto;
  height:auto;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  flex:none;
}
body.page-template-page-contract-management .cm-process-points{
  display:flex;
  align-items:stretch;
  gap:0;
  width:100%;
  margin:14px 0 15px;
}
body.page-template-page-contract-management .cm-process-step{
  position:relative;
  flex:1 1 0;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:4px 8px;
  color:#a9c9c9;
  border:0 !important;
  box-sizing:border-box;
}
body.page-template-page-contract-management .cm-process-step-icon{
  position:relative;
  z-index:2;
  width:32px;
  height:32px;
  flex:0 0 32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  border:1px solid rgba(23,210,203,.45);
  border-radius:8px;
  background:rgba(3,27,31,.82);
  color:#17d2cb;
  font-size:11px;
  overflow:hidden;
}
body.page-template-page-contract-management .cm-process-step-icon img{
  display:block;
  width:20px;
  height:20px;
  object-fit:contain;
  max-width:none;
  max-height:none;
}
body.page-template-page-contract-management .cm-process-step-label{
  position:relative;
  z-index:2;
  font-size:8px;
  line-height:1.7;
  white-space:normal;
  text-align:center;
}
body.page-template-page-contract-management .cm-process-step:not(:last-child)::after{content:none!important;display:none!important}
@media(max-width:760px){
  body.page-template-page-contract-management .cm-process-points{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  body.page-template-page-contract-management .cm-process-step{
    min-height:48px;
    border:1px solid rgba(23,210,203,.12) !important;
    border-radius:8px;
  }
  body.page-template-page-contract-management .cm-process-step::after{
    display:none;
  }
}

/* Contract page-only visual fixes: full-bleed hero, process artwork, paired comparison images, CTA kicker. */
body.page-template-page-contract-management .cm-hero{position:relative!important;isolation:isolate;overflow:hidden}
body.page-template-page-contract-management .cm-hero-art{inset:0!important;width:100%!important;height:100%!important;z-index:0!important}
body.page-template-page-contract-management .cm-hero-art img{left:0!important;top:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
body.page-template-page-contract-management .cm-hero-inner{z-index:1!important}
body.page-template-page-contract-management .cm-hero-copy{position:relative;z-index:3}
body.page-template-page-contract-management .cm-process-inner{min-height:290px!important;align-items:stretch!important}
body.page-template-page-contract-management .cm-process-art{height:auto!important;min-height:290px!important;align-self:stretch!important;overflow:hidden!important}
body.page-template-page-contract-management .cm-process-art img{display:block!important;width:100%!important;height:100%!important;min-height:290px!important;object-fit:cover!important;object-position:center!important}
body.page-template-page-contract-management .cm-compare-copy{position:relative;min-height:260px;overflow:hidden;isolation:isolate}
body.page-template-page-contract-management .cm-compare-side-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.56;z-index:0;filter:brightness(.72) saturate(.9)}
body.page-template-page-contract-management .cm-compare-copy:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,10,13,.18),rgba(1,10,13,.82));z-index:1;pointer-events:none}
body.page-template-page-contract-management .cm-compare-copy .cm-side-head,body.page-template-page-contract-management .cm-compare-copy ul{position:relative;z-index:2}
body.page-template-page-contract-management .cm-cta-copy .cm-kicker{display:flex;margin:0 0 8px;font-size:12px;justify-content:flex-start}
@media(max-width:760px){body.page-template-page-contract-management .cm-hero-art img{object-fit:cover!important}body.page-template-page-contract-management .cm-process-art{height:320px!important;min-height:320px!important}body.page-template-page-contract-management .cm-process-art img{min-height:320px!important}body.page-template-page-contract-management .cm-compare-copy{min-height:250px}}

/* v26: contract-page-only cleanup requested by site owner. */
body.page-template-page-contract-management .cm-hero:after{background:none!important;content:none!important}
body.page-template-page-contract-management .cm-hero-art img,
body.page-template-page-contract-management .cm-process-art img,
body.page-template-page-contract-management .cm-compare-art img,
body.page-template-page-contract-management .cm-cta-bg img{filter:none!important;-webkit-mask-image:none!important;mask-image:none!important;opacity:1!important}
body.page-template-page-contract-management .cm-process-art:after,
body.page-template-page-contract-management .cm-cta-bg:after{display:none!important;content:none!important;background:none!important}
body.page-template-page-contract-management .cm-process .cm-more{display:none!important}
body.page-template-page-contract-management .cm-compare-copy .cm-compare-side-image{display:none!important}
body.page-template-page-contract-management .cm-compare-copy:after{display:none!important;content:none!important}
body.page-template-page-contract-management .cm-compare-art:before{display:none!important}
body.page-template-page-contract-management .cm-compare-art img{object-fit:contain!important}
/* V27 authoritative contract CTA + process controls.  These rules are intentionally last and page-scoped. */
body.page-template-page-contract-management .cm-cta{
  position:relative!important;display:block!important;width:100%!important;min-height:240px!important;height:240px!important;overflow:hidden!important;isolation:isolate!important;margin:0!important;padding:0!important;direction:rtl!important;
}
body.page-template-page-contract-management .cm-cta-bg{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:240px!important;margin:0!important;padding:0!important;z-index:0!important;overflow:hidden!important;display:block!important;
}
body.page-template-page-contract-management .cm-cta-bg img{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;max-width:none!important;display:block!important;object-fit:cover!important;object-position:var(--cm-cta-pos,50% 50%)!important;filter:none!important;opacity:1!important;
}
body.page-template-page-contract-management .cm-cta-copy{
  position:absolute!important;top:0!important;right:0!important;left:auto!important;width:min(58%,760px)!important;height:240px!important;min-height:240px!important;margin:0!important;padding:26px clamp(24px,5vw,72px) 22px 4vw!important;z-index:2!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:center!important;box-sizing:border-box!important;direction:rtl!important;text-align:right!important;background:transparent!important;
}
body.page-template-page-contract-management .cm-cta-copy .cm-kicker,
body.page-template-page-contract-management .cm-cta-copy h2,
body.page-template-page-contract-management .cm-cta-copy p{width:100%!important;text-align:right!important;margin-left:0!important;margin-right:0!important}
body.page-template-page-contract-management .cm-cta-copy .cm-kicker{display:block!important;margin-bottom:5px!important}
body.page-template-page-contract-management .cm-cta-copy h2{font-size:26px!important;line-height:1.45!important;margin-top:0!important;margin-bottom:6px!important}
body.page-template-page-contract-management .cm-cta-copy p{font-size:10px!important;line-height:1.85!important;margin-top:0!important;margin-bottom:8px!important}
body.page-template-page-contract-management .cm-cta-copy .cm-actions{width:100%!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;margin:7px 0 0!important;padding:0!important;direction:rtl!important}
body.page-template-page-contract-management .cm-cta-copy .cm-actions .cm-btn{position:relative!important;order:initial!important;transform:none!important;margin:0!important;flex:0 0 auto!important}

body.page-template-page-contract-management .cm-process-points{position:relative!important;display:flex!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:0!important;width:100%!important}
body.page-template-page-contract-management .cm-process-step{position:relative!important;flex:1 1 0!important;min-width:0!important;border:0!important;border-radius:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;padding:0 4px!important;z-index:2!important}
body.page-template-page-contract-management .cm-process-step::before,
body.page-template-page-contract-management .cm-process-step::after{content:none!important;display:none!important}
body.page-template-page-contract-management .cm-process-step-icon{z-index:3!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
body.page-template-page-contract-management .cm-process-step-icon img,
body.page-template-page-contract-management .cm-process-step-icon b{max-width:none!important;max-height:none!important;box-sizing:border-box!important}
body.page-template-page-contract-management .cm-process-connector{box-sizing:border-box!important}
@media(max-width:760px){
  body.page-template-page-contract-management .cm-cta{height:280px!important;min-height:280px!important}
  body.page-template-page-contract-management .cm-cta-bg{height:100%!important;min-height:280px!important}
  body.page-template-page-contract-management .cm-cta-copy{top:0!important;right:0!important;width:78%!important;height:280px!important;min-height:280px!important;padding:24px 20px!important}
  body.page-template-page-contract-management .cm-cta-copy h2{font-size:22px!important}
  body.page-template-page-contract-management .cm-process-points{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  body.page-template-page-contract-management .cm-process-step{flex:none!important;min-height:48px!important}
  body.page-template-page-contract-management .cm-process-connector{display:none!important}
}

/* V28 contract page: unified image CTA + unboxed challenge/solution marks. Scoped to this template only. */
body.page-template-page-contract-management .cm-cta{position:relative!important;display:block!important;isolation:isolate!important;background:transparent!important;overflow:hidden!important}
body.page-template-page-contract-management .cm-cta-bg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:0!important}
body.page-template-page-contract-management .cm-cta-bg img{width:100%!important;height:100%!important;object-fit:cover!important}
body.page-template-page-contract-management .cm-cta-copy{position:absolute!important;top:0!important;right:0!important;left:auto!important;width:min(52%,760px)!important;height:100%!important;min-height:0!important;margin:0!important;padding:32px clamp(20px,5vw,76px) 32px 24px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;text-align:right!important;background:transparent!important;box-shadow:none!important;border:0!important;direction:rtl!important;z-index:2!important}
body.page-template-page-contract-management .cm-cta-copy .cm-kicker,body.page-template-page-contract-management .cm-cta-copy h2,body.page-template-page-contract-management .cm-cta-copy p{width:100%!important;text-align:right!important}
body.page-template-page-contract-management .cm-cta-copy .cm-actions{justify-content:flex-start!important;align-self:stretch!important;direction:rtl!important}
body.page-template-page-contract-management .cm-compare-copy ul li{display:flex!important;align-items:center!important;gap:10px!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:5px 0!important}
body.page-template-page-contract-management .cm-compare-copy .cm-item-mark{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 24px!important;width:24px!important;height:24px!important;min-width:24px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;font-size:20px!important;line-height:1!important}
@media(max-width:760px){body.page-template-page-contract-management .cm-cta{height:auto!important;min-height:330px!important}body.page-template-page-contract-management .cm-cta-bg{height:100%!important;min-height:330px!important}body.page-template-page-contract-management .cm-cta-copy{right:0!important;width:78%!important;height:100%!important;min-height:330px!important;padding:24px 18px!important}body.page-template-page-contract-management .cm-cta-copy h2{font-size:clamp(18px,5vw,24px)!important}}

/* Contract page: comparison marks align with the first text line; scoped to this template. */
body.page-template-page-contract-management .cm-compare-copy ul li{align-items:flex-start!important;justify-content:flex-start!important;text-align:right!important;direction:rtl!important;}
body.page-template-page-contract-management .cm-compare-copy ul li>span:last-child{flex:1 1 auto!important;min-width:0!important;text-align:inherit!important;}
body.page-template-page-contract-management .cm-compare-copy .cm-item-mark{align-self:flex-start!important;margin-top:.12em!important;line-height:1!important;}
body.page-template-page-contract-management .cm-cta-fullbleed{position:relative!important;display:block!important;width:100%!important;min-height:360px!important;height:clamp(360px,34vw,520px)!important;overflow:hidden!important;border:0!important;border-radius:0!important;background:transparent!important;isolation:isolate!important;}
body.page-template-page-contract-management .cm-cta-fullbleed .cm-cta-bg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:0!important;}
body.page-template-page-contract-management .cm-cta-fullbleed .cm-cta-bg img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:var(--cm-cta-pos,50% 50%)!important;}
body.page-template-page-contract-management .cm-cta-fullbleed .cm-cta-copy{position:absolute!important;inset:0 0 0 auto!important;width:min(58%,850px)!important;height:100%!important;min-height:0!important;padding:clamp(24px,5vw,76px)!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;text-align:right!important;background:transparent!important;box-shadow:none!important;border:0!important;z-index:2!important;}
body.page-template-page-contract-management .cm-cta-fullbleed .cm-cta-copy h2,body.page-template-page-contract-management .cm-cta-fullbleed .cm-cta-copy p{width:100%!important;text-align:right!important;}
@media(max-width:760px){body.page-template-page-contract-management .cm-cta-fullbleed{height:360px!important;min-height:360px!important;}body.page-template-page-contract-management .cm-cta-fullbleed .cm-cta-copy{width:88%!important;padding:24px!important;}}


/* V29 — Contract hero: full-bleed image behind the navigation/content, with all four edges retained.
   Page-scoped only. The image is fitted to the full hero canvas without cover-cropping. */
body.page-template-page-contract-management .cm-hero{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
}
body.page-template-page-contract-management .cm-hero-art{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  z-index:0!important;
  overflow:hidden!important;
  display:block!important;
}
body.page-template-page-contract-management .cm-hero-art:before{display:none!important;content:none!important}
body.page-template-page-contract-management .cm-hero-art img{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:fill!important;
  object-position:center center!important;
  filter:none!important;
  transform:none!important;
}
body.page-template-page-contract-management .cm-hero-inner{
  position:relative!important;
  z-index:1!important;
  background:transparent!important;
}
body.page-template-page-contract-management .cm-hero-copy{position:relative!important;z-index:2!important}


/* CONTRACT CTA IMAGE ONLY — preserve all four edges while filling the CTA canvas. */
body.page-template-page-contract-management .phx-contract-page .cm-cta.cm-cta-fullbleed .cm-cta-bg img{
  object-fit:fill !important;
  object-position:right center !important;
}


/* V11 — Benefit cards: fill the entire card image area without empty bands.
   Scoped to the contract-management page and benefit cards only. */
@media (min-width: 761px) {
  body.page-template-page-contract-management .cm-benefit img {
    width: 100% !important;
    height: 100% !important;
    inset: 0 !important;
    object-fit: fill !important;
    object-position: center center !important;
  }
}


/* V14: benefit cards — full-card blurred backdrop + complete natural foreground image. Scoped to this page only. */
body.page-template-page-contract-management .cm-benefit{
  background-image:var(--cm-benefit-image)!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  isolation:isolate!important;
}
body.page-template-page-contract-management .cm-benefit:before{
  content:""!important;position:absolute!important;inset:-8px!important;z-index:0!important;pointer-events:none!important;
  background-image:var(--cm-benefit-image)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;
  filter:blur(12px) brightness(.58)!important;transform:scale(1.04)!important;border-radius:inherit!important;
}
body.page-template-page-contract-management .cm-benefit img{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  object-fit:contain!important;object-position:center!important;display:block!important;z-index:1!important;
  filter:brightness(.92) contrast(1.02) saturate(1)!important;transform:none!important;
}
body.page-template-page-contract-management .cm-benefit:after{
  content:""!important;position:absolute!important;inset:0!important;z-index:2!important;pointer-events:none!important;
  background:linear-gradient(180deg,rgba(1,10,13,.04),rgba(1,10,13,.18) 55%,rgba(1,10,13,.86))!important;
}
body.page-template-page-contract-management .cm-benefit div{z-index:3!important}


/* V21 — Contract-management benefit cards: match card proportions to the source artwork at 1366px laptop widths. Scoped only to this section and viewport range. */
@media (min-width: 1101px) and (max-width: 1400px) {
  body.page-template-page-contract-management .phx-contract-page .cm-benefit-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    align-items: start !important;
  }
  body.page-template-page-contract-management .phx-contract-page .cm-benefit-grid > .cm-benefit {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 1.6 / 1 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    background-image: none !important;
  }
  body.page-template-page-contract-management .phx-contract-page .cm-benefit > img {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
  }
  body.page-template-page-contract-management .phx-contract-page .cm-benefit:before {
    content: none !important;
    display: none !important;
  }
  body.page-template-page-contract-management .phx-contract-page .cm-benefit:after {
    z-index: 2 !important;
  }
  body.page-template-page-contract-management .phx-contract-page .cm-benefit > div {
    z-index: 3 !important;
  }
}

/* V38 — Contract benefits: let each card follow the real source image ratio.
   Scoped only to the contract-management benefits section; no blurred backdrop. */
body.page-template-page-contract-management .phx-contract-page .cm-benefits .cm-benefit-grid > .cm-benefit {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  background-image: none !important;
  isolation: isolate !important;
}
body.page-template-page-contract-management .phx-contract-page .cm-benefits .cm-benefit > img {
  position: relative !important;
  inset: auto !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
  filter: none !important;
  opacity: 1 !important;
  z-index: 0 !important;
}
body.page-template-page-contract-management .phx-contract-page .cm-benefits .cm-benefit:before {
  content: none !important;
  display: none !important;
  background: none !important;
  filter: none !important;
}
body.page-template-page-contract-management .phx-contract-page .cm-benefits .cm-benefit:after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: block !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(1,10,13,0) 38%, rgba(1,10,13,.28) 62%, rgba(1,10,13,.88) 100%) !important;
}
body.page-template-page-contract-management .phx-contract-page .cm-benefits .cm-benefit > div {
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 2 !important;
  width: auto !important;
  min-height: 0 !important;
  padding: 16px 15px 13px !important;
  box-sizing: border-box !important;
}


/* FINAL TARGETED CHANGE: fade the contract-page "Challenges and Solutions" image on all four edges only. */
body.page-template-page-contract-management .cm-compare-art img{
  -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.38) 7%,rgba(0,0,0,.82) 17%,#000 28%,#000 72%,rgba(0,0,0,.82) 83%,rgba(0,0,0,.38) 93%,transparent 100%),
    linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.38) 7%,rgba(0,0,0,.82) 17%,#000 28%,#000 72%,rgba(0,0,0,.82) 83%,rgba(0,0,0,.38) 93%,transparent 100%) !important;
  -webkit-mask-composite:source-in !important;
  mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.38) 7%,rgba(0,0,0,.82) 17%,#000 28%,#000 72%,rgba(0,0,0,.82) 83%,rgba(0,0,0,.38) 93%,transparent 100%),
    linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.38) 7%,rgba(0,0,0,.82) 17%,#000 28%,#000 72%,rgba(0,0,0,.82) 83%,rgba(0,0,0,.38) 93%,transparent 100%) !important;
  mask-composite:intersect !important;
}


/* Contract page hero only: nudge the secondary button right on mobile without changing the existing button layout. */
@media screen and (max-width: 760px) {
  body.page-template-page-contract-management .cm-hero .cm-actions > .cm-btn.outline {
    transform: translateX(60px) !important;
  }
}

/* Contract CTA — mobile only: keep the artwork proportional and crop naturally
   to the existing CTA frame instead of stretching it. Desktop/tablet unchanged. */
@media screen and (max-width: 760px) {
  body.page-template-page-contract-management .phx-contract-page .cm-cta.cm-cta-fullbleed .cm-cta-bg img {
    object-fit: cover !important;
    object-position: var(--cm-cta-pos, 50% 50%) !important;
  }
}


/* CONTRACT HERO — Android/iPhone/Safari compact layout only.
   Artwork first; all live hero copy follows on a solid readable surface.
   Desktop, tablet, 1366px laptop layouts and Desktop Site are not targeted. */
@media screen and (max-width: 760px) {
  body.page-template-page-contract-management .phx-contract-page .cm-hero {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: var(--cm-hero-bg, #021319) !important;
  }
  body.page-template-page-contract-management .phx-contract-page .cm-hero-inner {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    gap: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }
  body.page-template-page-contract-management .phx-contract-page .cm-hero-art {
    position: relative !important;
    inset: auto !important;
    order: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: var(--cm-hero-bg, #021319) !important;
    z-index: 1 !important;
  }
  body.page-template-page-contract-management .phx-contract-page .cm-hero-art img {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center center !important;
    filter: none !important;
    mix-blend-mode: normal !important;
    transform: none !important;
  }
  body.page-template-page-contract-management .phx-contract-page .cm-hero-copy {
    position: relative !important;
    inset: auto !important;
    order: 2 !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 19px 18px 22px !important;
    text-align: right !important;
    background: var(--cm-hero-bg, #021319) !important;
    color: var(--cm-hero-heading, #f5f8f8) !important;
    z-index: 2 !important;
  }
  body.page-template-page-contract-management .phx-contract-page .cm-hero-copy .cm-kicker {
    font-size: 11px !important;
    line-height: 1.8 !important;
    margin-bottom: 6px !important;
  }
  body.page-template-page-contract-management .phx-contract-page .cm-hero h1 {
    font-size: clamp(20px, 5.4vw, 25px) !important;
    line-height: 1.65 !important;
    letter-spacing: 0 !important;
    margin: 0 0 8px !important;
    overflow-wrap: break-word !important;
  }
  body.page-template-page-contract-management .phx-contract-page .cm-hero-copy > p {
    max-width: none !important;
    font-size: 12px !important;
    line-height: 2 !important;
    margin: 0 0 13px !important;
    color: var(--cm-hero-body, #a8bfc1) !important;
  }
  body.page-template-page-contract-management .phx-contract-page .cm-hero .cm-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    align-items: center !important;
  }
  body.page-template-page-contract-management .phx-contract-page .cm-hero .cm-actions > .cm-btn {
    min-width: 0 !important;
    min-height: 38px !important;
    padding: 8px 13px !important;
    font-size: 10px !important;
    transform: none !important;
  }
  body.page-template-page-contract-management .phx-contract-page .cm-features {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    max-width: none !important;
    margin-top: 15px !important;
  }
  body.page-template-page-contract-management .phx-contract-page .cm-feature b { font-size: 10px !important; }
  body.page-template-page-contract-management .phx-contract-page .cm-feature small { font-size: 9px !important; }
}
@media screen and (max-width: 380px) {
  body.page-template-page-contract-management .phx-contract-page .cm-hero-copy { padding-inline: 15px !important; }
  body.page-template-page-contract-management .phx-contract-page .cm-hero h1 { font-size: 20px !important; }
  body.page-template-page-contract-management .phx-contract-page .cm-features { grid-template-columns: 1fr !important; }
}