/* Scroll story accents use the approved image-generated currency assets. */
.story-reading-line{position:fixed;inset:0 0 auto;height:3px;z-index:80;pointer-events:none;background:linear-gradient(90deg,#818fff,#fff);transform:scaleX(var(--page-progress,0));transform-origin:left;box-shadow:0 0 12px #7b97ff70}
.currency-traveller{position:fixed;left:0;top:0;width:110px;height:141px;z-index:3;pointer-events:none;opacity:0;will-change:transform,opacity;contain:layout style}
.currency-traveller .traveller-visual{position:relative;width:110px;height:110px;filter:drop-shadow(0 9px 12px #00003530)}
.currency-traveller img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;max-width:none;user-select:none}
.currency-traveller .traveller-rupee{opacity:0}
.traveller-caption{position:relative;margin:-3px auto 0;width:max-content;max-width:140px;color:#fff;background:#11152de6;border:1px solid #ffffff26;border-radius:20px;padding:6px 9px;backdrop-filter:blur(10px);font-size:7px;letter-spacing:.11em;white-space:nowrap;font-weight:500;box-shadow:0 3px 12px #0002;text-transform:uppercase}
.invoice-scroll-steps{display:flex;align-items:center;gap:0;width:300px;max-width:100%;margin-top:34px;padding-top:17px;border-top:1px solid #dfe5f2;position:relative;--invoice-progress:0}
.invoice-scroll-steps:before{content:'';position:absolute;top:-1px;left:0;height:2px;width:100%;background:var(--blue);transform:scaleX(var(--invoice-progress));transform-origin:left}
.invoice-scroll-steps>span{flex:1;display:flex;align-items:center;gap:7px;color:#9099ad;font-size:11px;transition:color .25s}
.invoice-scroll-steps b{font-size:8px;font-weight:500;width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#eef1f8;color:#8b95ad;transition:background .25s,color .25s}
.invoice-scroll-steps>span.is-active{color:#10162c}.invoice-scroll-steps>span.is-active b{color:white;background:var(--blue)}
.exchange-scroll-guide{margin-top:25px;max-width:302px;--conversion-progress:0}
.exchange-guide-label{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.15em;color:#8590b6;text-transform:uppercase;margin-bottom:11px}
.exchange-guide-label span:last-child{font-size:10px;color:#dae2ff;letter-spacing:.07em}
.exchange-guide-track{display:flex;align-items:center;gap:9px;font-size:10px;color:#d8e1ff}
.exchange-guide-track i{height:2px;flex:1;background:#ffffff20;position:relative;overflow:hidden}
.exchange-guide-track i:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#5975ff,#d7e4ff);transform:scaleX(var(--conversion-progress));transform-origin:left;box-shadow:0 0 15px #6b8dff}
.exchange-guide-track b{font-size:9px;letter-spacing:.05em;font-weight:500}
.scroll-motion-ready .equation-receive{opacity:var(--quote-reveal,1);clip-path:inset(0 calc((1 - var(--quote-reveal,1))*100%) 0 0);transform:translateY(calc((1 - var(--quote-reveal,1))*16px));will-change:clip-path,transform,opacity}
.scroll-motion-ready .equation-arrow{display:inline-block;transform:scaleX(var(--arrow-reveal,1));transform-origin:left;opacity:var(--arrow-reveal,1)}
.scroll-motion-ready .demo-table tbody tr{will-change:transform,opacity}
.scroll-motion-ready .chart-bars i{transition:height .7s var(--ease);will-change:transform}
.artwork-site .dashboard-stage{transform-style:flat}
.artwork-site .invoice-art-note{left:10%;right:auto}
.motion-paused .currency-traveller{display:none}.motion-paused .invoice-scroll-steps:before,.motion-paused .exchange-guide-track i:before{transform:scaleX(1)}
.motion-paused .equation-receive{opacity:1!important;clip-path:none!important;transform:none!important}.motion-paused .equation-arrow{opacity:1!important;transform:none!important}
@media(max-width:900px){.currency-traveller{width:90px;height:119px}.currency-traveller .traveller-visual{width:90px;height:90px}.traveller-caption{font-size:6px;padding:5px 8px}.invoice-scroll-steps{width:270px}.exchange-scroll-guide{max-width:260px}}
@media(max-width:680px){.currency-traveller{width:68px;height:94px}.currency-traveller .traveller-visual{width:68px;height:68px}.traveller-caption{font-size:5.5px;padding:4px 6px;letter-spacing:.06em;margin-top:0}.invoice-scroll-steps{margin-top:25px;width:285px;padding-top:15px}.invoice-scroll-steps>span{font-size:10px}.invoice-scroll-steps b{width:19px;height:19px;font-size:7px}.exchange-scroll-guide{display:none}.artwork-site .invoice-section{min-height:950px}.artwork-site .invoice-stage{margin-top:18px}.story-reading-line{height:2px}}
@media(prefers-reduced-motion:reduce){.currency-traveller{display:none}.story-reading-line{box-shadow:none}.scroll-motion-ready .equation-receive{opacity:1;clip-path:none;transform:none}.scroll-motion-ready .equation-arrow{opacity:1;transform:none}.scroll-motion-ready .demo-table tbody tr{opacity:1!important;transform:none!important}.scroll-motion-ready .chart-bars i{transform:none!important;will-change:auto}}