.base-slider{position:relative;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.base-slider--horizontal{padding:8px 0;width:100%}.base-slider--vertical{height:200px;padding:0 8px;width:40px}.base-slider--disabled{opacity:.5;pointer-events:none}.base-slider--dragging{cursor:grabbing}.base-slider__labels{color:var(--ui-text-muted,#6b7280);display:flex;font-size:12px;justify-content:space-between;margin-bottom:8px}.base-slider__container{cursor:pointer;height:100%;position:relative;width:100%}.base-slider--horizontal .base-slider__container{align-items:center;display:flex;height:16px}.base-slider--vertical .base-slider__container{display:flex;justify-content:center;width:16px}.base-slider__track{background:linear-gradient(to right,var(--uicolors-purple-100),var(--uicolors-purple-200));border-radius:9999px;position:relative}.base-slider--horizontal .base-slider__track{width:100%}.base-slider--vertical .base-slider__track{height:100%}.base-slider__fill{background:linear-gradient(to right,var(--uicolors-purple-400),var(--uicolors-purple-300));border-radius:9999px;position:absolute}.base-slider--horizontal .base-slider__fill{height:100%;top:0}.base-slider--vertical .base-slider__fill{left:0;width:100%}.base-slider__thumb{background:linear-gradient(var(--uicolors-purple-500),var(--uicolors-purple-400),var(--uicolors-purple-300));border-radius:50%;cursor:grab;outline:none;position:absolute;transition:transform .15s ease,box-shadow .15s ease;z-index:1}.base-slider__thumb:hover{box-shadow:0 0 8px 4px #7c3aed66,0 0 12px 6px #a855f733;transform:translateY(-50%) scale(1.1)}.base-slider__thumb:focus-visible{box-shadow:0 0 0 4px #7c3aed4d,0 0 0 8px #a855f733}.base-slider__thumb--active{cursor:grabbing;transform:translateY(-50%) scale(1.15);z-index:2}.base-slider--vertical .base-slider__thumb:hover{transform:translate(-50%) scale(1.1)}.base-slider--vertical .base-slider__thumb--active{transform:translate(-50%) scale(1.15)}.base-slider__tooltip{background-color:var(--ui-bg-elevated,#1f2937);border-radius:4px;color:var(--ui-text-inverse,#fff);font-size:12px;font-weight:500;padding:4px 8px;pointer-events:none;position:absolute;white-space:nowrap;z-index:10}.base-slider__tooltip--top{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.base-slider__tooltip--top:after{border:4px solid transparent;border-top:4px solid var(--ui-bg-elevated,#1f2937);content:"";left:50%;position:absolute;top:100%;transform:translate(-50%)}.base-slider__tooltip--bottom{left:50%;top:calc(100% + 8px);transform:translate(-50%)}.base-slider__tooltip--bottom:after{border:4px solid transparent;border-bottom:4px solid var(--ui-bg-elevated,#1f2937);bottom:100%;content:"";left:50%;position:absolute;transform:translate(-50%)}.base-slider__tooltip--left{right:calc(100% + 8px);top:50%;transform:translateY(-50%)}.base-slider__tooltip--left:after{border:4px solid transparent;border-left:4px solid var(--ui-bg-elevated,#1f2937);content:"";left:100%;position:absolute;top:50%;transform:translateY(-50%)}.base-slider__tooltip--right{left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.base-slider__tooltip--right:after{border:4px solid transparent;border-right:4px solid var(--ui-bg-elevated,#1f2937);content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%)}:root{--large-container-max-width:1920px;--container-max-width:1240px;--container-padding:96px;--container-padding-redesign:64px;--project-max-width:812px;--project-margin-right:340px;--header-height:84px}@media screen and (max-width:1400px){:root{--container-padding:64px;--project-max-width:750px}}@media screen and (max-width:1100px){:root{--project-margin-right:0}}@media screen and (max-width:992px){:root{--container-padding:48px;--container-padding-redesign:48px;--project-max-width:646px;--project-margin-right:0}}@media screen and (max-width:768px){:root{--container-padding:8px;--container-padding-redesign:20px;--project-margin-right:0}}.mortgage-calculator{width:100%}.mortgage-calculator__content{align-items:flex-start;display:grid;gap:24px;grid-template-columns:1fr 1fr}@media screen and (max-width:1024px){.mortgage-calculator__content{gap:32px;grid-template-columns:1fr}}.mortgage-calculator__form{border-radius:16px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;gap:16px;padding:32px}.mortgage-calculator__title{color:var(--ui-text-highlighted);font-size:var(--font-size-text-xl);font-weight:var(--font-weight-medium);line-height:var(--line-height-text-xl)}.mortgage-calculator__field{display:flex;flex-direction:column}.mortgage-calculator__label{color:var(--ui-text-base,#374151);font-size:14px;font-weight:500;line-height:20px;margin-bottom:8px}.mortgage-calculator__input-wrapper{align-items:center;background:var(--white,#fff);border:1px solid var(--ui-border-base,#e5e7eb);border-radius:8px;display:flex;overflow:hidden;position:relative}.mortgage-calculator__input-wrapper--with-percent .mortgage-calculator__input{padding-right:60px}.mortgage-calculator__input-wrapper--with-suffix .mortgage-calculator__input{padding-right:40px}.mortgage-calculator__input{background:transparent;border:none;color:var(--ui-text-highlighted,#1f2937);font-size:16px;font-weight:500;line-height:24px;outline:none;padding:12px 16px;width:100%}.mortgage-calculator__input:focus{outline:none}.mortgage-calculator__percent{color:var(--ui-text-muted,#6b7280);font-size:14px;font-weight:500;position:absolute;right:16px}.mortgage-calculator__percent--primary{color:var(--bg-primary-default,#5046e5)}.mortgage-calculator__suffix{color:var(--ui-text-muted,#6b7280);font-size:14px;font-weight:500;position:absolute;right:16px}.mortgage-calculator__range-labels{color:var(--ui-text-muted,#6b7280);display:flex;font-size:12px;justify-content:space-between}.mortgage-calculator__status-buttons{border:1px solid var(--ui-border-base,#e5e7eb);border-radius:8px;display:flex;gap:0;margin-bottom:12px;overflow:hidden}.mortgage-calculator__status-btn{background:var(--white,#fff);border:none;border-right:1px solid var(--ui-border-base,#e5e7eb);color:var(--ui-text-base,#374151);cursor:pointer;flex:1;font-size:14px;font-weight:500;line-height:20px;padding:10px 16px;transition:all .2s ease}.mortgage-calculator__status-btn:last-child{border-right:none}.mortgage-calculator__status-btn:hover{background:var(--ui-bg-elevated,#f9fafb)}.mortgage-calculator__status-btn--active{background:var(--ui-bg-elevated,#f9fafb);color:var(--ui-text-highlighted,#1f2937);font-weight:600}.mortgage-calculator__results{position:sticky;top:100px}.mortgage-calculator__results-card{background:var(--white,#fff);border-radius:16px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;gap:0;padding:32px}.mortgage-calculator__results-title{color:var(--ui-text-muted,#6b7280);font-size:14px;font-weight:500;line-height:20px;margin:0 0 16px}.mortgage-calculator__results-amount{color:#22c55e;font-size:36px;font-weight:600;line-height:40px;margin-bottom:4px}.mortgage-calculator__results-subtitle{color:var(--ui-text-muted,#6b7280);font-size:14px;margin:0 0 24px}.mortgage-calculator__summary{display:flex;flex-direction:column;gap:16px;margin:12px 0}.mortgage-calculator__summary-item{align-items:center;display:flex;justify-content:space-between}.mortgage-calculator__summary-left{align-items:center;color:var(--ui-text-base,#374151);display:flex;font-size:14px;gap:12px}.mortgage-calculator__summary-left svg{color:var(--ui-text-muted,#6b7280);flex-shrink:0}.mortgage-calculator__summary-value{color:var(--ui-text-highlighted,#1f2937);font-size:14px;font-weight:600}.mortgage-calculator__breakdown{margin-bottom:0;margin-top:12px}.mortgage-calculator__breakdown-title{color:var(--ui-text-base,#374151);font-size:14px;font-weight:500;margin:0 0 16px}.mortgage-calculator__bar-chart{margin-bottom:0}.mortgage-calculator__bar-chart-bar{border-radius:8px;display:flex;height:40px;margin-bottom:12px;overflow:hidden}.mortgage-calculator__bar-chart-principal{background:#9b87f5;transition:width .3s ease}.mortgage-calculator__bar-chart-interest{background:#7dd3c0;transition:width .3s ease}.mortgage-calculator__bar-chart-legend{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.mortgage-calculator__bar-chart-legend-item{align-items:center;color:var(--ui-text-base,#374151);display:flex;font-size:13px;gap:8px}.mortgage-calculator__bar-chart-legend-dot{border-radius:50%;height:12px;width:12px}.mortgage-calculator__bar-chart-legend-dot--principal{background:#9b87f5}.mortgage-calculator__bar-chart-legend-dot--interest{background:#7dd3c0}.mortgage-calculator__upfront-section{margin-top:24px}.mortgage-calculator__upfront-title{color:var(--ui-text-base,#374151);font-size:14px;font-weight:500;margin:0 0 12px}.mortgage-calculator__view-details-btn{align-items:center;background:var(--white,#fff);border:1px solid var(--ui-border-base,#e5e7eb);border-radius:8px;color:var(--ui-text-base,#374151);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;margin-bottom:12px;padding:12px 16px;transition:all .2s ease;width:100%}.mortgage-calculator__view-details-btn:hover{background:var(--ui-bg-elevated,#f9fafb);border-color:var(--ui-border-accented,#d1d5db)}.mortgage-calculator__view-details-btn svg{color:var(--ui-text-muted,#6b7280)}.mortgage-calculator__results-actions{display:flex;flex-direction:column;gap:12px}.mortgage-calculator__results-btn{justify-content:center;width:100%}.mortgage-calculator__results-btn--primary{background:#9b87f5!important;border-color:#9b87f5!important}.mortgage-calculator__results-btn--primary:hover{background:#8b77e5!important;border-color:#8b77e5!important}.upfront-modal{display:flex;flex-direction:column;gap:12px}.upfront-modal__section--highlight{background:var(--ui-bg-elevated,#f9fafb);border-radius:12px;padding:20px}.upfront-modal__section-title{color:var(--ui-text-highlighted,#1f2937);font-size:16px;font-weight:600}.upfront-modal__row{align-items:center;border-bottom:1px solid var(--ui-border-base,#e5e7eb);display:flex;justify-content:space-between;padding:12px 0}.upfront-modal__row:last-child{border-bottom:none}.upfront-modal__row--expandable{padding:12px 0}.upfront-modal__row--nested{border-bottom:none;padding:10px 0 10px 10px}.upfront-modal__row--total{border-bottom:none;border-top:1px solid var(--ui-border-base,#e5e7eb);margin-top:8px;padding:12px 0}.upfront-modal__label{color:var(--ui-text-base,#374151);font-size:14px}.upfront-modal__label--primary{color:var(--ui-text-highlighted,#1f2937);font-weight:500}.upfront-modal__label--bold{color:var(--ui-text-highlighted,#1f2937);font-weight:600}.upfront-modal__label-wrapper{display:flex;flex-direction:column;gap:4px}.upfront-modal__tooltip{color:var(--ui-text-muted,#6b7280);font-size:12px;font-weight:400}.upfront-modal__value{color:var(--ui-text-highlighted,#1f2937);font-size:14px;font-weight:500;white-space:nowrap}.upfront-modal__value--primary{color:#9b87f5;font-weight:600}.upfront-modal__value--bold{color:var(--ui-text-highlighted,#1f2937);font-size:16px;font-weight:700}.upfront-modal__expanded{background:var(--ui-bg-elevated,#f9fafb);border-radius:8px;margin-top:8px;padding:8px 12px}.upfront-modal__calculation-grid{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}@media screen and (max-width:600px){.upfront-modal__calculation-grid{grid-template-columns:1fr}}.upfront-modal__calculation-item{display:flex;flex-direction:column;gap:4px}.upfront-modal__calculation-label{color:var(--ui-text-muted,#6b7280);font-size:12px;text-transform:lowercase}.upfront-modal__calculation-value{color:var(--ui-text-highlighted,#1f2937);font-size:16px;font-weight:600}.upfront-modal__footer{padding-top:8px}.upfront-modal__btn{background:#9b87f5!important;border-color:#9b87f5!important;justify-content:center;width:100%}.upfront-modal__btn:hover{background:#8b77e5!important;border-color:#8b77e5!important}