.exit-story{position:relative;height:190svh;margin-top:190px;padding:0;scroll-margin-top:0;background:#fff}
.story-stage{position:sticky;top:76px;height:calc(100svh - 76px);min-height:600px;isolation:isolate;overflow:hidden;background:linear-gradient(120deg,#fff 20%,#f4f7fd 100%);border-top:1px solid #e5ebf5;border-bottom:1px solid #e5ebf5}
.story-stage:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#fff 0%,#ffffffed 28%,#ffffff90 42%,transparent 63%)}
.story-chart{position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none}
.story-grid{stroke:#d9e3f2;stroke-width:1;stroke-dasharray:2 9}
#story-past{stroke:#92a4d2;stroke-width:3;fill:none;stroke-linejoin:round;opacity:.6}
#story-future{stroke:#204282;stroke-width:4;fill:none;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.story-reference{stroke:#a7b8d8;stroke-width:1.5;stroke-dasharray:5 10}
#story-crosshair{stroke:#9aafd2;stroke-width:1;stroke-dasharray:3 7}
#story-dot{fill:#204282;stroke:#fff;stroke-width:4;vector-effect:non-scaling-stroke}
#story-halo{fill:#92a4d22e;stroke:#92a4d249;stroke-width:1}
.story-inner{position:relative;height:100%;width:min(1120px,calc(100% - 80px));margin:auto}
.story-topline{position:absolute;top:30px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#6f85aa;font-size:16px}
.story-topline>span{display:flex;align-items:center;gap:12px}.story-topline i{width:7px;height:7px;border-radius:50%;background:#92a4d2}
.story-replay{font:inherit;color:#496b9e;padding:9px 0 9px 15px;min-height:44px}
.story-copy{position:absolute;top:21%;left:0;width:49%}
.story-copy h2{font:700 clamp(64px,6.5vw,94px)/.98 var(--display);letter-spacing:-1.4px;color:#173766;margin:0}
.story-copy h2 span{color:#4265a0}
.story-copy p{font-size:22px;line-height:1.55;max-width:355px;color:#6c80a3;margin:27px 0 0}
.story-modes{display:inline-flex;flex-wrap:wrap;gap:5px;margin-top:29px;background:#edf2fa;border:1px solid #dde6f3;padding:5px;border-radius:100px}
.story-modes button{padding:11px 16px;border-radius:100px;color:#6680a9;min-height:44px;font-size:16px}
.story-modes button[aria-pressed=true]{background:#204282;color:#fff;box-shadow:0 3px 10px #20428218}
.story-modes button:hover{box-shadow:inset 0 0 0 1px #b1c0db}
.story-readout{position:absolute;top:17%;left:62%;right:0;white-space:nowrap}
.story-phase{display:block;font:16px/1.6 var(--mono);color:#7f94b6;letter-spacing:.5px}
.story-readout h3{font-size:25px;letter-spacing:-.6px;line-height:1.3;margin:12px 0 19px;color:#315483;font-weight:500}
.story-amount{display:flex;align-items:baseline;gap:13px;color:#204282;font:700 clamp(76px,7.5vw,112px)/1 var(--display);letter-spacing:-2px;font-variant-numeric:tabular-nums}
.story-amount>span{font:400 22px var(--sans);letter-spacing:0;color:#879bbc}
.story-loss{display:inline-block;margin-top:15px;color:#5e7da9;font-size:18px;min-height:28px}
.story-controls{position:absolute;bottom:35px;left:0;right:0}
.story-track{display:flex;align-items:center;gap:20px;color:#7f95b8;font-size:16px;margin-bottom:26px}
.story-track>span{display:flex;gap:9px;align-items:center;white-space:nowrap}.story-track>span:before{content:'↓';font-size:22px;color:#7891b9}
.story-track input{margin:0;flex:1;min-width:0;height:24px;background:transparent;cursor:ew-resize}
.story-track input::-webkit-slider-runnable-track{height:2px;background:linear-gradient(90deg,#204282 calc(var(--story-progress,0)*100%),#d0dced calc(var(--story-progress,0)*100%));border-radius:2px}
.story-track input::-webkit-slider-thumb{width:12px;height:12px;margin-top:-5px;background:#204282;box-shadow:0 0 0 5px #92a4d22b}
.story-track input::-moz-range-track{height:2px;background:#d0dced}.story-track input::-moz-range-progress{height:2px;background:#204282}.story-track input::-moz-range-thumb{background:#204282;border:0;width:12px;height:12px}
.story-track small{font-size:16px;white-space:nowrap;color:#8b9db9}
.story-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;border-top:1px solid #cfdbec;position:relative}
.story-steps:before{content:'';position:absolute;left:0;right:0;top:-1px;height:2px;background:#204282;transform:scaleX(var(--story-progress,0));transform-origin:left}
.story-steps button{display:flex;align-items:center;gap:14px;text-align:left;padding:21px 0 0;min-height:50px;color:#8297b8;font-size:21px;line-height:1.3}
.story-steps button>span{font:16px var(--mono);color:#9aacca}
.story-steps button.active{color:#204282}.story-steps button.active>span{color:#204282}.story-steps button:hover{color:#204282}
@media(min-width:1700px){.story-inner{width:min(1320px,calc(100% - 120px))}.story-copy h2{font-size:104px}}
@media(max-width:950px){.story-copy{width:53%}.story-copy h2{font-size:68px}.story-copy p{font-size:20px;max-width:300px}.story-readout{left:63%}.story-amount{font-size:83px}.story-readout h3{font-size:22px}.story-modes button{padding-inline:12px}.story-steps button{font-size:19px;gap:10px}.story-topline{font-size:15px}}
@media(max-width:650px){.exit-story{margin-top:155px;height:185svh}.story-stage{top:72px;height:calc(100svh - 72px);min-height:660px}.story-inner{width:calc(100% - 40px)}.story-topline{top:16px;font-size:14px}.story-topline>span{gap:8px}.story-copy{top:83px;left:0;width:100%}.story-copy h2{font-size:clamp(50px,14vw,67px);letter-spacing:-.8px;line-height:.98}.story-copy p{font-size:18px;line-height:1.5;max-width:310px;margin:17px 0 0}.story-modes{margin-top:17px;padding:4px;gap:3px}.story-modes button{font-size:15px;padding:8px 14px;min-height:42px}.story-readout{top:360px;left:0;right:auto}.story-phase{font-size:14px}.story-readout h3{font-size:20px;margin:5px 0 10px}.story-amount{font-size:70px;gap:10px}.story-amount>span{font-size:19px}.story-loss{font-size:16px;position:absolute;left:205px;bottom:7px;margin:0}.story-controls{bottom:25px}.story-track{margin-bottom:17px;gap:12px;font-size:14px}.story-track small{display:none}.story-track>span:before{font-size:20px}.story-steps{gap:12px}.story-steps button{font-size:16px;gap:6px;padding-top:16px;align-items:baseline}.story-steps button>span{font-size:14px}.story-chart{top:245px;height:calc(100% - 245px);width:180%;left:-80%}.story-stage:after{background:linear-gradient(180deg,#fff 0%,#ffffffeb 42%,transparent 72%)}.story-reference{opacity:.45}}
@media(max-width:380px){.story-inner{width:calc(100% - 32px)}.story-copy h2{font-size:50px}.story-steps button{font-size:15px;gap:5px}.story-loss{left:190px}.story-readout{top:350px}}
@media(prefers-reduced-motion:reduce){.exit-story{height:auto;padding-bottom:0}.story-stage{position:relative;top:0;height:720px}.story-track>span{font-size:0}.story-track>span:after{content:'Explore the scenario';font-size:16px}.story-track>span:before{display:none}}
@media(max-width:650px){.story-readout .story-loss{position:static;display:block;margin-top:8px;white-space:normal}.story-readout{max-width:100%}}
@media(max-width:380px){.landing .site-header,.landing .site-header.scrolled{padding-inline:16px;gap:8px}.landing .site-header .wallet-trigger svg{display:none}.landing .site-header .wallet-trigger{padding-inline:10px}}
