/* Product demonstrations share the site's navy, blue and glass palette. */
.visual-scene{position:relative;--scene-blue:#426cea;--scene-green:#08ac85}
.scene-control{position:absolute;top:16px;right:16px;z-index:4;width:29px;height:29px;display:grid;place-items:center;border:1px solid #9bafcf44;border-radius:50%;background:var(--surface);color:var(--ink);font-size:12px;cursor:pointer}
.scene-control:focus-visible,.demo-pay:focus-visible,.demo-send:focus-visible,.industry-select button:focus-visible{outline:3px solid #648fff;outline-offset:3px}
.payment-demo{padding:27px;border:1px solid var(--line);border-radius:27px;background:linear-gradient(140deg,var(--surface),var(--surface-alt));min-height:455px;box-sizing:border-box;box-shadow:0 18px 50px #152b5010;overflow:hidden}
.demo-topline{display:flex;align-items:center;gap:13px;padding-right:28px;margin-bottom:25px;min-height:21px}
.demo-topline>b{font-size:14px;letter-spacing:3px}.demo-topline>span{font-size:8px;letter-spacing:1.5px;color:var(--muted)}
.checkout-stage{position:relative;min-height:297px;padding:20px;background:var(--surface);border-radius:19px;border:1px solid var(--line);box-shadow:0 12px 30px #13274f08}
.demo-order{display:flex;align-items:center;gap:10px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.order-thumb{width:48px;height:48px;border-radius:12px;background:#eaf0fb;flex:none;display:grid;place-items:center}.order-thumb img{width:100%;height:100%;object-fit:contain}
.demo-order small{display:block;font-size:10px;color:var(--muted)}.demo-order strong{font-size:12px;display:block}.demo-order>b{font-size:15px;margin-left:auto;white-space:nowrap}
.checkout-stage .demo-caption{font-size:11px;margin:19px 0 10px;color:var(--muted)}
.checkout-options{display:flex;gap:9px}.checkout-options>span{position:relative;flex:1;min-width:0;height:48px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;background:white}
.checkout-options img{max-width:55px;max-height:27px}.checkout-options .selected{border:2px solid #5d81f0;box-shadow:0 0 0 3px #4978fa12}.checkout-options i{position:absolute;right:3px;top:2px;font-size:9px;font-style:normal;color:#527aeb}
.demo-pay,.demo-send{display:flex;align-items:center;justify-content:center;gap:15px;background:#426bea;border:0;border-radius:12px;color:white;width:100%;padding:16px;margin-top:20px;font-size:13px;font-weight:600;cursor:pointer;transition:transform .3s,background .3s}
.demo-pay span,.demo-send span{font-size:20px;line-height:12px}.demo-cursor{position:absolute;width:27px;height:35px;right:17%;bottom:7px;opacity:0;filter:drop-shadow(0 4px 4px #0003);pointer-events:none;transition:transform .7s,opacity .3s;transform:translate(34px,30px)}
[data-scene="checkout"][data-step="1"] .demo-cursor{opacity:1;transform:translate(0,-15px)}
[data-scene="checkout"][data-step="2"] .demo-pay{transform:scale(.97);background:#254bc4}
.checkout-success{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:var(--surface);border-radius:19px;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .5s,transform .5s,visibility .5s}
[data-scene="checkout"][data-step="3"] .checkout-success{opacity:1;visibility:visible;transform:none}
.success-orbit{display:grid;place-items:center;width:64px;height:64px;color:white;background:#09ad85;border:8px solid #c5f8e9;border-radius:50%;font-size:32px;box-shadow:0 0 0 10px #08ad8510}
.checkout-success>strong{font-size:21px;letter-spacing:-.6px}.checkout-success>small{font-size:12px;color:var(--muted)}.success-chip{margin-top:5px;border-radius:20px;background:#08ad8510;color:#079774;padding:8px 12px;font-size:9px}
.demo-progress{display:flex;justify-content:center;gap:5px;margin:20px 0 11px}.demo-progress span{width:23px;height:3px;background:var(--line);border-radius:3px}.demo-progress span:first-child,[data-step="2"] .demo-progress span:nth-child(2),[data-step="3"] .demo-progress span{background:#6483ec}
.scene-caption{text-align:center;font-size:10px;color:var(--muted);letter-spacing:.3px}.scene-caption i{font-style:normal;color:#547beb;padding:0 10px}
.merchant-balance{display:grid;gap:8px;padding:22px;border-radius:17px;color:white;background:linear-gradient(120deg,#16254b,#294d98);position:relative;overflow:hidden}.merchant-balance:after{content:"";position:absolute;width:180px;height:180px;border:1px solid #ffffff20;border-radius:50%;right:-55px;top:-60px;box-shadow:0 0 0 20px #ffffff06,0 0 0 40px #ffffff04}
.merchant-balance>small{font-size:10px;color:#c0d1ed}.merchant-balance>strong{font-size:32px;letter-spacing:-1px}.merchant-balance>span{font-size:9px;color:#a9d9fa}
.payout-rows{margin:17px 0}.payout-line{display:flex;align-items:center;gap:10px;padding:12px 2px;border-bottom:1px solid var(--line)}.payout-line>img{width:28px;height:28px}.payout-line strong{display:block;font-size:12px}.payout-line small{display:block;font-size:9px;color:var(--muted)}.payout-line>b{margin-left:auto;font-size:12px;white-space:nowrap}.payout-state{font-size:9px;min-width:54px;text-align:right;color:var(--muted)}.payout-line.is-sent .payout-state{color:#09a77e}.payout-line.is-sent{background:linear-gradient(90deg,transparent,#09ad8507)}
.demo-send{margin-top:12px;padding:13px}.payout-caption{margin-top:14px}
.risk-card .scene-control{top:20px;right:20px;background:#ffffffc9;color:#152142}.risk-card .risk-art{height:310px}.risk-art>img{height:100%;width:84%;left:8%;top:8%;object-fit:contain;mask-image:none;transition:transform 1s}.risk-card.low .risk-art>img{top:0;height:100%;transform:rotate(-9deg)}
.industry-signal{position:absolute;bottom:20px;left:22px;right:22px;z-index:2;background:#ffffffed;color:#152142;display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:16px;box-shadow:0 10px 40px #0002;backdrop-filter:blur(16px)}.industry-signal>span{background:#0eb389;color:white;width:31px;height:31px;border-radius:50%;display:grid;place-items:center}.industry-signal strong{display:block;font-size:16px}.industry-signal small{display:block;font-size:10px;color:#72829c}
.industry-rings{position:absolute;left:18%;right:18%;top:20%;aspect-ratio:1;border:1px solid #7cb4f644;border-radius:50%;pointer-events:none;box-shadow:0 0 0 25px #84b7f008,0 0 0 50px #84b7f006}
.risk-copy h3{font-size:25px;max-width:340px;line-height:1.2}.industry-select{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.industry-select button{padding:9px 13px;border:1px solid var(--line);border-radius:24px;background:var(--surface-alt);color:var(--muted);font-size:12px;cursor:pointer;transition:background .3s,color .3s}.industry-select button[aria-pressed="true"]{background:#3867e7;color:white;border-color:#3867e7}
.risk-card[data-step="1"] .risk-art>img{transform:translateY(-7px) rotate(4deg)}.risk-card[data-step="2"] .risk-art>img{transform:translateY(3px) rotate(-4deg)}.risk-card[data-step="3"] .risk-art>img{transform:translateY(-3px) scale(.95)}
.banking-live.banking-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:6%;padding:90px 6%;min-height:0;background:radial-gradient(ellipse at 82% 50%,#183963,#0b1c38 65%);overflow:visible}
.banking-live .banking-copy{width:100%;max-width:none}.banking-live h2{font-size:clamp(36px,4.2vw,67px);color:#f4f8ff}.banking-live .banking-copy>p:not(.eyebrow){font-size:18px;line-height:1.6}.banking-disclosure{display:block;font-size:10px;line-height:1.7;max-width:380px;margin-top:22px;color:#8faacb}
.banking-console{isolation:isolate;padding:30px;border-radius:30px;border:1px solid #8faede33;background:linear-gradient(145deg,#ffffff08,#071a3340);box-shadow:0 30px 90px #0003;min-width:0;color:#eef5ff}
.banking-console .scene-control{background:#203855;color:#e9f5ff;border-color:#7590b74d}.banking-atmosphere{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:contain;opacity:.24;mask-image:radial-gradient(ellipse,#000 20%,transparent 72%);pointer-events:none}
.bank-console-top{display:flex;align-items:center;justify-content:space-between;padding-right:20px;gap:12px;margin-bottom:26px}.bank-console-top>span{font-size:16px;letter-spacing:3px}.bank-console-top b{font-weight:400;font-size:8px;letter-spacing:1.5px;display:block;margin-top:4px;color:#a1caff}.bank-console-top>small{font-size:8px;letter-spacing:1px;color:#8fb0d4}
.iban-accounts{display:grid;gap:12px}.iban-account{padding:18px 20px;border:1px solid #5d7ca840;border-radius:17px;background:#13294ad9;transition:transform .7s,border-color .7s,background .7s,box-shadow .7s;opacity:.65}
.iban-country{display:flex;gap:10px;align-items:center}.iban-country>img{width:26px;height:26px}.iban-country strong{font-size:13px}.iban-country small{margin-left:auto;font-size:10px;color:#a8c4e6}.iban-number{font:13px/1.4 monospace;letter-spacing:1.8px;color:#97b1d7;margin-top:16px;white-space:nowrap}.iban-number>span{color:#ecf5ff}.iban-status{display:flex;align-items:center;gap:7px;margin-top:12px;font-size:9px;color:#8fafd2}.iban-status>i{width:5px;height:5px;background:#72a0ca;border-radius:50%}.iban-status>b{margin-left:auto;font-size:15px;font-weight:400}
[data-step="0"] [data-iban="0"],[data-step="1"] [data-iban="1"],[data-step="2"] [data-iban="2"]{opacity:1;transform:translateX(-7px);border-color:#75b7ff99;background:#244878dc;box-shadow:0 8px 35px #06306440}
.banking-bottom{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;margin-top:23px}.ionea-card{display:grid;grid-template-columns:1fr 1fr;gap:14px;position:relative;border-radius:15px;padding:19px;background:linear-gradient(115deg,#48667f,#a7b8c5 52%,#54738b);border:1px solid #b4cada80;color:#f8fcff;box-shadow:0 12px 30px #0003;transform:rotate(-3deg)}.ionea-card>span{font-size:12px;letter-spacing:3px}.card-chip{width:23px;height:18px;justify-self:end;border:1px solid #dbc79b;border-radius:4px;background:linear-gradient(90deg,transparent 45%,#8f7e6033 46%,#8f7e6033 53%,transparent 54%),linear-gradient(#e9d8b2 48%,#bca573 49%,#bca573 52%,#eddfbc 53%)}.ionea-card>small{grid-column:1/-1;font-size:10px;letter-spacing:1px;white-space:nowrap}.ionea-card>b{font-size:7px;letter-spacing:2px;font-weight:400}
.crypto-connection>div{display:flex;align-items:center;gap:13px;margin-bottom:14px}.crypto-connection span{display:grid;place-items:center;width:36px;height:36px;border:1px solid #6fa7d56b;border-radius:50%;color:#bde3ff;background:#4485ac20;font-size:22px}.crypto-connection i{font-style:normal;color:#8ebcde}.crypto-connection strong{display:block;font-size:12px}.crypto-connection small{display:block;font-size:9px;color:#8fafd2;margin-top:6px}.bank-event{display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;color:#adddce;margin-top:26px;min-height:20px}.bank-event i{font-style:normal;color:#72dfb7}
.visual-scene.is-running .industry-rings{animation:scene-orbit 6s ease-in-out infinite}.visual-scene.is-running .crypto-connection i{animation:scene-connect 3s ease-in-out infinite}.visual-scene.is-paused *{animation-play-state:paused!important}
@keyframes scene-orbit{50%{transform:scale(1.13);opacity:.35}}@keyframes scene-connect{50%{transform:translateX(4px);color:#7be7c5}}
@media(max-width:1100px){.payment-demo{padding:20px}.demo-order strong{font-size:10px}.demo-order>b{font-size:12px}.banking-live.banking-hero{gap:4%;padding:70px 5%}.banking-console{padding:22px}.banking-bottom{gap:15px}.ionea-card{padding:15px}.bank-console-top>small{display:none}}
@media(max-width:800px){.solutions .solution-grid{grid-template-columns:1fr}.payment-demo{max-width:560px;margin-inline:auto;padding:26px;min-height:0}.banking-live.banking-hero{grid-template-columns:1fr;gap:45px;padding:65px 6%}.banking-live .banking-copy{max-width:620px}.banking-console{width:100%;max-width:590px;box-sizing:border-box;margin-inline:auto;padding:26px}.risk-card .risk-art{height:255px}.risk-copy h3{font-size:22px}.demo-order strong{font-size:12px}.demo-order>b{font-size:15px}}
@media(max-width:420px){.payment-demo{padding:18px}.checkout-stage{padding:15px}.demo-topline{gap:8px}.demo-topline>span{font-size:7px;letter-spacing:.8px}.order-thumb{width:37px;height:37px}.demo-order strong{font-size:10px}.demo-order>b{font-size:12px}.payout-line{gap:8px}.payout-line>b{font-size:11px}.payout-state{min-width:45px;font-size:8px}.merchant-balance>strong{font-size:28px}.banking-console{padding:18px}.iban-account{padding:15px}.iban-number{font-size:11px;letter-spacing:1px}.banking-bottom{gap:12px;grid-template-columns:1.1fr .9fr}.ionea-card{padding:13px;gap:12px}.ionea-card>small{font-size:8px;letter-spacing:0}.crypto-connection>div{gap:7px}.crypto-connection span{width:29px;height:29px;font-size:18px}.crypto-connection strong{font-size:10px}.crypto-connection small{font-size:8px}.bank-event{font-size:9px}}
@media(prefers-reduced-motion:reduce){.visual-scene *{animation:none!important;transition:none!important}.demo-cursor{display:none}}
