body[data-project=pension]{--ink:#34404f;--gold:#6c88bd;--muted:#7f8996}
.pension-brand{font-size:35px;letter-spacing:-1.5px;gap:8px;font-weight:500}.pension-mark{font-size:23px;color:#6b89c1}.brand-sub{font-size:5px;letter-spacing:1px;line-height:1.6;margin-left:9px}.pension-step :is(h1,h2) em{color:#6b86b5}.pension-step h1{font-size:clamp(62px,6.2vw,89px)}.pension-step h2{font-size:clamp(58px,5.4vw,77px)}.pension-step .primary-button{background:#344e75;border-color:#344e75}.pension-step .primary-button:hover{background:#506fa1}.pension-step .feature-tags span{border-color:#d3deed;color:#7b8dac}
.visual{isolation:isolate}.visual .orbit{border-color:#819fcc18}.orbit-one:after{background:#819eca}.scene-topline,.scene-caption{color:#889bb7}.caption-line{background:#a0b4d0}#calculator-view{position:absolute;left:-48px;right:-48px;top:50%;height:505px;transform:translateY(-50%);z-index:1;touch-action:pan-y}#calculator-view canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:pan-y}#calculator-view canvas:active{cursor:grabbing}.model-loading{font:italic 23px var(--serif);color:#889bb7;position:absolute;top:46%;text-align:center;width:100%}.model-error{font-size:12px;line-height:1.7;padding:25px;background:#ece7dc;border:1px solid #d6cdbb;border-radius:6px}.view-ready .model-loading{display:none}
.chapter-label{position:absolute;top:calc(50% + 184px);left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;border:1px solid #d7e0ec;padding:9px 13px;background:#f8fafb;box-shadow:2px 3px 0 #d6e0ea;white-space:nowrap;z-index:2;font-size:6px;letter-spacing:1.1px;color:#7e95b2}.live-dot{width:4px;height:4px;border-radius:50%;background:#749acb;box-shadow:0 0 0 3px #759bca1a;animation:meter-light 1.6s ease-in-out infinite}
.calculator-controls{position:absolute;top:calc(50% + 229px);left:0;width:100%;display:flex;gap:12px;align-items:center;justify-content:center;z-index:3}.calculator-controls>span{font-size:6px;letter-spacing:1.3px;color:#8d9db1}.calculator-controls button{border:1px solid #d4dfec;background:#f5f7fa;width:28px;height:28px;border-radius:50%;font-size:15px;color:#7a93b3;display:grid;place-items:center}.calculator-controls button:hover{background:#e0e8f3}.visual .scene-caption{top:calc(50% + 271px);font-size:7px}.visual .scene-note{top:calc(50% + 302px);font-size:5px;letter-spacing:1.1px}.visual .scene-topline{top:calc(50% - 251px);font-size:6px}.story-note{padding-left:18px;border-left:1px solid #a8bdd8;margin-top:26px}.story-note>span{font-size:7px;letter-spacing:1.4px;color:#8da4c0}.story-note p{font:italic 26px var(--serif);color:#788faf;margin:11px 0}@keyframes meter-light{50%{box-shadow:0 0 0 5px #759bca25;background:#8eb0dd}}
@media(min-width:761px){.visual{height:calc(100svh - 100px);min-height:550px}}
@media(max-width:1100px) and (min-width:761px){.pension-step h1{font-size:64px}.pension-step h2{font-size:55px}#calculator-view{height:430px;left:-30px;right:-25px}.chapter-label{top:calc(50% + 160px)}.calculator-controls{top:calc(50% + 202px)}.visual .scene-caption{top:calc(50% + 242px)}.visual .scene-note{top:calc(50% + 273px)}.visual .scene-topline{top:calc(50% - 229px)}}
@media(max-width:760px){.pension-brand{font-size:29px}.brand-sub{font-size:4px;margin-left:6px}.pension-mark{font-size:20px}.pension-step h1{font-size:53px}.pension-step h2{font-size:47px}#calculator-view{height:calc(var(--mobile-scene) - 65px);top:calc(50% - 28px);left:0;right:0}.chapter-label{top:auto;bottom:63px;font-size:5px;padding:5px 9px;gap:6px}.calculator-controls{top:auto;bottom:31px;gap:8px}.calculator-controls button{height:23px;width:23px;font-size:13px}.calculator-controls>span{font-size:5px}.visual .scene-caption{top:auto;bottom:3px;font-size:5px;gap:5px}.visual .scene-note{display:none}.visual .scene-topline{top:9px;font-size:5px}.visual .motion-toggle{width:19px;height:19px}.story-note p{font-size:24px}}
@media(max-width:760px) and (max-height:700px){.pension-step h1{font-size:47px}.pension-step h2{font-size:43px}.chapter-label{font-size:4px;bottom:59px}.calculator-controls{bottom:29px}}
@media(min-width:761px) and (max-width:1100px){.chapter-nav b{display:none}}

.pension-brand{font-size:29px;letter-spacing:-1px}.pension-step h1{font-size:clamp(62px,6.3vw,91px)}@media(max-width:1100px) and (min-width:761px){.pension-step h1{font-size:65px}}@media(max-width:760px){.pension-brand{font-size:25px}.pension-step h1{font-size:54px}}