/* Device frames match the context in which each product is used. */
.ecosystem-launcher .node-preview.preview-bo,.ecosystem-launcher .node-preview.preview-wpay{overflow:visible;background:transparent;height:230px}
.device-laptop{display:block;position:relative;width:100%;max-width:230px;padding-bottom:11px;filter:drop-shadow(0 12px 9px #0003)}
.laptop-display{display:block;border:7px solid #242b2d;border-bottom-width:11px;border-radius:9px 9px 3px 3px;background:#fff;overflow:hidden;aspect-ratio:16/10}
.ecosystem-launcher .preview-bo .laptop-display img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;border:0;border-radius:0;box-shadow:none;transform:none;background:#fff}
.laptop-display:before{content:'';position:absolute;width:3px;height:3px;border-radius:50%;background:#647274;left:50%;top:2px}
.laptop-base{position:absolute;bottom:0;left:-6%;right:-6%;height:11px;background:linear-gradient(#b7c1c4,#7d898e);border-radius:1px 1px 50% 50%/1px 1px 6px 6px}
.laptop-base:before{content:'';position:absolute;left:39%;width:22%;top:0;height:3px;border-radius:0 0 4px 4px;background:#778589}
.device-terminal{display:block;width:104px;padding:11px 7px 10px;background:linear-gradient(125deg,#465052,#202b2d 58%,#111b1d);border:1px solid #5a6666;border-radius:14px 14px 18px 18px;box-shadow:6px 9px 0 #0b151c45,0 12px 19px #0003;transform:rotate(5deg);position:relative}
.terminal-printer{display:block;height:18px;border-radius:9px 9px 3px 3px;background:linear-gradient(#697477,#343f42);margin:0 1px 7px;border-bottom:3px solid #111b1d}
.terminal-printer:after{content:'';display:block;width:55%;height:4px;background:#e6ebdf;margin:auto;position:relative;top:12px;border-radius:1px}
.terminal-display{display:block;overflow:hidden;border:2px solid #11191a;border-radius:3px;background:#fff}
.ecosystem-launcher .preview-wpay .terminal-display img,.opening-phone.hero-terminal .terminal-display img{width:100%;height:auto;display:block;max-width:100%;position:static;transform:none;box-shadow:none;border:0;border-radius:0;object-fit:contain}
.terminal-controls{display:flex;gap:5px;margin:9px 4px 6px}.terminal-controls i{display:block;flex:1;height:7px;border-radius:2px;background:#a84e44;box-shadow:0 2px 0 #101b1f}.terminal-controls i:nth-child(2){background:#d0bb5c}.terminal-controls i:nth-child(3){background:#59a079}.terminal-slot{display:block;height:3px;border-radius:4px;background:#101718;margin:8px 8px 0;border-bottom:1px solid #6a7879}
.opening-phone.hero-terminal{width:145px;top:19px;left:37%;transform:rotate(2deg)}
.opening-phone.hero-terminal .device-terminal{width:100%;transform:none;padding:12px 8px 11px}
.opening-phone.hero-terminal .terminal-printer{height:22px}.opening-phone.hero-terminal .terminal-printer:after{top:15px}
.opening-phone.hero-terminal figcaption{padding-top:13px}
.ecosystem-launcher .preview-app{height:230px}
.story-client-example>h4{font-family:LocalSans,Arial,sans-serif;font-weight:500;line-height:1.35;letter-spacing:-.02em;margin:0}
.story-custom{margin-top:36px;padding-top:27px;border-top:1px solid var(--line)}.story-custom>h3{line-height:1.25}.story-custom>p{line-height:1.8;color:#59694f;margin-top:16px;max-width:850px}
/* A complete local payment walkthrough, with the two sides shown together. */
.payment-demo{background:#e7eddf;border:1px solid #d1dbc7;border-radius:20px;margin-top:42px;padding:32px;color:#182622}
.payment-demo-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:25px}.payment-demo-heading h3{line-height:1.15;max-width:500px}.payment-demo-heading p{line-height:1.7;color:#596b4d;margin-top:11px}
.sim-reset{display:inline-flex;align-items:center;gap:13px;background:#f8faf2;border:1px solid #bccab0;border-radius:100px;padding:11px 15px;white-space:nowrap}.sim-reset:hover{background:#d1f663}.sim-reset>span{line-height:1}
.sim-disclaimer{line-height:1.6;color:#718363;margin-top:15px}
.payment-progress{list-style:none;display:flex;justify-content:space-between;gap:9px;margin:27px 0 31px;padding:0;border-top:1px solid #c4d1b7;padding-top:17px}
.payment-progress li{display:flex;align-items:center;gap:7px;color:#859379;line-height:1.4}.payment-progress li>span{width:23px;height:23px;border:1px solid #bac7ae;border-radius:50%;display:grid;place-items:center;flex-shrink:0;}.payment-progress li[aria-current=step]{color:#1b3322;font-weight:500}.payment-progress li[aria-current=step]>span{background:#182622;color:#d1f663;border-color:#182622;box-shadow:0 0 0 3px #d4dfc7}.payment-progress li.done{color:#526e37}.payment-progress li.done>span{background:#d6e4c5;color:#526e37;border-color:#afc395}
.payment-devices{display:grid;grid-template-columns:1.06fr 1fr;align-items:start;justify-items:center;gap:30px;max-width:760px;margin:auto}
.sim-device-column{display:flex;flex-direction:column;align-items:center;width:100%;min-width:0}.sim-device-label{letter-spacing:.06em;color:#566d45;margin-bottom:16px}
.sim-terminal{width:286px;max-width:100%;padding:17px 12px 16px;border-radius:24px 24px 31px 31px;background:linear-gradient(125deg,#535e60,#263235 55%,#182528);border:1px solid #667678;box-shadow:8px 10px 0 #9ba98c,0 19px 22px #162a1520}
.sim-printer{height:36px;background:linear-gradient(#738083,#354248);border-radius:14px 14px 4px 4px;margin:0 10px 13px;border-bottom:4px solid #142025}.sim-printer>span{height:5px;width:62%;margin:auto;display:block;background:#e7eade;position:relative;top:26px;border-radius:2px}
.sim-terminal-screen{background:#f6f8f4;border:3px solid #152126;border-radius:7px;min-height:404px;padding:18px 16px 19px;overflow:hidden}
.sim-brand{font-family:Arial,Helvetica,sans-serif;font-weight:800;line-height:1;letter-spacing:-.04em;color:#129f87;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.sim-brand>span{font-family:LocalSans,Arial,sans-serif;font-weight:400;line-height:1;letter-spacing:.06em;color:#84917e}
.sim-terminal-screen h4,.sim-phone-screen h4{font-family:LocalSans,Arial,sans-serif;font-weight:500;line-height:1.35;letter-spacing:-.025em;margin:0 0 19px;color:#1a302a;outline:none}
.sim-hardware-keys{display:flex;gap:12px;margin:15px 28px 0}.sim-hardware-keys>span{height:12px;flex:1;border-radius:3px;background:#ad5b51;box-shadow:0 3px 0 #0f1b1f}.sim-hardware-keys>span:nth-child(2){background:#c6b65a}.sim-hardware-keys>span:nth-child(3){background:#66a284}.sim-card-slot{height:5px;background:#152126;border-bottom:1px solid #768b8d;border-radius:5px;margin:15px 25px 0}
.sim-amount-label{color:#65765b;display:block;margin-top:10px}.sim-amount{width:100%;background:#fff;border:1px solid #ccd9c3;border-radius:7px;padding:13px 10px;color:#1a302a;font-weight:500;margin-top:8px;text-align:right;outline:none}.sim-amount:focus{border-color:#21a58b;box-shadow:0 0 0 2px #27ad8c25}
.sim-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:14px}.sim-keypad button{background:#e8ede4;border:1px solid #d7dfd1;color:#344b38;border-radius:5px;min-height:34px}.sim-keypad button:hover{background:#d2e5bd}.sim-keypad button:active{background:#bdd79f}
.sim-button{display:block;width:100%;padding:12px 10px;background:#139d83;border:1px solid #139d83;color:white;border-radius:7px;min-height:44px;line-height:1.4;font-weight:500;margin-top:16px;transition:background .2s}.sim-button:hover{background:#0c816c}.sim-button:disabled{opacity:.4;cursor:default}.sim-button.sim-secondary{background:transparent;color:#65765b;border-color:#c6d1bd;margin-top:9px}.sim-button.sim-secondary:hover{background:#e5ecdf}
.sim-error{line-height:1.5;color:#a64b38;margin-top:7px}.sim-copy{line-height:1.7;color:#596a4f;margin-top:13px}.sim-hint{line-height:1.6;color:#79856f;margin-top:14px}.sim-hint strong{font-weight:500;color:#4b6743}
.sim-prompt{display:flex;flex-direction:column;align-items:center;text-align:center;padding:25px 5px 15px}.sim-prompt p{line-height:1.8;margin-top:19px;color:#627455}.sim-big-icon{width:58px;height:58px;border-radius:18px;background:#d8ecd5;color:#3d7955;display:grid;place-items:center;font-weight:500}
.sim-identification{margin-top:25px}.sim-identification .sim-button{background:#fff;color:#2d6149;border-color:#c8d9c0;margin-top:10px;text-align:left;padding:14px}.sim-identification .sim-button:after{content:'→';float:right}.sim-identification .sim-button:hover{background:#e1efd8}
.sim-summary{margin:0;line-height:1.5}.sim-summary>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;border-bottom:1px solid #e0e5da}.sim-summary dt{color:#65755a}.sim-summary dd{margin:0;white-space:nowrap;font-weight:500}.sim-summary .sim-due{padding:12px 9px;background:#d4e9ce;border-radius:5px;border:0;margin-top:9px}.sim-summary .sim-due dt{color:#345732}.sim-summary .sim-due dd{letter-spacing:-.035em;color:#264f32}
.sim-cashback-choice{display:flex;align-items:center;gap:10px;padding:13px 10px;border:1px solid #c8d8bf;background:#fff;border-radius:6px;color:#5d7152;cursor:pointer;margin-top:18px}.sim-cashback-choice input{accent-color:#14896f;width:17px;height:17px;flex-shrink:0}.sim-cashback-choice strong{display:block;color:#305936;margin-top:3px;font-weight:500}
.sim-waiting{display:flex;align-items:flex-start;gap:10px;background:#e2ead8;border-radius:7px;padding:13px 12px;margin-top:21px}.sim-waiting p{line-height:1.7;color:#536c40}.sim-wait-dot{width:7px;height:7px;border-radius:50%;background:#83a744;flex-shrink:0;margin-top:6px;box-shadow:0 0 0 4px #b9ce9e}
.sim-notice{line-height:1.6;background:#f0e9d6;color:#8c7032;border-radius:5px;padding:10px;margin-top:12px}
.sim-phone{width:245px;max-width:100%;min-height:490px;padding:11px 8px 12px;background:#25322e;border:1px solid #54644f;border-radius:30px;box-shadow:6px 8px 0 #bdc9b0,0 17px 23px #162a1514;margin-top:38px;position:relative}
.sim-phone-speaker{height:5px;width:44px;background:#7b8a72;border-radius:9px;margin:1px auto 10px}.sim-phone-screen{border-radius:15px;background:#fbfcf8;min-height:421px;padding:24px 16px}.sim-phone-home{height:3px;width:48px;background:#708063;border-radius:3px;margin:10px auto 0}.sim-phone-idle{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:94px}.sim-phone-idle h4{margin-top:17px;}.sim-phone-idle p{line-height:1.8;color:#839179;max-width:170px;margin-top:0}.sim-app-mark{width:45px;height:45px;border:1px solid #bdd5b6;border-radius:13px;display:grid;place-items:center;font-family:Arial,sans-serif;font-weight:500;line-height:1;color:#129d85}.sim-phone-kicker{color:#7b8d6e;letter-spacing:.07em;margin-bottom:23px}.sim-phone-amount{letter-spacing:-.045em;font-weight:500;margin:25px 0 18px;color:#2e6441}.sim-phone-screen .sim-button{margin-top:23px}.sim-earned{background:#e1edd5;padding:14px 12px;border-radius:7px;margin-top:20px;display:flex;justify-content:space-between;gap:13px;align-items:center}.sim-earned span{line-height:1.7;color:#5a7547}.sim-earned strong{font-weight:500;white-space:nowrap;color:#365f2b}.sim-success{text-align:center;margin:20px 0}.sim-success>span{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#d2e8c7;color:#3b763d;margin:0 auto 16px}.sim-success>strong{letter-spacing:-.045em;color:#2f6738;display:block;font-weight:500}.sim-success>p{margin-top:9px;color:#608453}.sim-success h4{margin-bottom:17px}.sim-phone-screen .sim-success{margin-top:40px}.sim-phone-screen .sim-copy{margin-top:19px}
.sim-conditions{margin-top:31px;padding-top:18px;border-top:1px solid #c4d1b8;max-width:700px}.sim-conditions summary{cursor:pointer;color:#5f754e}.sim-conditions p{line-height:1.8;color:#79876f;margin-top:11px}
@media(max-width:1100px){.ecosystem-launcher .node-preview.preview-bo,.ecosystem-launcher .node-preview.preview-wpay,.ecosystem-launcher .preview-app{height:220px}.device-laptop{max-width:195px}.device-terminal{width:97px}.payment-demo{padding:25px}.payment-devices{gap:24px}.payment-demo-heading h3{}.sim-terminal{width:265px;padding:15px 10px}.sim-terminal-screen{padding:17px 13px;min-height:412px}.sim-phone{width:230px}.sim-phone-screen{padding:24px 13px;min-height:421px}.payment-progress li{gap:5px}.payment-progress li>span{width:20px;height:20px}.opening-phone.hero-terminal{width:128px;top:26px;left:34%}}
@media(max-width:800px){.ecosystem-launcher .ecosystem-node[data-case=bo]{grid-template-columns:minmax(0,1fr)}.ecosystem-launcher [data-case=bo] .node-preview{grid-column:1;grid-row:4;height:140px;margin:15px 0 0;overflow:visible}.ecosystem-launcher [data-case=bo] .node-action{grid-row:5}.ecosystem-launcher .node-preview.preview-wpay{height:180px;margin-top:0}.device-laptop{max-width:220px}.laptop-display{border-width:6px;border-bottom-width:9px}.ecosystem-launcher .device-terminal{width:73px;padding:7px 5px 8px;border-radius:11px}.ecosystem-launcher .terminal-printer{height:11px;margin-bottom:5px;border-bottom-width:2px}.ecosystem-launcher .terminal-printer:after{height:3px;top:7px}.ecosystem-launcher .terminal-display{border-width:1px}.ecosystem-launcher .terminal-controls{gap:3px;margin:6px 2px 4px}.ecosystem-launcher .terminal-controls i{height:5px}.ecosystem-launcher .terminal-slot{height:2px;margin-top:6px}.ecosystem-launcher .preview-app{height:155px}.opening-phone.hero-terminal{width:117px;top:11px;left:37%}.opening-phone.hero-terminal .terminal-display img{width:100%;height:auto}.story-client-example>h4{}.story-custom>h3{}.story-custom>p{}.payment-demo{padding:24px 18px;margin-top:33px;border-radius:15px}.payment-demo-heading{gap:15px;flex-wrap:wrap}.payment-demo-heading h3{}.payment-demo-heading p{}.sim-reset{padding:9px 13px}.sim-disclaimer{line-height:1.7}.payment-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 8px;margin-bottom:27px}.payment-progress li{}.payment-devices{grid-template-columns:1fr;gap:38px}.sim-device-column{max-width:290px}.sim-terminal{width:272px}.sim-terminal-screen{min-height:395px;padding:19px 16px}.sim-phone{margin-top:0;width:241px}.sim-phone-screen{min-height:390px}.sim-phone{min-height:455px}.sim-phone-idle{padding-top:72px}.sim-device-label{margin-bottom:16px}.sim-copy{}.sim-button{}.sim-summary{}.sim-disclaimer{max-width:280px}.sim-conditions{margin-top:28px}.sim-conditions summary,.sim-conditions p{}}
@media(min-width:701px) and (max-width:950px){.payment-devices{grid-template-columns:1fr;gap:35px}.sim-phone{margin-top:0}.sim-device-column{max-width:290px}}
@media(max-width:420px){.opening-phone.hero-terminal{width:106px;left:34%;top:8px}.opening-phone.hero-terminal .device-terminal{padding:9px 6px}.opening-phone.hero-terminal .terminal-printer{height:15px}.opening-phone.hero-terminal .terminal-printer:after{top:10px}.opening-phone.hero-terminal .terminal-controls{margin-block:7px 5px}.opening-phone.hero-terminal .terminal-controls i{height:6px}.ecosystem-launcher .device-terminal{width:65px}.payment-demo{padding:22px 13px;margin-inline:-3px}.payment-demo-heading h3{}.sim-terminal{width:249px}.sim-terminal-screen{padding:17px 12px}.sim-phone{width:230px}.sim-phone-screen{padding-inline:14px}.payment-progress li{gap:5px}.sim-summary{}.sim-device-label{}.sim-button{}.sim-amount{}}

.story-comparison h4{font-family:Arial,Helvetica,sans-serif;font-weight:800;line-height:1.15;letter-spacing:-.055em;margin:0}@media(max-width:800px){.story-comparison h4{}}
/* Original captures remain intact; only their real action areas are interactive. */
.capture-walkthrough{display:grid;grid-template-columns:minmax(230px,1fr) minmax(240px,1fr);gap:45px;align-items:center;max-width:800px;margin:auto}
.capture-device-column{display:flex;align-items:center;flex-direction:column;min-width:0;scroll-margin-top:80px}
.capture-device{width:274px;max-width:100%;background:linear-gradient(130deg,#4a5659,#172427);padding:15px 11px;border:1px solid #687678;box-shadow:7px 8px 0 #a3b196,0 12px 24px #1826221a;border-radius:22px}
.capture-phone{padding:17px 7px;border-radius:29px;width:259px}
.capture-screen{position:relative;background:#efefef;overflow:hidden;border:2px solid #182622;border-radius:3px}
.capture-phone .capture-screen{border-radius:14px}
.capture-screen>img{display:block;width:100%;height:auto;max-width:100%;user-select:none}
.capture-hotspot{position:absolute;border:2px solid #d1f663;background:transparent;border-radius:4px;box-shadow:0 0 0 3px #d1f66366;transition:background .15s,box-shadow .15s;min-width:0;min-height:0;padding:0;cursor:pointer}
.capture-hotspot:hover,.capture-hotspot:focus-visible{background:#d1f66333;box-shadow:0 0 0 4px #d1f66399;outline:2px solid #182622;outline-offset:4px}
.capture-decline{border-color:transparent;box-shadow:none}
.capture-decline:hover,.capture-decline:focus-visible{border-color:#779491;box-shadow:0 0 0 2px #77949155;background:#77949122}
.capture-amount{position:absolute;right:7%;top:9%;height:8%;width:82%;display:flex;align-items:center;justify-content:flex-end;padding-right:3%;background:#fbfbfb;color:#222;font-family:Arial,sans-serif;font-weight:700;line-height:1;border:0;pointer-events:none}
.capture-step{color:#687c59;letter-spacing:.08em;margin-bottom:20px;font-variant-numeric:tabular-nums}
.capture-guidance h4{font-family:Arial,sans-serif;font-weight:600;line-height:1.15;letter-spacing:-.035em;outline:none;margin:0;max-width:340px}
.capture-instruction{line-height:1.8;color:#4e6046;margin-top:20px}
.capture-actions{margin-top:25px;display:flex;flex-direction:column;align-items:flex-start;gap:17px}
.capture-next{background:#182622;color:#d1f663;line-height:1.5;min-height:46px;padding:13px 19px;border:1px solid #182622;border-radius:8px;text-align:left}
.capture-next:hover{background:#304638}.capture-back{color:#53654b;background:transparent;padding:4px 0;border-bottom:1px solid #a9b99b}
.capture-help{line-height:1.8;margin-top:24px;color:#6c7e5d}
.capture-guidance .sim-disclaimer{margin-top:17px;border-top:1px solid #c4d1b8;padding-top:15px}
/* The gallery has figures between each card and its zoom button. */
.story-image>figure>button{padding:0;display:block;background:#e8ece1;border-radius:13px;border:1px solid #d2dbc9;width:100%;height:400px;overflow:hidden;position:relative}
.story-image>figure>button>img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .3s}
.story-image.wide>figure>button{height:335px}
.story-image>figure>button::after{content:'↗';position:absolute;right:10px;bottom:10px;background:var(--ink);color:white;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;}
.story-image>figure>button:hover img{transform:scale(1.02)}
.story-product{min-width:0}.story-media{max-width:100%;margin-right:0}.story-image figure{width:100%}
.story-comparison{margin-top:36px;margin-bottom:36px}
.story-comparison h3{font-family:Arial,sans-serif;font-weight:600;line-height:1.2;letter-spacing:-.03em}
.ana-story{margin-top:40px;padding-top:30px;border-top:1px solid var(--line)}
.ana-story>header{max-width:780px;margin-bottom:30px}
.ana-story h3{font-family:Arial,sans-serif;font-weight:600;line-height:1.2;letter-spacing:-.035em;margin:0}
.ana-story>header p{line-height:1.85;color:var(--muted);margin-top:16px}
.ana-story-layout{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(0,1.15fr);gap:36px;align-items:start}
.ana-flow{list-style:none;padding:0;margin:0}
.ana-flow>li{display:flex;gap:15px;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--line)}
.ana-flow>li:first-child{padding-top:0}.ana-flow>li>span{color:#70825b;font-variant-numeric:tabular-nums}
.ana-story h4{line-height:1.4;margin:0}
.ana-flow p,.ana-contribution p{line-height:1.8;color:var(--muted);margin-top:9px}
.ana-contribution{margin-top:25px}
.ana-demo-media{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:start;padding:22px;background:#e6ecdf;border-radius:15px;min-width:0}
.ana-demo-media figure{margin:0;min-width:0}.ana-demo-media video{display:block;width:100%;height:auto;aspect-ratio:576/1232;object-fit:contain;border-radius:12px;background:white}
.ana-result{display:block;width:100%;position:relative;padding:0;border:0;border-radius:12px;overflow:hidden;background:#fff}
.ana-result img{display:block;width:100%;height:auto}.ana-result span{position:absolute;bottom:10px;right:10px;background:#182622;color:white;border-radius:50%;height:28px;width:28px;display:grid;place-items:center}
.ana-demo-media figcaption{color:#617253;line-height:1.6;margin-top:12px}
@media(max-width:800px){.capture-walkthrough{gap:24px;grid-template-columns:1fr}.capture-guidance{max-width:390px;margin:auto}.capture-guidance h4{}.capture-instruction{margin-top:13px}.capture-step{margin-bottom:12px}.capture-device{width:250px}.capture-phone{width:239px}.capture-amount{}.capture-actions{margin-top:18px}.capture-help{margin-top:18px}.story-image>figure>button{height:395px}.story-image.wide>figure>button{height:290px}.ana-story-layout{grid-template-columns:1fr;gap:25px}.ana-story h3{}.ana-story>header p{}.ana-demo-media{max-width:520px;width:100%;padding:16px;gap:12px}.ana-flow>li{padding:15px 0}.ana-story{margin-top:32px}.story-comparison h3{}}
@media(max-width:420px){.story-image.wide>figure>button{height:255px}.capture-guidance h4{}.ana-demo-media{padding:12px;gap:10px}.ana-demo-media figcaption{}.capture-next{}}
@media(min-width:801px){.capture-device{width:250px}.capture-phone{width:239px}.capture-amount{}}
/* Keep the instruction beside the device, including on small screens. */
.payment-demo{padding:26px}
.capture-walkthrough{grid-template-columns:minmax(150px,.85fr) minmax(220px,1.15fr);gap:32px;align-items:center;scroll-margin-top:80px;max-width:740px}
.capture-device{width:clamp(126px,calc((100dvh - 320px)*.39),205px);padding:12px 9px;border-radius:20px}
.capture-phone{width:clamp(126px,calc((100dvh - 320px)*.39),196px);padding:13px 6px;border-radius:24px}
.capture-device .sim-printer{height:25px;margin:0 6px 9px;border-bottom-width:3px}
.capture-device .sim-printer>span{top:17px;height:4px}
.capture-device .sim-hardware-keys{margin:11px 18px 0;gap:8px}.capture-device .sim-hardware-keys>span{height:8px}
.capture-device .sim-card-slot{height:4px;margin:11px 18px 0}
.capture-step{margin-bottom:12px}.capture-guidance h4{}.capture-instruction{line-height:1.7;margin-top:15px}.capture-actions{margin-top:20px;gap:13px}.capture-amount{}
.payment-progress{margin:20px 0 24px}.payment-demo-heading h3{}.payment-demo-heading p{margin-top:8px}
.capture-device-column .sim-device-label{margin-bottom:11px}
.capture-guidance{min-width:0}.capture-next{min-height:44px}
.app-version-line{display:block;margin-top:8px;font-weight:400;letter-spacing:-.04em}
.ana-star-title{display:block;font-weight:500;line-height:1.3;letter-spacing:-.025em}
.ana-name{display:block;line-height:1.1;margin-top:12px;letter-spacing:-.05em}
.ana-star{display:inline-block;color:#7da73e;vertical-align:baseline}
.story-custom.acquisition-story{display:grid;grid-template-columns:1.4fr 1fr;gap:45px;align-items:center;background:#e6ecdf;border:1px solid #d3ddc9;border-radius:18px;padding:34px;margin-top:40px}
.acquisition-copy h3{font-family:Arial,sans-serif;font-weight:600;line-height:1.2;letter-spacing:-.035em;margin:0}
.acquisition-copy>p{color:#5a6c4d;line-height:1.8;margin-top:17px}
.acquisition-flow{list-style:none;padding:0;margin:28px 0 0;display:flex;gap:18px}
.acquisition-flow>li{flex:1;position:relative;min-width:0;border-top:1px solid #b6c5a5;padding-top:12px}
.acquisition-flow>li>span{color:#73865f;display:block;margin-bottom:10px}
.acquisition-flow strong{display:block;font-weight:500;line-height:1.4}
.acquisition-flow p{line-height:1.7;color:#617352;margin-top:6px}
.acquisition-result{background:#182622;color:#d1f663;border-radius:15px;padding:35px 25px;text-align:center;display:flex;flex-direction:column;align-items:center}
.acquisition-result>strong{font-family:Arial,sans-serif;font-weight:600;line-height:1;letter-spacing:-.06em}
.acquisition-result>span{color:#eef3e6;margin-top:12px;line-height:1.4}
.acquisition-result>p{color:#aab99c;line-height:1.7;margin-top:20px}
/* A lightweight process illustration, kept separate from real product captures. */
.bo-transformation{margin-top:40px;border-top:1px solid var(--line);padding-top:28px}
.bo-transformation>header{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:24px}
.bo-transformation h3{font-family:Arial,sans-serif;font-weight:600;line-height:1.2;letter-spacing:-.035em;margin:0}
.bo-motion-toggle{line-height:1.4;background:transparent;color:#586951;border:1px solid #becab5;padding:10px 14px;border-radius:100px;flex-shrink:0}
.bo-motion-toggle:hover{background:#e6ecdf}
.bo-before-after{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.bo-scene{border:1px solid #d7dcd2;border-radius:16px;background:#ecece5;padding:25px;overflow:hidden;min-width:0}
.bo-after{background:#e5efdb;border-color:#c7d7b8}
.bo-scene h4{letter-spacing:-.03em;margin:0 0 9px}
.bo-scene>p{color:#65725b;line-height:1.7;min-height:44px;margin:0}
.bo-illustration{height:220px;display:flex;align-items:center;position:relative;gap:0;margin:20px 0 8px}
.bo-person{width:125px;flex:0 0 31%;position:relative;z-index:1;color:#304239;align-self:flex-end;transform-origin:bottom center}
.bo-sheet,.bo-simple-form{align-self:center;flex:1;min-width:0;border:2px solid #6f8073;background:#f9faf5;border-radius:8px;overflow:hidden;box-shadow:5px 7px 0 #7d90721a;margin-left:-6px}
.bo-window-bar{display:flex;gap:4px;align-items:center;border-bottom:1px solid #d2dbcd;padding:10px 9px;background:#d8e2d1}
.bo-window-bar>span{width:4px;height:4px;border-radius:50%;background:#8fa481}
.bo-window-bar>b{font-weight:500;margin-left:6px;color:#405c38}
.bo-sheet-head,.bo-sheet-row{display:grid;grid-template-columns:repeat(3,1fr)}
.bo-sheet-head{background:#e3e9db}.bo-sheet-head>span{line-height:1.5;padding:9px 4px;border-right:1px solid #cdd8c5;overflow:hidden}
.bo-sheet-row>i{height:28px;border-top:1px solid #dce2d5;border-right:1px solid #dce2d5;font-style:normal;display:flex;align-items:center;justify-content:center;position:relative}
.bo-sheet-row>i:empty::after{content:'';width:60%;height:3px;border-radius:2px;background:#cad4c1}
.bo-sheet-row .sheet-problem{background:#efe0d6;color:#9a6653}
.bo-form-field{margin:11px 12px;position:relative;border:1px solid #d5decc;border-radius:5px;padding:7px 24px 8px 7px;background:#fff}
.bo-form-field>span{color:#73866b;display:block}.bo-form-field>i{display:block;background:#d0ddc4;border-radius:2px;height:4px;width:75%;margin-top:6px}
.bo-form-field>b{position:absolute;right:8px;top:12px;color:#6d943d;font-weight:500;animation:bo-check 7s infinite both}
.bo-form-field:nth-child(3)>b{animation-delay:.7s}.bo-form-field:nth-child(4)>b{animation-delay:1.4s}
.bo-form-approved{background:#355d3f;color:#f0f6e6;margin:13px 12px 12px;border-radius:4px;padding:9px;display:flex;justify-content:space-between}
.bo-scene .bo-scene-caption{min-height:0;border-top:1px solid #cad3c3;padding-top:15px;margin-top:15px}
.is-frustrated{animation:bo-fidget 7s infinite}.person-stress{animation:bo-stress 7s infinite}.sheet-problem{animation:bo-stress 7s infinite}.is-happy{animation:bo-happy 7s infinite}.person-spark{animation:bo-check 7s infinite}
.bo-transformation.is-paused *{animation-play-state:paused!important}
@keyframes bo-fidget{0%,20%,50%,100%{transform:rotate(0deg)}25%,35%{transform:rotate(-2deg)}30%,40%{transform:rotate(2deg)}}
@keyframes bo-stress{0%,12%,85%,100%{opacity:.45}25%,65%{opacity:1}}
@keyframes bo-happy{0%,28%,70%,100%{transform:translateY(0)}38%,50%{transform:translateY(-4px)}}
@keyframes bo-check{0%,14%{opacity:.15;transform:translateY(2px)}28%,85%{opacity:1;transform:translateY(0)}100%{opacity:.15;transform:translateY(2px)}}
@media(max-width:800px){.payment-demo{padding:20px 15px}.capture-walkthrough{grid-template-columns:minmax(120px,.9fr) minmax(125px,1fr);gap:15px;align-items:center}.capture-device{width:clamp(126px,calc((100dvh - 310px)*.30),165px);padding:9px 6px;border-radius:16px;box-shadow:4px 5px 0 #a3b196}.capture-phone{width:clamp(126px,calc((100dvh - 310px)*.30),158px);padding:10px 4px;border-radius:19px}.capture-device .sim-printer{height:18px;margin:0 3px 6px}.capture-device .sim-printer>span{top:11px;height:3px}.capture-device .sim-hardware-keys{margin:8px 12px 0;gap:6px}.capture-device .sim-hardware-keys>span{height:6px}.capture-device .sim-card-slot{height:3px;margin:8px 12px 0}.capture-guidance{max-width:none;margin:0}.capture-guidance h4{line-height:1.2}.capture-instruction{line-height:1.65;margin-top:12px}.capture-step{margin-bottom:10px}.capture-actions{margin-top:14px;gap:12px}.capture-next{padding:10px 11px;min-height:44px}.capture-back{line-height:1.5;text-align:left}.capture-device-column .sim-device-label{line-height:1.5;text-align:center;letter-spacing:.02em;margin-bottom:8px}.capture-amount{}.payment-demo-heading h3{}.payment-demo-heading p{}.payment-progress{margin:20px 0}.ana-star-title{}.ana-name{}.story-custom.acquisition-story{grid-template-columns:1fr;gap:25px;padding:25px}.acquisition-copy h3{}.acquisition-result{padding:28px 20px}.acquisition-result>strong{}.acquisition-flow{gap:12px}.bo-before-after{grid-template-columns:1fr}.bo-transformation>header{flex-wrap:wrap;gap:15px}.bo-transformation h3{}.bo-scene{padding:22px}.bo-illustration{max-width:390px;margin-inline:auto;height:205px}.bo-person{max-width:115px}.bo-window-bar>b{}.bo-sheet-head>span{}.bo-scene>p{min-height:0}}
@media(max-width:420px){.payment-demo{padding:18px 10px;margin-inline:-4px}.capture-walkthrough{grid-template-columns:minmax(112px,.85fr) minmax(122px,1fr);gap:12px}.capture-device{width:132px}.capture-phone{width:128px}.capture-guidance h4{}.capture-instruction{}.capture-next{padding:9px}.capture-amount{}.capture-device-column .sim-device-label{}.payment-demo-heading h3{}.acquisition-copy>p{}.acquisition-flow strong{}.bo-illustration{height:190px}.bo-person{flex-basis:28%}.bo-window-bar{padding:8px 6px;gap:3px}.bo-window-bar>b{margin-left:3px}.bo-form-field{margin:9px}.bo-form-approved{margin:10px 9px;}.bo-sheet-head>span{}.ana-star-title{}}
@media(prefers-reduced-motion:reduce){.bo-transformation *{animation:none!important}.bo-motion-toggle{display:none}.bo-form-field>b,.person-spark{opacity:1}}
.story-custom.acquisition-story{grid-template-columns:minmax(0,1.45fr) minmax(220px,.8fr);gap:45px;padding:36px}
.acquisition-receipt{margin:0;max-width:275px;justify-self:center;width:100%;transform:rotate(2deg)}
.acquisition-receipt>button{display:block;width:100%;padding:0;position:relative;background:white;box-shadow:0 12px 25px #18262220;border:0}
.acquisition-receipt img{display:block;width:100%;height:auto}
.acquisition-receipt>button>span{position:absolute;bottom:10px;right:10px;width:29px;height:29px;background:#182622;color:#fff;border-radius:50%;display:grid;place-items:center}
.acquisition-receipt figcaption{color:#627651;line-height:1.7;margin-top:17px;text-align:center;transform:rotate(-2deg)}
.acquisition-result{margin-top:27px;text-align:left;padding:22px 23px;flex-direction:row;gap:20px;justify-content:flex-start;align-items:center}
.acquisition-result>strong{flex-shrink:0}
.acquisition-result>div>span{color:#eef3e6;line-height:1.5;display:block}
.acquisition-result>div>p{color:#aab99c;line-height:1.7;margin-top:5px}
@media(max-width:800px){.story-custom.acquisition-story{grid-template-columns:1fr;gap:30px;padding:25px}.acquisition-result{padding:22px 18px;gap:16px}.acquisition-result>strong{}.acquisition-result>div>span{}.acquisition-receipt{max-width:255px}}
@media(max-width:420px){.acquisition-result{gap:13px;padding:20px 14px}.acquisition-result>strong{}.acquisition-result>div>span{}.acquisition-result>div>p{}}
/* Keep every step in the same place, without scroll anchoring into adjacent content. */
.payment-demo,.capture-walkthrough{overflow-anchor:none}
.capture-walkthrough{min-height:calc(clamp(126px,calc((100dvh - 320px)*.39),205px)*2.15 + 100px)}
.capture-device-column{align-self:center}.capture-guidance{align-self:center}
.wpay-experience{margin-top:42px}.wpay-experience>.payment-demo{margin-top:0;border-radius:20px 20px 0 0;border-bottom:0}
.payment-to-receipt{position:relative;display:flex;gap:15px;align-items:center;justify-content:center;background:#e7eddf;border-inline:1px solid #d1dbc7;padding:19px 28px;color:#4d6443}
.payment-to-receipt:before,.payment-to-receipt:after{content:'';height:1px;background:#bbcdb0;flex:1;max-width:135px}
.payment-to-receipt>span{line-height:1;color:#6e9146}.payment-to-receipt>p{line-height:1.6;margin:0;max-width:340px}
.wpay-experience>.story-custom.acquisition-story{margin-top:0;border-top:0;border-radius:0 0 20px 20px;padding-top:28px;scroll-margin-top:85px}
.ana-contribution{margin-top:0}.ana-contribution h4{line-height:1.4}.ana-contribution p{line-height:1.9;margin-top:14px}
.bo-transformation .is-frustrated,.bo-transformation .is-happy,.bo-transformation .person-stress,.bo-transformation .person-spark,.bo-transformation .sheet-problem,.bo-transformation .bo-form-field>b{animation-iteration-count:1;animation-duration:4s}
.bo-transformation .bo-form-field>b,.bo-transformation .person-spark{animation-fill-mode:none;opacity:1}
@media(max-width:800px){.capture-walkthrough{min-height:calc(clamp(126px,calc((100dvh - 310px)*.30),165px)*2.15 + 84px)}.payment-to-receipt{padding:15px 18px;gap:10px}.payment-to-receipt>p{}.payment-to-receipt:before,.payment-to-receipt:after{max-width:40px}.wpay-experience{margin-top:33px}.ana-contribution p{}.ana-story-layout{align-items:start}}
@media(max-width:420px){.capture-walkthrough{min-height:368px}.payment-to-receipt:before,.payment-to-receipt:after{display:none}.payment-to-receipt{justify-content:flex-start}.payment-to-receipt>p{}.wpay-experience>.story-custom.acquisition-story{padding-top:20px}}