.calcCtn{padding:var(--sp)var(--p)}.calcDiv{border-radius:var(--br);background:var(--navy);padding:var(--xlp)var(--p);color:#fff}.calcInner{gap:var(--p);align-items:center}.calcInner>*{width:50%;position:relative}.calcLeftCtn{align-items:center;display:flex}.calcHeader{width:100%}.calcEyebrow{color:var(--lightgreen);margin:0;font-weight:500}.calcDisc{opacity:.7;margin:0;font-size:14px;line-height:1.5}.calcStep>*{margin-bottom:20px}.calcStep>:last-child{margin-bottom:0}.calcRightCtn{position:relative}.calcContent{width:100%}.calcCard{padding:var(--p);border-radius:var(--br);gap:var(--p);text-align:center;flex-direction:column;display:flex;overflow:hidden}.calcCardDark{background:#ffffff14;border:1px solid #ffffff1a}.calcCardLight{color:var(--navy);background:#fff}.calcNumberCtn{text-align:center;line-height:1.1;font-family:var(--serif);border-bottom:1px solid #fff;width:100%;min-width:0;font-size:90px;transition:border-color .15s;position:relative}.calcNumberCtn:hover{border-color:var(--lightgreen)}.calcNumberCtn:has(.calcNumberInput:focus){border-color:var(--lightgreen)}.calcNumberInput{color:#fff;text-align:center;font-size:90px;font-family:var(--serif);background:0 0;border:none;outline:none;width:100%;margin:0;padding:0}.calcNumberInput::placeholder{color:#fff6}.calcNumberHint{font-family:var(--sans);color:#ffffff80;cursor:pointer;margin-top:8px;font-size:14px;transition:color .15s,opacity .15s}.calcNumberHint:hover{color:#ffffffb3}.calcNumberGroup:has(.calcNumberInput:focus) .calcNumberHint{opacity:0;pointer-events:none}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:none}.cardBottom{justify-content:space-between;align-items:self-end}.calcCardLight .cardBottom span{color:#0006}.calcStep1{flex-direction:column;display:flex}.calcNumberField{flex:1;justify-content:center;align-items:center;display:flex}.calcNumberGroup{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.calcStep2{flex-direction:column;display:flex}.calcStep2 form{gap:calc(var(--p)*.5);flex-direction:column;display:flex}.calcFormGrid{text-align:left;border:none;grid-template-columns:repeat(2,1fr);gap:12px;width:100%;margin:0;padding:0;display:grid}.calcFormField{flex-direction:column;gap:2px;display:flex}.calcFieldError{font-family:var(--sans);color:#dc2626;margin-top:2px;font-size:12px;line-height:1.4}.calcFormField:has(.calcFieldError:not(:empty)) .calcInput{border-color:#dc2626}.calcFormField:has(.calcFieldError:not(:empty)) .calcInput:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.calcFormFieldFull{grid-column:1/-1}.calcLabel{font-family:var(--sans);color:var(--navy);align-items:center;gap:6px;margin:0;font-size:12px;font-weight:600;display:flex}.calcOptional{color:#0006;font-size:11px;font-weight:400}.calcInput{font-size:14px;font-family:var(--sans);color:var(--navy);box-sizing:border-box;background-color:#fff;border:1px solid #00000026;border-radius:6px;outline:none;padding:10px 12px;line-height:1.4;transition:border-color .2s,box-shadow .2s}.calcInput::placeholder{color:#00000059}.calcInput:hover{border-color:#00000040}.calcInput:focus{border-color:var(--green);box-shadow:0 0 0 3px #009e001a}.calcCheckboxField{margin-top:0}.calcCheckboxLabel{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.calcCheckbox{cursor:pointer;background:#fff;border:1px solid #00000040;border-radius:3px;justify-content:center;align-items:center;width:16px;min-width:16px;height:16px;margin-top:2px;transition:background .15s,border-color .15s;display:flex}.calcCheckbox[data-checked]{background:var(--green);border-color:var(--green)}.calcCheckboxIndicator{color:#fff;justify-content:center;align-items:center;display:flex}.calcCheckboxIndicator svg{width:10px;height:10px}.calcCheckboxText{font-family:var(--sans);color:#00000080;font-size:12px;line-height:1.5}.calcSubmitBtn.btn{justify-content:center;width:100%}.calcStep3{flex-direction:column;display:flex}.calcCardResult{text-align:center}.calcCardResult .calcNumberCtn{border-bottom:none;font-size:clamp(40px,10vw,80px)}.stepAnimator{--step-anim-duration:.22s;--step-anim-distance:24px;position:relative}.stepAnimator[data-animating=true]{transition:height var(--step-anim-duration)var(--expo)}.stepAnimator[data-animating=true][data-resize=shrink]{overflow:hidden}.stepAnimatorOverlay{pointer-events:none;position:absolute;inset:0}.stepAnimatorStep{will-change:transform,opacity}.stepAnimatorStep[data-motion=idle]{opacity:1;transform:translate(0,0)}.stepAnimatorStep[data-motion=enter][data-direction=forward]{animation:stepEnterForward var(--step-anim-duration)var(--expo)both;animation-delay:80ms}.stepAnimatorStep[data-motion=exit][data-direction=forward]{animation:stepExitForward var(--step-anim-duration)var(--expo)both}.stepAnimatorStep[data-motion=enter][data-direction=back]{animation:stepEnterBack var(--step-anim-duration)var(--expo)both}.stepAnimatorStep[data-motion=exit][data-direction=back]{animation:stepExitBack var(--step-anim-duration)var(--expo)both}.stepAnimator[data-fade-only=true] .stepAnimatorStep[data-motion=enter]{--fade-duration:.28s;animation:stepFadeIn var(--fade-duration)var(--expo)both;animation-delay:var(--fade-duration)}.stepAnimator[data-fade-only=true] .stepAnimatorStep[data-motion=exit]{--fade-duration:.28s;animation:stepFadeOut var(--fade-duration)var(--expo)both}@keyframes stepEnterForward{0%{opacity:0;transform:translate3d(var(--step-anim-distance),0,0)}to{opacity:1;transform:translate(0,0)}}@keyframes stepExitForward{0%{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translate3d(calc(var(--step-anim-distance)*-1),0,0)}}@keyframes stepEnterBack{0%{opacity:0;transform:translate3d(calc(var(--step-anim-distance)*-1),0,0)}to{opacity:1;transform:translate(0,0)}}@keyframes stepExitBack{0%{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translate3d(var(--step-anim-distance),0,0)}}@keyframes stepFadeIn{0%{opacity:0}to{opacity:1}}@keyframes stepFadeOut{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.stepAnimatorStep{opacity:1!important;animation:none!important;transform:none!important}.stepAnimatorOverlay .stepAnimatorStep{opacity:0!important}}@media screen and (max-width:1250px){.calcInner{flex-direction:column}.calcInner>*{width:100%}.calcLeftCtn{text-align:center}}@media screen and (max-width:650px){.calcNumberCtn,.calcNumberInput{font-size:45px}.calcCard{gap:var(--xlp)}.calcFormGrid{grid-template-columns:1fr}.calcFormFieldFull{grid-column:1}}