@font-face{font-family:ForedayRoboto;src:url("/assets/roboto-latin.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
.product-breadcrumb{padding-top:34px}
.product-breadcrumb a{display:inline-flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;min-height:36px}
.product-breadcrumb svg{width:16px;height:16px}
.foreday-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,440px);gap:80px;align-items:start;padding:30px 0 65px}
.foreday-intro{padding-top:20px}
.foreday-wordmark{font-size:22px;letter-spacing:-.045em;font-weight:600;margin-top:0;color:var(--copper)}
.foreday-intro h1{font-size:clamp(35px,3.7vw,48px);letter-spacing:-.05em;line-height:1.13;font-weight:540;margin-top:17px}
.foreday-lead{margin-top:27px;font-size:18px;line-height:1.7;color:#c4c8cb;max-width:465px}
.foreday-platform{margin-top:32px;font-size:14px;color:var(--muted)}
.foreday-platform strong{color:var(--cream);font-weight:500}
.release-note{color:var(--muted);font-size:.8125rem;line-height:1.7;max-width:380px;margin-top:20px}
.demo-wrap{min-width:0;scroll-margin-top:112px}
.preview-guide{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0 12px;padding:0 6px 12px}
.preview-guide p{font-size:.875rem;line-height:1.6;color:var(--cream)}
.preview-guide .text-link{font-size:.875rem;gap:8px;border:0;background:none;padding:8px 0}
.preview-guide svg{width:18px;height:18px}
.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted);margin-bottom:12px;padding-inline:6px}
.preview-toolbar>span{color:var(--cream);font-size:13px}
.preview-boundary{font-size:.8125rem;line-height:1.6;color:var(--muted);padding-inline:6px;margin-bottom:12px}
.demo-status{font-size:.875rem;color:var(--blue);line-height:1.6;padding:0 6px;margin-bottom:12px;overflow-wrap:anywhere}
.demo-status:empty{display:none}

/* The screenshot proportions are expressed relative to the preview's width. */
.app-preview{--app-bg:#191d22;--app-surface:#20262c7a;--app-card:#20262c;--app-first-slice:#e8e8ed;--app-track:#48525e;--app-surface-high:#3f4954;--app-fg:#f3eee7;--app-muted:#a8adb3;--app-line:#87929b38;--app-action:#e6ac87;--app-on-action:#352114;--app-glass:#252c32bd;--app-glass-opaque:#292f35;--app-glass-rim:#ffffff30;--app-glass-shine:#ffffff0d;--app-copper:color-mix(in oklab,#20262c,#573823 42%);--app-select:#61554b99;--app-input:#3f4b56;--app-positive:#b1e7be;--app-positive-bg:#234631;--app-negative:#ffc8c1;--app-negative-bg:#572522;--app-zero:#2b333c;container-type:inline-size;isolation:isolate;position:relative;aspect-ratio:591/1240;width:100%;background:var(--app-bg);color:var(--app-fg);border:1px solid #76828c66;border-radius:30px;overflow:hidden;box-shadow:0 24px 64px #0003;color-scheme:dark;font-family:ForedayRoboto,Roboto,'Segoe UI',Arial,sans-serif;font-size:16px;letter-spacing:-.015em}

.app-preview[data-theme=light]{--app-bg:#f3eee7;--app-surface:#fffcf8bd;--app-card:#fffcf8;--app-first-slice:#19191c;--app-track:#c7c2bc;--app-surface-high:#dbd5cd;--app-fg:#191d22;--app-muted:#555b62;--app-line:#77808b38;--app-action:#854a2c;--app-on-action:#fff5ed;--app-glass:#fffaf0c7;--app-glass-opaque:#f1ece3;--app-glass-rim:#ffffffb3;--app-glass-shine:#ffffff66;--app-copper:color-mix(in oklab,#fffcf8,#f2dccf 42%);--app-select:#d0b8a2b3;--app-input:#d4d9dc;--app-positive:#194e29;--app-positive-bg:#ddeddd;--app-negative:#7b1916;--app-negative-bg:#fadbd7;--app-zero:#eae4dc;color-scheme:light}

.app-preview button{min-height:0;line-height:1.3;color:inherit;font-size:inherit;letter-spacing:inherit}
.app-preview button:disabled{opacity:.6}
.app-preview button:focus-visible,.app-preview input:focus-visible,.app-preview select:focus-visible,.app-preview summary:focus-visible{outline:2px solid var(--app-action);outline-offset:2px}
.app-preview svg{width:5.5cqw;height:5.5cqw}
.app-preview .glass{border:1px solid var(--app-glass-rim);background:linear-gradient(155deg,var(--app-glass-shine),transparent 50%),var(--app-glass);box-shadow:inset 0 1px 0 var(--app-glass-shine),0 5px 16px #00000018;-webkit-backdrop-filter:blur(18px) saturate(1.15);backdrop-filter:blur(18px) saturate(1.15)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.app-preview .glass{background:var(--app-glass-opaque)}}
@media(prefers-contrast:more){.app-preview .glass{background:var(--app-glass-opaque);-webkit-backdrop-filter:none;backdrop-filter:none}}

.app-header{position:absolute;inset:0 0 auto;z-index:3;padding:2.7cqw 4.2cqw 0;pointer-events:none}
.app-header button,.month-control,.reports-title,.assignment-card{pointer-events:auto}
.app-topbar{pointer-events:none;display:grid;grid-template-columns:12.5cqw 1fr 11cqw 12.5cqw;align-items:center;gap:1cqw;height:12.5cqw}
.app-topbar>button{height:12.5cqw;border-radius:50%;display:grid;place-items:center;padding:0}
.edit-budget{font-size:max(.875rem,3.5cqw)!important;color:var(--app-action)!important;font-weight:550}
.month-control{display:flex;align-items:center;justify-content:center;height:12.5cqw;border-radius:10cqw;padding:0 2.4cqw;font-size:max(.875rem,3.8cqw);font-weight:600;white-space:nowrap}
.folder-button{border:0;background:none;color:var(--app-action)!important}
.settings-button svg{width:6cqw;height:6cqw}
.reports-title{grid-column:2;justify-self:center;padding:3.5cqw 5cqw;border-radius:12cqw;font-size:max(1rem,4.6cqw);font-weight:600;line-height:1.15}
.assignment-card{margin-top:2cqw;border-radius:7cqw;display:flex;justify-content:space-between;align-items:center;gap:3cqw;min-height:17.8cqw;padding:2.5cqw 4cqw}
.assignment-card>div{min-width:0}
.assignment-card span{display:block;font-size:max(.75rem,2.55cqw)}
.assignment-card strong{display:block;font-size:max(1rem,5.6cqw);font-weight:650;line-height:1.15;letter-spacing:-.025em}
.assignment-card button{border:0;background:var(--app-action);color:var(--app-on-action);border-radius:4cqw;padding:4cqw 3.7cqw;font-size:max(.875rem,3.5cqw);font-weight:600;white-space:nowrap}
.negative-text{color:var(--app-negative)}

.app-scroll{position:absolute;inset:0;overflow-y:auto;overscroll-behavior-y:auto;scrollbar-width:thin;padding:40.5cqw 4.2cqw 27cqw;scroll-padding:41cqw 0 27cqw}
.app-scroll::-webkit-scrollbar{display:none}
.app-scroll:focus-visible{outline:2px solid var(--app-action);outline-offset:-3px}
.app-preview[data-tab=accounts] .app-scroll,.app-preview[data-tab=reports] .app-scroll{padding-top:calc(var(--app-header-height) + 12px);scroll-padding-top:calc(var(--app-header-height) + 12px)}
.app-preview[data-tab=accounts] .edit-budget{visibility:hidden}
.app-preview[data-tab=reports] .edit-budget{visibility:hidden}
.envelope-columns{display:flex;justify-content:space-between;font-size:max(.75rem,2.5cqw);text-transform:uppercase;color:var(--app-muted);padding:2cqw 1.5cqw 0}
.envelope-group{margin-top:6.2cqw}
.envelope-group>summary{display:flex;align-items:center;gap:2cqw;padding:0 1.5cqw 3cqw;list-style:none;cursor:pointer;color:var(--app-muted)}
.envelope-group>summary::-webkit-details-marker{display:none}
.envelope-group>summary>svg{width:3.5cqw;height:3.5cqw;transition:transform .15s}
.envelope-group:not([open])>summary>svg{transform:rotate(-90deg)}
.envelope-group strong{font-size:max(.875rem,4cqw);font-weight:600}
.envelope-group summary small{display:block;font-size:max(.75rem,2.6cqw);line-height:1.25}
.group-total{margin-left:auto;white-space:nowrap;font-size:max(.75rem,3cqw)}
.envelope-rows{overflow:hidden;border-radius:7cqw;background:var(--app-surface)}
.envelope-row{display:flex;align-items:center;gap:1cqw;min-height:18.8cqw;padding:3cqw 4cqw;position:relative}
.envelope-row+.envelope-row::before{content:'';position:absolute;top:0;left:17cqw;right:0;height:1px;background:var(--app-line)}
.envelope-name{display:flex;align-items:center;gap:3.7cqw;min-width:0;flex:1;text-align:left;background:none;border:0;padding:0}
.envelope-symbol{width:40px;height:40px;flex:none;display:grid;place-items:center;color:var(--app-fg)}
.app-preview .envelope-symbol svg{width:28px;height:28px}
.envelope-name strong{display:block;font-size:max(1.0625rem,4.2cqw);font-weight:400;line-height:1.35}
.envelope-name small{display:block;font-size:max(.6875rem,2.7cqw);line-height:1.45;color:var(--app-muted);margin-top:3px}
.available-pill{background:var(--app-positive-bg);color:var(--app-positive)!important;border:0;border-radius:3cqw;padding:1.9cqw 2.6cqw;white-space:nowrap;font-size:max(.875rem,3.5cqw)!important;font-weight:600;flex-shrink:0;max-width:45%;font-variant-numeric:tabular-nums}
.available-pill.is-zero{background:var(--app-zero);color:var(--app-muted)!important}
.available-pill.is-negative{background:var(--app-negative-bg);color:var(--app-negative)!important}
.reorder-row{padding:1cqw 0;background:none;border:0;color:var(--app-muted)!important}
.reorder-row svg{width:3.5cqw;height:3.5cqw}
.reorder-row+.envelope-name{gap:2cqw}
.app-bottom{position:absolute;z-index:4;left:4.2cqw;right:4.2cqw;bottom:4.2cqw;display:flex;align-items:center;gap:3cqw;pointer-events:none}
.app-bottom>*{pointer-events:auto}
.app-dock{display:flex;align-items:center;justify-content:space-between;padding:1cqw;border-radius:12cqw;height:17.8cqw;flex:1;min-width:0}
.app-dock button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2cqw;flex:1;height:100%;min-width:0;border:1px solid transparent;background:none;border-radius:11cqw;font-size:max(.75rem,2.6cqw);font-weight:550;padding:1cqw}
.app-dock button[aria-selected=true]{background:linear-gradient(#ffffff1f,#e6ac8738);color:var(--app-action);border-color:var(--app-glass-rim);box-shadow:inset 0 1px 0 var(--app-glass-shine)}
.app-dock svg{height:5.3cqw;width:5.3cqw}
.app-preview .add-transaction{--app-glass:#b97a56d9;--app-glass-opaque:#b97a56;border:1px solid var(--app-glass-rim);border-radius:50%;color:#1b2025!important;width:16.7cqw;height:16.7cqw;flex-shrink:0;display:grid;place-items:center}
.add-transaction svg{height:7.5cqw;width:7.5cqw;stroke-width:2.1}
.app-preview.is-arranging .add-transaction{display:none}

.app-preview.is-assigning .app-bottom{display:none}
.is-editing{background:var(--app-zero)}
.inline-amount{display:flex;align-items:center;gap:.8cqw;border-radius:4cqw;background:var(--app-surface);padding:3.2cqw 2cqw;width:37cqw;font-size:max(.875rem,4cqw);color:var(--app-muted)}
.inline-amount input{min-height:0;width:100%;min-width:0;background:none;border:0;color:var(--app-fg);padding:0;font-size:max(.875rem,4cqw);outline-offset:3px}
.inline-amount>span{white-space:nowrap}
.inline-toolbar{position:absolute;bottom:12px;left:12px;right:12px;z-index:6;border-radius:7cqw;padding:1.7cqw 3cqw 3cqw}
.inline-toolbar>div{display:flex;gap:2cqw;align-items:center}
.inline-toolbar button{border:1px solid var(--app-line);background:none;border-radius:5cqw;padding:2.2cqw 3cqw;font-size:max(.75rem,3.4cqw);white-space:nowrap}
.inline-toolbar button[data-direction]{flex:1}
.inline-toolbar button[data-direction=add][aria-pressed=true]{background:var(--app-positive-bg);color:var(--app-positive)}
.inline-toolbar button[data-direction=subtract][aria-pressed=true]{background:var(--app-negative-bg);color:var(--app-negative)}
.inline-toolbar #cancel-assignment{border:0;padding:2cqw 0}
.inline-toolbar #save-assignment{background:var(--app-action);color:var(--app-on-action);font-weight:600;padding-block:4cqw;border-radius:4cqw}
.inline-toolbar #save-assignment:disabled{background:var(--app-input);color:var(--app-muted)}
.inline-error{font-size:max(.75rem,3cqw);line-height:1.4;color:var(--app-negative);margin:1cqw 1cqw 2cqw}
.inline-error:empty{display:none}

.balance-card{background:var(--app-copper);border-radius:6cqw;padding:5cqw}
.balance-card span{font-size:max(.875rem,3.5cqw);color:var(--app-action);font-weight:550}
.balance-card strong{display:block;font-size:max(1rem,8.2cqw);line-height:1.2;font-weight:600;letter-spacing:-.04em;margin-top:1.5cqw}
.panel-section-title{font-size:max(.875rem,3.5cqw);color:var(--app-action);font-weight:550;margin:6cqw 4cqw 2cqw}
.settings-group{background:var(--app-surface);border-radius:6cqw;overflow:hidden}
.copper-group{background:var(--app-copper)}
.settings-row{display:flex;align-items:center;gap:2.5cqw;width:100%;background:none;border:0;text-align:left;padding:3.2cqw 4cqw;min-height:58px!important;font-size:max(1.0625rem,4cqw)!important;position:relative}
.settings-row+.settings-row::before{content:'';height:1px;position:absolute;top:0;left:4cqw;right:0;background:var(--app-line)}
.setting-icon{height:32px;width:32px;flex:none;display:grid;place-items:center;border-radius:2.6cqw;background:var(--app-copper);color:var(--app-action)}
.setting-icon svg{width:19px;height:19px}
.settings-row>svg{width:3.6cqw;height:3.6cqw;flex:none;margin-left:auto;color:var(--app-muted)}
.row-value{margin-left:auto;color:var(--app-muted);white-space:nowrap}
.settings-row .row-value+svg{margin-left:0}
.stacked-label{color:var(--app-action)}
.stacked-label small{display:block;color:var(--app-muted);font-size:max(.75rem,2.7cqw);line-height:1.6}
.income-summary .settings-row{font-size:max(.875rem,3.5cqw)!important}
.income-summary .row-value{color:var(--app-fg);font-weight:600}
.app-label{display:block;font-size:max(.75rem,2.9cqw);color:var(--app-muted);margin:3cqw 0 1.5cqw}
.app-preview select,.app-preview input:not([type=checkbox]){color:var(--app-fg);font-family:inherit}
.app-preview select{width:100%;background:var(--app-surface);border:0;border-radius:4cqw;padding:3cqw 4cqw;min-height:14.6cqw;font-size:max(.875rem,4cqw);letter-spacing:-.015em;cursor:pointer}
.app-preview select:disabled{opacity:1;cursor:default}
.report-period{display:flex;align-items:flex-start;justify-content:center;gap:4cqw;padding:2cqw 1cqw 1cqw;text-align:center}
.report-period h3{font-size:max(1rem,5cqw);line-height:1.3;font-weight:600}
.report-period p{font-size:max(.875rem,3.5cqw);color:var(--app-muted);margin:3cqw 0}
.report-heading{display:flex;align-items:center;justify-content:space-between;gap:2cqw;margin:8cqw 2.7cqw 6.5cqw}
.report-heading h3{font-size:max(1rem,4.7cqw);color:var(--app-muted);font-weight:550;letter-spacing:-.04em}
.report-heading button{display:flex;align-items:center;gap:1.5cqw;border:0;background:none;color:var(--app-action);font-size:max(.875rem,3.5cqw);font-weight:550;padding:0}
.report-heading svg{width:4cqw;height:4cqw}
.chart-card{border-radius:7cqw;background:var(--app-surface);padding:5.5cqw 5cqw}
.donut{position:relative;aspect-ratio:1}
.donut>svg{width:100%;height:100%}
.donut-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;text-align:center}
.donut-label span{font-size:max(.875rem,3.7cqw);color:var(--app-muted)}
.donut-label strong{font-size:max(1rem,7cqw);line-height:1.4;letter-spacing:-.025em;font-weight:600}
.switch-row{display:flex;justify-content:space-between;align-items:center;gap:3cqw;margin:5cqw 0 1cqw;font-size:max(.875rem,3.7cqw)}
.switch-row input{appearance:none;width:13.5cqw;height:8.3cqw;min-height:0;margin:0;position:relative;background:var(--app-input);border-radius:6cqw;cursor:pointer;flex-shrink:0}
.switch-row input::before{content:'';position:absolute;top:1.8cqw;left:1.8cqw;width:4.7cqw;height:4.7cqw;background:#fff;border-radius:50%;transition:transform .15s}
.switch-row input:checked{background:var(--app-action)}
.switch-row input:checked::before{transform:translateX(5cqw)}
.chart-legend{margin-top:5cqw}
.chart-legend>div{display:flex;align-items:center;gap:2cqw;padding:3cqw 0;border-top:1px solid var(--app-line);font-size:max(.75rem,3.4cqw)}
.chart-legend svg{width:8px;height:8px;flex:none}
.app-preview .chart-legend .legend-symbol svg{width:22px;height:22px}
.legend-symbol{display:grid;place-items:center;width:28px;flex:none}
.chart-legend>div>span:last-child{margin-left:auto;text-align:right}
.chart-legend strong{display:block;font-weight:500}
.chart-legend small{display:block;color:var(--app-muted);margin-top:1cqw;font-size:max(.75rem,3cqw)}

.modal-layer{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#0d11176e;padding:4.2cqw}
.app-dialog{background:var(--app-bg);color:var(--app-fg);border-radius:7cqw;width:100%;max-height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;padding:4cqw;box-shadow:0 12px 30px #0003;outline:none}
.app-dialog::-webkit-scrollbar{display:none}
.app-dialog h2{font-size:max(.875rem,4cqw);font-weight:600;line-height:1.4;margin:2cqw 0 4cqw;text-align:center}
.app-dialog form>h2{padding-bottom:4cqw;border-bottom:1px solid var(--app-line)}
.transaction-types{display:flex;background:var(--app-input);border-radius:3.5cqw;padding:.7cqw;height:17.4cqw;max-height:80px}
.transaction-types button{flex:1;min-width:0;border:0;background:none;border-radius:2.8cqw;font-size:max(.875rem,3.7cqw);padding:1.5cqw}
.transaction-types button[aria-pressed=true]{background:var(--app-surface);font-weight:600;box-shadow:0 0 0 1px var(--app-line)}
.amount-field{background:var(--app-surface);border-radius:4cqw;padding:2.3cqw 4cqw;margin:4.2cqw 0}
.amount-field label{font-size:max(.75rem,2.9cqw);color:var(--app-action)}
.amount-field>div{display:flex;align-items:center;gap:1cqw;color:var(--app-muted);font-size:max(.875rem,4cqw)}
.amount-field input{width:100%;min-width:0;background:none;border:0;outline-offset:0;font-size:max(.875rem,4cqw);min-height:5cqw!important;padding:1cqw 0}
.app-dialog .app-label{margin-top:3.6cqw}
.app-dialog input:not([type=checkbox]){min-height:10cqw;max-width:100%;font-size:max(1rem,3.8cqw)}
.app-dialog>form>input,.app-dialog #note-field input,.app-dialog #date-field input{width:100%;background:var(--app-surface);padding:2cqw 3cqw;border:1px solid var(--app-line);border-radius:3cqw}
.transaction-extras{display:flex;gap:2cqw;margin-top:3cqw}
.transaction-extras button{display:flex;align-items:center;gap:2cqw;background:var(--app-input);color:var(--app-action);border:0;border-radius:4cqw;padding:3cqw;font-size:max(.875rem,3.5cqw)}
.transaction-extras svg{width:4cqw;height:4cqw}
.dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:5cqw;padding-top:4cqw;margin-top:4cqw;border-top:1px solid var(--app-line)}
.dialog-actions>button{background:none;border:0;color:var(--app-action);font-size:max(.875rem,3.7cqw);font-weight:600;padding:2cqw 3cqw;min-height:12cqw}
.app-preview .primary-action{background:var(--app-action);color:var(--app-on-action);border:0;border-radius:4cqw;font-size:max(.875rem,3.7cqw);font-weight:600;min-height:12cqw;padding:3cqw 4cqw}
.dialog-actions .primary-action{flex:1}
.form-error{font-size:max(.75rem,3cqw);color:var(--app-negative);line-height:1.5;margin-top:3cqw}
.form-error:empty{display:none}
.modal-layer.is-sheet{align-items:flex-end;padding:0}
.is-sheet .app-dialog{max-height:88%;padding:5cqw;border-radius:7cqw 7cqw 0 0;min-height:60%;box-shadow:none}
.sheet-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:5cqw;gap:3cqw}
.sheet-heading h2{font-size:max(1rem,4.7cqw);margin:0}
.sheet-heading button{display:grid;place-items:center;background:none;border:0;padding:1cqw;color:var(--app-action)}
.settings-footnote{font-size:max(.75rem,2.7cqw);line-height:1.7;color:var(--app-muted);text-align:center;margin:7cqw 0 3cqw}
.app-dialog .settings-row{font-size:max(.875rem,3.6cqw)!important}
.app-dialog .settings-group>select{border-radius:0}
.detail-values{margin:0}
.detail-values>div{display:flex;justify-content:space-between;gap:3cqw;padding:3cqw 0;border-bottom:1px solid var(--app-line);font-size:max(.875rem,3.7cqw)}
.detail-values dt{color:var(--app-muted)}
.detail-values dd{margin:0}
.dialog-copy{font-size:max(.75rem,3.3cqw);color:var(--app-muted);line-height:1.6;margin:3cqw 0}
.transaction-history{margin:3cqw 0}
.transaction-history>div{display:flex;justify-content:space-between;align-items:center;gap:2cqw;padding:3cqw 0;border-bottom:1px solid var(--app-line);font-size:max(.875rem,3.5cqw)}
.transaction-history strong{font-weight:500;display:block;overflow-wrap:anywhere}
.transaction-history small{font-size:max(.75rem,2.7cqw);display:block;color:var(--app-muted);margin-top:1cqw}
.transaction-history>div>span{white-space:nowrap}
.wide-action{width:100%;margin-top:4cqw}
.budget-choice{width:100%;text-align:left;display:flex;align-items:center;gap:3.5cqw;border:0;background:none;padding:5cqw 4cqw;position:relative}
.budget-choice+.budget-choice{border-top:1px solid var(--app-line)}
.budget-choice svg{color:var(--app-action);width:5cqw;height:5cqw}
.budget-choice strong{font-size:max(.875rem,4cqw);display:block;font-weight:550}
.budget-choice small{display:block;font-size:max(.75rem,2.8cqw);color:var(--app-muted);margin-top:.5cqw}
.budget-choice[aria-pressed=true]{background:var(--app-copper)}

.foreday-explainer{background:#202930;border-block:1px solid #ffffff0d;padding-block:76px}
.explainer-heading{display:grid;grid-template-columns:1fr 1fr;gap:16px 80px}
.explainer-heading>.eyebrow{grid-column:1/-1;color:var(--blue)}
.explainer-heading h2{font-size:37px;line-height:1.2;font-weight:500;letter-spacing:-.045em}
.explainer-heading>p:not(.eyebrow){font-size:17px;line-height:1.75;color:#bfc8cf;max-width:440px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:50px}
.feature-grid>div{border-top:1px solid #ffffff26;padding-top:22px}
.feature-grid h3{font-size:17px;font-weight:500;color:var(--cream);line-height:1.4}
.feature-grid p{font-size:14px;line-height:1.8;color:#bfc8cf;margin-top:12px}
.feature-grid .feature-detail{font-size:.8125rem;color:var(--muted);margin-top:8px}
.feature-grid .text-link{font-size:.8125rem;margin-top:4px;gap:12px}
.alpha-screenshots{padding-block:72px}
.alpha-heading{max-width:640px;margin:0 auto 32px;text-align:center}
.alpha-heading h2{font-size:clamp(28px,3vw,37px);line-height:1.2;font-weight:500;letter-spacing:-.04em}
.alpha-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;max-width:680px;margin-inline:auto}
.alpha-gallery figure{margin:0;min-width:0}
.alpha-gallery a{display:block;border-radius:20px}
.alpha-gallery img{width:100%;height:auto;border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 32px #0002}
.alpha-gallery figcaption{text-align:center;font-size:1rem;line-height:1.5;font-weight:500;margin-top:16px}
.alpha-gallery figcaption small{display:block;font-size:.8125rem;line-height:1.6;font-weight:400;color:var(--muted);margin-top:5px}
html.screenshot-open{overflow:hidden;scrollbar-gutter:stable}
.screenshot-viewer{position:fixed;inset:0;margin:0;width:100%;height:100dvh;max-width:none;max-height:none;padding:24px;border:0;background:#101317f5;color:var(--cream);overscroll-behavior:contain}
.screenshot-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px}
.screenshot-viewer::backdrop{background:#101317e6}
.screenshot-viewer-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;max-width:1120px;margin-inline:auto}
.screenshot-viewer-heading h2{font-size:1rem;font-weight:500;line-height:1.5;min-width:0}
.screenshot-viewer-heading button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:44px;min-width:44px;min-height:44px;flex:none;padding:8px;background:transparent;color:inherit;border:1px solid var(--line);border-radius:10px;font:inherit;cursor:pointer}
.screenshot-viewer-heading button svg{width:16px;height:16px;flex:none}
.screenshot-stage{display:flex;align-items:center;justify-content:center;min-height:0;min-width:0}
.screenshot-stage img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;border-radius:14px}
.screenshot-viewer>p{font-size:.8125rem;line-height:1.6;color:var(--muted);text-align:center;margin:0}
@media(max-width:700px){.alpha-screenshots{padding-block:48px}.alpha-gallery{grid-template-columns:1fr;max-width:320px;gap:32px}.alpha-heading{margin-bottom:26px}}

@media(max-width:1050px){.foreday-hero{gap:38px;grid-template-columns:minmax(0,1fr) minmax(345px,400px)}
.foreday-intro{padding-top:20px}
.foreday-intro h1{font-size:37px}
.foreday-lead{font-size:16px}
.explainer-heading{gap:18px 40px}
.feature-grid{gap:27px}
}

@media(max-width:780px){.foreday-hero{grid-template-columns:1fr;gap:34px;padding-top:14px;padding-bottom:40px}
.foreday-intro{padding-top:12px;max-width:580px}
.foreday-wordmark{margin-top:0}
.foreday-intro h1{font-size:clamp(36px,6vw,47px)}
.foreday-lead{max-width:570px;margin-top:20px;font-size:17px}
.foreday-platform{margin-top:24px}
.release-note{max-width:none}
.demo-wrap{width:min(100%,440px);margin-inline:auto}
.foreday-explainer{padding-block:48px}
.explainer-heading{grid-template-columns:1fr;gap:18px}
.explainer-heading h2{font-size:34px}
.explainer-heading>p:not(.eyebrow){max-width:580px;font-size:16px}
.feature-grid{grid-template-columns:1fr;gap:24px;margin-top:32px}
.feature-grid p{margin-top:8px}
}

@media(max-width:370px){.app-preview{border-radius:22px}
.app-dialog input:not([type=checkbox]){min-height:32px}
.app-dialog select{min-height:36px}
.app-preview .dialog-actions button{min-height:36px}
}

/* Keep local demo navigation immediate and the active form inside the browser. */
html:has(.app-preview){scroll-behavior:auto}
.app-scroll{overflow-anchor:none;scroll-behavior:auto}
.app-dialog{max-height:min(100%,calc(100dvh - 124px))}
.is-sheet .app-dialog{max-height:min(88%,calc(100dvh - 124px))}
.amount-field:focus-within{box-shadow:0 0 0 1px var(--app-action)}
.amount-field input:focus-visible{outline:none}

.settings-row .row-select{margin-left:auto;width:auto;max-width:43%;min-height:0;padding:1cqw;font-size:max(.875rem,3.6cqw);background:transparent;border-radius:0}
.modal-layer.is-settings{background:var(--app-bg);padding:0}
.is-settings .app-dialog{height:100%;min-height:0;max-height:min(100%,calc(100dvh - 124px));border-radius:0;padding:3cqw 4.2cqw}
.is-settings .sheet-heading{position:sticky;top:-3cqw;z-index:1;background:var(--app-bg);padding:2cqw 0}
.is-settings .sheet-heading h2{padding:2cqw 3cqw;background:var(--app-glass);border:1px solid var(--app-line);border-radius:7cqw;font-size:max(.875rem,3.9cqw)}
.is-settings .sheet-heading button{border:1px solid var(--app-line);background:var(--app-glass);border-radius:50%;width:12.5cqw;height:12.5cqw}
.is-settings .panel-section-title{margin-top:5cqw}



/* Keep the illustration usable at narrow widths and larger browser text sizes. */
.app-preview{display:block;aspect-ratio:auto;height:clamp(32rem,68svh,42rem);min-height:calc(var(--app-header-height) + var(--app-footer-height) + 14rem);--app-header-height:132px;--app-footer-height:64px}
.app-header,.app-scroll,.app-bottom{min-width:0}
.app-header{position:absolute;inset:0 0 auto;padding:12px 12px 0;background:transparent}
.app-topbar{height:auto;min-height:44px;grid-template-columns:44px minmax(0,1fr) 44px 44px;gap:3px}
.app-topbar>button{height:44px;width:44px}
.month-control{min-height:44px;height:auto;padding:0 2px;gap:0;white-space:normal}
.month-control span{min-width:0;text-align:center;line-height:1.3;overflow-wrap:anywhere}
.app-preview button:not(:disabled),.app-preview select{min-height:44px}
.assignment-card{margin-top:8px;padding:10px 12px;min-height:68px;gap:8px;flex-wrap:wrap}
.assignment-card strong{font-size:max(1.375rem,5.6cqw)}
.assignment-card button{padding:10px 12px}
.app-scroll{position:absolute;inset:0;min-height:0;padding:calc(var(--app-header-height) + 12px) 12px calc(var(--app-footer-height) + 24px);scroll-padding:calc(var(--app-header-height) + 12px) 0 calc(var(--app-footer-height) + 24px)}

.envelope-columns{padding-top:4px}
.envelope-group>summary{min-height:44px;flex-wrap:wrap}
.envelope-row{gap:8px;padding:14px 12px;min-height:82px;flex-wrap:wrap}
.envelope-name{gap:10px;flex:1 1 9rem}
.envelope-name>span:last-child{min-width:0;overflow-wrap:anywhere}
.envelope-symbol{width:40px;height:40px;flex:none;display:grid;place-items:center;color:var(--app-fg)}
.app-preview .envelope-symbol svg{width:28px;height:28px}
.available-pill{padding:0;max-width:100%;margin-left:auto;background:none!important;border-radius:12px}
.available-pill>span{display:block;padding:7px 10px;border-radius:12px;background:var(--app-positive-bg);color:var(--app-positive);font-size:max(.9375rem,3.5cqw);line-height:1.35}
.available-pill.is-zero>span{background:var(--app-zero);color:var(--app-muted)}
.available-pill.is-negative>span{background:var(--app-negative-bg);color:var(--app-negative)}
.app-bottom{position:absolute;inset:auto 12px 12px;margin:0;gap:12px;background:transparent}
.app-dock{height:auto;min-height:64px;padding:3px}
.app-dock button{min-height:56px;overflow-wrap:anywhere}
.add-transaction{width:52px;height:52px}
.app-preview.is-assigning .app-scroll{padding-bottom:calc(var(--app-footer-height) + 24px);scroll-padding-bottom:calc(var(--app-footer-height) + 24px)}
.app-dialog h2{font-size:max(1rem,4cqw)}
.reports-title{grid-column:1 / span 2;grid-row:1;justify-self:stretch;max-width:100%;text-align:center;overflow-wrap:anywhere;padding:8px 4px}
.edit-budget{font-size:max(.75rem,3.5cqw)!important;overflow-wrap:anywhere}
.app-dialog .app-label,.amount-field label{font-size:max(.8125rem,2.9cqw)}
.app-dialog input:not([type=checkbox]){min-height:44px!important}
.transaction-types{height:auto;max-height:none;flex-wrap:wrap;gap:4px}
.transaction-types button{flex:1 1 4.5rem;overflow-wrap:anywhere}
.transaction-extras{flex-wrap:wrap}
.transaction-extras button{flex:1 1 5rem;justify-content:center;overflow-wrap:anywhere}
.dialog-actions{flex-wrap:wrap;gap:8px}
.dialog-actions>button{flex:1 1 5rem}
.app-dialog .settings-row,.settings-row .row-select{font-size:max(.9375rem,3.6cqw)!important}
.app-label{line-height:1.5}
.settings-row,.transaction-history>div{flex-wrap:wrap;row-gap:6px}
.settings-row>span:not(.setting-icon),.transaction-history strong{overflow-wrap:anywhere}
.switch-row{min-height:44px}
.preview-toolbar,.preview-toolbar>span,.preview-toolbar .quiet-button{font-size:.875rem}
@media(max-width:370px){.app-header{padding-inline:8px}.app-bottom{left:8px;right:8px}.app-scroll{padding-inline:8px}.assignment-card{padding:8px}.assignment-card button{padding-inline:8px}}
@container(max-width:12rem){
  .app-bottom{flex-wrap:wrap;justify-content:flex-end}
  .app-dock{flex-basis:100%;flex-direction:column;align-items:stretch;border-radius:20px;gap:4px}
  .app-dock button{flex-direction:row;gap:12px;overflow-wrap:normal;border-radius:16px}
  .donut{aspect-ratio:auto}
  .donut>svg{height:auto;aspect-ratio:1}
  .donut-label{position:static;padding-top:12px;gap:4px}
  .chart-legend>div,.report-heading{flex-wrap:wrap}
  .report-period>div{min-width:0;overflow-wrap:anywhere}
}

/* Native envelope rows: opaque amounts and one solid remaining-money fill. */
.envelope-copy{min-width:0;flex:1}
.app-preview .funding-bar{display:block;width:100%;height:4px;margin-top:8px;border-radius:2px;overflow:hidden}
.funding-light{display:none}.app-preview[data-theme=light] .funding-dark{display:none}.app-preview[data-theme=light] .funding-light{display:block}
.envelope-row+.envelope-row::before{left:62px;right:0;background:var(--app-track);opacity:.6;height:.5px}
.envelope-group>summary{padding-inline:4px;gap:8px;min-height:52px}
.envelope-group strong{font-size:max(1rem,4cqw);line-height:1.35}
.envelope-group summary small{font-size:max(.6875rem,2.7cqw);line-height:1.45}
.envelope-group .group-total{font-size:max(.8125rem,3cqw)}
.envelope-rows,.settings-group{border-radius:24px}
.report-account-row{display:flex;align-items:center;gap:8px;min-height:52px;padding:0 12px;background:var(--app-surface);border-radius:14px;font-size:max(.9375rem,3.8cqw)}
.report-account-row select{flex:1;min-width:0;max-width:65%;margin-left:auto;text-align:right;color:var(--app-muted);background:none;border:0;padding:10px 0;font-size:inherit;appearance:none}
.app-preview .report-account-row>svg{width:18px;height:18px;color:var(--app-muted)}
.balance-card{padding:20px;border-radius:20px}.balance-card span{font-size:.9375rem}.balance-card strong{font-size:clamp(1rem,8.2cqw,2.125rem);line-height:1.2;margin-top:6px;overflow-wrap:anywhere}
.panel-section-title{margin:24px 16px 8px;font-size:max(.9375rem,3.5cqw)}
.report-heading h3{font-size:max(1.375rem,4.6cqw);font-weight:500;line-height:1.3;color:var(--app-muted)}
.chart-card{border-radius:28px;padding:24px 20px}.chart-legend>div{min-height:64px;gap:8px;padding:12px 0;font-size:max(.9375rem,3.5cqw)}
.transaction-types{min-height:48px;max-height:none;height:auto;padding:4px;border-radius:14px}.transaction-types button{min-height:44px;border-radius:10px;font-size:.9375rem}
.transaction-extras button{border-radius:12px;background:var(--app-surface-high);padding:10px 12px;font-size:.9375rem}.app-preview .transaction-extras svg{width:18px;height:18px}

.envelope-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.envelope-row.is-recent{outline:2px solid var(--app-action);outline-offset:-3px;border-radius:12px}
.envelope-name{grid-area:1/1;min-width:0}
.envelope-name strong{font-size:max(1.0625rem,4.2cqw);font-weight:400}
.available-pill,.envelope-row>.inline-amount{grid-area:1/2/3/3;align-self:center}
.app-preview .envelope-row>.funding-bar{grid-area:2/1;width:calc(100% - 50px);margin:0 0 0 50px}
.is-arranging .envelope-row{grid-template-columns:20px minmax(0,1fr) auto}
.is-arranging .reorder-row{grid-area:1/1/3/2}
.is-arranging .envelope-name{grid-area:1/2}
.is-arranging .available-pill{grid-area:1/3/3/4}
.app-preview.is-arranging .envelope-row>.funding-bar{grid-area:2/2}
.report-views{display:flex;flex-wrap:wrap;background:var(--app-surface-high);border-radius:12px;padding:4px;gap:4px;margin-bottom:16px}
.report-views button{flex:1 1 7rem;min-width:0;min-height:44px;padding:8px;border:0;background:none;border-radius:9px;color:var(--app-fg);font-size:.9375rem;overflow-wrap:anywhere}
.report-views button[aria-selected=true]{background:var(--app-card);font-weight:600;box-shadow:0 0 0 1px var(--app-line)}
.report-period{padding:8px 0 16px}.report-period h3{font-size:1.375rem;line-height:1.3}.report-period p{font-size:.9375rem}
.history-controls{display:grid;gap:10px;margin-bottom:16px}
.history-search{display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--app-line);border-radius:18px;background:var(--app-card)}
.app-preview .history-search svg{width:22px;height:22px;flex:none;color:var(--app-muted)}
.history-search input{width:100%;min-width:0;min-height:48px;background:none;border:0;color:var(--app-fg);font:inherit;font-size:1rem}
.history-controls>select{min-width:0;max-width:100%;min-height:48px;background:var(--app-card);color:var(--app-fg);border:1px solid var(--app-line);border-radius:14px;padding:10px;font:inherit;font-size:.9375rem}
.ledger-entry{display:flex;align-items:center;gap:10px;padding:14px 12px;background:var(--app-surface);border-radius:18px;margin-top:10px;min-width:0;flex-wrap:wrap}
.app-preview .ledger-icon svg{width:24px;height:24px}.ledger-icon{flex:none;width:32px;color:var(--app-muted)}
.ledger-entry>div{flex:1;min-width:6rem;overflow-wrap:anywhere}.ledger-entry strong{display:block;font-size:1rem;line-height:1.35;font-weight:500}
.ledger-entry small,.ledger-entry time{display:block;font-size:.8125rem;line-height:1.45;color:var(--app-muted);margin-top:3px}
.ledger-amount{margin-left:auto;font-size:.9375rem;line-height:1.5;white-space:nowrap;font-weight:600;font-variant-numeric:tabular-nums}.ledger-amount.is-income{color:var(--app-positive)}
#transaction-name-field input{width:100%;border:1px solid var(--app-line);background:var(--app-card);color:var(--app-fg);border-radius:14px;padding:10px 12px;font:inherit}
@container(max-width:21.25rem){
  .envelope-row{grid-template-columns:minmax(0,1fr)}
  .envelope-name{grid-area:1/1}
  .available-pill,.envelope-row>.inline-amount{grid-area:3/1;justify-self:end}
  .envelope-row>.inline-amount{width:min(100%,12rem)}
  .is-arranging .envelope-row{grid-template-columns:20px minmax(0,1fr)}
  .is-arranging .available-pill{grid-area:3/2}
  .is-arranging .reorder-row{grid-area:1/1/4/2}
}