.buying-story{background:#f4f6f6}.scroll-story{display:grid;grid-template-columns:.85fr 1.15fr;gap:10%;align-items:start}.story-board{position:sticky;top:120px;background:var(--navy);color:white;padding:40px;border-radius:4px}.story-board p{color:#b8c5d8;font-size:14px;margin-top:24px}.story-count{display:flex;align-items:baseline;gap:16px;margin:15px 0 28px}.story-count>span{font-size:90px;line-height:1;color:var(--lime);font-weight:700;font-variant-numeric:tabular-nums}.story-count small{font-size:18px;color:#b9c5d7}.story-board h3{font-size:27px;min-height:70px}.story-progress{height:3px;background:#ffffff25;margin-top:30px}.story-progress i{display:block;height:100%;width:25%;background:var(--lime);transition:width .6s ease}.factor-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.factor-chips span{font-size:12px;border:1px solid #ffffff40;padding:5px 9px}.factor-chips span.active{background:var(--lime);border-color:var(--lime);color:var(--navy)}.story-chapters article{min-height:460px;padding:58px 0 70px;border-top:1px solid #c9d2da}.story-chapters h3{font-size:32px;line-height:1.4;margin-bottom:24px}.story-chapters p{font-size:17px}.story-chapters .story-takeaway{padding:20px 0 0;margin-top:24px;border-top:1px solid #dce1e5;font-size:15px;font-weight:700;color:var(--navy)}.cost-section{background:var(--navy);color:white}.cost-section .section-head p{color:#becadb}.cost-demo{display:grid;grid-template-columns:1fr 1fr;gap:9%;border-top:1px solid #ffffff35;padding-top:40px}.cost-demo h3{font-size:25px;margin:24px 0}.cost-inputs{margin-bottom:32px}.cost-inputs>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #ffffff20;font-size:15px}.cost-inputs dd{margin:0}.yield-label{display:flex;justify-content:space-between;font-size:17px;margin-bottom:20px}.yield-label output{color:var(--lime);font-weight:700}.cost-demo input[type=range]{width:100%;height:30px;accent-color:var(--lime);cursor:pointer}.range-labels{display:flex;justify-content:space-between;font-size:12px;color:#becadb}.cost-number{font-size:22px;color:var(--lime);line-height:1.2}.cost-number output{font-size:clamp(55px,6vw,90px);font-variant-numeric:tabular-nums;font-weight:700;margin-left:10px}.cost-number small{font-size:18px;color:white;margin-left:10px}.cost-result{padding-top:12px}.cost-result p{color:#c7d1df;font-size:15px;margin-top:20px}.cost-result .note{font-size:13px}.cost-result strong{color:white}.yield-track{height:18px;background:#ffffff22;margin-top:30px;overflow:hidden;border-radius:2px}.yield-track i{display:block;width:80%;height:100%;background:var(--lime);transition:width .2s ease}.formula{border-top:1px solid #ffffff30;padding-top:20px}.scenario-buttons{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0}.scenario-buttons button{background:transparent;border:1px solid #aebaca;padding:12px 24px;color:var(--navy);border-radius:3px}.scenario-buttons button[aria-pressed=true]{background:var(--navy);color:var(--lime);border-color:var(--navy)}.scenario-content{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:var(--paper)}.scenario-content>div{padding:36px}.scenario-content>div+div{border-left:1px solid var(--line);background:#eef2d9}.scenario-content h3{font-size:26px;margin-bottom:20px}.pain-teaser{border-top:1px solid var(--line)}.motion-ready .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.motion-ready .reveal.visible{opacity:1;transform:none}.page-scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:30;background:var(--lime);transform:scaleX(0);transform-origin:left;pointer-events:none}@media(max-width:900px){.scroll-story{gap:5%;grid-template-columns:1fr 1.1fr}.story-board{padding:25px}.story-chapters h3{font-size:27px}.cost-demo{gap:5%}}@media(max-width:760px){.scroll-story,.cost-demo,.scenario-content{grid-template-columns:1fr}.story-board{position:relative;top:auto;margin-top:10px}.story-count>span{font-size:60px}.story-board h3{min-height:0}.story-chapters article{min-height:0;padding:35px 0}.story-chapters h3{font-size:27px}.cost-result{margin-top:35px;padding-top:35px;border-top:1px solid #ffffff30}.scenario-content>div{padding:25px}.scenario-content>div+div{border-left:0;border-top:1px solid var(--line)}.scenario-content h3{font-size:24px}.scenario-buttons button{flex:1;padding:10px 12px}.cost-number output{font-size:64px}}@media(prefers-reduced-motion:reduce){.motion-ready .reveal{opacity:1;transform:none;transition:none}.story-progress i,.yield-track i{transition:none}.page-scroll-progress{display:none}}
