/* KEMP calculator renewal. Presentation only: preserve every calculator contract. */
.calculator-only {
  --navy: #182126;
  --steel: #39454e;
  --ink: #20292f;
  --muted: #5f6971;
  --line: #d9dedd;
  --bg: #fff;
  --bg-soft: #f5f6f4;
  --bg-soft2: #ecefeb;
  --accent: #d6bf8e;
  --accent-d: #776133;
  --cta: #d6bf8e;
  --gold-300: #e6d4ae;
  --gold-400: #e0cba1;
  --gold-500: #d6bf8e;
  --gold-600: #8a703b;
  --gold-700: #776133;
  --gold-tint: #f7f3e9;
  padding-bottom: 0;
  background: #f5f6f4;
  color: var(--ink);
}
.calculator-only .wrap {
  width: min(1280px, calc(100% - 112px));
  max-width: 1280px;
  margin-inline: auto;
  padding-inline: 0;
}
.calculator-only > header {
  position: static;
  background: #151c20;
  color: #fff;
  border-bottom: 1px solid #ffffff20;
  box-shadow: none;
  backdrop-filter: none;
}
.calculator-only header .tool-nav {
  min-height: 100px;
  height: auto;
  padding-block: 22px;
  gap: 24px;
}
.calculator-only .tool-nav .brand {color: #fff; font-size: 17px; gap: 20px; letter-spacing: .025em;}
.calculator-only .tool-nav .brand .logo {filter: none; width: auto; max-width: 112px; height: 32px;}
.calculator-only .brand .brand-sep {color: #6e787e; font-weight: 400;}
.calculator-only .tool-nav .nav-links {gap: 28px;}
.calculator-only .tool-nav .nav-links > a {color: #e4e9e9; font-size: 14px; line-height: 1.5;}
.calculator-only .tool-nav .nav-links > a:hover {color: #e6d4ae;}
.calculator-only .tool-nav .langsel {padding: 0; background: transparent; border-radius: 3px;}
.calculator-only .tool-nav .lang-select {
  min-height: 44px;
  min-width: 132px;
  padding: 10px 30px 10px 13px;
  border: 1px solid #768087;
  border-radius: 3px;
  background: #202a30;
  color: #fff;
  font: inherit;
  font-size: 14px;
}
.calculator-only .tool-nav .lang-select option {background: #fff; color: #20292f;}
.calculator-only .prodtabs {position: static; background: #fff; border-bottom: 1px solid #d9dedd;}
.calculator-only .prodtabs .wrap {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; padding-block: 0;}
.calculator-only .prodtabs button {
  display: block;
  min-width: 0;
  min-height: 88px;
  padding: 20px 24px;
  border: 0;
  border-bottom: 3px solid transparent;
  border-radius: 0;
  background: #fff;
  color: #68737a;
  text-align: left;
  white-space: normal;
  box-shadow: none;
}
.calculator-only .prodtabs button + button {border-left: 1px solid #e4e7e5;}
.calculator-only .prodtabs button b {display: block; font-size: 17px; line-height: 1.4; font-weight: 650; color: inherit;}
.calculator-only .prodtabs button span {display: block; margin-top: 5px; font-size: 13px; line-height: 1.5; color: #68737a;}
.calculator-only .prodtabs button.on {border-bottom-color: #a88c51; background: #f8f5ed; color: #20292f; box-shadow: none;}
.calculator-only .prodtabs button.on b {color: #20292f;}
.calculator-only .prodtabs button:hover {background: #f5f6f4;}
.calculator-only #sim {padding: 52px 0 72px; background: #f5f6f4; border-top: 0;}
.calculator-only #sim > .wrap > .eyebrow {margin-bottom: 12px; color: #80683c; font-family: var(--font); font-size: 12px; font-weight: 650; letter-spacing: .14em;}
.calculator-only #sim h1 {margin: 0 0 18px; color: #20292f; font-size: clamp(30px, 3.1vw, 44px); font-weight: 600; line-height: 1.3; letter-spacing: -.035em;}
.calculator-only #sim > .wrap > .lead {max-width: 850px; margin: 0 0 30px; font-size: 17px; line-height: 1.8; color: #5f6971;}
.calculator-only .scn-bar {
  display: grid;
  grid-template-columns: 1.25fr .75fr 1fr 1fr;
  align-items: start;
  gap: 22px;
  margin-top: 0;
  padding: 24px;
  background: #fff;
  border: 1px solid #d9dedd;
  border-radius: 4px;
  box-shadow: none;
}
.calculator-only .scn-group {min-width: 0; flex-direction: column; align-items: stretch; gap: 9px;}
.calculator-only .scn-group .lbl {margin: 0; color: #46535b; font-family: var(--font); font-size: 13px; font-weight: 650; letter-spacing: 0; text-transform: none;}
.calculator-only .seg {display: flex; flex-wrap: wrap; padding: 3px; gap: 3px; border-radius: 3px; background: #edf0ed;}
.calculator-only .seg button {flex: 1; min-height: 44px; padding: 9px 10px; border-radius: 2px; color: #45525a; font-size: 14px; line-height: 1.45; white-space: normal;}
.calculator-only .seg button.on {background: #253139; color: #fff; box-shadow: none;}
.calculator-only .seg.teal button.on {background: #d6bf8e; color: #20292f;}
.calculator-only .currency-select {width: 100%; min-height: 50px; min-width: 0; border-color: #c6cecc; border-radius: 3px; font-size: 15px;}
.calculator-only .scn-fx {grid-column: 1 / -1; margin: 0; padding-top: 17px; border-top: 1px solid #e5e8e4; color: #5b666d; font-size: 13px; line-height: 1.8; overflow-wrap: anywhere;}
.calculator-only .scn-fx a {color: #776133; text-decoration: underline; text-underline-offset: 3px;}
.calculator-only .currency-note {max-width: 1100px; margin: 14px 0; color: #59666d; font-size: 14px; line-height: 1.8;}
.calculator-only #pricingNote {padding-left: 16px; border-left: 2px solid #c2a970;}
.calculator-only .assumption-note {margin: 18px 0 0; padding: 0 18px; border: 1px solid #deded5; border-radius: 3px; background: #fffdf8;}
.calculator-only .assumption-note summary {padding-block: 13px; font-size: 14px; line-height: 1.6; color: #685c42;}
.calculator-only .assumption-note p {padding-bottom: 15px; margin: 0; font-size: 14px; line-height: 1.85;}
.calculator-only .tool-assumption-summary {margin: 12px 0 28px; color: #68737a; font-size: 13px; line-height: 1.75;}
.calculator-only .sim-grid {grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; gap: 28px; margin-top: 0;}
.calculator-only .box, .calculator-only .teaser {padding: 30px; border: 1px solid #d9dedd; border-radius: 4px; background: #fff; box-shadow: none;}
.calculator-only .sim-grid > .box {border-top: 3px solid #89968f;}
.calculator-only .step-badge {padding: 0; border-radius: 0; background: transparent; color: #776133; font-family: var(--font); font-size: 13px; font-weight: 650; letter-spacing: .035em; line-height: 1.6;}
.calculator-only .inputs-2 {gap: 0 18px;}
.calculator-only .field {min-width: 0; margin-bottom: 20px;}
.calculator-only label {margin-bottom: 8px; color: #3e4c54; font-size: 14px; line-height: 1.6; font-weight: 600;}
.calculator-only label .unit {margin-left: 8px; color: #68737a; font-size: 12px; font-weight: 500;}
.calculator-only label .hint {margin-top: 2px; color: #6a747b; font-size: 12px; line-height: 1.55;}
.calculator-only input:not([type="checkbox"]), .calculator-only textarea {
  min-height: 48px;
  padding: 12px 14px;
  border: 1px solid #c2ccc8;
  border-radius: 3px;
  background: #fff;
  color: #20292f;
  font-size: 16px;
  line-height: 1.4;
}
.calculator-only input[type="number"] {font-variant-numeric: tabular-nums;}
.calculator-only input:focus, .calculator-only select:focus, .calculator-only textarea:focus {border-color: #897140; box-shadow: 0 0 0 3px #d6bf8e40;}
.calculator-only details.adv {margin-top: 6px; padding: 0 16px; border: 1px solid #d9dedd; border-radius: 3px; background: #f7f8f5;}
.calculator-only details.adv summary {min-height: 50px; align-items: center; gap: 12px; padding-block: 13px; color: #43525b; font-size: 14px; line-height: 1.6;}
.calculator-only .adv-sub {margin: 22px 0 15px; color: #776133; font-family: var(--font); font-size: 13px; line-height: 1.6; letter-spacing: 0;}
.calculator-only .btn {min-height: 48px; padding: 12px 20px; border-width: 1px; border-radius: 3px; font-size: 15px; font-weight: 650; line-height: 1.55;}
.calculator-only .btn:hover {transform: none;}
.calculator-only .btn-primary, .calculator-only .btn-ghost {background: #d6bf8e; border-color: #d6bf8e; color: #20292f;}
.calculator-only .btn-primary:hover, .calculator-only .btn-ghost:hover {background: #e0cba1; border-color: #e0cba1; color: #20292f;}
.calculator-only .btn-outline {background: #fff; border-color: #bcc7c3; color: #35454e;}
.calculator-only .btn-outline:hover {background: #f8f5ed; border-color: #a58c57; color: #35454e;}
.calculator-only :is(button, a, select, summary):focus-visible {outline: 2px solid #897140; outline-offset: 4px;}
.calculator-only header :is(a, select):focus-visible {outline-color: #e6d4ae;}
.calculator-only #emptyState {display: flex; min-height: 310px; flex-direction: column; justify-content: center; align-items: center; border-style: dashed; background: #fafbf8; text-align: center;}
.calculator-only #emptyState h3 {font-size: 21px; font-weight: 600; line-height: 1.5;}
.calculator-only #emptyState p {max-width: 360px; margin-top: 12px; font-size: 15px; line-height: 1.8;}
.calculator-only #fullResult {border-top: 3px solid #b69b63;}
.calculator-only #fullResult h3 {font-size: 19px; font-weight: 600; line-height: 1.65;}
.calculator-only .cost-cards {gap: 12px; margin-top: 20px;}
.calculator-only .cost-card {padding: 20px 18px; border-radius: 3px; border-left-width: 3px; background: #f8f9f6;}
.calculator-only .cost-card.basic {border-left-color: #93a19b;}
.calculator-only .cost-card.inno {border-left-color: #b69b63; background: #faf7ef;}
.calculator-only .cost-card .tag {color: #5d696f; font-size: 13px; line-height: 1.6; letter-spacing: 0; text-transform: none;}
.calculator-only .cost-card .big {margin-top: 14px; font-size: clamp(25px, 2.5vw, 34px); font-weight: 600; line-height: 1.4;}
.calculator-only .cost-card .big .u {display: block; margin-top: 4px; font-family: var(--font); font-size: 12px; font-weight: 400;}
.calculator-only .cost-card .sub {margin-top: 14px; font-size: 13px;}
.calculator-only .cost-card .loc, .calculator-only .invest-box .loc {font-size: 13px; color: #776133; line-height: 1.7;}
.calculator-only .diff-banner {margin-top: 18px; padding: 20px; border-radius: 3px; background: #263239; color: #f0f3f2; font-size: 14px; line-height: 1.8;}
.calculator-only .diff-banner .d-big {color: #e6d4ae; font-size: 24px; line-height: 1.5;}
.calculator-only .diff-banner .d-sub {margin-top: 9px; color: #cbd5d7; font-size: 13px; line-height: 1.7;}
.calculator-only .result-breakdown {margin-top: 22px; border-block: 1px solid #dce2dd;}
.calculator-only .result-breakdown summary {min-height: 48px; padding-block: 13px; color: #43525b; font-size: 14px;}
.calculator-only .breakdown-table {margin: 0 0 16px; border-radius: 0; font-size: 14px;}
.calculator-only .breakdown-table th, .calculator-only .breakdown-table td {padding: 12px;}
.calculator-only .breakdown-table thead th {background: #edf0eb; color: #43525b; font-size: 13px;}
.calculator-only .invest-row {gap: 12px;}
.calculator-only .invest-box {padding: 18px; border-radius: 3px; background: #f6f7f3;}
.calculator-only .invest-box .lbl {font-size: 13px; line-height: 1.7; font-weight: 500;}
.calculator-only .invest-box .val {font-size: 25px; font-weight: 600; line-height: 1.5; overflow-wrap: anywhere;}
.calculator-only .note {font-size: 13px; line-height: 1.75; color: #637078;}
.calculator-only .valuelist li {font-size: 14px; line-height: 1.85; font-weight: 400; color: #53616a;}
.calculator-only .valuelist li:before {background: #ece4d2; color: #776133;}
.calculator-only #teaser {margin-top: 22px; background: #fdfcf8;}
.calculator-only #teaser > summary {min-height: 44px; color: #3c4b54; font-size: 15px; line-height: 1.7;}
.calculator-only #teaser[open] > summary {margin-bottom: 22px; padding-bottom: 15px; border-bottom: 1px solid #deded5;}
.calculator-only #leadForm label:has(input[type="checkbox"]) {min-height: 44px; padding-block: 7px;}
.calculator-only #distBadge {border-color: #d1bf98 !important; border-radius: 3px !important; background: #f8f4e9 !important; color: #4a4437 !important; font-size: 14px !important;}
.calculator-only .tool-resources {padding: 40px 0; background: #fff; border-top: 1px solid #d9dedd;}
.calculator-only .tool-resources h2 {font-size: 23px; font-weight: 600; line-height: 1.5;}
.calculator-only .tool-resources .pdf-note {color: #657078; font-size: 14px; line-height: 1.8;}
.calculator-only .tool-resource-links {gap: 10px;}
.calculator-only .tool-resource-links .btn {font-size: 14px; padding: 12px 16px;}
.calculator-only footer {padding: 40px 0; background: #151c20; color: #b6c0c5;}
.calculator-only footer .foot, .calculator-only footer p {font-size: 13px; line-height: 1.9;}
.calculator-only footer b {color: #e1e6e6; font-weight: 600;}

@media (max-width: 1100px) {
  .calculator-only .wrap {width: calc(100% - 72px);}
  .calculator-only .scn-bar {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px;}
  .calculator-only .sim-grid {gap: 20px;}
  .calculator-only .box, .calculator-only .teaser {padding: 24px;}
  .calculator-only .cost-cards, .calculator-only .invest-row {grid-template-columns: 1fr;}
}
@media (max-width: 920px) {
  .calculator-only .sim-grid {grid-template-columns: minmax(0, 1fr);}
  .calculator-only .cost-cards, .calculator-only .invest-row {grid-template-columns: repeat(2, minmax(0, 1fr));}
  .calculator-only .tool-resources > .wrap {align-items: flex-start; flex-direction: column;}
}
@media (max-width: 700px) {
  .calculator-only .wrap {width: calc(100% - 40px);}
  .calculator-only header .tool-nav {min-height: 100px; padding-block: 16px; gap: 12px 16px;}
  .calculator-only .tool-nav .brand {font-size: 14px; gap: 10px;}
  .calculator-only .tool-nav .brand .logo {width: 98px; height: 27px;}
  .calculator-only .tool-nav .lang-select {max-width: 150px; min-width: 120px; min-height: 44px; font-size: 14px;}
  .calculator-only .tool-nav .nav-links > a {min-height: 36px; font-size: 14px;}
  .calculator-only .prodtabs .wrap {padding: 0;}
  .calculator-only .prodtabs button {min-height: 90px; padding: 15px 12px;}
  .calculator-only .prodtabs button b {font-size: 14px; line-height: 1.5;}
  .calculator-only .prodtabs button span {display: block; font-size: 12px; line-height: 1.6;}
  .calculator-only #sim {padding: 34px 0 44px;}
  .calculator-only #sim > .wrap > .eyebrow {font-size: 11px; margin-bottom: 10px;}
  .calculator-only #sim h1 {font-size: 29px; line-height: 1.4; margin-bottom: 14px;}
  .calculator-only #sim > .wrap > .lead {font-size: 15px; line-height: 1.85; margin-bottom: 24px;}
  .calculator-only #sim .scn-bar {padding: 18px; gap: 18px;}
  .calculator-only .scn-group {width: 100%; gap: 8px;}
  .calculator-only .scn-group .seg {display: flex; width: 100%;}
  .calculator-only .scn-group .seg button {min-height: 44px; padding: 9px 7px; font-size: 13px;}
  .calculator-only #sim .scn-fx {font-size: 13px; line-height: 1.85; padding-top: 14px;}
  .calculator-only .currency-note {font-size: 13px; line-height: 1.9;}
  .calculator-only .box, .calculator-only .teaser {padding: 22px 20px;}
  .calculator-only .sim-grid {gap: 22px;}
  .calculator-only #emptyState {min-height: 240px;}
  .calculator-only .cost-card .big {font-size: 28px;}
  .calculator-only .tool-resources {padding: 30px 0;}
  .calculator-only .tool-resource-links {display: grid; grid-template-columns: minmax(0, 1fr); width: 100%;}
  .calculator-only footer {padding: 30px 0;}
}
@media (max-width: 540px) {
  .calculator-only .scn-bar {grid-template-columns: minmax(0, 1fr);}
  .calculator-only .inputs-2, .calculator-only .cost-cards, .calculator-only .invest-row {grid-template-columns: minmax(0, 1fr);}
  .calculator-only .scn-fx {grid-column: 1;}
  .calculator-only .inputs-2 {gap: 0;}
  .calculator-only .field {margin-bottom: 18px;}
  .calculator-only .cost-card {padding: 20px;}
  .calculator-only .cost-card .big .u {display: inline; margin-left: 8px;}
}
@media (prefers-reduced-motion: reduce) {
  html {scroll-behavior: auto;}
  .calculator-only *, .calculator-only *::before, .calculator-only *::after {transition: none !important;}
}