*{box-sizing:border-box}html,body{margin:0;background:#0b1118;color:#e8eef4;font-family:Inter,"IBM Plex Sans",system-ui,sans-serif;overflow:hidden}.story-page{height:100vh;overflow:hidden}.story-math-loader{display:none}.story-shell{height:100vh;display:grid;grid-template-columns:minmax(310px,31%) 1fr;grid-template-rows:auto minmax(0,1fr) auto;gap:0 3vw;padding:18px 3vw 14px}.story-header{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;color:#7f8e9b;font-size:11px;letter-spacing:.09em;text-transform:uppercase;border-bottom:1px solid #1d2a36;padding-bottom:11px}.story-header a{color:#a9c9e8;text-decoration:none}.story-copy{align-self:center;max-width:490px;padding:20px 0}.story-step{color:#76b7e5;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px}.story-copy h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(32px,3.6vw,57px);line-height:.98;letter-spacing:-.035em;margin:0 0 20px;color:#f2f5f7}.story-text{font-size:15px;line-height:1.62;color:#aebac5;max-width:48ch}.story-formula{margin-top:20px;padding:13px 16px;border-left:2px solid #76b7e5;background:#101a24;color:#dbe8f2;font-size:15px;line-height:1.35;min-height:48px;display:flex;align-items:center;overflow:hidden}.story-formula mjx-container{margin:0!important}.story-graphic{align-self:center;min-width:0;min-height:0;height:100%;display:flex;align-items:center;overflow:hidden;padding:4px 0;transition:opacity .42s ease}.story-graphic.graphic-fade-out{opacity:0}.story-graphic.graphic-fade-in{animation:graphicFade .7s ease both}.risk-line{display:block;width:100%;height:auto;max-height:68vh;overflow:visible}.axis{stroke:#50606e;stroke-width:1}.grid{stroke:#1d2b37;stroke-width:1}.portfolio-line{fill:none;stroke:#8fc8ff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.portfolio-line.muted{opacity:.28}.focus-guide{stroke:#66839a;stroke-width:1;stroke-dasharray:4 4}.focus-dot{fill:#f3f7fa;stroke:#8fc8ff;stroke-width:4;opacity:0;animation:focusFade 1.1s .35s forwards}.focus-group{animation:fadeIn 1.1s .25s both}.focus-value{fill:#f1f5f8;font-size:16px;font-weight:700}.tick-label{fill:#7f909e;font-size:11px}.dot-stage{width:100%;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);align-items:center}.loan-canvas{display:block;width:100%;height:auto;max-height:60vh;transition:opacity .35s ease}.loan-canvas.canvas-fade{opacity:.18}.dot-caption{display:flex;justify-content:center;align-items:center;gap:34px;margin:0 0 10px;color:#b4c0ca;font-size:15px;font-weight:600;min-height:28px}.dot-caption span{display:flex;align-items:center;gap:8px}.dot-caption i{display:inline-block;width:12px;height:12px;border-radius:50%}.white-key{background:#dce7ef}.red-key{background:#e56f68}.blue-key{background:#8fc8ff}.sheet-stage{width:100%;height:100%;display:flex;align-items:center;justify-content:flex-start;overflow:hidden;padding-left:1.5%}.calc-sheet{display:grid;grid-auto-rows:30px;width:980px;max-width:100%;max-height:68vh;overflow:hidden;border:1px solid #223443;border-radius:7px;background:#0d161f;box-shadow:0 18px 48px rgba(0,0,0,.22)}.sheet-row{display:grid;grid-template-columns:84px repeat(14,64px);width:980px;min-width:980px}.sheet-header{position:sticky;top:0;z-index:5}.sheet-cell{height:30px;padding:7px 6px;border-right:1px solid #1d2b37;border-bottom:1px solid #182632;text-align:right;color:#cbd6df;font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .55s,background .55s,color .55s,box-shadow .55s}.sheet-cell:first-child{text-align:left}.sheet-cell.head{background:#15212c;color:#8295a4;font-weight:650;border-bottom:1px solid #2b3c4c}.sheet-cell.dim{opacity:.14}.sheet-cell.input-col{opacity:1!important;color:#8fc8ff!important;font-weight:750;background:rgba(143,200,255,.06)}.sheet-cell.new-col{opacity:1;color:#f2a65a!important;font-weight:750;background:rgba(242,166,90,.09);border-left:1px solid rgba(242,166,90,.48)}.sheet-cell.future-col{visibility:hidden!important;opacity:0!important;background:transparent!important;border-color:transparent!important;color:transparent!important}.sheet-row.active-group .sheet-cell{opacity:.12}.sheet-row.active-group .sheet-cell.input-col{opacity:1!important;color:#8fc8ff!important;background:rgba(143,200,255,.12)!important}.sheet-row.active-group .sheet-cell.new-col{opacity:1!important;color:#f2a65a!important;background:rgba(242,166,90,.14)!important}.filled-now{animation:cellPulse 1.15s ease}.story-nav{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:14px;border-top:1px solid #1d2a36;padding-top:11px}.story-nav>button{border:1px solid #314252;background:#111c26;color:#dce6ed;border-radius:50%;width:32px;height:32px;cursor:pointer}.story-nav>button:disabled{opacity:.25;cursor:default}.dots{display:flex;gap:5px}.dots button{width:6px;height:6px;border:0;padding:0;border-radius:50%;background:#3c4b58;cursor:pointer}.dots button.active{background:#8fc8ff;transform:scale(1.45)}.counter{font-size:10px;color:#71808d;font-variant-numeric:tabular-nums}.story-error{padding:3rem;color:#e7847d}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes focusFade{from{opacity:0}to{opacity:1}}@keyframes graphicFade{from{opacity:0}to{opacity:1}}@keyframes cellPulse{0%{box-shadow:inset 0 0 0 0 rgba(242,166,90,0)}45%{box-shadow:inset 0 0 0 2px rgba(242,166,90,.78);background:rgba(242,166,90,.16)}100%{box-shadow:inset 0 0 0 0 rgba(242,166,90,0)}}@media(max-width:1000px){html,body,.story-page{overflow:auto}.story-shell{height:auto;min-height:100vh;grid-template-columns:1fr;grid-template-rows:auto auto minmax(420px,1fr) auto;padding:16px 18px 12px}.story-copy{padding:22px 0 12px;max-width:760px}.story-copy h1{font-size:39px}.story-graphic{height:auto;min-height:420px;overflow:auto}.sheet-stage{padding-left:0;align-items:flex-start}.calc-sheet{max-height:58vh;overflow:auto}.story-nav{margin-top:14px}.story-header{font-size:10px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}