@import "https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@1,6..72,400;1,6..72,500&family=Schibsted+Grotesk:wght@400;500;600;700;800&display=swap";:root{color:#152038;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#b9d4f1;font-family:Schibsted Grotesk,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}.mx-app{color:#152038;background:linear-gradient(#b9d4f1 0%,#d3e3f7 44%,#eef4fb 100%);min-height:100vh;position:relative;overflow:hidden}.glow{pointer-events:none;filter:blur(9px);border-radius:999px;position:absolute}.glow-one{background:radial-gradient(closest-side,#fffc,#fff0 70%);width:640px;height:520px;top:-160px;right:-120px}.glow-two{background:radial-gradient(closest-side,#ffffff8c,#fff0 70%);width:520px;height:400px;bottom:-140px;left:-100px}.screen{z-index:1;width:min(100%,680px);margin:0 auto;padding:72px 28px 80px;position:relative}.wide-screen{width:min(100%,1080px);padding-top:28px;padding-bottom:64px}.welcome{text-align:center}.brand,.app-header,.income-top,.mode-tabs,.frequency-row,.tax-head,.tax-list p,.jar-list article,.phase-head,.phase-buttons,.chart-head,.growth-summary,.badge,.primary-action,.secondary-action,.nav-pill{align-items:center;display:flex}.brand{justify-content:center;gap:11px;margin-bottom:54px}.brand-button{color:#152038;background:0 0;border:0;margin:0;padding:0}.logo-mark{background:#152038;border-radius:8px;flex:none;width:26px;height:26px;transform:rotate(45deg);box-shadow:inset 0 0 0 3px #ffffffd9}.app-header .logo-mark{border-radius:7px;width:24px;height:24px}.brand-name{letter-spacing:0;font-size:21px;font-weight:700}.app-header .brand-name{font-size:19px}.badge{color:#33425e;white-space:nowrap;background:#ffffff8c;border:1px solid #ffffffd9;border-radius:999px;gap:8px;width:fit-content;margin:0 auto 26px;padding:7px 15px;font-size:12.5px;font-weight:600}.badge span{border-radius:50%;width:7px;height:7px}h1,p{margin:0}h1{letter-spacing:0;font-size:clamp(2.5rem,7vw,3.25rem);font-weight:700;line-height:1.03}em{font-family:Newsreader,serif;font-style:italic;font-weight:500}.intro{color:#475a78;max-width:430px;margin:18px auto 40px;font-size:17px;line-height:1.55}.glass-panel,.income-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff9e;border:1px solid #ffffffeb;border-radius:26px;box-shadow:0 24px 50px -24px #14213a59}.income-card{text-align:left;padding:26px}.income-card.compact{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;padding:0}.income-top{justify-content:space-between;gap:14px;margin-bottom:16px}.income-top p,.chart-head p,.contribution-card p{color:#6b7a93;letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:600}.mode-tabs,.nav-pill{background:#15203812;border-radius:999px;padding:4px}.nav-pill{background:#ffffff80;border:1px solid #fffc}.mode-tabs button,.nav-pill button{color:#6b7a93;background:0 0;border:0;border-radius:999px;min-height:34px;padding:0 16px;font-size:13px;font-weight:600}.nav-pill button{color:#475a78;min-height:38px;padding:0 20px;font-size:14px}.mode-tabs button.active{color:#152038;background:#fff;box-shadow:0 1px 3px #14213a2e}.nav-pill button.active{color:#fff;background:#152038}.income-input{border-bottom:1.5px solid #1520381f;align-items:center;gap:6px;padding:8px 4px 14px;display:flex}.income-input span{color:#9aa8bf;font-size:40px;font-weight:700}.income-card.compact .income-input span{font-size:30px}.income-input input{color:#152038;letter-spacing:0;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:clamp(2.25rem,8vw,2.75rem);font-weight:700}.income-card.compact .income-input input{font-size:34px}.zip-input{background:#fff6;border:1px solid #1520381a;border-radius:16px;grid-template-columns:1fr 120px;align-items:center;gap:12px;margin-top:16px;padding:12px 14px;display:grid}.zip-input span{color:#6b7a93;font-size:13px;font-weight:700}.zip-input input{color:#152038;text-align:right;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:18px;font-weight:800}.frequency-row{flex-wrap:wrap;gap:10px;margin-top:16px}.frequency-row span{color:#6b7a93;font-size:13px;font-weight:500}.frequency-row button{color:#475a78;background:0 0;border:1px solid #1520382e;border-radius:999px;min-height:31px;padding:0 12px;font-size:12.5px;font-weight:600}.frequency-row button.active{color:#fff;background:#152038;border-color:#152038}.annual-note{margin-left:auto}.annual-note b{color:#152038}.primary-action,.secondary-action{border-radius:16px;justify-content:center;gap:10px;min-height:56px;padding:0 30px;font-size:16px;font-weight:700}.primary-action{color:#fff;background:#152038;border:0;margin:28px auto 0;box-shadow:0 16px 30px -14px #14213a99}.primary-action.full,.secondary-action{width:100%;margin:0}.secondary-action{color:#152038;background:#ffffffb3;border:1px solid #ffffffe6}.app-header{justify-content:space-between;gap:20px;margin-bottom:34px}.allocator-grid,.portfolio-grid{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.portfolio-grid{grid-template-columns:1.55fr 1fr}.budget-handoff{flex-direction:column;gap:20px;width:min(100%,560px);margin:0 auto;display:flex}.income-ring{padding:30px}.ring-wrap{justify-content:center;margin:22px 0 8px;display:flex}.ring{border-radius:50%;width:min(280px,68vw);height:min(280px,68vw);position:relative;box-shadow:0 18px 36px -18px #14213a66}.ring>div{text-align:center;background:#fbfdff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:40px;box-shadow:0 6px 18px -10px #14213a4d,inset 0 0 0 1px #ffffffe6}.ring span{color:#8190a8;letter-spacing:0;text-transform:uppercase;font-size:11px;font-weight:600}.ring strong{letter-spacing:0;margin-top:3px;font-size:clamp(1.35rem,5vw,1.875rem)}.ring small{color:#8190a8;font-size:13px}.tax-panel{background:linear-gradient(135deg,#ffffff8a,#ffffff3d),#ffffff5c;border:1px solid #ffffffc7;border-radius:22px;margin-top:20px;padding:18px}.payroll-panel{background:linear-gradient(135deg,#ffffff94,#2c4a781a),#ffffff5c;border:1px solid #ffffffc7;border-radius:22px;gap:14px;margin-top:20px;padding:18px;display:grid}.payroll-head,.payroll-row-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.payroll-head span,.payroll-row-head span{color:#6b7a93;letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:700}.payroll-head strong,.payroll-row-head b{color:#152038;font-size:15px}.payroll-row{border-top:1px solid #15203814;gap:9px;padding-top:13px;display:grid}.payroll-row small{color:#8190a8;font-size:12px;font-weight:700}.tax-head{flex-wrap:wrap;justify-content:space-between;gap:12px}.tax-head span{color:#6b7a93;letter-spacing:0;text-transform:uppercase;width:100%;font-size:12px;font-weight:700}.tax-head strong{letter-spacing:0;font-size:28px}.tax-head small{color:#8190a8;font-size:13px}.tax-bars{background:#15203814;border-radius:999px;height:12px;margin:14px 0;overflow:hidden}.tax-bars div{width:var(--w);border-radius:inherit;background:linear-gradient(90deg,#e0a52e,#e08a5b);height:100%}.takehome-panel{background:linear-gradient(135deg,#ffffff94,#2f9e7a24),#ffffff5c}.tax-bars.landed div{background:linear-gradient(90deg,#2f9e7a,#8fbf9f)}.tax-list{gap:8px;display:grid}.tax-list p{color:#475a78;justify-content:space-between;gap:12px;margin:0;font-size:13px}.tax-list b{color:#152038}.tax-note{color:#6b7a93;margin-top:12px;font-size:12px;line-height:1.45}.side-stack{flex-direction:column;gap:20px;display:flex}.jar-list{padding:10px 22px}.allocation-view-toggle{background:#ffffff7a;border:1px solid #ffffffe0;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.allocation-view-toggle>span{color:#6b7a93;font-size:13px;font-weight:700}.jar-group{border-bottom:1px solid #15203817}.jar-group:last-child{border-bottom:0}.jar-list article{grid-template-columns:12px minmax(0,1fr) 76px 112px;align-items:center;gap:13px;padding:14px 0;display:grid}.dot{border-radius:50%;flex:none;width:12px;height:12px}.jar-list strong{font-size:16px;font-weight:600}.jar-list span:not(.dot){color:#8190a8;text-align:right;font-size:13px}.jar-list b{text-align:right;font-size:17px}.jar-list b small{color:#8190a8;font-size:10px;font-weight:600;display:block}.jar-subrows{gap:6px;max-width:260px;margin:-4px 0 12px 25px;display:grid}.jar-subrows p{color:#6b7a93;justify-content:space-between;gap:12px;font-size:12px;display:flex}.jar-subrows b{color:#152038;width:auto;font-size:12px}.phase-panel,.control-panel,.contribution-card{padding:22px}.phase-head{justify-content:space-between;gap:14px;margin-bottom:14px}.phase-head strong{color:#475a78;font-size:13px}.phase-head span{color:#8190a8;font-size:12px}.tithe-multiplier{gap:9px;margin-bottom:18px;display:grid}.tithe-multiplier>span{color:#475a78;font-size:13px;font-weight:700}.tithe-multiplier div{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.tithe-multiplier button{color:#755616;background:#e0a52e1a;border:1px solid #e0a52e47;border-radius:12px;min-height:42px;font-size:13.5px;font-weight:800}.tithe-multiplier button.active{color:#152038;background:#e0a52e61;border-color:#e0a52e;box-shadow:inset 0 0 0 1px #fff9}.phase-buttons{gap:8px;margin-bottom:22px}.phase-buttons button{color:#475a78;background:#1520380f;border:0;border-radius:12px;flex:1;min-height:42px;font-size:13.5px;font-weight:600}.phase-buttons button.active{color:#fff;background:#152038;font-weight:700}.range-row{gap:8px;margin-top:14px;display:grid}.range-row>span{justify-content:space-between;align-items:baseline;gap:12px;font-size:14px;font-weight:600;display:flex}.range-row b{color:#2f9e7a;font-size:14px}input[type=range]{accent-color:#152038;width:100%;height:6px}.range-labels{color:#8190a8;justify-content:space-between;margin-top:4px;font-size:11.5px;display:flex}.expense-balance{background:#ffffff6b;border:1px solid #15203814;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;margin-top:16px;padding:13px 14px;display:flex}.expense-balance span{color:#6b7a93;font-size:13px;font-weight:700}.expense-balance strong{color:#152038;font-size:20px}.portfolio-title{margin-bottom:24px}.portfolio-title .badge{margin-bottom:14px;margin-left:0;margin-right:0}.portfolio-title h1{font-size:clamp(2.25rem,6vw,2.375rem)}.portfolio-title em{color:#2f9e7a}.chart-panel{padding:26px}.chart-head{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px}.chart-head strong{letter-spacing:0;margin-top:2px;font-size:clamp(2rem,6vw,2.375rem);display:block}.chart-head>span{color:#6b7a93;text-align:right;font-size:13px}.growth-chart{width:100%;display:block;overflow:visible}.growth-chart line{stroke:#1520381f;stroke-width:1px}.growth-chart .chart-line{fill:none;stroke:#2f9e7a;stroke-width:3px;stroke-linejoin:round;stroke-linecap:round}.growth-chart circle{fill:#2f9e7a;stroke:#fff;stroke-width:2.5px}.chart-years{color:#8190a8;justify-content:space-between;margin-top:10px;font-size:12px;display:flex}.growth-summary{border-top:1px solid #1520381a;gap:18px;margin-top:22px;padding-top:20px}.growth-summary article{flex:1}.growth-summary span{color:#6b7a93;margin-bottom:4px;font-size:12px;display:block}.growth-summary strong{font-size:22px}.green{color:#2f9e7a}.contribution-card{gap:8px;display:grid}.contribution-card strong{letter-spacing:0;font-size:30px}.contribution-card strong span{color:#8190a8;font-size:16px;font-weight:500}.contribution-card small{color:#475a78;font-size:13px;line-height:1.5}.control-panel{gap:22px;display:grid}.budget-hero{border-bottom:1px solid #1520381a;gap:14px;padding-bottom:22px;display:grid}.budget-hero p{color:#6b7a93;letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:700}.budget-hero>strong{letter-spacing:0;font-size:clamp(2rem,6vw,2.75rem)}.budget-hero>strong span{color:#8190a8;font-size:18px;font-weight:500}.budget-hero>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.budget-hero article{background:#fff6;border:1px solid #15203814;border-radius:14px;padding:14px}.budget-hero span,.budget-list small{color:#6b7a93;font-size:12px;display:block}.budget-hero article strong{margin-top:4px;font-size:22px;display:block}.budget-list{gap:10px;margin-top:22px;display:grid}.budget-list article{border-bottom:1px solid #15203814;grid-template-columns:1fr auto;align-items:center;gap:5px 16px;padding:13px 0;display:grid}.budget-list article:last-child{border-bottom:0}.budget-list article div{align-items:center;gap:10px;display:flex}.budget-list article div span{color:#8190a8;font-size:13px}.budget-list b{text-align:right;font-size:17px}.budget-list small{grid-column:1/-1}.bonus-control{border-bottom:1px solid #1520381a;padding-bottom:20px}.bonus-hero{background:#ffffff6b;border:1px solid #15203814;border-radius:18px;gap:5px;margin-top:22px;padding:18px;display:grid}.bonus-hero p,.section-minihead span{color:#6b7a93;letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:700}.bonus-hero strong{color:#152038;font-size:clamp(2rem,6vw,2.75rem)}.bonus-hero span{color:#8190a8;font-size:13px}.bonus-tax-list{margin-top:18px}.bonus-plan{padding:22px}.section-minihead{justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:10px;display:flex}.bonus-plan article{border-bottom:1px solid #15203817;grid-template-columns:12px minmax(0,1fr) 48px 96px;align-items:center;gap:13px;padding:14px 0;display:grid}.bonus-plan article:last-child{border-bottom:0}.bonus-plan article>span:not(.dot){color:#8190a8;text-align:right;font-size:13px}.bonus-plan b{text-align:right}.export-panel{gap:12px;padding:22px;display:grid}.export-panel p{color:#475a78;font-size:13px;line-height:1.5}.stock-note{gap:8px;padding:22px;display:grid}.stock-note p{color:#475a78;font-size:13px;line-height:1.5}.investment-breakdown{gap:12px;padding:18px;display:grid}.investment-row{background:#ffffff61;border:1px solid #15203814;border-radius:14px;gap:7px;padding:14px;display:grid}.investment-row div:first-child{justify-content:space-between;align-items:baseline;gap:14px;display:flex}.investment-row span,.investment-row small,.investment-note{color:#6b7a93;font-size:12px;line-height:1.45}.investment-row strong{color:#152038;font-size:20px}.investment-row strong small{color:#8190a8;font-size:11px;font-weight:600}.idea-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:5px;display:grid}.stock-split{gap:6px;margin-top:4px;display:grid}.stock-split p{color:#6b7a93;background:#ffffff6b;border-radius:10px;justify-content:space-between;gap:12px;padding:8px 9px;font-size:12px;display:flex}.stock-split b{color:#152038}.idea-list p{background:#ffffff7a;border-radius:10px;gap:2px;padding:9px;display:grid}.idea-list b{color:#152038;font-size:13px}.investment-note{margin:2px 2px 0}@media (width<=900px){.allocator-grid,.portfolio-grid{grid-template-columns:1fr}}@media (width<=640px){.screen{padding:42px 16px 52px}.wide-screen{padding-top:18px}.brand{margin-bottom:38px}.app-header{flex-direction:column;align-items:flex-start}.nav-pill,.nav-pill button{width:100%}.income-card,.glass-panel{border-radius:22px}.income-top,.chart-head,.phase-head{flex-direction:column;align-items:flex-start}.mode-tabs,.mode-tabs button{width:100%}.income-ring,.chart-panel,.income-card{padding:20px}.income-input input{font-size:2.35rem}.annual-note{width:100%;margin-left:0}.zip-input{grid-template-columns:1fr}.zip-input input{text-align:left}.jar-list{padding:8px 16px}.allocation-view-toggle{flex-direction:column;align-items:stretch}.jar-list article{grid-template-columns:12px 1fr auto;display:grid}.jar-list span:not(.dot){width:auto}.jar-list b{text-align:left;grid-column:2/4;width:auto}.jar-subrows{margin-left:0}.phase-buttons{flex-direction:column}.tithe-multiplier div{grid-template-columns:1fr}.growth-summary{flex-direction:column;align-items:flex-start}.budget-hero>div,.budget-list article,.bonus-plan article{grid-template-columns:1fr}.budget-list b,.bonus-plan b,.bonus-plan article>span:not(.dot){text-align:left}.investment-row div:first-child,.idea-list{grid-template-columns:1fr;display:grid}.stock-split p{display:grid}}