/* CHE Opportunity Calculator v3 — original source and previous screens untouched.
   Two plain-language scenarios with one calm surface, no always-on animation. */
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #value.opportunity-calculator{
  padding-block:clamp(76px,6vw,104px);
  background:#080b0c;
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #value.opportunity-calculator [hidden]{
  display:none!important;
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #value.opportunity-calculator .section-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin:0 0 clamp(25px,3vw,38px);
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #value.opportunity-calculator .section-heading h2{
  max-width:850px;
  margin:0;
  font-size:clamp(36px,4vw,57px);
  line-height:1.1;
  letter-spacing:-.041em;
  font-weight:745;
  text-wrap:balance;
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #value.opportunity-calculator .opp-mode-switch{
  display:inline-flex;
  align-items:center;
  gap:4px;
  margin:0 0 clamp(22px,2.6vw,33px);
  padding:4px;
  background:#111718;
  border:1px solid rgba(222,235,224,.24);
  border-radius:999px;
}
#che-page.che-canonical #che-commercial-preview #value.opportunity-calculator .opp-mode{
  appearance:none;
  cursor:pointer;
  min-height:42px;
  min-width:130px;
  border:0;
  border-radius:999px;
  padding:9px 21px;
  background:transparent;
  color:#d6e0d8;
  font:650 15px/1.25 inherit;
  font-size:15px;
  line-height:1.25;
  font-weight:670;
  transition:background-color .16s ease,color .16s ease;
}
#che-page.che-canonical #che-commercial-preview #value.opportunity-calculator .opp-mode[aria-selected="true"]{
  background:#f1f4ed;
  color:#15221a;
}
#che-page.che-canonical #che-commercial-preview #value.opportunity-calculator .opp-mode:hover:not([aria-selected="true"]){
  background:#1b2722;
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #value.opportunity-calculator .calculator{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:stretch;
  background:#f2f2ed;
  border:1px solid rgba(206,220,208,.48);
  border-radius:21px;
  overflow:hidden;
  box-shadow:0 19px 50px rgba(0,0,0,.11);
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #value.opportunity-calculator .calculator-left{
  min-width:0;
  padding:clamp(31px,3.8vw,47px);
  background:#f2f2ed;
  color:#213127;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #value.opportunity-calculator .calculator-right{
  min-width:0;
  padding:clamp(31px,3.8vw,47px);
  background:radial-gradient(circle at 95% 8%,rgba(188,224,199,.055),transparent 65%),#17211d;
  color:#f4f8f3;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
#che-page.che-canonical #che-commercial-preview #value.opportunity-calculator .opp-controls,
#che-page.che-canonical #che-commercial-preview #value.opportunity-calculator .opp-results{
  min-width:0;
}
#che-page.che-canonical #che-commercial-preview #value.opportunity-calculator .range-group{
  margin:0 0 clamp(25px,2.9vw,35px);
}
#che-page.che-canonical #che-commercial-preview #value.opportunity-calculator .range-group label{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  flex-wrap:wrap;
  gap:11px;
  font-size:16px;
  line-height:1.42;
  color:#223226;
  font-weight:650;
  margin:0 0 12px;
}
#che-page.che-canonical #che-commercial-preview #value.opportunity-calculator .range-group label>span{
  min-width:0;
  max-width:34ch;
}
#che-page.che-canonical #che-commercial-preview #value.opportunity-calculator .range-group output{
  color:#1b3022;
  white-space:nowrap;
  font-size:20px;
  line-height:1.28;
  font-weight:780;
  font-variant-numeric:tabular-nums;
}
#che-page.che-canonical #che-commercial-preview #value.opportunity-calculator .range-group input[type=range]{
  width:100%;
  min-width:0;
  margin:0;
  height:29px;
  accent-color:#1c3023;
  cursor:pointer;
}
#che-page.che-canonical #che-commercial-preview #value.opportunity-calculator .range-limits{
  display:flex;
  justify-content:space-between;
  color:#647166;
  font-size:12px;
  line-height:1.35;
  margin:2px 0 0;
}
#che-page.che-canonical #che-commercial-preview #value.opportunity-calculator .opp-choice-label{
  border-top:1px solid #cbd6cb;
  padding-top:clamp(18px,2vw,27px);
  font-size:15px;
  line-height:1.42;
  font-weight:665;
  color:#233729;
  margin-bottom:14px;
}
#che-page.che-canonical #che-commercial-preview #value.opportunity-calculator .opp-choice-group{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
#che-page.che-canonical #che-commercial-preview #value.opportunity-calculator .opp-choice-group button{
  cursor:pointer;
  min-height:44px;
  min-width:73px;
  padding:9px 16px;
  border-radius:999px;
  border:1px solid #899789;
  background:#f2f2ed;
  color:#233228;
  font-size:15px;
  font-weight:700;
  line-height:1.2;
  transition:background-color .16s ease,border-color .16s ease;
}
#che-page.che-canonical #che-commercial-preview #value.opportunity-calculator .opp-choice-group button[aria-pressed="true"]{
  border-color:#1e3525;
  background:#1e3525;
  color:#f7faf4;
}
#che-page.che-canonical #che-commercial-preview #value.opportunity-calculator .result-head{
  text-transform:uppercase;
  letter-spacing:.065em;
  font-size:12px;
  line-height:1.45;
  color:#c7dacb;
  font-weight:700;
}
#che-page.che-canonical #che-commercial-preview #value.opportunity-calculator .calc-time-number{
  display:block;
  margin:10px 0 0;
  font-size:clamp(51px,5vw,75px);
  font-weight:775;
  line-height:1.08;
  letter-spacing:-.055em;
  color:#f5faf5;
  font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere;
}
#che-page.che-canonical #che-commercial-preview #value.opportunity-calculator .calc-value-block{
  margin-top:26px;
  padding-top:23px;
  border-top:1px solid rgba(221,236,225,.19);
}
#che-page.che-canonical #che-commercial-preview #value.opportunity-calculator .opp-result-secondary{
  display:block;
  font-size:clamp(30px,3vw,40px);
  line-height:1.17;
  letter-spacing:-.035em;
  font-weight:720;
  margin:8px 0 0;
  color:#f3f8f2;
  font-variant-numeric:tabular-nums;
}
#che-page.che-canonical #che-commercial-preview #value.opportunity-calculator .calc-comparison{
  margin-top:26px;
  padding-top:23px;
  border-top:1px solid rgba(221,236,225,.19);
}
#che-page.che-canonical #che-commercial-preview #value.opportunity-calculator .opp-result-accent{
  display:block;
  font-size:clamp(43px,4vw,57px);
  line-height:1.08;
  font-weight:760;
  margin-top:8px;
  letter-spacing:-.045em;
  font-variant-numeric:tabular-nums;
  color:#e4f1e6;
  overflow-wrap:anywhere;
}
#che-page.che-canonical #che-commercial-preview #value.opportunity-calculator .opp-audit-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:clamp(26px,3vw,35px);
  min-height:44px;
  border:1px solid rgba(232,243,234,.66);
  border-radius:999px;
  padding:9px 22px;
  max-width:max-content;
  color:#ecf5ed;
  background:transparent;
  text-decoration:none;
  font-size:15px;
  line-height:1.2;
  font-weight:675;
  transition:background-color .16s ease,color .16s ease;
}
#che-page.che-canonical #che-commercial-preview #value.opportunity-calculator .opp-audit-cta:hover{
  background:#f1f5ef;
  color:#17291d;
}
#che-page.che-canonical #che-commercial-preview #value.opportunity-calculator .calc-method{
  margin:0;
  padding:0;
  flex:0 0 auto;
  z-index:8;
  position:relative;
  border:0;
}
#che-page.che-canonical #che-commercial-preview #value.opportunity-calculator .calc-method summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  justify-content:center;
  align-items:center;
  width:42px;
  height:42px;
  margin:0;
  padding:0;
  border:1px solid rgba(199,224,203,.42);
  border-radius:50%;
  color:#e8f0e8;
  background:#111a17;
  transition:border-color .16s ease,background-color .16s ease;
}
#che-page.che-canonical #che-commercial-preview #value.opportunity-calculator .calc-method summary::-webkit-details-marker{display:none}
#che-page.che-canonical #che-commercial-preview #value.opportunity-calculator .calc-method summary::marker{content:""}
#che-page.che-canonical #che-commercial-preview #value.opportunity-calculator .calc-method summary:hover,
#che-page.che-canonical #che-commercial-preview #value.opportunity-calculator .calc-method[open] summary{
  background:#1a2920;
  border-color:#e1f1e1;
}
#che-page.che-canonical #che-commercial-preview #value.opportunity-calculator .calc-sr{
  position:absolute!important;
  width:1px;height:1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;margin:-1px;padding:0;border:0;
}
#che-page.che-canonical #che-commercial-preview #value.opportunity-calculator .calc-info-icon{
  font-family:Georgia,serif;
  font-style:italic;
  font-size:17px;
  line-height:1;
}
#che-page.che-canonical #che-commercial-preview #value.opportunity-calculator .calc-method-body{
  position:absolute;
  right:0;
  top:calc(100% + 12px);
  z-index:15;
  width:min(460px,calc(100vw - 40px));
  border:1px solid rgba(207,232,211,.38);
  border-radius:14px;
  padding:19px 22px;
  background:#14201a;
  color:#e1f0e5;
  box-shadow:0 20px 48px rgba(0,0,0,.45);
}
#che-page.che-canonical #che-commercial-preview #value.opportunity-calculator .calc-method-body p{
  color:#e0ebe2;
  font-size:14px;
  line-height:1.57;
  margin:0;
}
#che-page.che-canonical #che-commercial-preview #value.opportunity-calculator :focus-visible{
  outline:2px solid #b5d9bc;
  outline-offset:3px;
}
@media(max-width:800px){
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #che-commercial-preview #value.opportunity-calculator .calculator{
    grid-template-columns:minmax(0,1fr);
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #che-commercial-preview #value.opportunity-calculator .calculator-left,
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #che-commercial-preview #value.opportunity-calculator .calculator-right{
    padding:clamp(24px,5vw,36px);
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #che-commercial-preview #value.opportunity-calculator .calculator-right{
    border-top:1px solid rgba(242,252,241,.1);
  }
}
@media(max-width:480px){
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #che-commercial-preview #value.opportunity-calculator{
    padding-block:49px 57px;
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #che-commercial-preview #value.opportunity-calculator .section-heading h2{
    font-size:clamp(30px,8.3vw,38px);
  }
  #che-page.che-canonical #che-commercial-preview #value.opportunity-calculator .opp-mode{
    min-width:0;
    min-height:43px;
    padding:9px 19px;
    font-size:14px;
  }
  #che-page.che-canonical #che-commercial-preview #value.opportunity-calculator .range-group label{
    font-size:14px;
    gap:8px;
  }
  #che-page.che-canonical #che-commercial-preview #value.opportunity-calculator .range-group output{
    font-size:18px;
  }
  #che-page.che-canonical #che-commercial-preview #value.opportunity-calculator .opp-choice-label{
    font-size:14px;
  }
  #che-page.che-canonical #che-commercial-preview #value.opportunity-calculator .opp-choice-group{
    gap:7px;
  }
  #che-page.che-canonical #che-commercial-preview #value.opportunity-calculator .opp-choice-group button{
    padding-inline:12px;
    min-width:0;
    flex:1 1 0;
    font-size:13px;
  }
  #che-page.che-canonical #che-commercial-preview #value.opportunity-calculator .calc-time-number{
    font-size:clamp(43px,13vw,62px);
  }
  #che-page.che-canonical #che-commercial-preview #value.opportunity-calculator .opp-result-secondary{
    font-size:32px;
  }
  #che-page.che-canonical #che-commercial-preview #value.opportunity-calculator .opp-result-accent{
    font-size:46px;
  }
}
@media(max-width:350px){
  #che-page.che-canonical #che-commercial-preview #value.opportunity-calculator .section-heading{
    gap:10px;
  }
}
@media(prefers-reduced-motion:reduce){
  #che-page.che-canonical #che-commercial-preview #value.opportunity-calculator .opp-mode,
  #che-page.che-canonical #che-commercial-preview #value.opportunity-calculator .opp-choice-group button,
  #che-page.che-canonical #che-commercial-preview #value.opportunity-calculator .opp-audit-cta,
  #che-page.che-canonical #che-commercial-preview #value.opportunity-calculator .calc-method summary{
    transition:none;
  }
}

/* Existing approved service cards now link directly to the relevant explorer,
   instead of promising to prefill an unrelated project price. */
#che-page.che-canonical #che-commercial-preview #pricing a.calc-link[href="#value"]{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  text-decoration:none;
  cursor:pointer;
}