/* WisePay programme tiers and payroll rewards calculator. */
.rewards-calculator{margin-block:var(--gap,18px);color:#15171c}
.rewards-calculator-header{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding:36px 40px;background:#c8ff00;border-radius:var(--radius,16px);margin-bottom:var(--gap,18px)}
.rewards-calculator-header .eyebrow{font-size:10px;margin:0 0 20px;color:#15171c}
.rewards-calculator-header h2{font-size:clamp(34px,4.5vw,58px);line-height:1.04;letter-spacing:-.05em;max-width:650px;margin:0}
.rewards-calculator-header>p{font-size:14px;line-height:1.7;max-width:310px;margin:0}
.rewards-calculator-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap,18px);align-items:stretch}
.rewards-assumptions,.rewards-results{padding:36px 40px;border-radius:var(--radius,16px);min-width:0}
.rewards-assumptions{background:#fff;border:1px solid #dedde4}
.rewards-assumptions fieldset{min-width:0;padding:0;margin:0;border:0}
.rewards-assumptions legend{padding:0;margin:0 0 27px;font-size:23px;font-weight:500;line-height:1.2;letter-spacing:-.03em}
.rewards-field{margin-top:24px}
.rewards-field:first-of-type{margin-top:0}
.rewards-field label{display:block;font-size:13px;line-height:1.4;font-weight:600;margin:0 0 9px}
.rewards-field label span{display:block;font-size:11px;font-weight:400;color:#62646e;margin-top:4px}
.rewards-calculator .rewards-field input[type=number]{display:block;width:100%;min-width:0;height:49px;padding:11px 14px;background:#f7f6fb;color:#15171c;border:1px solid #c9c7d1;border-radius:8px;font:inherit;font-size:17px;box-sizing:border-box}
.rewards-calculator .rewards-field input:focus-visible{outline:3px solid #6c3dff;outline-offset:3px}
.rewards-employee-control{display:grid;grid-template-columns:1fr 105px;align-items:center;gap:25px}
.rewards-calculator input[type=range]{width:100%;height:32px;margin:0;accent-color:#6c3dff;cursor:pointer;min-width:0}
.rewards-field-help{font-size:11px;line-height:1.5;color:#62646e;margin:7px 0 0}
.rewards-field-help a{color:inherit;text-decoration:underline}
.rewards-results{display:flex;flex-direction:column;background:#15171c;color:#fff}
.rewards-results-label{margin:0 0 28px;color:#c8ff00;font-size:10px;line-height:1.5;letter-spacing:.09em;font-weight:600}
.rewards-results dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:25px 20px;min-width:0}
.rewards-results dl>div{min-width:0}
.rewards-results dt{font-size:12px;line-height:1.5;color:#d6d6df;margin:0 0 7px}
.rewards-results dd{font-size:clamp(25px,3vw,39px);line-height:1.1;letter-spacing:-.04em;font-weight:500;margin:0;overflow-wrap:anywhere}
.rewards-results .rewards-annual{grid-column:1/-1;margin-top:9px;padding:26px;background:#6c3dff;border-radius:11px}
.rewards-results .rewards-annual dt{color:#eeeaff}
.rewards-results .rewards-annual dd{font-size:clamp(40px,5vw,68px);color:#c8ff00}
.rewards-results .rewards-fee{grid-column:1/-1;padding-top:2px}
.rewards-results .rewards-fee dd{font-size:21px;letter-spacing:-.02em}
.rewards-calculator-status{font-size:11px;line-height:1.6;color:#d6d6df;margin:24px 0 0}
.rewards-calculator-status[data-state=invalid]{color:#ffcd93}
.rewards-results .button{margin-top:auto;padding-top:15px;align-self:flex-start;background:#c8ff00;color:#15171c;border-color:#c8ff00}
.rewards-results .rewards-calculator-status+.button{margin-top:26px}
.rewards-calculator-method{padding:26px 32px;margin-top:var(--gap,18px);background:#eee9ff;border:1px solid #ded2ff;border-radius:var(--radius,16px)}
.rewards-calculator-method h3{font-size:18px;font-weight:500;letter-spacing:-.02em;margin:0 0 13px}
.rewards-calculator-method p{font-size:12px;line-height:1.75;margin:9px 0 0;max-width:1050px}
.rewards-calculator-method .rewards-formulas{font-size:11px;color:#514566}
.rewards-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.rewards-calculator noscript p{background:#fff4d9;padding:15px;border-radius:8px;font-size:13px;line-height:1.6;margin-top:18px}
@media(max-width:1000px){.rewards-assumptions,.rewards-results{padding:30px}.rewards-calculator-header{padding:32px}.rewards-calculator-header>p{max-width:270px}.rewards-results dl{grid-template-columns:1fr}.rewards-results .rewards-annual,.rewards-results .rewards-fee{grid-column:auto}}
@media(max-width:760px){.rewards-calculator-header{display:block}.rewards-calculator-header>p{max-width:540px;margin-top:22px}.rewards-calculator-grid{grid-template-columns:1fr}.rewards-results dl{grid-template-columns:1fr 1fr}.rewards-results .rewards-annual,.rewards-results .rewards-fee{grid-column:1/-1}.rewards-results dd{font-size:35px}.rewards-results .rewards-annual dd{font-size:60px}}
@media(max-width:480px){.rewards-calculator-header,.rewards-assumptions,.rewards-results{padding:28px 24px}.rewards-calculator-header h2{font-size:38px}.rewards-calculator-header>p{font-size:13px}.rewards-assumptions legend{font-size:23px}.rewards-employee-control{grid-template-columns:1fr 92px;gap:17px}.rewards-field label{font-size:13px}.rewards-calculator .rewards-field input[type=number]{font-size:16px}.rewards-results dl{gap:22px 12px}.rewards-results dd{font-size:27px}.rewards-results .rewards-annual{padding:23px 20px}.rewards-results .rewards-annual dd{font-size:48px}.rewards-results .rewards-fee dd{font-size:21px}.rewards-calculator-method{padding:25px 24px}.rewards-calculator-method p{font-size:12px}.rewards-results .button{width:100%;justify-content:space-between;font-size:13px}}
@media(max-width:480px){.rewards-results dl{grid-template-columns:1fr}.rewards-results .rewards-annual,.rewards-results .rewards-fee{grid-column:auto}}

/* The fixed programme tiers remain visible and easy to compare in the form. */
.rewards-plan-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:12px 0 0}
.rewards-calculator .rewards-plan-option{display:flex;align-items:flex-start;gap:10px;position:relative;min-width:0;margin:0;padding:15px 13px;border:1px solid #c9c7d1;border-radius:9px;background:#f7f6fb;cursor:pointer;font-size:13px;line-height:1.45;transition:border-color .15s,background .15s}
.rewards-plan-option.is-selected,.rewards-plan-option:has(input:checked){border-color:#6c3dff;background:#eee9ff;box-shadow:inset 0 0 0 1px #6c3dff}
.rewards-plan-option input[type=radio]{flex:0 0 16px;width:16px;height:16px;min-height:0;margin:2px 0 0;padding:0;accent-color:#6c3dff}
.rewards-plan-option>span{display:block;min-width:0}
.rewards-plan-option strong{display:block;color:#15171c;font-size:14px;font-weight:650;line-height:1.4}
.rewards-plan-option small{display:block;color:#575965;font-size:11px;line-height:1.5;margin-top:4px}
.rewards-plan-option:focus-within{outline:3px solid #6c3dff;outline-offset:3px}
[data-rewards-plan].is-selected{box-shadow:inset 0 0 0 2px #6c3dff}
.rewards-results .rewards-annual-fee{grid-column:1/-1;padding-top:2px}
.rewards-results .rewards-annual-fee dd{font-size:21px;letter-spacing:-.02em}
@media(max-width:1000px){.rewards-results .rewards-annual-fee{grid-column:auto}}
@media(min-width:481px) and (max-width:760px){.rewards-results .rewards-annual-fee{grid-column:1/-1}}
@media(max-width:480px){.rewards-plan-options{gap:9px}.rewards-calculator .rewards-plan-option{padding:13px 10px;gap:8px}.rewards-plan-option strong{font-size:13px}.rewards-plan-option small{font-size:10px}}

/* Optional monthly payment categories supplement payroll once in the total. */
.rewards-spend-breakdown{margin-top:26px;padding-top:20px;border-top:1px solid #dedde4}
.rewards-spend-breakdown>summary{cursor:pointer;color:#6c3dff;font-size:13px;font-weight:600;line-height:1.5;padding:3px 0}
.rewards-spend-breakdown>summary:focus-visible{outline:3px solid #6c3dff;outline-offset:4px;border-radius:3px}
.rewards-spend-breakdown[open]>summary{margin-bottom:18px}
.rewards-spend-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 13px}
.rewards-spend-breakdown label{display:block;min-width:0;margin:0;font-size:12px;line-height:1.45;font-weight:500}
.rewards-calculator input[data-rewards-spend]{display:block;width:100%;min-width:0;box-sizing:border-box;height:45px;margin-top:8px;padding:10px 12px;background:#f7f6fb;color:#15171c;border:1px solid #c9c7d1;border-radius:8px;font:inherit;font-size:15px}
.rewards-calculator input[data-rewards-spend]:focus-visible{outline:3px solid #6c3dff;outline-offset:3px}
.rewards-spend-breakdown>label+label{margin-top:16px}
.rewards-spend-breakdown>p{font-size:11px;line-height:1.6;color:#62646e;margin:14px 0 0}
@media(max-width:560px){.rewards-spend-grid{grid-template-columns:1fr;gap:15px}.rewards-calculator input[data-rewards-spend]{font-size:16px}}