@font-face{font-family:Sora;src:url('assets/fonts/Sora-variable.ttf') format('truetype');font-weight:100 800;font-style:normal;font-display:swap}
:root{--body-font:Sora,'Century Gothic','Avenir Next',Arial,sans-serif;--display-font:var(--body-font);--number-font:var(--body-font);font-family:var(--body-font)}
body,button,input,select,textarea{font-family:var(--body-font)}
.brand{gap:11px;min-width:0;flex:none;align-items:center}
.brand-mark{width:66px;height:51px;flex:none;overflow:visible}
.brand-wordmark{font-family:var(--body-font);font-size:31px;font-weight:750;letter-spacing:-1.8px;line-height:1}
.brand-wordmark small{font-family:var(--body-font);font-size:9px;font-weight:400;letter-spacing:.15px;line-height:1.4;margin-top:6px;white-space:nowrap}
header{gap:20px;min-height:91px;height:auto;padding-top:18px;padding-bottom:18px}
.header-status{min-width:0;flex:none}
.month-title{min-width:260px}
.month-title h2{font-size:30px;font-weight:650;letter-spacing:-1.35px}
h1{font-size:27px;font-weight:650;letter-spacing:-1.15px}
.check-heading h3{font-size:20px;font-weight:600;letter-spacing:-.9px}
.bill-section h2,.modal-top h2{font-size:22px;font-weight:600;letter-spacing:-.8px}
.totals-line b{font-weight:600;letter-spacing:-1.1px}
.check-amount{font-weight:600;letter-spacing:-.65px}
.pill-main strong,.check-total .total-row>span:last-child{font-weight:500;letter-spacing:-.4px}
.totals-line b,.check-amount,.pill-main strong,.check-total .total-row>span:last-child,#calcProjected,.calc-breakdown strong,.calc-source strong{font-variant-numeric:tabular-nums;font-feature-settings:'tnum'}
.check-number,.plan-eyebrow,.month-title::before,.saved,footer{letter-spacing:.3px}
@media(max-width:760px){.month-title{min-width:225px}.month-title h2{font-size:27px}.totals-line b{font-size:22px}}
@media(max-width:650px){header{padding:13px 18px;min-height:83px;gap:10px}.brand{gap:8px}.brand-mark{width:51px;height:42px}.brand-wordmark{font-size:25px;letter-spacing:-1.4px}.brand-wordmark small{font-size:8px;letter-spacing:0;margin-top:5px}.header-status{gap:3px}.header-buttons{gap:9px}.header-buttons .appearance-toggle,.header-buttons .sound-toggle{font-size:9px;min-height:27px}.header-status .saved{font-size:7px}.month-title{min-width:0}.month-title h2{font-size:27px;letter-spacing:-1.3px}h1{font-size:24px;letter-spacing:-1px}.check-heading h3{font-size:16px;letter-spacing:-.75px}.bill-section h2{font-size:20px}.modal-top h2{font-size:22px}.totals-line b{font-size:14px;letter-spacing:-.85px}.check-amount{font-size:12px;letter-spacing:-.7px}}
@media(max-width:370px){header{padding:10px 13px;gap:8px;min-height:88px}.brand{gap:6px}.brand-mark{width:40px;height:38px}.brand-wordmark{font-size:22px;letter-spacing:-1.3px}.brand-wordmark small{font-size:7.5px}.header-buttons{display:flex;flex-direction:column;align-items:flex-end;gap:0}.header-buttons .appearance-toggle,.header-buttons .sound-toggle{min-height:23px;padding:2px 0;font-size:9px}.header-status .saved{font-size:6.5px}.month-title h2{font-size:24px}.totals-line b{font-size:12px;letter-spacing:-.8px}.check-heading h3{font-size:15px}}