.payout-calculator-section{padding-top:18px}
.payout-calculator{overflow:hidden;border:1px solid #cbd5df;border-radius:26px;background:#fff;color:#06111a}
.payout-calculator__head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:30px;align-items:end;padding:30px 32px 26px;background:linear-gradient(135deg,#f8fbff 0%,#eaf2fb 100%);border-bottom:1px solid #d4dee8}
.payout-calculator__eyebrow{margin:0 0 9px;color:#005bd8;font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.payout-calculator h2{margin:0;color:#06111a;font-family:"Russo One",sans-serif;font-size:clamp(30px,4vw,50px);font-weight:400;line-height:1;text-transform:uppercase;letter-spacing:-.035em}
.payout-calculator__intro{max-width:650px;margin:14px 0 0;color:#425968;font-size:16px;font-weight:700;line-height:1.55}
.payout-calculator__control{padding:19px 20px;border:1px solid #c9d6e3;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(22,63,111,.08)}
.payout-calculator__label{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px;color:#243946;font-size:14px;font-weight:900}
.payout-calculator__period{white-space:nowrap;color:#005bd8;font-family:"Russo One",sans-serif;font-size:23px;font-weight:400}
.payout-calculator__range{--range-progress:0%;width:100%;height:8px;margin:4px 0 0;border-radius:999px;background:linear-gradient(to right,#005bd8 0%,#005bd8 var(--range-progress),#d8e2ec var(--range-progress),#d8e2ec 100%);appearance:none;cursor:pointer;outline:none}
.payout-calculator__range::-webkit-slider-thumb{width:26px;height:26px;border:4px solid #fff;border-radius:50%;background:#005bd8;box-shadow:0 4px 14px rgba(0,91,216,.35);appearance:none}
.payout-calculator__range::-moz-range-thumb{width:18px;height:18px;border:4px solid #fff;border-radius:50%;background:#005bd8;box-shadow:0 4px 14px rgba(0,91,216,.35)}
.payout-calculator__range:focus-visible{box-shadow:0 0 0 4px rgba(0,91,216,.16)}
.payout-calculator__marks{display:flex;justify-content:space-between;margin-top:11px;color:#667987;font-size:11px;font-weight:900;text-transform:uppercase}
.payout-calculator__body{padding:28px 32px 32px}
.payout-calculator__results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.payout-calculator__result{position:relative;min-width:0;padding:24px;border:1px solid #cbd5df;border-radius:20px;background:#f8fafc}
.payout-calculator__result--bonus{border-color:#005bd8;background:#005bd8}
.payout-calculator__result-label{display:block;margin-bottom:12px;color:#425968;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.payout-calculator__result--bonus .payout-calculator__result-label{color:#dcecff}
.payout-calculator__amount{display:block;color:#005bd8;font-family:"Russo One",sans-serif;font-size:clamp(30px,4.3vw,50px);font-weight:400;line-height:1;letter-spacing:-.03em;white-space:nowrap}
.payout-calculator__result--bonus .payout-calculator__amount{color:#fff}
.payout-calculator__result p{margin:12px 0 0;color:#526775;font-size:13px;font-weight:700;line-height:1.5}
.payout-calculator__result--bonus p{color:#e7f1ff}
.payout-calculator__breakdown{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.payout-calculator__breakdown-item{padding:15px 16px;border:1px solid #d7e0e9;border-radius:15px;background:#fff}
.payout-calculator__breakdown-item span{display:block;margin-bottom:5px;color:#6a7d89;font-size:11px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
.payout-calculator__breakdown-item strong{display:block;color:#142733;font-size:18px;font-weight:900;white-space:nowrap}
.payout-calculator__note{margin:16px 0 0;color:#617582;font-size:12px;font-weight:650;line-height:1.55}
@media(max-width:820px){
  .payout-calculator__head{grid-template-columns:1fr;gap:20px;padding:24px}
  .payout-calculator__body{padding:22px 24px 26px}
  .payout-calculator__amount{font-size:clamp(27px,7vw,38px)}
}
@media(max-width:600px){
  .payout-calculator-section{padding-top:10px}
  .payout-calculator{border-radius:22px}
  .payout-calculator__head{padding:21px 18px}
  .payout-calculator__control{padding:16px}
  .payout-calculator__label{align-items:flex-start;flex-direction:column;gap:4px}
  .payout-calculator__body{padding:18px}
  .payout-calculator__results{grid-template-columns:1fr}
  .payout-calculator__result{padding:20px 18px}
  .payout-calculator__amount{font-size:clamp(29px,9vw,39px)}
  .payout-calculator__breakdown{grid-template-columns:1fr}
  .payout-calculator__breakdown-item{display:flex;align-items:center;justify-content:space-between;gap:12px}
  .payout-calculator__breakdown-item span{margin:0}
}
@media(max-width:360px){
  .payout-calculator__amount{font-size:27px}
  .payout-calculator__period{font-size:20px}
}