:root{--bg:#0d0f0e;--surface:#141816;--card:#1a1e1c;--border:#ffffff12;--gold:#c9a84c;--gold-dim:#c9a84c1f;--green:#4caf82;--green-dim:#4caf821f;--red:#e07055;--red-dim:#e070551a;--text:#e8e4db;--muted:#6b6d6a;--subtle:#3a3d3b;--roth-line:#4caf82;--trad-line:#e07055;--radius:10px;--radius-lg:16px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Syne,sans-serif;font-size:15px;line-height:1.6}.page{max-width:860px;margin:0 auto;padding:3rem 1.5rem 5rem}.header{margin-bottom:3rem}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:.75rem;font-family:DM Mono,monospace;font-size:11px}h1{color:var(--text);margin-bottom:1rem;font-family:DM Serif Display,serif;font-size:clamp(2rem,5vw,3rem);font-weight:400;line-height:1.15}h1 em{color:var(--gold);font-style:italic}.subtitle{color:var(--muted);max-width:520px;font-size:15px}.section-title{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;margin-bottom:1.25rem;font-family:DM Mono,monospace;font-size:10px;display:flex}.section-title:after{content:"";background:var(--border);flex:1;height:1px}.explainer{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:2.5rem;display:grid}@media (width<=600px){.explainer{grid-template-columns:1fr}}.ex-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;position:relative;overflow:hidden}.ex-card:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.ex-card.roth:before{background:var(--green)}.ex-card.trad:before{background:var(--red)}.ex-tag{letter-spacing:.12em;text-transform:uppercase;border-radius:20px;margin-bottom:1rem;padding:3px 10px;font-family:DM Mono,monospace;font-size:10px;display:inline-block}.roth .ex-tag{background:var(--green-dim);color:var(--green)}.trad .ex-tag{background:var(--red-dim);color:var(--red)}.ex-title{color:var(--text);margin-bottom:.75rem;font-family:DM Serif Display,serif;font-size:1.2rem;font-weight:400}.ex-body{color:var(--muted);font-size:13.5px;line-height:1.7}.ex-steps{flex-direction:column;gap:7px;margin-top:1rem;list-style:none;display:flex}.ex-steps li{color:var(--muted);align-items:flex-start;gap:10px;font-size:13px;display:flex}.step-n{color:var(--subtle);background:#ffffff0a;border-radius:4px;flex-shrink:0;margin-top:2px;padding:2px 6px;font-family:DM Mono,monospace;font-size:10px}.roth .step-n{color:var(--green)}.trad .step-n{color:var(--red)}.tax-box{background:var(--gold-dim);border-radius:var(--radius-lg);border:1px solid #c9a84c33;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:2.5rem;padding:1.25rem 1.5rem;display:grid}@media (width<=600px){.tax-box{grid-template-columns:1fr}}.tax-item-label{letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:4px;font-family:DM Mono,monospace;font-size:10px}.tax-item-val{color:var(--text);font-size:14px}.controls{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:1.5rem;padding:1.75rem}.ctrl{align-items:center;gap:14px;margin-bottom:18px;display:flex}.ctrl:last-child{margin-bottom:0}.ctrl-label{color:var(--muted);flex-shrink:0;min-width:210px;font-size:13px}.ctrl-label span{color:var(--text);font-size:12px;display:block}.ctrl-slider-row{flex:1;align-items:center;gap:14px;min-width:0;display:flex}input[type=range]{appearance:none;background:var(--subtle);border-radius:2px;outline:none;flex:1;min-width:0;height:4px}@media (width<=600px){.controls{padding:1.25rem}.ctrl{flex-direction:column;align-items:stretch;gap:10px}.ctrl-label{min-width:unset}}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--gold);cursor:pointer;border:2px solid var(--bg);border-radius:50%;width:16px;height:16px}input[type=range]::-moz-range-thumb{background:var(--gold);cursor:pointer;border:2px solid var(--bg);border-radius:50%;width:16px;height:16px}.ctrl-val{color:var(--gold);text-align:right;min-width:72px;font-family:DM Mono,monospace;font-size:13px}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:1.5rem;display:grid}@media (width<=500px){.metrics{grid-template-columns:1fr}}.metric{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem}.metric-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-family:DM Mono,monospace;font-size:11px}.metric-val{font-family:DM Serif Display,serif;font-size:1.4rem;font-weight:500}.metric-val.green{color:var(--green)}.metric-val.red{color:var(--red)}.metric-val.gold{color:var(--gold)}.chart-wrap{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:1.5rem;padding:1.5rem}.chart-legend{gap:20px;margin-bottom:1.25rem;display:flex}.leg{color:var(--muted);align-items:center;gap:7px;font-size:12px;display:flex}.leg-dot{border-radius:2px;flex-shrink:0;width:10px;height:10px}.chart-canvas-wrap{width:100%;height:300px;position:relative}.verdict{border-radius:var(--radius-lg);border:1px solid;margin-bottom:2.5rem;padding:1.5rem}.verdict.roth-wins{background:var(--green-dim);border-color:#4caf8240}.verdict.trad-wins{background:var(--red-dim);border-color:#e0705533}.verdict-head{margin-bottom:.4rem;font-family:DM Serif Display,serif;font-size:1.2rem}.verdict.roth-wins .verdict-head{color:var(--green)}.verdict.trad-wins .verdict-head{color:var(--red)}.verdict-body{color:var(--muted);font-size:13.5px}.bracket-table{border-collapse:collapse;width:100%;margin-bottom:2.5rem;font-size:13px}.bracket-table th{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);text-align:left;border-bottom:1px solid var(--border);padding:0 12px 10px;font-family:DM Mono,monospace;font-size:10px}.bracket-table td{color:var(--muted);border-bottom:1px solid #ffffff08;padding:9px 12px}.bracket-table tr.active td{color:var(--text);background:var(--gold-dim)}.bracket-table .rate{color:var(--gold);font-family:DM Mono,monospace;font-weight:500}.bracket-table tr.active .rate{color:var(--gold)}.breakdown{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:2.5rem;padding:1.5rem}.breakdown-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=600px){.breakdown-grid{grid-template-columns:1fr}}.breakdown-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.breakdown-section-title{letter-spacing:.12em;text-transform:uppercase;margin-bottom:1rem;font-family:DM Mono,monospace;font-size:10px}.breakdown-section.ira .breakdown-section-title{color:var(--red)}.breakdown-section.brokerage .breakdown-section-title{color:var(--gold)}.breakdown-row{justify-content:space-between;align-items:baseline;padding:5px 0;font-size:13px;display:flex}.breakdown-row-label{color:var(--muted)}.breakdown-row-val{color:var(--text);font-family:DM Mono,monospace;font-size:13px}.breakdown-row-val.negative{color:var(--red)}.breakdown-row-val.rate-tag{color:var(--gold);font-size:11px}.breakdown-row.subtotal{border-top:1px solid var(--border);margin-top:4px;padding-top:10px}.breakdown-row.subtotal .breakdown-row-val{font-weight:500}.breakdown-totals{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-top:16px;padding:1.25rem}.breakdown-totals .breakdown-row-val{font-size:14px;font-weight:500}.breakdown-totals .breakdown-row-val.negative{color:var(--red)}.breakdown-totals .breakdown-row-val.highlight{color:var(--green);font-size:16px}.footnote{color:var(--subtle);font-size:12px;line-height:1.6}.footnote a{color:var(--muted)}.divider{background:var(--border);height:1px;margin:2.5rem 0}