/* A cut and folded orange instrument. All controls stay inside the safe inset. */
#shift #calculator.objection-math {
  --calc-earth: #672c29;
  --calc-wine: #742f35;
  position: relative;
  isolation: isolate;
  border: 0;
  border-radius: 3px;
  padding: clamp(30px,3.5vw,48px);
  gap: 30px 34px;
  clip-path: polygon(0 0,calc(100% - 46px) 0,100% 46px,100% calc(100% - 22px),calc(100% - 22px) 100%,30px 100%,0 calc(100% - 30px));
  background:
    linear-gradient(120deg,#fff5d526,transparent 44%),
    repeating-linear-gradient(90deg,transparent 0 87px,#ffdfb80b 87px 88px),
    radial-gradient(ellipse at 5% 0%,#ffba65a8,transparent 58%),
    linear-gradient(112deg,#ff8d3c,#ff7128 62%,#fa5b15);
  box-shadow: inset 0 2px #ffd4a9,inset 0 -2px #bf451828;
  color: var(--calc-earth);
}
#shift #calculator.objection-math::before {
  content: "";
  position: absolute;
  inset: 10px;
  z-index: -1;
  border-top: 1px solid #ffe3bb80;
  border-left: 1px solid #ffe3bb4d;
  border-bottom: 1px solid #87382527;
  clip-path: polygon(0 0,calc(100% - 43px) 0,100% 43px,100% 100%,0 100%);
  pointer-events: none;
}
#shift #calculator.objection-math::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: auto 0 0 auto;
  width: 30%;
  height: 70%;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: linear-gradient(140deg,#a83f2812,#7d2e2426);
  clip-path: polygon(100% 0,100% 100%,0 100%);
  pointer-events: none;
}
#shift #calculator .objection-math-intro .mono-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 9px;
  margin-bottom: 17px;
  border: 1px solid #833b2926;
  color: #71312b;
  background: #ffd3a828;
  font-size: .65rem;
  letter-spacing: .06em;
}
#shift #calculator .objection-math-intro strong {
  max-width: 610px;
  color: #6a282c;
  font-size: clamp(1.85rem,2.7vw,3rem);
  font-weight: 600;
  line-height: 1.035;
  letter-spacing: -.045em;
  text-shadow: 0 1px #ffbf7b55;
  text-wrap: pretty;
}
#shift #calculator .roi-flow {
  color: #7d332b;
  font-size: .56rem;
  gap: 11px;
  margin-top: 20px;
}
#shift #calculator .roi-flow i { background: #8d3e2c55; }
#shift #calculator > label > span {
  color: #6a2c29;
  font-size: .67rem;
  letter-spacing: .025em;
}
#shift #calculator input[type="number"] {
  color: #813740;
  background: linear-gradient(120deg,#fff6e5e0,#ffebd6c7);
  border: 1px solid #ffebca;
  border-bottom: 3px solid #b655382d;
  border-radius: 4px;
  box-shadow: inset 0 1px #fff8,0 7px 15px #9d391011;
  font-weight: 500;
  font-size: 2rem;
  font-variant-numeric: tabular-nums;
  letter-spacing: -.04em;
}
#shift #calculator .currency-input i { color: #ac5b4a; }
#shift #calculator input.roi-range {
  background: linear-gradient(90deg,#7d3440 var(--range-fill,10%),#9b452e32 var(--range-fill,10%));
  box-shadow: 0 1px #ffd0a180;
}
#shift #calculator input.roi-range::-webkit-slider-thumb { background: #803541; border-color: #fff0dc; }
#shift #calculator input.roi-range::-moz-range-thumb { background: #803541; border-color: #fff0dc; }
#shift #calculator .roi-slider-scale { color: #71302a; font-size: .59rem; }
#shift #calculator .objection-math-result {
  position: relative;
  align-self: stretch;
  padding: 30px clamp(23px,2.6vw,38px);
  gap: 16px;
  color: #763136;
  border: 1px solid #ffe3bfa8;
  border-left: 1px solid #ffe3bfa8;
  border-radius: 2px;
  clip-path: polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%);
  background: linear-gradient(140deg,#ffedc9e0,#ffcca581);
  box-shadow: inset 0 1px #fff9,inset 0 -2px #ad57351c;
  backdrop-filter: blur(16px);
}
#shift #calculator .objection-math-result::before {
  color: #965343;
  font-size: .63rem;
  letter-spacing: .065em;
}
#shift #calculator .objection-math-result strong {
  color: #7a303b;
  font-size: clamp(2.7rem,4.6vw,5.15rem);
  font-weight: 600;
  font-style: italic;
  line-height: 1.04;
  letter-spacing: -.055em;
  font-variant-numeric: tabular-nums;
  text-shadow: 0 1px #fff2cf9e;
}
#shift #calculator .objection-math-result > span { color: #873c39; font-family:var(--body-font); font-size: .91rem; line-height: 1.4; }
#shift #calculator .objection-math-result > span b { color: #a03d34; font-size: 1.4em; font-weight: 600; }
#shift #calculator .objection-math-result small { color: #945246; font-size: .7rem; line-height: 1.5; }
@media(max-width:780px) {
  #shift #calculator.objection-math {
    padding: 29px 23px 31px;
    gap: 28px 15px;
    clip-path: polygon(0 0,calc(100% - 28px) 0,100% 28px,100% calc(100% - 18px),calc(100% - 18px) 100%,22px 100%,0 calc(100% - 22px));
  }
  #shift #calculator .objection-math-intro strong { font-size: 2rem; }
  #shift #calculator .objection-math-intro .mono-label { font-size: .6rem; }
  #shift #calculator > label > span { font-size: .58rem; letter-spacing: 0; }
  #shift #calculator input[type="number"] { font-size: 1.6rem; }
  #shift #calculator .roi-slider-scale { font-size: .54rem; }
  #shift #calculator .objection-math-result { padding: 25px 20px; gap: 14px; }
  #shift #calculator .objection-math-result strong { font-size: clamp(2.8rem,11.6vw,4.6rem); }
  #shift #calculator .objection-math-result > span { font-size: .9rem; }
  #shift #calculator .objection-math-result small { font-size: .7rem; }
}
