.scene-page{--paper:#eeeee5;--forest:#17392d;--accent:#d1f0a8;background:var(--paper);color:#262b24}.scene-page main{max-width:none;padding:0;margin:0}.scene-page h1,.scene-page h2{letter-spacing:-.035em;text-wrap:balance}.scene-page p{text-wrap:pretty}.scene-page a,.scene-page button,.scene-page summary{transition:background .2s,transform .2s}.scene-page :focus-visible{outline:3px solid #96b86d;outline-offset:5px}.scene-hero{position:relative;min-height:90svh;color:#fff;isolation:isolate;overflow:hidden;background:var(--forest)}.scene-media,.scene-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.scene-shade{z-index:-1;background:linear-gradient(180deg,#0b201b20,#0b241c70 50%,#0a1e18df)}.scene-home{position:absolute;left:32px;top:28px}.scene-home img{width:110px}.scene-caption{position:absolute;left:8vw;bottom:22%;max-width:780px}.scene-caption h1{font-size:clamp(44px,5.5vw,80px);line-height:1.02;margin:20px 0 24px}.scene-caption em,.story-question em{font-family:var(--serif);font-style:italic;font-size:1em;letter-spacing:0;font-weight:400}.scene-caption .lead{font-size:17px;line-height:1.55;max-width:390px}.why-gridpe .scene-caption{left:auto;right:8vw;text-align:right}.why-gridpe .lead{margin-left:auto}.read-on{position:absolute;left:32px;bottom:32px;min-height:44px;display:flex;align-items:center;gap:30px;font-size:12px;text-decoration:none}.chapters{max-width:none;padding:0;margin:0;scroll-margin-top:0}.journey{position:relative;min-height:660px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:90px 8vw;gap:5vw;overflow:hidden}.journey-copy{max-width:420px;position:relative;z-index:2}.journey-copy h2,.story-statement h2{font-size:clamp(32px,3.5vw,48px);line-height:1.1;margin:22px 0}.journey-copy p,.story-statement p{font-size:16px;line-height:1.7;max-width:43ch}.journey-copy .eyebrow,.story-statement .eyebrow{font-size:11px;letter-spacing:.14em}.chapter-link{display:inline-flex;min-height:48px;align-items:center;margin-top:18px;font-size:14px}.choose{background:var(--paper);grid-template-columns:.9fr 1.2fr}.cash-sculpture{position:relative;min-height:460px;perspective:1000px;isolation:isolate}.cash-orbit{position:absolute;width:90%;aspect-ratio:1;border:1px solid #667e4840;border-radius:50%;left:5%;top:0;z-index:-1;background:radial-gradient(ellipse,#bed5a64d,transparent 66%)}.cash-orbit:after{content:"";position:absolute;inset:12%;border:1px solid #667e4829;border-radius:50%}.note,.selected-note{position:absolute;width:82%;height:auto;object-fit:contain;filter:drop-shadow(0 24px 14px #23312624);left:9%;top:18%;transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .4s}.note-0{transform:translate(-4%,-28%) rotate(-20deg)}.note-1{transform:translate(8%,14%) rotate(14deg)}.note-2{transform:translate(-3%,68%) rotate(-8deg)}.choose .note{opacity:.3}.choose .note-2{transform:translate(8%,80%) rotate(15deg)}.selected-note{top:31%;transform:rotate(-9deg) translateZ(40px)}.cash-sculpture.is-changing .selected-note{transform:rotate(-3deg) translateY(-18px)}.denominations{display:flex;gap:10px;margin-top:32px}.denominations button{font-size:15px;min-height:44px;padding:8px 19px;background:transparent;border:1px solid #87977770;color:#293628}.denominations button[aria-pressed=true]{background:var(--forest);color:white;border-color:var(--forest)}.journey-copy .demo-hint{font-size:12px;color:#5d6856;margin-top:12px}.follow{min-height:780px;display:block;background:var(--forest);color:#fff;isolation:isolate}.city-panorama,.city-tint{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.city-tint{z-index:-2;background:linear-gradient(90deg,#10251dec 0%,#1530289c 42%,#0c261923 85%)}.follow .journey-copy{padding-top:80px;max-width:370px}.follow .journey-copy h2{font-size:clamp(34px,3.7vw,50px)}.route-world{position:absolute;inset:6% -10% 0 35%;z-index:-1}.route-world svg{width:100%;height:100%;fill:#efffdf;filter:drop-shadow(0 0 14px #dbffba70)}.route-main,.route-shadow{fill:none;stroke-linecap:round}.route-shadow{stroke:#183a2960;stroke-width:18}.route-main{stroke:var(--accent);stroke-width:3;stroke-dasharray:7 12}.rider{fill:#fff;stroke:#c9fca7;stroke-width:8}.scene-note{position:absolute;bottom:38px;right:8vw;font-size:11px;color:#ffffffc9}.confirm{background:#dce6d6;grid-template-columns:1.2fr 1fr;min-height:650px}.handover{position:relative;min-height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;isolation:isolate}.handover-ring{position:absolute;width:84%;aspect-ratio:1;border:1px solid #48664238;border-radius:50%;z-index:-1}.ring-two{width:64%;border-style:dashed}.otp-display{display:flex;gap:8px;perspective:700px}.otp-display span{display:grid;place-items:center;width:clamp(38px,4.1vw,56px);height:76px;border:1px solid #ffffffb3;border-radius:12px;background:#f7f9efbb;font:30px/1 var(--mono);box-shadow:0 12px 24px #2e462512;transition:transform .6s,background .5s,color .5s}.otp-display span:nth-child(2n){transform:translateY(-10px)}.handover-button{background:var(--forest);color:white;font-size:14px;min-height:48px}.handover-button:hover{background:#355839}.handover-status{font-size:12px!important}.handover.is-confirmed .otp-display span{background:var(--forest);color:var(--accent);transform:rotateX(360deg)}.handover.is-confirmed .ring-one{border-color:#507448}.story-spread{min-height:900px;position:relative;display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:100px 8vw 170px;overflow:hidden}.story-statement{max-width:400px;align-self:center}.story-window{height:530px;overflow:hidden;border-radius:50% 50% 0 0;align-self:start;margin-top:40px}.story-window img{width:100%;height:100%;object-fit:cover;object-position:43% 50%;transition:transform 1.2s}.story-window:hover img{transform:scale(1.08)}.story-question{position:absolute;bottom:60px;left:8vw;right:8vw;margin:0;font:clamp(34px,4.5vw,62px)/1.2 var(--serif);max-width:720px;letter-spacing:-.025em}.story-answer{background:var(--forest);color:#f7f7ed;grid-template-columns:1.2fr 1fr}.story-answer .cash-orbit{border-color:#c0e49840;background:radial-gradient(ellipse,#92bc763d,transparent 65%)}.story-answer .cash-orbit:after{border-color:#c0e49829}.story-answer .cash-sculpture{min-height:490px}.join-chapter{background:var(--forest);color:#f7f7ed;padding:90px 8vw 110px;max-width:none;margin:0;border-top:1px solid #ffffff25;display:grid;grid-template-columns:1fr 1fr;gap:20px 8vw}.join-chapter h2{font-size:clamp(32px,3.6vw,48px);grid-row:span 3;max-width:450px;margin:0;align-self:center}.join-chapter>p{font-size:16px;margin:0}.join-chapter form{grid-column:2}.join-chapter label,.join-chapter input,.join-chapter button{font-size:15px}.join-chapter input{background:#ffffff08}.join-chapter button{background:#d9edbd;color:#203c29;white-space:nowrap}.scene-page footer{max-width:none;background:var(--forest);color:#ecefdf;padding:24px 8vw 140px;font-size:12px;border-top:1px solid #ffffff25}.scene-dock{position:fixed;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:5;display:flex;gap:8px;padding:7px;border-radius:50px;background:#ededed45;backdrop-filter:blur(24px);border:1px solid #ffffff9c;box-shadow:inset 0 1px 2px #fff8,0 8px 32px #172c2226}.dock-home,.dock-menu summary{width:52px;height:52px;border-radius:50%;background:#faf9f3;display:flex;align-items:center;justify-content:center;color:#272725;cursor:pointer;list-style:none}.dock-home img{width:25px;height:25px}.dock-join{display:flex;align-items:center;justify-content:center;border-radius:40px;width:230px;background:#2c2b2a;color:white;text-decoration:none;border:1px solid #ffffff70;font:17px/1 var(--sans)}.dock-menu summary::-webkit-details-marker{display:none}.dock-menu nav{position:absolute;bottom:84px;left:0;right:0;background:#292e29f2;color:#fff;border:1px solid #ffffff70;border-radius:28px;padding:25px;display:flex;flex-direction:column;gap:8px;backdrop-filter:blur(20px)}.dock-menu nav a{justify-content:center;font:32px/1.2 var(--serif);padding:12px}.dock-menu nav a[aria-current]{text-decoration:underline;border:none}.dock-join:hover{background:#464a42}.dock-home:hover,.dock-menu summary:hover{background:#d9ebdb}.scene-page button:active{transform:scale(.97)}
@supports(animation-timeline:view()){.story-window img{animation:city-approach linear both;animation-timeline:view();animation-range:entry 0% exit 100%}.story-answer .note{animation:notes-arrive linear both;animation-timeline:view();animation-range:entry 0% cover 40%}}@keyframes city-approach{from{transform:scale(1.18)}to{transform:scale(1)}}@keyframes notes-arrive{from{opacity:.2;translate:0 65px}to{opacity:1;translate:0 0}}
@media(max-width:760px){.scene-hero{min-height:90svh}.scene-home{top:24px;left:22px}.scene-caption,.why-gridpe .scene-caption{left:24px;right:24px;bottom:23%;text-align:left}.scene-caption h1{font-size:clamp(42px,10vw,58px)}.scene-caption .lead{font-size:16px;max-width:31ch;margin-left:0}.read-on{left:24px;bottom:110px}.journey{grid-template-columns:1fr;min-height:0;padding:64px 6vw;gap:24px}.journey-copy{max-width:100%}.journey-copy h2,.story-statement h2{font-size:34px}.cash-sculpture{min-height:350px;width:min(100%,430px);margin:auto}.cash-orbit{width:78%;left:11%}.note,.selected-note{width:80%;left:10%}.follow{min-height:760px}.follow .journey-copy{padding-top:0}.city-tint{background:linear-gradient(#10251ded 0%,#1530288c 40%,#0c26193b 100%)}.route-world{inset:35% -25% 0 -15%}.scene-note{bottom:30px;left:6vw;right:6vw}.confirm .handover{order:2;min-height:340px}.otp-display{gap:5px}.otp-display span{width:clamp(35px,9vw,48px);height:64px;font-size:25px}.story-spread{grid-template-columns:1fr;min-height:0;padding:64px 6vw;gap:30px}.story-window{height:380px;margin-top:0;width:85%;justify-self:end}.story-question{position:relative;left:auto;right:auto;bottom:auto;font-size:38px;margin-top:0}.story-answer .cash-sculpture{min-height:350px;order:2}.join-chapter{display:block;padding:64px 6vw 80px}.join-chapter h2{font-size:36px;margin-bottom:25px}.join-chapter>p{margin-bottom:24px}.dock-join{width:190px;font-size:18px}.dock-home,.dock-menu summary{width:44px;height:44px}.scene-dock{gap:6px;padding:6px}.scene-page footer{padding:24px 6vw 120px}.form-row{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.scene-page *, .scene-page *:before,.scene-page *:after{animation:none!important;transition:none!important}.rider{display:none}.scene-hero video{display:none}.our-story .scene-hero{background:url('/assets/experience/indian-bank-city.png') center/cover}}
/* Companion typography and closing section: readable, familiar letterforms. */
.scene-page{font-family:var(--sans);font-size:16px;--motion-settle:linear(0,.45 18%,.82 38%,1.025 62%,.995 82%,1)}
.scene-page h1{font-family:var(--serif);font-size:clamp(38px,4.3vw,60px);letter-spacing:-.015em;line-height:1.08}.scene-caption em,.story-question em{font-family:var(--serif);font-size:1em;font-style:italic}.scene-page h2{font-family:var(--serif);font-weight:400;font-size:clamp(27px,2.8vw,38px);line-height:1.15;letter-spacing:-.015em}.scene-caption .lead,.journey-copy p,.story-statement p{font-family:inherit;font-size:15px;line-height:1.7}.scene-page .eyebrow{font:600 11px/1.4 var(--display);letter-spacing:.1em}.scene-page .story-question{font-family:var(--serif);font-size:clamp(30px,3.7vw,48px)}.follow .journey-copy h2{font-size:clamp(28px,2.9vw,40px)}.denominations button,.handover-button,.handover-status,.demo-hint,.dock-join,.read-on,.scene-note{font-family:inherit}.dock-join{font-size:17px}.dock-menu nav a{font-family:var(--serif);font-size:27px}.otp-display span{font-family:var(--mono);font-size:25px;font-variant-numeric:tabular-nums}.journey-copy .demo-hint{font-size:12px}
.join-chapter{background:#eeeee5;color:#26372c;grid-template-columns:1fr 1fr;gap:64px;padding:72px 8vw 48px;border-top:1px solid #26372c20;align-items:center}.signup-heading h2{font-size:32px;margin:12px 0 16px;max-width:340px}.signup-heading p{font-size:14px;line-height:1.6;max-width:320px}.signup-heading .eyebrow{font-size:11px}.join-chapter form{grid-column:auto}.join-chapter label{font-family:inherit;font-size:13px;margin-top:0}.join-chapter input{font:15px/1.5 var(--sans);color:#26372c;background:#fff8;border:1px solid #26372c40;border-radius:12px}.join-chapter button{font-family:inherit;font-size:14px;background:#17392d;color:white;border-radius:12px;min-height:50px}.join-chapter .fine{font-size:11px;line-height:1.6;color:#566052}.join-chapter #join-status{font-size:13px;min-height:20px}.scene-page .companion-footer{background:#eeeee5;color:#566052;border-top:1px solid #26372c20;padding:24px 8vw 122px;display:flex;justify-content:space-between;align-items:center;gap:24px}.footer-brand img{display:block;width:82px;height:auto}.companion-footer nav{display:flex;gap:22px;align-items:center}.companion-footer nav a{font-size:12px;min-height:36px;text-decoration:none}.motion-toggle{font:12px/1.4 var(--sans);min-height:36px;padding:4px 0;background:none!important;color:#566052!important;border:none;border-radius:0;text-decoration:underline;text-underline-offset:4px}.motion-toggle:disabled{display:none}
/* Motion is activated only while a section is visible. */
.motion-ready .journey-copy>* ,.motion-ready .story-statement>*{opacity:0;transform:translateY(20px);transition:opacity .5s,transform .65s var(--motion-settle)}.motion-ready.in-view .journey-copy>*,.motion-ready.in-view .story-statement>*{opacity:1;transform:translateY(0)}.motion-ready .journey-copy>:nth-child(2),.motion-ready .story-statement>:nth-child(2){transition-delay:70ms}.motion-ready .journey-copy>:nth-child(3),.motion-ready .story-statement>:nth-child(3){transition-delay:140ms}.motion-ready .journey-copy>:nth-child(n+4),.motion-ready .story-statement>:nth-child(n+4){transition-delay:210ms}.motion-ready .cash-sculpture{opacity:.3;transform:translateY(35px) scale(.96);transition:opacity .6s,transform .85s var(--motion-settle)}.motion-ready.in-view .cash-sculpture{opacity:1;transform:none}.cash-sculpture .note,.cash-sculpture .selected-note{animation:cash-breathe 7s cubic-bezier(.45,0,.55,1) infinite;animation-play-state:paused}.cash-sculpture .note-1{animation-delay:-2.3s}.cash-sculpture .note-2{animation-delay:-4.6s}.cash-sculpture .selected-note{animation-delay:-1s;animation-duration:8s}.in-view .cash-sculpture .note,.in-view .cash-sculpture .selected-note{animation-play-state:running}.story-window img{animation:none!important;transition:transform 1.1s cubic-bezier(.16,1,.3,1)}.motion-ready .story-window img{transform:scale(1.14)}.motion-ready.in-view .story-window img{transform:scale(1)}.motion-ready .city-panorama{transform:scale(1.055);transition:transform 1.5s cubic-bezier(.16,1,.3,1)}.motion-ready.in-view .city-panorama{transform:scale(1)}.story-answer .note{animation-name:cash-breathe!important;animation-timeline:auto!important;animation-range:normal!important}.motion-paused *{animation-play-state:paused!important;transition:none!important}.motion-paused .journey-copy>*,.motion-paused .story-statement>*,.motion-paused .cash-sculpture{opacity:1;transform:none}.motion-paused .scene-media{animation:none!important}@keyframes cash-breathe{0%,100%{translate:0 0;rotate:-1deg}50%{translate:0 -14px;rotate:1.2deg}}
@media(max-width:760px){.scene-page h1{font-size:clamp(36px,9vw,48px)}.scene-page h2,.follow .journey-copy h2{font-size:29px}.scene-page .story-question{font-size:34px}.scene-caption .lead,.journey-copy p,.story-statement p{font-size:15px}.join-chapter{display:block;padding:52px 6vw 32px}.signup-heading{margin-bottom:28px}.signup-heading h2{font-size:29px}.scene-page .companion-footer{padding:22px 6vw 114px;gap:16px;align-items:flex-start}.companion-footer nav{gap:8px 16px;flex-wrap:wrap;justify-content:flex-end}.footer-brand img{width:72px}.cash-sculpture .note,.cash-sculpture .selected-note{animation-name:cash-breathe-mobile}.story-window{height:330px}}@keyframes cash-breathe-mobile{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -8px;rotate:1deg}}
@media(prefers-reduced-motion:reduce){.motion-ready .journey-copy>*,.motion-ready .story-statement>*,.motion-ready .cash-sculpture{opacity:1;transform:none}.motion-ready .story-window img,.motion-ready .city-panorama{transform:none}.cash-sculpture .note,.cash-sculpture .selected-note{animation:none!important;translate:none;rotate:none}}
.notes-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.has-notes-scene>.note,.has-notes-scene>.selected-note,.has-notes-scene>.cash-orbit{visibility:hidden}.cash-sculpture.has-notes-scene{perspective:none}.cash-sculpture.has-notes-scene.is-changing{transform:none}
/* Delivery has its own app-led composition; city imagery belongs to the hero. */
.follow{background:#182522;display:grid;grid-template-columns:1fr 1fr;min-height:740px;padding-top:72px;padding-bottom:72px}.follow .journey-copy{padding-top:0;grid-column:1;grid-row:1;max-width:370px}.tracking-grid{position:absolute;inset:0;background-image:linear-gradient(#c6e5b508 1px,transparent 1px),linear-gradient(90deg,#c6e5b508 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none}.tracking-preview{position:relative;grid-column:2;grid-row:1;margin:0;justify-self:center;width:min(270px,85%);z-index:1;transform:rotate(5deg);transition:transform .8s cubic-bezier(.16,1,.3,1)}.tracking-preview img{display:block;width:100%;height:auto;border-radius:28px;border:5px solid #394640;box-shadow:0 32px 70px #0006}.tracking-preview figcaption{text-align:center;font-size:11px;color:#b7c5b7;margin-top:20px}.follow .route-world{inset:15% 0 0 35%;opacity:.45}.motion-ready .tracking-preview{opacity:0;transform:translateY(35px) rotate(9deg);transition:opacity .6s,transform .85s var(--motion-settle)}.motion-ready.in-view .tracking-preview{opacity:1;transform:translateY(0) rotate(5deg)}@media(max-width:760px){.follow{grid-template-columns:1fr;min-height:0;padding:64px 6vw;gap:40px}.tracking-preview{grid-column:1;grid-row:2;width:235px}.follow .route-world{inset:35% -20% 0 -25%}.tracking-grid{background-size:40px 40px}}@media(prefers-reduced-motion:reduce){.motion-ready .tracking-preview{opacity:1;transform:none}}.motion-paused .tracking-preview{opacity:1;transform:none}