/* Shared control chrome for library inputs and selects. Pairs with the Webflow
 * classes in webflow-snapshot.css, which is layered so these rules win. */
.form-input.point-input { height: 3rem; min-height: 3rem; color: var(--neutral--pointblack, #3b3b3b); font-family: inherit; font-size: 1rem; font-weight: 400; border-radius: .125rem; padding: .75rem 1.125rem; margin: 0; background-color: white; }
.form-input.point-input-money { padding-left: 1.8125rem; }
.point-input:focus-visible { outline: .125rem solid var(--blue--pointblue, #01679a); outline-offset: .1875rem; }
select.point-input { appearance: none; }
input.point-input[type=number] { appearance: textfield; -moz-appearance: textfield; }
.point-input::-webkit-inner-spin-button, .point-input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

/* Layout for the number field primitive. Input chrome comes from styles/controls.css.
 * Self-contained so the primitive renders correctly in any component. */
.point-field { display: grid; gap: .375rem; }
.point-field, .point-field *, .point-field *::before, .point-field *::after { box-sizing: border-box; }
.point-field .tools-input-label { font-size: .875rem; }
.point-number-wrap { position: relative; }
.point-number-prefix { position: absolute; top: .8125rem; left: 1.125rem; pointer-events: none; }
.point-number-suffix { position: absolute; top: .8125rem; right: 1.125rem; pointer-events: none; }

/* Self-contained so the primitive renders correctly in any component.
 * Colors fall back to literals for standalone rendering outside the site. */
.point-tooltip { position: relative; display: inline-flex; }
.point-tooltip-trigger { padding: 0; border: 0; width: 1.5rem; height: 1.25rem; display: grid; place-items: center; background: none; color: inherit; cursor: pointer; }
.point-tooltip-trigger:focus-visible { outline: .125rem solid var(--blue--pointblue, #01679a); outline-offset: .1875rem; }
.point-tooltip-content { position: absolute; z-index: 5; right: 0; top: 1.625rem; box-sizing: border-box; width: 15.625rem; max-width: 75vw; padding: .875rem; background: var(--neutral--pointblack, #3b3b3b); color: white; border-radius: .25rem; font-size: .8125rem; line-height: 1.5; box-shadow: 0 .25rem 1rem #0002; }
.point-tooltip-content[hidden] { display: none; }

/* Generated by npm run styles:sync. Source: https://cdn.prod.website-files.com/62fb9110be019f3cf956c118/css/new-point.shared.ecb16c0e1.min.css
 * Focused, scoped class snapshot with live-variable fallbacks. Do not edit. */
@layer webflow-snapshot {
:where(.point-debt-calculator) .button{grid-column-gap:.35rem;grid-row-gap:.35rem;border-radius:var(--_global-sizes---sizing-utilities--default-radius, .25rem);background-color:var(--yorange--yorange, #f4c65d);min-width:10.625rem;height:4.375rem;color:var(--neutral--pointblack, #3b3b3b);text-align:center;cursor:pointer;flex:none;justify-content:center;align-items:center;padding:.7rem 2rem .6rem;font-size:1.1rem;font-weight:700;line-height:1.2;transition:color .2s,background-color .3s;display:flex}:where(.point-debt-calculator) .button:hover{background-color:var(--button--background-color--primary--hover\<deleted\|variable-5471d197\>, #f1b937);color:#333}:where(.point-debt-calculator) .button.is-small{border-radius:.2rem;min-width:5rem;max-width:15rem;height:3rem;padding:.5rem 1.25rem;font-size:1rem}:where(.point-debt-calculator) .button.is-small.is-fw{max-width:100%}:where(.point-debt-calculator) .button.is-dark{background-color:var(--neutral--pointblack, #3b3b3b);color:var(--neutral--white, white)}:where(.point-debt-calculator) .button.is-dark:hover{background-color:var(--button--background-color--dark--hover\<deleted\|variable-c7f52b82\>, #333)}:where(.point-debt-calculator) .heading-medium{text-wrap:balance;font-family:ITC Century,Georgia,sans-serif;font-size:2.3rem;font-weight:400;line-height:1.1}:where(.point-debt-calculator) .form-input{width:100%;height:var(--_inputs---form-input-height, 3.875rem);border:.0625rem solid var(--ui--line-color-default, #676a6b29);border-radius:var(--_global-sizes---sizing-utilities--default-radius, .25rem);min-height:3.875rem;color:var(--neutral--lightestaccessiblegray, #00000094);background-color:#fff;margin-bottom:2rem;padding:.5rem 1rem;font-size:1rem;font-weight:500}:where(.point-debt-calculator) .form-input:focus{border-color:var(--input-focused\<deleted\|variable-3b9f5ff9\>, var(--blue--pointblue, #01679a))}:where(.point-debt-calculator) .form-input:focus-visible, :where(.point-debt-calculator) .form-input[data-wf-focus-visible]{background-color:var(--input--background-color--filled--default\<deleted\|variable-0912b208\>, white);color:var(--input--text-color--filled--default\<deleted\|variable-1d8efdf4\>, #444)}:where(.point-debt-calculator) .form-input.calc-input{opacity:1;background-image:url(https://cdn.prod.website-files.com/62fb9110be019f3cf956c118/6516088690e098897d816707_dollar-sign.svg);background-position:12px;background-repeat:no-repeat;background-size:auto .8rem;height:2.5rem;min-height:auto;margin-bottom:0;padding:.35rem .75rem .35rem 1.4rem;font-size:.95rem;font-weight:500;transition:background-color .3s}:where(.point-debt-calculator) .form-input.calc-input:hover{background-color:var(--neutral--gray0, #f9fafc)}:where(.point-debt-calculator) .form-input.calc-input::placeholder{font-size:.95rem}:where(.point-debt-calculator) .form-input.calc-input.select-field{background-image:url(https://cdn.prod.website-files.com/62fb9110be019f3cf956c118/663075749b0f798c17fe1f66_Icons_V2.svg);background-position:95%;background-size:1.25rem;padding-left:1rem}:where(.point-debt-calculator) .form-input.calc-input.non-dollar{background-image:none;background-repeat:repeat;background-size:auto;padding-left:.75rem}:where(.point-debt-calculator) .tools-input-label{margin-bottom:0;font-size:.8125rem;font-weight:700;line-height:140%}@media screen and (min-width:1280px){:where(.point-debt-calculator) .heading-medium{font-size:2.5rem;line-height:1.125}}@media screen and (min-width:1920px){:where(.point-debt-calculator) .button.is-small{height:3rem;padding-left:1.5rem;padding-right:1.5rem;font-size:1.05rem}:where(.point-debt-calculator) .heading-medium{font-size:2.6rem;line-height:1.15}:where(.point-debt-calculator) .form-input{border-width:.0725rem}}@media screen and (max-width:991px){:where(.point-debt-calculator) .button{height:4.1rem;padding-left:1.5rem;padding-right:1.5rem;font-size:1.1rem}:where(.point-debt-calculator) .button.is-small{max-width:none;padding-left:1.5rem;padding-right:1.5rem}:where(.point-debt-calculator) .heading-medium{text-wrap:balance;font-size:2.2rem}:where(.point-debt-calculator) .form-input.calc-input.select-field{background-position:98%}}@media screen and (max-width:767px){:where(.point-debt-calculator) .button{height:3.25rem;padding-top:.55rem;font-size:1rem}:where(.point-debt-calculator) .button.is-small{height:2.9rem;font-size:.95rem}:where(.point-debt-calculator) .heading-medium{font-size:1.85rem;line-height:1.25}}@media screen and (max-width:479px){:where(.point-debt-calculator) .button{width:100%}:where(.point-debt-calculator) .button.is-small{text-wrap:balance;max-width:none;height:2.6rem}:where(.point-debt-calculator) .heading-medium{font-size:1.65rem}:where(.point-debt-calculator) .form-input{margin-bottom:1.25rem}:where(.point-debt-calculator) .tools-input-label{text-wrap:balance;line-height:1.15}}
}

/* Layout and interactive states specific to the Figma debt calculator.
 * Shared controls and typography come from webflow-snapshot.css and
 * styles/controls.css; primitives style themselves.
 * Lengths are rem at the site's 16px root so the component scales with it.
 * Container breakpoints stay in px, matching the site's media queries. */
.point-debt-calculator {
  --debt-ink: var(--neutral--pointblack, #3b3b3b);
  --debt-line: var(--ui--line-color-default, #676a6b29);
  --debt-blue: var(--blue--pointblue, #01679a);
  --debt-muted: var(--neutral--lightestaccessiblegray, #00000094);
  color: var(--debt-ink);
  font-family: Circular, 'Circular Std', Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  container-type: inline-size;
  box-sizing: border-box;
  width: 100%;
}
/* First-paint gate: GSAP removes this class only after it has synchronously set
 * the entrance state. The zero-duration fallback prevents hidden content if
 * hydration or the host GSAP script fails. */
.point-debt-calculator.debt-motion-pending {
  opacity: 0;
  visibility: hidden;
  animation: debt-motion-safety-reveal 0s 4s forwards;
}
@keyframes debt-motion-safety-reveal { to { opacity: 1; visibility: visible; } }
.point-debt-calculator *, .point-debt-calculator *::before, .point-debt-calculator *::after { box-sizing: border-box; }
.point-debt-calculator [hidden] { display: none !important; }
.point-debt-calculator :is(p, h2, h3, figure, dl, dd) { margin: 0; }
.point-debt-calculator :is(button, input, select) { font-family: inherit; }
.point-debt-calculator button { cursor: pointer; }
.point-debt-calculator button:disabled { cursor: not-allowed; opacity: .5; }
.point-debt-calculator :is(button, a, input, select, summary):focus-visible { outline: .125rem solid var(--debt-blue); outline-offset: .1875rem; }
.point-debt-calculator .debt-layout { display: grid; grid-template-columns: 17.5rem minmax(0, 1fr); gap: clamp(2rem, 7.8cqw, 5rem); align-items: start; }
.point-debt-calculator .debt-form { min-width: 0; }
.point-debt-calculator .debt-label-row { display: flex; align-items: center; justify-content: space-between; gap: .625rem; }
.point-debt-calculator .tools-input-label { font-size: .875rem; }
.point-debt-calculator .debt-cards { display: grid; gap: .375rem; margin-top: .375rem; }
.point-debt-calculator .debt-card { border: .0625rem solid var(--debt-line); border-radius: .125rem; background: var(--neutral--white, white); padding: 1.125rem; transition: border-color .25s ease, transform .25s ease; }
.point-debt-calculator .debt-card:hover { border-color: #676a6b42; }
.point-debt-calculator .debt-card-header { display: flex; align-items: center; gap: 1.125rem; min-height: 2.375rem; }
.point-debt-calculator .debt-dot { display: inline-block; width: .8125rem; height: .8125rem; flex: 0 0 .8125rem; border-radius: 50%; }
.point-debt-calculator .debt-card-summary { display: flex; flex: 1; min-width: 0; flex-direction: column; gap: .3125rem; }
.point-debt-calculator .debt-card-summary strong { overflow-wrap: anywhere; }
.point-debt-calculator .debt-card-summary > span { color: var(--debt-muted); font-size: .9375rem; }
.point-debt-calculator .debt-toggle { flex: 0 0 1.75rem; height: 2.375rem; display: grid; place-items: center; border: 0; padding: 0; background: transparent; margin-right: -.5rem; }
.point-debt-calculator .debt-toggle img { transition: transform .32s cubic-bezier(.2, .7, .2, 1); }
.point-debt-calculator .debt-toggle[aria-expanded=true] img { transform: rotate(180deg); }
.point-debt-calculator .debt-name { min-width: 0; width: 100%; font-size: 1rem; font-weight: 700; color: inherit; background: none; border: 0; border-bottom: .0625rem dashed #0003; padding: .375rem 0; border-radius: 0; }
.point-debt-calculator .debt-card-body-shell { display: grid; grid-template-rows: 0fr; opacity: 0; visibility: hidden; transition: grid-template-rows .38s cubic-bezier(.2, .7, .2, 1), opacity .2s ease, visibility 0s linear .38s; }
.point-debt-calculator .debt-card-body-shell.is-open { grid-template-rows: 1fr; opacity: 1; visibility: visible; transition: grid-template-rows .38s cubic-bezier(.2, .7, .2, 1), opacity .28s ease .08s, visibility 0s; }
.point-debt-calculator .debt-card-body { min-height: 0; overflow: hidden; }
.point-debt-calculator .debt-card-fields { display: grid; gap: 1.125rem; padding-top: 1.875rem; }
.point-debt-calculator .debt-actions { display: flex; justify-content: space-between; margin-top: .5rem; }
.point-debt-calculator .debt-actions button { background: none; padding: .25rem 0; border: 0; color: var(--debt-muted); text-decoration: underline; text-underline-offset: .1875rem; font-size: .875rem; }
.point-debt-calculator .debt-add { width: 100%; min-height: 3.125rem; border: .0625rem dashed #0003; border-radius: .125rem; background: white; color: inherit; font-size: .875rem; font-weight: 500; margin-top: 1rem; }
.point-debt-calculator .debt-add { transition: background-color .25s ease, border-color .25s ease, transform .18s ease; }
.point-debt-calculator .debt-add:hover { background: var(--neutral--gray0, #f9fafc); border-color: #0005; transform: translateY(-.0625rem); }
.point-debt-calculator .debt-extra { display: grid; gap: .375rem; border-top: .0625rem solid var(--debt-line); padding-top: 1.5rem; margin-top: 1.5rem; }
.point-debt-calculator .debt-extra .point-field > label { position: absolute; width: .0625rem; height: .0625rem; overflow: hidden; clip-path: inset(50%); }
.point-debt-calculator .debt-extra .point-field + .debt-label-row { margin-top: .625rem; }
.point-debt-calculator .button { text-decoration: none; border: 0; }
.point-debt-calculator .button { transition: color .2s, background-color .3s, transform .18s ease, box-shadow .25s ease; }
.point-debt-calculator .button:hover { transform: translateY(-.0625rem); box-shadow: 0 .375rem 1rem #0002; }
.point-debt-calculator .button:active { transform: translateY(0); box-shadow: 0 .125rem .375rem #0002; }
.point-debt-calculator .button.is-small { min-height: 3.125rem; height: auto; font-size: .875rem; width: 100%; max-width: none; }
.point-debt-calculator .debt-calculate { margin-top: 1.5rem; }
.point-debt-calculator .debt-disclaimer { font-size: .625rem; color: var(--debt-muted); line-height: 1.45; margin-top: 1.5rem; }
.point-debt-calculator .debt-results { display: grid; gap: .375rem; min-width: 0; outline: none; }
.point-debt-calculator .debt-totals { display: grid; grid-template-columns: 1fr 1fr; padding: 2.25rem 1.5rem; border: .0625rem solid var(--debt-line); border-radius: .1875rem; text-align: center; }
.point-debt-calculator .debt-totals > div { display: grid; gap: .375rem; }
.point-debt-calculator .debt-totals > div + div { border-left: .0625rem solid var(--debt-line); }
.point-debt-calculator .debt-totals span { font-weight: 700; }
.point-debt-calculator .debt-totals strong { font: 400 2rem/1.15 'ITC Century', 'Century Std', Georgia, serif; }
.point-debt-calculator .debt-panel { padding: 2rem 2.5rem; border: .0625rem solid var(--debt-line); border-radius: .1875rem; }
.point-debt-calculator .heading-medium { font-size: 2rem; line-height: 1.15; letter-spacing: -.015em; }
.point-debt-calculator .debt-summary { margin-top: 1.75rem; }
.point-debt-calculator .debt-summary > div { display: flex; gap: 1.25rem; align-items: center; justify-content: space-between; padding: 1.375rem 0; border-bottom: .0625rem solid var(--debt-line); font-weight: 500; }
.point-debt-calculator .debt-summary dd { text-align: right; font-weight: 700; }
.point-debt-calculator .debt-chart { margin-top: 1.5rem; overflow: visible; }
.point-debt-calculator .debt-chart figcaption { font-size: .75rem; color: var(--debt-muted); margin-bottom: 1.875rem; }
.point-debt-calculator .debt-chart-bars { height: 9.375rem; display: flex; gap: clamp(.25rem, 1.5cqw, 1rem); align-items: stretch; border-bottom: .0625rem solid var(--debt-line); overflow: visible; }
.point-debt-calculator .debt-chart-column { display: flex; flex-direction: column; flex: 1; min-width: 0; height: 100%; justify-content: flex-end; position: relative; margin: 0; padding: 0; border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; }
.point-debt-calculator .debt-chart-column:hover, .point-debt-calculator .debt-chart-column:focus-visible { z-index: 2; background: #00000008; }
.point-debt-calculator .debt-chart-column { transition: background-color .2s ease; }
.point-debt-calculator .debt-chart-segment { display: block; flex-shrink: 0; }
.point-debt-calculator .debt-chart-tip { position: absolute; z-index: 5; bottom: calc(100% + .5rem); left: 50%; transform: translateX(-50%); box-sizing: border-box; width: max-content; max-width: min(13.75rem, 70cqw); padding: .75rem .875rem; background: var(--debt-ink); color: white; border-radius: .25rem; font-size: .75rem; line-height: 1.4; text-align: left; box-shadow: 0 .25rem 1rem #0002; pointer-events: none; }
.point-debt-calculator .debt-chart-column:first-child .debt-chart-tip { left: 0; transform: none; }
.point-debt-calculator .debt-chart-column:last-child .debt-chart-tip { left: auto; right: 0; transform: none; }
.point-debt-calculator .debt-chart-tip[hidden] { display: none; }
.point-debt-calculator .debt-chart-tip strong { display: block; font-size: .8125rem; }
.point-debt-calculator .debt-chart-tip-total { display: block; margin-top: .125rem; opacity: .8; }
.point-debt-calculator .debt-chart-tip ul { list-style: none; margin: .625rem 0 0; padding: 0; display: grid; gap: .375rem; }
.point-debt-calculator .debt-chart-tip li { display: grid; grid-template-columns: .5rem minmax(0, 1fr) auto; gap: .5rem; align-items: start; margin: 0 -.375rem; padding: .25rem .375rem; border-radius: .1875rem; transition: background-color .15s ease, box-shadow .15s ease; }
.point-debt-calculator .debt-chart-tip li.is-active { background: #ffffff24; box-shadow: inset 0 0 0 .0625rem #ffffff45; }
.point-debt-calculator .debt-chart-tip .debt-dot { width: .5rem; height: .5rem; flex-basis: .5rem; margin-top: .25rem; }
.point-debt-calculator .debt-chart-axis { display: flex; justify-content: space-between; margin-top: .375rem; color: var(--debt-muted); font-size: .6875rem; }
.point-debt-calculator .debt-legend { display: flex; flex-wrap: wrap; list-style: none; gap: .625rem 1rem; margin: 1rem 0 0; padding: 0; }
.point-debt-calculator .debt-legend li { display: flex; align-items: center; gap: .375rem; font-size: .875rem; overflow-wrap: anywhere; min-width: 0; }
.point-debt-calculator .debt-legend .debt-dot { width: .5rem; height: .5rem; flex-basis: .5rem; }
.point-debt-calculator :is(.debt-chart-data, .debt-method) { font-size: .75rem; color: var(--debt-muted); margin-top: 1.25rem; }
.point-debt-calculator summary { cursor: pointer; text-underline-offset: .1875rem; }
.point-debt-calculator :is(.debt-chart-data, .debt-method) summary:hover { text-decoration: underline; }
.point-debt-calculator details p { margin-top: .75rem; }
.point-debt-calculator .debt-table-scroll { overflow-x: auto; max-width: 100%; }
.point-debt-calculator table { border-collapse: collapse; margin-top: .75rem; width: 100%; }
.point-debt-calculator :is(th, td) { text-align: right; padding: .375rem; border-bottom: .0625rem solid var(--debt-line); white-space: nowrap; }
.point-debt-calculator caption { text-align: left; margin-bottom: .5rem; }
.point-debt-calculator .debt-offer { background: var(--neutral--graylight1, #fafafa); padding: 2.25rem 2.5rem 2.5rem; }
.point-debt-calculator .debt-offer header { display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding-bottom: 1.625rem; border-bottom: .0625rem solid var(--debt-line); }
.point-debt-calculator .debt-badge { background: var(--debt-blue); color: white; border-radius: 6.25rem; padding: .1875rem .5rem; font-size: .625rem; font-weight: 700; line-height: 1; text-transform: uppercase; letter-spacing: .0625rem; }
.point-debt-calculator .debt-offer-summary { display: flex; flex-wrap: wrap; gap: 1.25rem; justify-content: space-between; align-items: center; padding: 2rem 0; }
.point-debt-calculator .debt-offer-summary p { font-weight: 500; font-size: 1rem; }
.point-debt-calculator .debt-offer-summary strong { font: 400 clamp(2.5rem, 6.6cqw, 4.25rem)/1.2 'ITC Century', 'Century Std', Georgia, serif; letter-spacing: -.04em; display: block; margin-top: .5rem; overflow-wrap: anywhere; }
.point-debt-calculator .debt-offer-summary strong span { white-space: nowrap; }
.point-debt-calculator .debt-offer-summary ul { list-style: none; margin: 0; padding: 0; display: grid; gap: .5rem; }
.point-debt-calculator .debt-offer-summary li { display: flex; gap: .375rem; align-items: center; font-size: .875rem; }
.point-debt-calculator .debt-check { position: relative; width: 1.125rem; height: 1.125rem; flex: 0 0 1.125rem; }
/* Offsets recentre the exported checkmark inside its own shadow padding. */
.point-debt-calculator .debt-check img { position: absolute; width: 2.484375rem; height: 2.31875rem; left: -.6796875rem; top: -.4921875rem; max-width: none; }
.point-debt-calculator .debt-offer > p { font-size: .875rem; line-height: 1.5; margin-bottom: 1.25rem; }
.point-debt-calculator .debt-offer > .debt-offer-note { font-size: .6875rem; color: var(--debt-muted); margin-top: -.375rem; }
.point-debt-calculator :is(.debt-errors, .debt-warning) { padding: 1.125rem; background: #fff6e5; border-left: .1875rem solid var(--yorange--darkyorange2, #eaa131); font-size: .875rem; margin-top: 1.25rem; }
.point-debt-calculator .debt-warning p { margin-top: .625rem; }
.point-debt-calculator .debt-errors ul { padding-left: 1.125rem; }
.point-debt-calculator :is(.debt-update-note, .debt-note) { padding: .625rem 0; font-size: .8125rem; color: var(--debt-blue); }
.point-debt-calculator .debt-sr-only { position: absolute; width: .0625rem; height: .0625rem; overflow: hidden; clip-path: inset(50%); }
@media (prefers-reduced-motion: reduce) {
  .point-debt-calculator,
  .point-debt-calculator *,
  .point-debt-calculator *::before,
  .point-debt-calculator *::after { scroll-behavior: auto !important; transition-duration: .001ms !important; transition-delay: 0s !important; animation-duration: .001ms !important; animation-delay: 0s !important; animation-iteration-count: 1 !important; }
}
.point-debt-calculator.debt-compact { width: 100%; border: .0625rem solid var(--debt-line); border-radius: .25rem; background: var(--neutral--white, white); padding: 2.5rem; }
.point-debt-calculator .debt-compact-content { display: grid; gap: 1.5rem; width: 100%; min-width: 0; }
.point-debt-calculator .debt-compact-header { text-align: center; }
.point-debt-calculator .debt-compact-header h2 { margin: 0; font: 400 2.5rem/1.3 'ITC Century', 'Century Std', Georgia, serif; letter-spacing: -.015em; }
.point-debt-calculator .debt-compact-header p { margin-top: .25rem; color: var(--debt-muted); line-height: 1.5; }
.point-debt-calculator.debt-compact .debt-form { display: grid; gap: .375rem; }
.point-debt-calculator.debt-compact .debt-cards { margin-top: 0; }
.point-debt-calculator.debt-compact .debt-card { box-shadow: none; }
.point-debt-calculator.debt-compact .debt-add,
.point-debt-calculator.debt-compact .debt-calculate { margin-top: 0; }
.point-debt-calculator .debt-compact-results { gap: .375rem; }
.point-debt-calculator .debt-compact-timeline { display: grid; justify-items: center; padding: 1.5rem 2rem .75rem; border: .0625rem solid var(--debt-line); border-radius: .25rem; text-align: center; }
.point-debt-calculator .debt-compact-timeline > h3 { margin: 0; font-size: 1rem; line-height: 1.15; }
.point-debt-calculator .debt-compact-duration { display: block; padding: 1.125rem 0 1.5rem; color: var(--debt-blue); font: 400 2rem/1 'ITC Century', 'Century Std', Georgia, serif; }
.point-debt-calculator .debt-compact-equation { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: .5rem .75rem; width: 100%; padding: .875rem 0 .75rem; border-top: .0625rem solid var(--debt-line); color: var(--debt-muted); }
.point-debt-calculator .debt-compact-equation > div { display: flex; gap: .375rem; }
.point-debt-calculator .debt-compact-equation dt,
.point-debt-calculator .debt-compact-equation dd { margin: 0; font-weight: 400; }
.point-debt-calculator .debt-compact-equation > span { font-weight: 700; }
.point-debt-calculator .debt-compact-timeline .debt-warning { width: 100%; text-align: left; }
.point-debt-calculator .debt-compact-offer { display: grid; justify-items: center; padding: 2rem; border-radius: .25rem; background: var(--neutral--graylight1, #fafafa); text-align: center; }
.point-debt-calculator .debt-compact-offer h3 { margin: 0; font: 400 2rem/1.15 'ITC Century', 'Century Std', Georgia, serif; letter-spacing: -.015em; }
.point-debt-calculator .debt-compact-offer p { margin: 1rem 0 1.5rem; color: var(--debt-muted); font-size: .875rem; line-height: 1.4; }
.point-debt-calculator .debt-compact-offer .button { width: 100%; max-width: none; }
@container (max-width: 850px) {
  .point-debt-calculator .debt-layout { grid-template-columns: 16.25rem minmax(0, 1fr); gap: 1.5rem; }
  .point-debt-calculator :is(.debt-panel, .debt-offer) { padding: 1.5rem; }
  .point-debt-calculator .debt-offer header { flex-wrap: wrap; }
  .point-debt-calculator .heading-medium { font-size: 1.75rem; }
}
@container (max-width: 680px) {
  .point-debt-calculator .debt-layout { grid-template-columns: minmax(0, 1fr); gap: 2rem; }
  .point-debt-calculator .debt-card-header { min-height: 2.5rem; }
  .point-debt-calculator .debt-totals { padding: 1.5rem .75rem; }
  .point-debt-calculator .debt-offer-summary strong { font-size: 3.25rem; }
}
@container (max-width: 380px) {
  .point-debt-calculator :is(.debt-panel, .debt-offer) { padding: 1.375rem 1.125rem; }
  .point-debt-calculator .heading-medium { font-size: 1.625rem; }
  .point-debt-calculator .debt-totals span { font-size: .875rem; }
  .point-debt-calculator .debt-totals strong { font-size: 1.75rem; }
  .point-debt-calculator.debt-compact { padding: 1.25rem; }
  .point-debt-calculator .debt-compact-content { gap: 1.25rem; }
  .point-debt-calculator .debt-compact-header h2 { font-size: 2rem; }
  .point-debt-calculator .debt-compact-timeline { padding: 1.375rem 1rem .75rem; }
  .point-debt-calculator .debt-compact-duration { font-size: 1.75rem; }
  .point-debt-calculator .debt-compact-equation { display: grid; grid-template-columns: 1fr; }
  .point-debt-calculator .debt-compact-equation > div { justify-content: center; }
  .point-debt-calculator .debt-compact-equation > span { display: none; }
  .point-debt-calculator .debt-compact-offer { padding: 1.5rem 1.125rem; }
  .point-debt-calculator .debt-compact-offer h3 { font-size: 1.75rem; }
}