/* Paymachi cinematic story: one controlled visual system, HTML text throughout. */
.on-landing .shell{max-width:none;padding:0 clamp(22px,5vw,80px)}
.on-landing .topbar{height:88px;position:relative;z-index:2}
.on-landing .landing-story{--gutter:clamp(22px,5vw,80px);animation:none}
.landing-story .story-hero{position:relative;isolation:isolate;min-height:740px;height:calc(100svh - 88px);max-height:1050px;margin:0 calc(-1 * var(--gutter));padding:clamp(65px,10vh,120px) var(--gutter) 70px;overflow:hidden;background:#e5ebdf;color:#192d22}
.story-hero .eyebrow{position:relative;z-index:2;color:#315e3a}
.landing-story .story-hero h1{position:relative;z-index:2;max-width:64%;font-size:clamp(54px,6.5vw,100px);line-height:1.04;text-wrap:initial;letter-spacing:-.065em}
.story-hero h1 span{color:#315e3a}
.landing-story .hero-close{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:26px;max-width:42%;margin-top:32px}
.hero-close p{color:#435847;font-size:16px;max-width:340px}
.story-hero .btn{background:#315e3a;color:#f6f9f0;border-color:#315e3a}
.reader-art{position:absolute;right:1%;bottom:-8%;width:48%;height:99%;object-fit:contain;object-position:center bottom;z-index:1;transform:translateY(var(--hero-drift,0px));pointer-events:none}
.hero-landscape{position:absolute;inset:0;z-index:-1;background:url('assets/morning-arch.png') center/cover;opacity:.5}
.hero-landscape:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#e5ebdf 0%,#e5ebdfcc 40%,transparent 76%)}
.scroll-cue{position:absolute;bottom:35px;left:var(--gutter);display:grid;place-items:center;width:44px;height:44px;border:1px solid #8b9b85;border-radius:50%;color:#315e3a;z-index:2}
.landing-story .story-chapter{border:0}
.landing-story .tension{min-height:88svh;padding:130px 0;gap:10vw}
.chapter-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.landing-story .tension h2{font-size:clamp(42px,5.2vw,74px)}
.questions-stack{counter-reset:q}
.questions-stack p{padding:26px 0 26px 35px;position:relative;border-bottom:1px solid var(--line)}
.questions-stack p:first-child{padding-top:26px}
.questions-stack p:before{counter-increment:q;content:'0' counter(q);font-size:10px;position:absolute;top:32px;left:0;color:var(--gold);letter-spacing:.06em}
.questions-stack strong{border:0;max-width:340px;font-size:17px}
.landing-story .clarity{margin:0 calc(-1 * var(--gutter));padding:110px var(--gutter);background:var(--surface);gap:12vw;grid-template-columns:1fr 1fr}
.clarity-heading{position:sticky;top:42px}
.clarity-heading h2{font-size:clamp(44px,4.8vw,72px)}
.clarity-heading>p:last-of-type{margin-top:20px;max-width:350px}
.clarity-receipt{max-width:400px;margin-top:30px;padding:26px 30px;background:var(--field);border:1px solid var(--line);border-radius:3px;box-shadow:0 16px 36px #1428190b;transition:transform .6s;transform:rotate(-2deg)}
.clarity[data-pay-step='2'] .clarity-receipt{transform:rotate(0)}
.receipt-brand{display:flex;justify-content:space-between;align-items:center;font-size:20px;font-weight:600}
.receipt-brand small,.receipt-note{font-size:10px;font-weight:400;color:var(--muted)}
.clarity-receipt>p{margin-top:25px;font-size:12px}
.receipt-amount{font-size:clamp(38px,4vw,54px);font-weight:500;letter-spacing:-.06em;color:var(--gold);line-height:1.6}
.receipt-amount>span{font-size:27px}
.receipt-rows{margin:17px 0;border-top:1px dashed var(--line);padding-top:8px}
.receipt-rows>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;font-size:12px;color:var(--muted);transition:background .5s,color .5s}
.clarity[data-pay-step='0'] .receipt-rows>div:first-child,.clarity[data-pay-step='1'] .receipt-rows>div:nth-child(2),.clarity[data-pay-step='2'] .receipt-rows>div:nth-child(3){color:var(--gold);background:var(--surface)}
.receipt-note{display:block;line-height:1.6}
.feature-number{font-size:12px;letter-spacing:.12em;color:var(--gold);margin-bottom:30px}
.landing-story .possibility{padding:110px 0 0;margin:0;height:auto;overflow:visible;background:transparent}
.meaning-intro{max-width:780px;padding:0 0 60px}
.meaning-intro h2{font-size:clamp(44px,5.4vw,78px)}
.meaning-intro>p:last-child{max-width:520px;margin-top:25px;font-size:16px}
.meaning-scroll{position:relative;height:320svh;margin:0 calc(-1 * var(--gutter))}
.meaning-sticky{position:sticky;top:0;height:100svh;min-height:660px;overflow:hidden;background:#e0e9dc;transition:background .8s;isolation:isolate}
.possibility[data-meaning-index='1'] .meaning-sticky{background:#eee5d4}
.possibility[data-meaning-index='2'] .meaning-sticky{background:#d8e5df}
.meaning-visual{position:absolute;inset:0 0 0 46%;z-index:0}
.meaning-visual-wash{position:absolute;inset:15% 0 0;background:radial-gradient(ellipse at center,#ffffff5c,transparent 67%)}
.meaning-image{position:absolute;bottom:-4%;left:50%;width:100%;height:100%;object-fit:contain;object-position:center bottom;opacity:0;transform:translate(-50%,24px) scale(.97);transition:opacity .7s,transform 1s cubic-bezier(.2,.7,.2,1)}
.meaning-image.is-active{opacity:1;transform:translate(-50%,0) scale(1)}
.meaning-copy{position:relative;z-index:1;width:61%;height:100%;display:flex;flex-direction:column;justify-content:center;padding:70px 0 70px var(--gutter);gap:30px}
.meaning-word{font-size:clamp(31px,4.2vw,64px);font-weight:500;letter-spacing:-.05em;line-height:1.14;color:#61705f;transition:color .5s,transform .5s;max-width:700px}
.meaning-word.is-active{color:#254e32;transform:translateX(10px)}
.meaning-word button{font:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;text-align:left;border:0;background:none;padding:0;cursor:pointer}
.meaning-caption{font-size:13px;line-height:1.7;color:#435847;max-width:340px;margin-top:12px;min-height:45px}
.meaning-progress{display:flex;gap:6px;margin-top:4px;width:112px}
.meaning-progress i{height:2px;flex:1;background:#8e9c87;transition:background .5s}
.meaning-progress i.active{background:#254e32}
.landing-story .story-finale{position:relative;isolation:isolate;overflow:hidden;margin:0 calc(-1 * var(--gutter));padding:140px var(--gutter);min-height:90svh;display:flex;flex-direction:column;justify-content:center;background:#e8eee3;border-radius:0;color:#192d22}
.story-finale:before{content:'';position:absolute;inset:0;z-index:-2;background:url('assets/morning-arch.png') center/cover}
.story-finale:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#e8eee3ee 10%,#e8eee3aa 65%,transparent)}
.landing-story .story-finale h2{font-size:clamp(42px,5.4vw,78px);max-width:1050px;text-wrap:initial}
.story-finale h2 span{color:#315e3a}
.finale-bottom{align-items:flex-start;flex-direction:column;gap:28px}
.finale-bottom p{color:#435847}
.story-finale .btn{background:#315e3a;border-color:#315e3a;color:#fff}
.atmosphere-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.motion-toggle{position:absolute;right:var(--gutter);bottom:24px;background:#e8eee3;border:1px solid #8e9c87;color:#315e3a;border-radius:30px;padding:10px 15px;font-size:11px}
.chapter-dots{position:fixed;right:12px;top:43%;z-index:2;display:flex;flex-direction:column;gap:10px}
.chapter-dots button{position:relative;width:28px;height:28px;border:0;background:none;display:grid;place-items:center}
.chapter-dots button:after{content:'';width:5px;height:5px;border-radius:50%;background:var(--gold);opacity:.5}
.chapter-dots button[aria-current]:after{opacity:1;transform:scale(1.7)}
.chapter-dots span{display:none;position:absolute;right:32px;white-space:nowrap;background:var(--bg);padding:9px 12px;font-size:11px;border:1px solid var(--line)}
.chapter-dots button:is(:hover,:focus-visible) span{display:block}
.on-landing .review-rail{position:relative;left:auto;bottom:auto;transform:none;margin:0 auto 24px;max-width:940px;width:100%;box-shadow:none}
.on-landing .footer{padding-bottom:30px}
.story-reveal{opacity:1}
@media(prefers-reduced-motion:no-preference){.story-reveal{opacity:0;transform:translateY(22px);transition:opacity .75s,transform .75s cubic-bezier(.2,.7,.2,1)}.story-reveal.is-visible{opacity:1;transform:none}}
@media(max-width:1000px){.chapter-dots{display:none}.landing-story .story-hero h1{max-width:67%;font-size:clamp(52px,7vw,75px)}.reader-art{right:-6%;width:55%}.landing-story .clarity{gap:6vw}.meaning-copy{width:66%}.meaning-word{font-size:clamp(34px,4.6vw,48px)}}
@media(max-width:760px){.on-landing .topbar{height:74px}.landing-story .story-hero{height:auto;max-height:none;min-height:0;padding-top:54px;padding-bottom:390px}.landing-story .story-hero h1{max-width:100%;font-size:clamp(44px,11vw,72px)}.landing-story .hero-close{max-width:100%;gap:23px}.reader-art{height:385px;width:90%;right:-8%;bottom:-20px}.hero-landscape{background-position:65% center}.scroll-cue{bottom:30px}.landing-story .tension{min-height:0;padding:85px 0;gap:42px}.landing-story .tension h2{font-size:43px}.landing-story .clarity{grid-template-columns:1fr;padding-top:75px;padding-bottom:75px;gap:30px}.clarity-heading{position:static}.clarity-receipt{margin:30px auto 0;transform:none}.feature-number{margin-bottom:18px}.landing-story .possibility{padding-top:85px}.meaning-intro{padding-bottom:45px}.meaning-intro h2{font-size:43px}.meaning-scroll{height:280svh}.meaning-sticky{min-height:640px}.meaning-copy{width:100%;height:auto;padding:48px 22px 0;gap:20px}.meaning-word{font-size:clamp(29px,7.7vw,43px);max-width:560px}.meaning-word.is-active{transform:translateX(5px)}.meaning-caption{font-size:12px;max-width:260px;margin-top:0;min-height:41px}.meaning-visual{inset:38% -8% 0 15%}.meaning-image{height:100%;width:100%;bottom:-7%}.meaning-progress{margin:0}.landing-story .story-finale{padding-top:100px;padding-bottom:120px;min-height:80svh}.landing-story .story-finale h2{font-size:clamp(40px,10vw,60px)}.story-finale:after{background:#e8eee3bd}.landing-story .faq{padding:70px 0}.on-landing .review-rail{margin-bottom:16px}.on-landing .footer{padding-bottom:25px}}
@media(max-height:720px) and (min-width:761px){.clarity-heading{position:static}.meaning-sticky{min-height:560px}.meaning-word{font-size:clamp(32px,4vw,56px)}.meaning-copy{gap:24px}}
@media(prefers-reduced-motion:reduce){.meaning-scroll{height:auto}.meaning-sticky{position:relative}.meaning-image,.meaning-word,.meaning-sticky,.clarity-receipt,.reader-art{transition:none;transform:none;animation:none}.meaning-image{transform:translateX(-50%)}.meaning-image.is-active{transform:translateX(-50%)}.story-reveal{opacity:1;transform:none}.atmosphere-video{display:none}}