:root{--psb:#171c8f;--psb-deep:#0f146f;--ink:#15182a;--muted:#6e7186;--line:#e7e8f1;--surface:#ffffff;--background:#f4f5f9}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;color:var(--ink);background:var(--background);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit}a{color:inherit}.page-shell{position:relative;min-height:100svh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:32px 20px;background:radial-gradient(circle at 5% 0,rgba(48,55,203,.08),transparent 34%),radial-gradient(circle at 100% 100%,rgba(23,28,143,.09),transparent 35%),#f5f6fa}.ambient{position:absolute;border-radius:999px;filter:blur(4px);pointer-events:none}.ambient-one{width:260px;height:260px;top:-140px;right:-70px;border:48px solid rgba(23,28,143,.04)}.ambient-two{width:180px;height:180px;bottom:-100px;left:-65px;background:rgba(23,28,143,.035)}.payment-card{position:relative;width:100%;min-width:0;max-width:548px;padding:30px;border:1px solid rgba(216,218,232,.9);border-radius:26px;background:rgba(255,255,255,.96);box-shadow:0 24px 70px rgba(26,31,72,.09),0 3px 12px rgba(26,31,72,.04);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.session-card{max-width:880px}.payment-grid{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(300px,1.1fr);grid-gap:34px;gap:34px;padding:30px 0 26px}.qr-column{display:flex;flex-direction:column;align-items:center;text-align:center}.qr-frame{width:min(100%,280px);aspect-ratio:1;display:grid;place-items:center;padding:14px;border:1px solid #e4e5ee;border-radius:22px;background:#fff;box-shadow:0 14px 34px rgba(25,30,88,.08)}.qr-frame img{display:block;width:100%;height:100%}.phone-mark{width:112px;height:112px;display:grid;place-items:center;overflow:hidden;padding:8px;border:1px solid #e4e5ee;border-radius:32px;background:#fff;box-shadow:0 18px 36px rgba(23,28,143,.22)}.phone-mark img{display:block;width:100%;height:100%;object-fit:cover;border-radius:24px}.qr-column h1{margin:22px 0 8px;font-size:24px;letter-spacing:-.025em}.error-card p,.loading-card p,.qr-column p,.redirect-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.payment-summary{align-self:center;padding:24px;border:1px solid var(--line);border-radius:20px;background:#f9f9fc}.amount-label{color:var(--muted);font-size:13px}.amount-value{margin-top:6px;font-size:clamp(28px,5vw,38px);font-weight:780;letter-spacing:-.04em}.session-divider{height:1px;margin:22px 0 6px;background:var(--line)}.session-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 0;border-bottom:1px solid var(--line)}.session-row:last-child{border-bottom:0;padding-bottom:0}.session-row>div{min-width:0}.session-row span{display:block;margin-bottom:5px;color:var(--muted);font-size:12px}.session-row strong{display:block;overflow-wrap:anywhere;font-size:14px;line-height:1.4}.session-row strong.compact{color:#606378;font-size:12px;font-weight:550}.session-row button{width:36px;height:36px;flex:0 0 auto;color:var(--psb);border:1px solid #dfe1ec;border-radius:11px;background:#fff;cursor:pointer}.mobile-open{display:none;margin-top:18px;text-decoration:none}.error-card,.loading-card,.redirect-card{text-align:center}.error-card,.loading-card{padding-block:54px}.error-card h1,.loading-card h1,.redirect-card h1{margin:18px 0 8px;font-size:25px}.loader{width:34px;height:34px;margin:0 auto;border:3px solid rgba(23,28,143,.14);border-top:3px solid var(--psb);border-radius:50%;animation:spin .8s linear infinite}.error-symbol{width:48px;height:48px;display:grid;place-items:center;margin:0 auto 18px;color:#b42318;border-radius:50%;background:#feeceb;font-size:25px;font-weight:700}.redirect-card{width:min(100%,420px);padding:42px 34px;border:1px solid var(--line);border-radius:25px;background:#fff;box-shadow:0 24px 70px rgba(26,31,72,.09)}.redirect-logo{margin:0 auto 26px;font-size:25px;font-weight:800}.redirect-loader{position:relative;width:54px;height:54px;margin:0 auto;border:2px solid #e2e4ef;border-radius:50%}.redirect-loader:before{content:"";position:absolute;inset:-2px;border:2px solid transparent;border-top:2px solid var(--psb);border-radius:50%;animation:spin .9s linear infinite}.redirect-loader span{position:absolute;inset:19px;border-radius:50%;background:var(--psb)}.redirect-card a{display:inline-block;margin-top:24px;color:var(--psb);font-size:13px;text-decoration:none}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:720px){.session-card{max-width:548px}.payment-grid{grid-template-columns:1fr;gap:24px}.qr-frame{width:min(72vw,270px)}.mobile-open{display:flex}}.landing{--landing-text:#f7f8ff;--landing-muted:#a7aec6;--landing-line:rgba(255,255,255,0.1);position:relative;width:100%;max-width:100vw;min-height:100svh;overflow:hidden;color:var(--landing-text);background:radial-gradient(circle at 50% -20%,rgba(81,98,255,.24),transparent 37%),linear-gradient(155deg,#10152a,#080b16 55%,#060810)}.landing *,.landing :after,.landing :before{min-width:0}.landing-glow{position:absolute;border-radius:999px;filter:blur(100px);pointer-events:none}.landing-glow-one{width:430px;height:430px;top:620px;left:-260px;background:rgba(77,91,234,.16)}.landing-glow-two{width:500px;height:500px;right:-300px;bottom:470px;background:rgba(65,184,219,.11)}.landing-header{position:relative;z-index:10;width:min(1180px,calc(100% - 40px));min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:28px;margin:0 auto;border-bottom:1px solid var(--landing-line)}.landing-brand{display:inline-flex;align-items:center;gap:11px;color:#fff;font-size:20px;font-weight:760;letter-spacing:-.03em;text-decoration:none}.landing-brand-mark{position:relative;width:34px;height:34px;display:block;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:linear-gradient(145deg,#7180ff,#3a46c9);box-shadow:0 8px 24px rgba(76,89,239,.25)}.landing-brand-mark span{position:absolute;width:17px;height:7px;border:2px solid white;border-radius:2px;transform:rotate(-37deg)}.landing-brand-mark span:first-child{top:8px;left:6px}.landing-brand-mark span:last-child{right:5px;bottom:8px}.landing-nav{display:flex;align-items:center;gap:34px}.landing-header-link,.landing-nav a{color:#b7bdd0;font-size:13px;font-weight:520;text-decoration:none;transition:color .16s ease}.landing-header-link:hover,.landing-nav a:hover{color:#fff}.landing-header-link{padding:10px 15px;color:#f1f3ff;border:1px solid rgba(255,255,255,.15);border-radius:10px;background:rgba(255,255,255,.05)}.landing-hero{position:relative;z-index:2;width:min(900px,calc(100% - 40px));margin:0 auto;padding:116px 0 74px;text-align:center}.landing-eyebrow{width:-moz-fit-content;width:fit-content;display:flex;align-items:center;gap:8px;margin:0 auto 23px;padding:7px 12px;color:#bdc4ff;border:1px solid rgba(113,128,255,.28);border-radius:999px;background:rgba(83,96,222,.1);font-size:11px;font-weight:680;letter-spacing:.08em;text-transform:uppercase}.landing-eyebrow span{width:6px;height:6px;border-radius:50%;background:#8b98ff;box-shadow:0 0 0 4px rgba(139,152,255,.12)}.landing-hero h1{margin:0;font-size:clamp(48px,7.2vw,86px);font-weight:760;line-height:.98;letter-spacing:-.065em}.landing-hero h1 span{display:block;padding:5px 0 10px;color:transparent;background:linear-gradient(100deg,#8793ff 8%,#bdc4ff 46%,#7cd9ec 96%);background-clip:text;-webkit-background-clip:text}.landing-hero>p{max-width:660px;margin:28px auto 0;color:var(--landing-muted);font-size:clamp(16px,2vw,19px);line-height:1.65}.landing-actions{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:37px}.landing-primary,.landing-secondary{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:0 20px;border-radius:11px;font-size:13px;font-weight:670;text-decoration:none;transition:transform .16s ease,border-color .16s ease,background .16s ease}.landing-primary{color:#fff;background:linear-gradient(135deg,#6373f1,#4755d5);box-shadow:0 14px 34px rgba(75,89,220,.28)}.landing-secondary{color:#e8eafd;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04)}.landing-primary:hover,.landing-secondary:hover{transform:translateY(-2px)}.landing-console{position:relative;z-index:2;width:min(1060px,calc(100% - 40px));margin:0 auto 160px;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(16,20,37,.84);box-shadow:0 40px 100px rgba(0,0,0,.38),0 0 0 7px rgba(255,255,255,.018);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.console-topbar{min-height:75px;justify-content:space-between;gap:20px;padding:0 24px;border-bottom:1px solid var(--landing-line)}.console-title,.console-topbar{display:flex;align-items:center}.console-title{gap:12px}.console-logo{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#6978f4,#414dca);font-size:14px;font-weight:800}.console-title strong,.console-title>div>span{display:block}.console-title strong{font-size:13px}.console-title>div>span{margin-top:4px;color:#777f99;font-size:10px}.console-status{display:flex;align-items:center;gap:8px;padding:7px 10px;color:#9edcb9;border:1px solid rgba(82,189,131,.18);border-radius:999px;background:rgba(50,155,98,.08);font-size:10px;font-weight:650}.console-status span{width:6px;height:6px;border-radius:50%;background:#64d495;box-shadow:0 0 10px rgba(100,212,149,.7)}.console-body{display:grid;grid-template-columns:minmax(0,1fr) 290px}.console-chart{min-width:0;padding:28px 26px 22px;border-right:1px solid var(--landing-line)}.chart-heading,.events-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.chart-heading span,.events-heading>span:first-child{color:#8991a9;font-size:10px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.chart-heading strong{display:block;margin-top:8px;font-size:25px;letter-spacing:-.04em}.chart-period{padding:7px 9px;border:1px solid rgba(255,255,255,.09);border-radius:7px;background:rgba(255,255,255,.025);text-transform:none!important}.chart-grid{height:190px;margin-top:23px;overflow:hidden;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 0);background-size:100% 47px,85px 100%}.chart-grid svg{width:100%;height:100%;overflow:visible}.chart-area{fill:url(#chart-fill)}.chart-line{fill:none;stroke:#8490ff;stroke-linecap:round;stroke-width:3;vector-effect:non-scaling-stroke}.console-events{padding:28px 23px}.events-live{color:#6cd99a!important;text-transform:none!important}.event-row{display:flex;align-items:center;gap:11px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.07)}.event-row:last-child{border-bottom:0}.event-icon{width:27px;height:27px;display:grid;place-items:center;flex:0 0 auto;color:#98a3ff;border-radius:8px;background:rgba(106,121,242,.13);font-size:11px}.event-icon.done{color:#70d49c;background:rgba(82,187,129,.11)}.event-row div span,.event-row strong{display:block}.event-row strong{font-size:11px}.event-row div span{margin-top:5px;color:#737b94;font-size:9px}.integration-section,.landing-section{position:relative;z-index:2;width:min(1120px,calc(100% - 40px));margin:0 auto;padding:0 0 150px}.section-heading{max-width:700px;margin:0 auto 52px;text-align:center}.section-heading>span,.section-kicker{color:#8d99ff;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.integration-copy h2,.section-heading h2,.security-copy h2{margin:14px 0 16px;font-size:clamp(32px,4.7vw,51px);line-height:1.08;letter-spacing:-.045em}.integration-copy>p,.section-heading p,.security-copy>p{margin:0;color:var(--landing-muted);font-size:15px;line-height:1.7}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.feature-card{min-height:285px;padding:30px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.015)),rgba(14,18,33,.76);transition:transform .18s ease,border-color .18s ease}.feature-card:hover{transform:translateY(-4px);border-color:rgba(130,143,255,.28)}.feature-icon{width:46px;height:46px;display:grid;place-items:center;color:#aab2ff;border:1px solid rgba(116,131,255,.22);border-radius:13px;background:rgba(96,110,232,.11)}.feature-icon.violet{color:#d1a7ff;border-color:rgba(173,107,229,.2);background:rgba(151,86,208,.1)}.feature-icon.cyan{color:#8edcea;border-color:rgba(92,188,207,.2);background:rgba(70,169,192,.1)}.feature-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.feature-card h3{margin:50px 0 12px;font-size:19px;letter-spacing:-.025em}.feature-card p{margin:0;color:#8f97ad;font-size:13px;line-height:1.7}.security-panel{position:relative;z-index:2;width:min(1120px,calc(100% - 40px));display:grid;grid-template-columns:.9fr 1.1fr;grid-gap:70px;gap:70px;margin:0 auto 150px;padding:68px;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:25px;background:radial-gradient(circle at 15% 10%,rgba(99,115,241,.17),transparent 37%),rgba(15,19,35,.88)}.security-copy{align-self:center}.security-list{border-top:1px solid rgba(255,255,255,.09)}.security-list>div{display:grid;grid-template-columns:38px 1fr;grid-column-gap:13px;column-gap:13px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.09)}.security-list>div>span{grid-row:1/3;color:#6975dd;font-size:11px;font-weight:700}.security-list strong{font-size:14px}.security-list p{margin:7px 0 0;color:#858da5;font-size:12px;line-height:1.55}.integration-section{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;grid-gap:80px;gap:80px}.integration-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:29px}.integration-points span{padding:8px 11px;color:#b8bfd6;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.035);font-size:10px}.code-card{overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:#0d1120;box-shadow:0 30px 70px rgba(0,0,0,.24)}.code-heading{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;color:#7d859d;border-bottom:1px solid rgba(255,255,255,.08);font-size:10px;text-transform:uppercase}.code-heading span:last-child{color:#8e9aff}.code-card pre{margin:0;padding:28px;overflow-x:auto;color:#bfc6db;font:12px/1.8 SFMono-Regular,Consolas,monospace}.landing-footer{position:relative;z-index:2;width:min(1180px,calc(100% - 40px));min-height:120px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:30px;gap:30px;margin:0 auto;color:#6f778f;border-top:1px solid var(--landing-line);font-size:11px}.landing-footer p{margin:0}.landing-footer>span{justify-self:end}@media (max-width:820px){.landing-nav{display:none}.landing-hero{padding-top:90px}.console-body,.integration-section,.security-panel{grid-template-columns:1fr}.console-chart{border-right:0;border-bottom:1px solid var(--landing-line)}.console-events{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.events-heading{grid-column:1/-1}.event-row{align-items:flex-start;border:0}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:230px}.feature-card h3{margin-top:34px}.security-panel{gap:46px;padding:48px}.integration-section{gap:48px}}@media (max-width:560px){body,html{max-width:100%;overflow-x:hidden}.landing-header{width:calc(100% - 32px);min-height:72px}.landing-header-link{display:none}.landing-hero{width:calc(100% - 32px);padding:76px 0 56px}.landing-hero h1{max-width:100%;font-size:clamp(38px,11vw,52px);line-height:1.02;overflow-wrap:break-word}.landing-actions{flex-direction:column}.landing-primary,.landing-secondary{width:100%}.landing-console{width:calc(100% - 24px);margin-bottom:115px;border-radius:17px}.console-status{display:none}.console-chart,.console-events,.console-topbar{padding-inline:17px}.console-events{display:block}.event-row{border-bottom:1px solid rgba(255,255,255,.07)}.integration-section,.landing-section{padding-bottom:110px}.security-panel{margin-bottom:110px;padding:36px 24px}.landing-footer{grid-template-columns:1fr;gap:14px;padding:30px 0}.landing-footer>span{justify-self:start}}.bank-heading{display:flex;align-items:center;gap:14px;padding-bottom:23px;border-bottom:1px solid var(--line)}.bank-logo{width:56px;height:56px;display:grid;place-items:center;flex:0 0 auto;overflow:hidden;padding:4px;border:1px solid #e4e5ee;border-radius:17px;background:#fff;box-shadow:0 10px 20px rgba(23,28,143,.2)}.bank-logo img{display:block;width:100%;height:100%;object-fit:cover;border-radius:12px}.eyebrow{margin-bottom:3px;color:var(--muted);font-size:12px;line-height:1.2}.bank-name{font-size:22px;font-weight:760;letter-spacing:-.02em}.secure-badge{display:flex;align-items:center;gap:6px;margin-left:auto;padding:7px 10px;color:#4c5067;border:1px solid #e4e5ed;border-radius:999px;background:#fafafd;font-size:11px;font-weight:600;white-space:nowrap}.secure-badge svg{width:14px;fill:none;stroke:currentColor;stroke-width:1.8}.intro{display:flex;align-items:flex-start;gap:14px;margin:27px 0 22px}.intro h1{margin:0 0 7px;font-size:clamp(24px,5vw,30px);line-height:1.12;letter-spacing:-.035em}.intro p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.status-dot{position:relative;width:13px;height:13px;margin-top:9px;flex:0 0 auto;border:3px solid rgba(23,28,143,.16);border-radius:50%}.status-dot span{position:absolute;inset:1px;border-radius:inherit;background:var(--psb)}.status-dot.active:after{content:"";position:absolute;inset:-6px;border:1px solid rgba(23,28,143,.25);border-radius:inherit;animation:ring 1.5s ease-out infinite}.destination{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:13px 16px;color:#5f6277;border:1px solid #e5e6ef;border-radius:14px;background:#f8f8fc;font-size:13px}.destination strong{display:flex;align-items:center;gap:8px;color:var(--ink);font-size:14px}.mini-mark{width:23px;height:23px;display:grid;place-items:center;color:white;border-radius:7px;background:var(--psb);font-size:12px}.details{overflow:hidden;border:1px solid var(--line);border-radius:17px}.detail-row{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 15px 14px 17px;background:#fff}.detail-row+.detail-row{border-top:1px solid var(--line)}.detail-row>div{min-width:0}.detail-row span{display:block;margin-bottom:6px;color:var(--muted);font-size:12px}.detail-row strong{display:block;overflow-wrap:anywhere;font-size:15px;line-height:1.35}.detail-row strong.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;letter-spacing:.025em}.detail-row button{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;color:var(--psb);border:0;border-radius:11px;background:#f0f1fb;cursor:pointer;transition:transform .18s ease,background .18s ease}.detail-row button:hover:not(:disabled){transform:translateY(-1px);background:#e7e9f9}.detail-row button:disabled{color:#aeb0bd;cursor:default}.copy-link svg,.detail-row button svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.error-note{display:flex;align-items:flex-start;gap:9px;margin-top:12px;padding:11px 13px;color:#8b2f37;border:1px solid #f0d3d6;border-radius:12px;background:#fff7f7;font-size:12px;line-height:1.45}.error-note svg{width:17px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.primary-button{width:100%;min-height:54px;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:18px;padding:13px 20px;color:white;border:0;border-radius:15px;background:linear-gradient(135deg,#242ab0,var(--psb-deep));box-shadow:0 12px 24px rgba(23,28,143,.2);font-weight:700;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.primary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 15px 28px rgba(23,28,143,.25)}.primary-button:disabled{color:#85889a;background:#e3e4eb;box-shadow:none;cursor:not-allowed}.primary-button svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.copy-link{gap:8px;margin:14px auto 0;padding:6px 8px;color:#55596f;border:0;background:transparent;font-size:13px;font-weight:600;cursor:pointer}.copy-link,.status-text{display:flex;align-items:center;justify-content:center}.status-text{min-height:18px;gap:7px;margin:15px 0 0;color:var(--muted);font-size:12px;text-align:center}.pulse{width:6px;height:6px;border-radius:50%;background:#42a56b;box-shadow:0 0 0 4px rgba(66,165,107,.12)}footer{margin-top:19px;padding-top:17px;color:#8a8d9e;border-top:1px solid var(--line);font-size:10px;line-height:1.5;text-align:center}@keyframes ring{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.4)}}@media (max-width:560px){.page-shell{align-items:start;padding:14px 10px}.payment-card{width:100%;min-height:calc(100svh - 28px);display:flex;flex-direction:column;padding:22px 18px;border-radius:22px}.secure-badge{padding:7px;font-size:0}.secure-badge svg{width:16px}.intro{margin-top:24px}.detail-row{min-height:72px}footer{margin-top:auto;padding-top:17px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}