.transformation-layout{grid-template-columns:1.05fr 1fr;align-items:start;gap:clamp(40px,6vw,100px);display:grid}.transformation-pin{margin:85px 0;position:sticky;top:115px}.transformation-chapters{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px;display:grid}.transformation-chapters a{color:#657995;border-bottom:2px solid #d6e0ef;align-items:center;gap:9px;padding:12px 14px;font-size:12px;transition:color .3s,border-color .3s,background .3s;display:flex}.transformation-chapters a span{font-family:var(--font-geist-mono), monospace;opacity:.6;font-size:10px}.transformation-chapters a[aria-current]{color:#0f68e5;background:#e7effc;border-color:#1674ee;border-radius:6px 6px 0 0}.transformation-visual{background:linear-gradient(145deg,#fff,#eaf2ff);border:1px solid #c9d9ef;border-radius:16px;overflow:hidden;box-shadow:0 30px 65px -45px #14468670}.transformation-visual-heading{color:#6882a3;text-transform:uppercase;justify-content:space-between;gap:15px;padding:22px 24px 4px;display:flex}.transformation-visual-heading .mono{letter-spacing:.1em;font-size:9px}.transformation-scene{animation:.55s ease-out both transformation-enter}.transformation-scene svg{width:100%;max-height:43vh;display:block}.transformation-scene text{fill:#3b597e;font-size:12px;font-family:var(--font-geist-sans), sans-serif}.transformation-scene .transformation-small{font-size:9px}.transformation-visual-footer{background:#ffffffb3;border-top:1px solid #d4e1f3;padding:20px 24px}.transformation-visual-footer strong{color:#18324f;margin-bottom:16px;font-size:clamp(14px,1.4vw,18px);font-weight:500;display:block}.transformation-visual-footer>div{flex-wrap:wrap;gap:7px;display:flex}.transformation-visual-footer>div span{color:#55769d;background:#f4f8ff;border:1px solid #d7e3f4;border-radius:5px;padding:6px 9px;font-size:10px}.transformation-caption{text-align:center;letter-spacing:.09em;color:#7b8da6;margin:18px 0 0;font-size:7px}.transformation-step{opacity:.5;flex-direction:column;justify-content:center;min-height:max(580px,78svh);padding:100px 0;scroll-margin-top:0;transition:opacity .4s;display:flex}.transformation-step.is-active{opacity:1}.transformation-step h2{margin-bottom:24px;font-size:clamp(32px,3.5vw,50px)}.transformation-step>p:not(.eyebrow){font-size:15px;line-height:1.9}.transformation-detail{color:#476992;border-top:1px solid #cedbef;align-items:flex-start;gap:12px;margin-top:28px;padding-top:22px;font-size:11px;line-height:1.7;display:flex}.transformation-detail svg{flex-shrink:0;margin-top:2px}.transformation-inline{display:none}@keyframes transformation-enter{0%{opacity:0;transform:translateY(9px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (min-width:901px) and (max-height:760px){.transformation-pin{top:90px}.transformation-scene svg{max-height:35vh}.transformation-visual-heading{padding-top:16px}.transformation-visual-footer{padding:14px 20px}.transformation-caption{margin-top:12px}}@media (max-width:900px){.transformation-layout{display:block}.transformation-pin{display:none}.transformation-step{opacity:1;min-height:0;padding:48px 0;scroll-margin-top:0}.transformation-step+.transformation-step{border-top:1px solid #cfdbed}.transformation-step h2{max-width:580px;margin-bottom:20px;font-size:clamp(30px,6vw,43px)}.transformation-step>p:not(.eyebrow){max-width:620px;font-size:15px;line-height:1.8}.transformation-step .eyebrow{margin-bottom:18px;font-size:9px}.transformation-inline{width:100%;max-width:580px;margin-top:28px;display:block}.transformation-scene svg{max-height:370px}.transformation-detail{border:0;max-width:580px;margin-top:24px;padding-top:0}.transformation-visual-footer strong{font-size:16px}}@media (max-width:450px){.transformation-visual-heading{padding:18px 16px 2px}.transformation-visual-heading .mono{font-size:8px}.transformation-visual-footer{padding:16px}.transformation-visual-footer strong{margin-bottom:12px;font-size:15px;line-height:1.4}.transformation-visual-footer>div span{padding:5px 7px;font-size:9px}.transformation-scene .transformation-small{font-size:10px}}.transformation-scene .transformation-chart-kicker{letter-spacing:.08em;fill:#55739c;font-size:10px}.transformation-scene .transformation-chart-number{letter-spacing:-.06em;fill:#16345b;font-size:58px;font-weight:500}.transformation-scene .transformation-chart-unit{letter-spacing:0;fill:#6881a2;font-size:16px}.transformation-scene .transformation-chart-value{fill:#24466e;font-size:13px;font-weight:500}.transformation-scene .transformation-chart-total{fill:#176bdd;font-size:29px;font-weight:500}.transformation-scenario-label{letter-spacing:.08em;color:#6c819c;margin-bottom:10px;font-size:8px;display:block}.transformation-step>p.transformation-assumptions{color:#6d809c;margin-top:22px;font-size:11px;line-height:1.7}
