/* Original chapter layout, refined as a tactile editorial walkthrough. */
.story{padding-top:80px;padding-bottom:80px;border-top:0}.story .section-heading{grid-template-columns:1.5fr 1fr;gap:17px}.story .section-heading>.eyebrow{font-size:8px;letter-spacing:.12em;color:#929883}.story .section-heading h2{font-size:clamp(45px,5.2vw,76px);line-height:1.12;letter-spacing:-.06em;margin-top:12px;font-weight:500}.story .section-heading h2>.cobalt{font-family:Georgia,serif;font-style:italic;letter-spacing:-.055em;font-weight:400}.story .section-heading>p:last-child{font-size:12px;line-height:1.9;max-width:275px;margin-bottom:8px}.story .story-grid{margin-top:65px;gap:11%;grid-template-columns:1fr 1.05fr}.story-steps{position:relative}.story-steps:before{content:'';position:absolute;left:0;top:80px;bottom:85px;width:1px;background:#d8dccb}.story .story-step{position:relative;padding:90px 0 80px 38px;min-height:57vh;opacity:.48;transition:opacity .7s var(--ease)}.story .story-step.active{opacity:1}.story .story-step:before{content:'';position:absolute;width:7px;height:7px;background:#aeb7a0;left:-3px;top:114px;border-radius:50%;transition:background .5s,box-shadow .5s,transform .7s}.story .story-step.active:before{background:var(--cobalt);box-shadow:0 0 0 6px var(--ivory),0 0 0 7px #d8dccb;transform:scale(1.15)}.story .step-index{display:flex;align-items:center;gap:16px;font-size:9px;letter-spacing:.04em;text-transform:none}.step-order{font-family:Georgia,serif;font-size:31px;letter-spacing:-.05em;font-style:italic;line-height:1}.story .story-step h3{font-size:clamp(34px,3.6vw,51px);font-weight:500;line-height:1.13;margin:27px 0 24px;letter-spacing:-.055em}.story .story-step p{font-size:13px;line-height:1.95;max-width:320px}.story .step-meta{margin-top:28px;padding-top:17px;font-size:9px;max-width:320px;border-color:#d6dbc9}.story .story-stage{top:130px;height:615px;margin-top:14px}.story .stage-inner{height:555px;padding:30px;background:#e9eddd;border-radius:3px;overflow:clip;isolation:isolate}.story .stage-inner:before{width:290px;height:345px;top:101px;left:50%;border:0;border-radius:2px;background:#e1e9c3;transform:translateX(-50%) rotate(-11deg);z-index:-1}.story .stage-inner:after{content:'';position:absolute;right:0;bottom:0;width:36px;height:36px;background:var(--ivory);clip-path:polygon(100% 0,100% 100%,0 100%)}.story .stage-top{align-items:center;font-size:10px;letter-spacing:.025em;color:#6c775d}.story .stage-counter{font-family:Georgia,serif;font-style:italic;font-size:19px;letter-spacing:-.035em;color:#97a07e}.story .demo-view{max-width:355px;margin-top:48px;min-height:330px}.story .demo-view.animate{animation:chapter-unfold .85s var(--ease) both}.story .demo-receipt{padding:29px 28px 25px;border-radius:2px;box-shadow:0 20px 35px -17px #46503024;transform:rotate(-4deg)}.story .receipt-title{font-size:14px;font-family:'Manrope',sans-serif;letter-spacing:-.03em;font-weight:600}.story .receipt-title .app-icon{height:37px;width:37px;border-radius:50%;font-size:19px}.story .demo-receipt>small{font-size:8px;letter-spacing:.07em;margin-top:23px;color:#909880}.story .demo-receipt>strong{font-size:47px;font-weight:500;letter-spacing:-.065em;margin:9px 0 23px;color:var(--cobalt)}.story .receipt-row{font-size:10px;border-color:#d6dcc6;line-height:1.5}.story .receipt-row+.receipt-row{margin-top:13px}.story .receipt-split{padding:28px;border-radius:3px;transform:rotate(2deg);box-shadow:0 20px 35px -17px #46503024}.story .receipt-split>h4{font-size:25px;font-weight:500;letter-spacing:-.055em}.story .receipt-split>p{font-size:10px;color:#89927a;margin-top:8px}.story .receipt-split .split-person{font-size:12px;margin-top:21px}.story .split-person .avatar{width:32px;height:32px;font-size:10px}.story .split-person b{font-size:15px;font-family:'Manrope',sans-serif;letter-spacing:-.035em;font-weight:500;color:var(--cobalt)}.story .receipt-split>.receipt-row{margin-top:23px;padding-top:17px}.story .repayment-view{border-radius:4px;padding:28px;transform:rotate(-2deg);box-shadow:0 20px 35px -17px #27309c3b}.story .repayment-view>.check-circle{height:47px;width:47px;margin-bottom:20px}.story .repayment-view>strong{font-size:48px;font-weight:500;letter-spacing:-.06em;margin:12px 0 9px}.story .repayment-view>p{font-size:11px}.story .repayment-details{font-size:10px;margin-top:22px;padding-top:17px}.story .story-controls{bottom:49px;gap:8px}.story .story-controls>button{height:32px;width:32px;padding:13px 0}.story .story-controls>button:after{height:2px;width:25px}.story .story-controls>button.active{width:60px}.story .story-controls>button.active:after{width:55px}.story .sample-label{bottom:25px;font-size:6px;letter-spacing:.12em;color:#929b82}.story .stage-note{font-size:17px;margin-top:21px;transform:rotate(-3deg);color:#727b5b}
@keyframes chapter-unfold{from{opacity:0;transform:translateY(18px) rotate(3deg) scale(.98)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}
@media(max-width:1100px){.story .stage-inner{padding:26px 20px}.story .demo-view{max-width:315px}.story .demo-receipt,.story .receipt-split,.story .repayment-view{padding:25px}.story .story-step{padding-left:30px}.story .story-grid{gap:8%}}
@media(max-width:800px){.story{padding-top:65px;padding-bottom:60px}.story .section-heading{display:block}.story .section-heading h2{font-size:7.3vw;margin-top:23px}.story .section-heading>p:last-child{margin-top:22px;font-size:12px;max-width:100%}.story .story-grid{gap:6%;margin-top:40px}.story .story-step{padding:75px 0 65px 26px;min-height:57vh}.story .story-step:before{top:99px}.story .story-step h3{font-size:32px}.story .story-step p{font-size:12px}.story .step-meta{font-size:8px}.story .story-stage{top:125px;height:495px}.story .stage-inner{height:440px;padding:23px 15px}.story .stage-top{font-size:8px}.story .stage-counter{font-size:16px}.story .demo-view{margin-top:30px;min-height:290px}.story .demo-receipt,.story .receipt-split,.story .repayment-view{padding:21px 17px}.story .demo-receipt>strong{font-size:35px}.story .receipt-title{font-size:11px}.story .receipt-title .app-icon{width:29px;height:29px}.story .receipt-row{font-size:8px}.story .receipt-split>h4{font-size:20px}.story .receipt-split>p{font-size:8px}.story .receipt-split .split-person{font-size:9px!important;margin-top:17px;gap:7px}.story .split-person .avatar{width:26px;height:26px;font-size:8px}.story .split-person b{font-size:11px}.story .repayment-view>strong{font-size:35px}.story .repayment-details{font-size:8px}.story .repayment-view>p,.story .repayment-view>small{font-size:9px}.story .story-controls{bottom:38px}.story .sample-label{bottom:19px;font-size:5px}.story .stage-note{font-size:13px}}
@media(max-width:540px){.story .section-heading h2{font-size:8.6vw;line-height:1.17}.story .section-heading>.eyebrow{font-size:6px}.story .section-heading>p:last-child{font-size:11px;line-height:1.9}.story .story-grid{display:flex;margin-top:32px}.story .story-stage{position:relative;top:auto;order:-1;height:536px;max-width:360px;width:100%;margin:0 auto 18px}.story .stage-inner{height:480px;padding:25px 22px}.story .stage-top{font-size:9px}.story .stage-counter{font-size:18px}.story .demo-view{margin-top:32px;max-width:290px}.story .demo-receipt,.story .receipt-split,.story .repayment-view{padding:24px}.story .demo-receipt>strong{font-size:40px}.story .receipt-title{font-size:13px}.story .receipt-row{font-size:9px}.story .receipt-split>h4{font-size:23px}.story .receipt-split>p{font-size:9px}.story .receipt-split .split-person{font-size:11px!important;margin-top:19px}.story .split-person .avatar{width:29px;height:29px;font-size:9px}.story .split-person b{font-size:13px}.story .repayment-view>strong{font-size:42px}.story .repayment-details{font-size:9px}.story .repayment-view>p,.story .repayment-view>small{font-size:10px}.story .story-controls{bottom:40px}.story .sample-label{bottom:21px;font-size:5px}.story .stage-note{font-size:16px}.story .story-step{min-height:0;padding:26px 0 27px 27px;border-top:0;opacity:.68}.story .story-step.active{opacity:1}.story .story-step:before{top:39px}.story .story-step h3{font-size:29px;margin:18px 0}.story .story-step h3 br{display:none}.story .story-step p{max-width:100%}.story .step-meta{max-width:100%;font-size:8px;margin-top:20px}.story-steps:before{top:40px;bottom:70px}.story .step-index{font-size:9px;gap:12px}.step-order{font-size:28px}}
@media(prefers-reduced-motion:reduce){.story *{animation:none!important;transition:none!important}}