:root{--bg:#070816;--panel:#0d1022;--panel2:#11152b;--line:#282c48;--text:#f7f7ff;--muted:#8f94b3;--purple:#7767ff;--violet:#a45cff;--pink:#eb5bcb;--blue:#4ec8ff;--green:#6ff7c2;--amber:#ffcb67}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 74% 11%,rgba(119,103,255,.14),transparent 29%),radial-gradient(circle at 9% 38%,rgba(235,91,203,.07),transparent 28%),linear-gradient(180deg,#070816,#080a17 58%,#070816);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}.ambient{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}.orb{position:absolute;border-radius:50%;filter:blur(10px);opacity:.28;animation:floatOrb 14s ease-in-out infinite}.orb-a{width:360px;height:360px;background:radial-gradient(circle,#7d66ff,transparent 70%);right:-70px;top:90px}.orb-b{width:300px;height:300px;background:radial-gradient(circle,#e759c8,transparent 70%);left:-100px;top:46%;animation-delay:-4s}.orb-c{width:260px;height:260px;background:radial-gradient(circle,#4ec8ff,transparent 70%);right:18%;bottom:-100px;animation-delay:-8s}.grid-glow{position:absolute;inset:0;background-image:linear-gradient(rgba(124,111,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(124,111,255,.025) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 76%,transparent)}
.demo-chip{position:fixed;top:0;right:22px;z-index:30;padding:7px 12px;border:1px solid rgba(164,92,255,.35);border-top:0;border-radius:0 0 9px 9px;background:rgba(16,13,36,.88);backdrop-filter:blur(12px);color:#c9b9ff;font-size:9px;font-weight:900;letter-spacing:.12em}.topbar{height:72px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(93,93,130,.22);background:rgba(7,8,22,.72);backdrop-filter:blur(18px);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:12px;letter-spacing:.08em}.brand>span{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#ffca5e,#f59b33);color:#1c1305;font-size:19px;font-weight:950;box-shadow:0 0 22px rgba(255,186,67,.15)}.provider-lockup{display:flex;align-items:center;gap:10px}.provider-logo{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(119,103,255,.22),rgba(235,91,203,.16));border:1px solid rgba(153,124,255,.32)}.provider-logo img{width:20px;height:20px}.provider-lockup small,.provider-lockup strong{display:block}.provider-lockup small{font-size:8px;color:var(--muted);letter-spacing:.12em;font-weight:850}.provider-lockup strong{font-size:11px;margin-top:3px}.provider-lockup>i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(111,247,194,.8);animation:onlinePulse 2s ease-out infinite}
main{position:relative;z-index:2}.shell{width:min(1180px,calc(100% - 34px));margin:0 auto;padding:48px 0 36px}.hero{display:flex;align-items:center;justify-content:space-between;gap:38px;min-height:210px;padding:18px 0 34px}.eyebrow,.section-head span,.settlement-head span,.delivery-head span{color:#a99eff;font-size:9px;font-weight:900;letter-spacing:.16em}.hero h1{font-size:clamp(38px,5vw,67px);line-height:.96;letter-spacing:-.055em;margin:10px 0 17px;background:linear-gradient(105deg,#fff 20%,#cbbfff 58%,#f09ada);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{max-width:680px;margin:0;color:#9da1bd;line-height:1.7;font-size:14px}.hero-wallet{width:150px;height:150px;position:relative;flex:0 0 150px;display:grid;place-items:center}.wallet-core{width:72px;height:72px;border-radius:23px;display:grid;place-items:center;background:linear-gradient(145deg,#171431,#0d1023);border:1px solid rgba(164,92,255,.42);box-shadow:0 0 45px rgba(119,103,255,.22),inset 0 0 30px rgba(235,91,203,.06);animation:coreFloat 4s ease-in-out infinite}.wallet-core img{width:42px;height:42px;filter:drop-shadow(0 0 12px rgba(180,133,255,.32))}.wallet-halo{position:absolute;border:1px solid rgba(158,111,255,.22);border-radius:50%;inset:18px;animation:haloSpin 12s linear infinite}.wallet-halo::before,.wallet-halo::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#a879ff;box-shadow:0 0 13px rgba(168,121,255,.85)}.wallet-halo::before{left:15px;top:3px}.wallet-halo::after{right:8px;bottom:18px}.halo-2{inset:3px;border-style:dashed;border-color:rgba(235,91,203,.14);animation-direction:reverse;animation-duration:17s}.satellite{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--blue);box-shadow:0 0 10px var(--blue);animation:satelliteBlink 2.7s ease-in-out infinite}.s1{left:7px;top:58px}.s2{right:12px;top:23px;animation-delay:.7s}.s3{right:5px;bottom:31px;animation-delay:1.4s}
.summary-strip{display:grid;grid-template-columns:1.1fr 1fr 1.3fr .7fr;border:1px solid rgba(94,93,136,.3);border-radius:16px;background:linear-gradient(145deg,rgba(16,18,40,.88),rgba(10,12,28,.92));box-shadow:0 20px 60px rgba(0,0,0,.22);overflow:hidden;margin-bottom:22px}.summary-strip>div{padding:17px 20px;border-right:1px solid rgba(94,93,136,.25)}.summary-strip>div:last-child{border-right:0}.summary-strip span,.summary-strip strong{display:block}.summary-strip span{font-size:8px;font-weight:850;letter-spacing:.11em;color:#747b9d}.summary-strip strong{font-size:12px;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.provider-text{color:#b59cff}
.layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr);gap:22px;align-items:start}.history-card,.settlement-card,.delivery-card{border:1px solid rgba(94,93,136,.32);background:linear-gradient(145deg,rgba(15,17,37,.96),rgba(9,11,27,.96));border-radius:18px;box-shadow:0 22px 70px rgba(0,0,0,.26);position:relative;overflow:hidden}.history-card::before,.settlement-card::before,.delivery-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(126,101,255,.04),transparent 42%,rgba(232,86,202,.025))}.history-card{padding:22px}.section-head,.settlement-head,.delivery-head{display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;z-index:2}.section-head h2,.settlement-head h2,.delivery-head h2{font-size:18px;margin:5px 0 0;letter-spacing:-.02em}.section-head>b{padding:6px 9px;border-radius:999px;background:#17172c;border:1px solid #333353;color:#9b9cb7;font-size:8px;letter-spacing:.1em}.section-head>b.done{color:var(--green);border-color:rgba(111,247,194,.32);background:rgba(24,70,61,.25);box-shadow:0 0 20px rgba(111,247,194,.06)}
.timeline{margin-top:19px;position:relative}.timeline::before{content:"";position:absolute;left:17px;top:25px;bottom:25px;width:1px;background:linear-gradient(#4b416f,#514a78 70%,rgba(81,74,120,.1))}.payment-row{position:relative;z-index:2;display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:13px;align-items:center;padding:15px 13px;margin:0 -3px 8px;border:1px solid rgba(85,85,124,.18);border-radius:12px;background:rgba(13,15,33,.62);opacity:.32;transform:translateY(9px);filter:saturate(.4);transition:opacity .5s ease,transform .5s ease,filter .5s ease,border-color .5s ease,background .5s ease}.payment-row.confirmed{opacity:1;transform:none;filter:none;border-color:rgba(111,247,194,.18);background:linear-gradient(90deg,rgba(30,73,63,.18),rgba(14,15,34,.66) 28%)}.status-dot{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#15162c;border:1px solid #363657;color:#60627f;position:relative}.status-dot::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid transparent}.payment-row.confirmed .status-dot{background:rgba(22,91,73,.34);border-color:rgba(111,247,194,.45);color:var(--green);box-shadow:0 0 19px rgba(111,247,194,.08)}.payment-row.confirmed .status-dot::after{animation:confirmRipple 1.1s ease-out}.status-dot i{font-style:normal;font-size:14px;font-weight:950}.payment-copy span,.payment-copy strong,.payment-copy small{display:block}.payment-copy span{font-size:8px;color:#777d9d;font-weight:850;letter-spacing:.12em}.payment-copy strong{font-size:12px;margin-top:4px}.payment-copy small{color:#747a99;font-size:9px;margin-top:5px;line-height:1.4}.payment-value{text-align:right}.payment-value strong,.payment-value b{display:block}.payment-value strong{font-size:11px}.payment-value b{font-size:8px;color:var(--green);letter-spacing:.1em;margin-top:6px;opacity:0;transform:translateX(5px);transition:.35s ease .14s}.payment-row.confirmed .payment-value b{opacity:1;transform:none}.history-complete{margin-top:14px;padding:13px 14px;border:1px solid rgba(111,247,194,.23);border-radius:12px;background:rgba(16,69,57,.18);display:flex;align-items:center;gap:11px;opacity:0;transform:translateY(7px);transition:.5s ease}.history-complete.show{opacity:1;transform:none}.history-check{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#072219;font-weight:950;box-shadow:0 0 22px rgba(111,247,194,.13)}.history-complete strong,.history-complete small{display:block}.history-complete strong{font-size:11px}.history-complete small{color:#81948f;font-size:9px;margin-top:4px}
.settlement-card{padding:22px;transition:border-color .5s ease,box-shadow .5s ease,transform .5s ease}.settlement-card.locked{opacity:.78}.settlement-card.ready{border-color:rgba(164,92,255,.46);box-shadow:0 24px 80px rgba(78,45,156,.2);animation:cardReady .72s cubic-bezier(.2,.8,.2,1)}.settlement-head{justify-content:flex-start}.exodus-mark{width:41px;height:41px;border-radius:13px;display:grid;place-items:center;border:1px solid rgba(164,92,255,.35);background:linear-gradient(145deg,rgba(119,103,255,.2),rgba(235,91,203,.12))}.exodus-mark img{width:25px;height:25px}.settlement-head>b{margin-left:auto;padding:6px 8px;border-radius:999px;border:1px solid #353651;background:#17182b;color:#8c8fa9;font-size:8px;letter-spacing:.1em}.settlement-card.ready .settlement-head>b{color:#d3c5ff;border-color:rgba(164,92,255,.43);background:rgba(94,60,155,.2)}.settlement-card.complete .settlement-head>b{color:var(--green);border-color:rgba(111,247,194,.35);background:rgba(19,79,64,.25)}
.settlement-network{height:119px;margin:21px 0 14px;display:grid;grid-template-columns:61px minmax(80px,1fr) 61px;align-items:center;gap:10px}.network-node{display:grid;justify-items:center;gap:8px}.network-node>span,.network-node>img{width:42px;height:42px;border-radius:14px;display:grid;place-items:center}.network-node>span{background:linear-gradient(145deg,#ffcf72,#f49c36);color:#1b1205;font-weight:950;font-size:20px;box-shadow:0 0 20px rgba(255,184,61,.1)}.network-node>img{padding:9px;background:rgba(119,103,255,.12);border:1px solid rgba(164,92,255,.26)}.network-node small{font-size:7px;color:#767b9a;font-weight:900;letter-spacing:.1em}.network-route{height:56px;position:relative}.route-base,.route-live{position:absolute;left:0;right:0;top:27px;height:2px;border-radius:3px}.route-base{background:#252744}.route-live{background:linear-gradient(90deg,#7767ff,#e75aca,#4ec8ff);box-shadow:0 0 13px rgba(158,92,255,.32);transform-origin:left;transform:scaleX(.06);transition:transform 1.25s cubic-bezier(.2,.8,.2,1)}.settlement-card.ready .route-live{transform:scaleX(1)}.packet{position:absolute;top:17px;left:-3px;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#f8b94f;color:#1f1205;font-size:11px;font-weight:950;opacity:0;box-shadow:0 0 14px rgba(255,188,73,.22)}.settlement-card.ready .packet{animation:packetTravel 3.6s linear infinite}.settlement-card.ready .p2{animation-delay:1.2s}.settlement-card.ready .p3{animation-delay:2.4s}.route-spark{position:absolute;width:5px;height:5px;border-radius:50%;top:26px;background:#c07cff;box-shadow:0 0 11px #c07cff;opacity:.2}.r1{left:20%}.r2{left:51%}.r3{left:81%}.settlement-card.ready .route-spark{animation:sparkBeat 1.6s ease-in-out infinite}.r2{animation-delay:.3s!important}.r3{animation-delay:.6s!important}.settlement-status{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid rgba(80,82,119,.28);border-radius:10px;background:#0d1020}.pulse-dot{width:8px;height:8px;border-radius:50%;background:#666a86}.settlement-card.ready .pulse-dot{background:#b076ff;box-shadow:0 0 0 0 rgba(176,118,255,.5);animation:statusPulse 1.8s ease-out infinite}.settlement-card.complete .pulse-dot{background:var(--green);box-shadow:0 0 12px rgba(111,247,194,.65);animation:none}.settlement-status small,.settlement-status strong{display:block}.settlement-status small{font-size:7px;color:#6e7392;letter-spacing:.12em;font-weight:850}.settlement-status strong{font-size:10px;margin-top:3px}.fee-panel{padding:15px 0 12px}.fee-panel>div{display:flex;justify-content:space-between;align-items:end;gap:12px}.fee-panel span{font-size:10px;color:#9ba0bc}.fee-panel strong{font-size:28px;letter-spacing:-.04em;background:linear-gradient(90deg,#cdbfff,#f194d8);-webkit-background-clip:text;background-clip:text;color:transparent}.fee-panel p{margin:7px 0 0;color:#747a98;font-size:9px}.settlement-card button{width:100%;border:0;border-radius:10px;padding:14px 15px;font-size:10px;font-weight:950;letter-spacing:.05em;color:#696d89;background:#1d2037;cursor:not-allowed;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}.settlement-card.ready button{cursor:pointer;color:#fff;background:linear-gradient(100deg,#7164ef,#a35bff 55%,#e65ac8);box-shadow:0 12px 27px rgba(109,76,222,.2)}.settlement-card.ready button:hover{filter:brightness(1.08);transform:translateY(-1px)}.settlement-card.complete button{display:block}.settlement-success{display:none;align-items:center;gap:11px;margin-top:13px;padding:12px;border:1px solid rgba(111,247,194,.25);border-radius:11px;background:rgba(15,75,59,.19)}.settlement-success.show{display:flex;animation:successIn .58s cubic-bezier(.2,.8,.2,1)}.success-ring{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(111,247,194,.42);background:rgba(33,117,91,.23);position:relative}.success-ring::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(111,247,194,.23);animation:successRipple 1.7s ease-out infinite}.success-ring i{font-style:normal;color:var(--green);font-weight:950}.settlement-success strong,.settlement-success span{display:block}.settlement-success strong{font-size:11px}.settlement-success span{font-size:8px;color:#7d998f;margin-top:4px}
.reconcile-card{margin-top:22px;padding:22px;border:1px solid rgba(89,88,132,.22);border-radius:18px;background:linear-gradient(180deg,rgba(16,18,36,.95),rgba(10,11,24,.92));box-shadow:0 20px 65px rgba(0,0,0,.22)}
.reconcile-card .section-head{margin-bottom:16px}.reconcile-card .section-head b{padding:7px 10px;border-radius:999px;border:1px solid rgba(102,106,142,.25);background:rgba(21,23,42,.84);color:#9a9fc0;font-size:8px;letter-spacing:.11em;transition:.35s ease}.reconcile-card .section-head b.detected{color:#bcaeff;border-color:rgba(164,92,255,.28);background:rgba(54,40,88,.26)}.reconcile-card .section-head b.short{color:#ffd094;border-color:rgba(255,183,95,.25);background:rgba(76,49,14,.24)}
.detect-orbit{height:100px;border:1px solid rgba(79,83,116,.2);border-radius:18px;background:radial-gradient(circle at center,rgba(118,105,255,.11),rgba(12,14,29,.9) 63%);display:grid;place-items:center;position:relative;overflow:hidden}.orbit-core{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle,#a98bff,#5b57d4);box-shadow:0 0 20px rgba(140,124,255,.35)}.orbit-ring{position:absolute;border:1px solid rgba(155,123,255,.22);border-radius:50%;animation:haloSpin 12s linear infinite}.ring-a{width:72px;height:72px}.ring-b{width:112px;height:112px;animation-direction:reverse;opacity:.8}.orbit-blip{position:absolute;width:9px;height:9px;border-radius:50%;background:#6ff7c2;box-shadow:0 0 12px rgba(111,247,194,.55);animation:satelliteBlink 1.8s ease-in-out infinite}.blip-a{top:28px;left:calc(50% + 30px)}.blip-b{bottom:24px;left:calc(50% - 42px);animation-delay:.7s}.scan-beam{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(118,105,255,0) 30%,rgba(111,247,194,.22) 50%,rgba(118,105,255,0) 70%,transparent 100%);transform:translateX(-120%);animation:scanSweep 2.4s ease-in-out infinite}
.detect-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.detected-payment{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:15px 14px;border:1px solid rgba(79,82,116,.2);border-radius:14px;background:rgba(13,15,31,.72);opacity:0;transform:translateY(12px);filter:saturate(.55);transition:opacity .5s ease,transform .5s ease,filter .5s ease,border-color .5s ease,background .5s ease}.detected-payment.show{opacity:1;transform:none;filter:none;border-color:rgba(111,247,194,.2);background:linear-gradient(90deg,rgba(21,69,58,.17),rgba(14,15,34,.78) 32%)}.detected-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(104,93,224,.36),rgba(32,35,70,.6));border:1px solid rgba(147,123,255,.24);font-size:12px;font-weight:950;color:#f5f0ff}.detected-copy span,.detected-copy strong,.detected-copy small,.detected-value strong,.detected-value b{display:block}.detected-copy span{font-size:8px;color:#7d83a4;font-weight:900;letter-spacing:.13em}.detected-copy strong{font-size:12px;margin-top:4px}.detected-copy small{color:#747a99;font-size:9px;margin-top:5px;line-height:1.45}.detected-value{text-align:right}.detected-value strong{font-size:14px}.detected-value b{font-size:8px;letter-spacing:.11em;color:var(--green);margin-top:6px;opacity:0;transform:translateX(5px);transition:.35s ease .14s}.detected-payment.show .detected-value b{opacity:1;transform:none}
.reconcile-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px;opacity:0;transform:translateY(8px);transition:.45s ease}.reconcile-summary.show{opacity:1;transform:none}.reconcile-summary>div{padding:14px 13px;border:1px solid rgba(77,80,113,.2);border-radius:13px;background:rgba(12,14,29,.72)}.reconcile-summary span,.reconcile-summary strong{display:block}.reconcile-summary span{font-size:8px;color:#7b81a1;font-weight:850;letter-spacing:.12em}.reconcile-summary strong{margin-top:7px;font-size:16px}.reconcile-summary>div:last-child strong{color:#ffcf96}
.reconcile-alert{margin-top:14px;padding:14px 15px;border:1px solid rgba(255,182,99,.16);border-radius:14px;background:linear-gradient(90deg,rgba(74,46,16,.32),rgba(22,18,19,.7));display:flex;align-items:flex-start;gap:12px;opacity:0;transform:translateY(8px);transition:.45s ease}.reconcile-alert.show{opacity:1;transform:none}.alert-pulse{width:32px;height:32px;flex:0 0 32px;border-radius:50%;position:relative;display:grid;place-items:center;background:rgba(255,181,91,.12);border:1px solid rgba(255,184,99,.32)}.alert-pulse::before{content:"!";font-weight:950;color:#ffcf96}.alert-pulse::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(255,183,95,.22);animation:successRipple 1.8s ease-out infinite}.reconcile-alert strong,.reconcile-alert span{display:block}.reconcile-alert strong{font-size:12px;color:#ffe6c2}.reconcile-alert span{font-size:10px;color:#cba87a;margin-top:4px;line-height:1.55}.reconcile-note{margin:12px 0 0;color:#79809f;font-size:9px;line-height:1.55;text-align:center}

.delivery-card{margin-top:22px;padding:22px;transition:border-color .5s ease,box-shadow .5s ease}.delivery-card.active{border-color:rgba(111,247,194,.28);box-shadow:0 24px 85px rgba(40,130,106,.11)}.delivery-head>b{padding:6px 9px;border-radius:999px;border:1px solid #383a57;background:#17182c;color:#8a8da7;font-size:8px;letter-spacing:.1em}.delivery-head>b i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#666a86;margin-right:5px}.delivery-card.active .delivery-head>b{color:var(--green);border-color:rgba(111,247,194,.32);background:rgba(20,79,64,.22)}.delivery-card.active .delivery-head>b i{background:var(--green);box-shadow:0 0 11px var(--green);animation:onlinePulse 1.5s ease-out infinite}.delivery-scene{display:grid;grid-template-columns:105px minmax(150px,1fr) 105px;align-items:center;gap:14px;min-height:168px;margin-top:12px}.source-vault,.destination-wallet{display:grid;justify-items:center;gap:10px}.source-vault small,.destination-wallet small{font-size:7px;color:#777d9a;font-weight:900;letter-spacing:.11em}.vault-cube{width:63px;height:63px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,#1b1832,#0d1022);border:1px solid rgba(167,112,255,.32);box-shadow:0 0 30px rgba(119,103,255,.08);transform:rotate(-4deg);position:relative}.vault-cube::before{content:"";position:absolute;inset:7px;border:1px solid rgba(190,152,255,.13);border-radius:11px}.vault-cube span{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#ffd06e,#f2a038);color:#211505;font-weight:950}.wallet-portal{width:75px;height:75px;border-radius:50%;display:grid;place-items:center;position:relative;background:radial-gradient(circle,rgba(119,103,255,.14),rgba(12,14,31,.8) 65%);border:1px solid rgba(164,92,255,.28)}.wallet-portal img{width:34px;height:34px;z-index:2}.portal-ring{position:absolute;inset:-8px;border:1px solid rgba(164,92,255,.2);border-radius:50%;animation:haloSpin 8s linear infinite}.portal-ring::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#d65bd4;right:9px;top:3px;box-shadow:0 0 12px #d65bd4}.delivery-path{height:88px;position:relative}.path-track,.path-progress{position:absolute;left:0;right:0;top:43px;height:2px}.path-track{background:linear-gradient(90deg,#3a3657,#292b46)}.path-progress{background:linear-gradient(90deg,#8a69ff,#e65ac9,#63e4d1);box-shadow:0 0 14px rgba(125,103,255,.32);transform:scaleX(0);transform-origin:left}.delivery-card.active .path-progress{animation:pathFill 4.6s cubic-bezier(.2,.7,.2,1) forwards}.coin{position:absolute;left:-2px;top:31px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#ffd36f,#ee9e38);color:#201407;font-size:12px;font-weight:950;opacity:0;box-shadow:0 0 15px rgba(255,188,77,.22)}.delivery-card.active .coin{animation:assetDelivery 4.2s cubic-bezier(.35,.05,.2,1) infinite}.delivery-card.active .c2{animation-delay:.8s}.delivery-card.active .c3{animation-delay:1.6s}.delivery-card.active .c4{animation-delay:2.4s}.delivery-card.active .c5{animation-delay:3.2s}.delivery-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.delivery-steps span{position:relative;padding:10px 9px 10px 26px;border:1px solid rgba(75,77,111,.25);border-radius:9px;background:#0d1020;color:#696e8d;font-size:8px;font-weight:850;transition:.35s ease}.delivery-steps span::before{content:"";position:absolute;left:10px;top:50%;width:7px;height:7px;border-radius:50%;background:#484c6a;transform:translateY(-50%)}.delivery-steps span.active{color:#c9c3df;border-color:rgba(164,92,255,.28);background:rgba(70,48,117,.15)}.delivery-steps span.active::before{background:#ae73ff;box-shadow:0 0 9px #ae73ff}.delivery-steps span.done{color:#97ccb9;border-color:rgba(111,247,194,.22);background:rgba(18,70,57,.18)}.delivery-steps span.done::before{background:var(--green);box-shadow:0 0 9px var(--green)}
.disclaimer{max-width:760px;margin:19px auto 0;text-align:center;color:#5e6380;font-size:8px;line-height:1.55}.footer-actions{display:flex;justify-content:space-between;align-items:center;margin-top:23px}.footer-actions a{color:#7e84a3;text-decoration:none;font-size:10px;font-weight:800}.footer-actions a:hover{color:#c0b4f9}.dashboard-link{padding:9px 12px;border:1px solid rgba(103,100,145,.28);border-radius:8px}
@keyframes floatOrb{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(26px,-22px,0) scale(1.08)}}@keyframes onlinePulse{0%{box-shadow:0 0 0 0 rgba(111,247,194,.45)}70%{box-shadow:0 0 0 7px rgba(111,247,194,0)}100%{box-shadow:0 0 0 0 rgba(111,247,194,0)}}@keyframes coreFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2deg)}}@keyframes haloSpin{to{transform:rotate(360deg)}}@keyframes satelliteBlink{0%,100%{opacity:.25;transform:scale(.75)}50%{opacity:1;transform:scale(1.25)}}@keyframes confirmRipple{0%{border-color:rgba(111,247,194,.65);transform:scale(.75);opacity:1}100%{border-color:rgba(111,247,194,0);transform:scale(1.38);opacity:0}}@keyframes cardReady{0%{transform:translateY(8px);opacity:.7}60%{transform:translateY(-2px)}100%{transform:none;opacity:1}}@keyframes packetTravel{0%{left:-4%;opacity:0;transform:scale(.7)}12%{opacity:1}85%{opacity:1}100%{left:90%;opacity:0;transform:scale(.86)}}@keyframes sparkBeat{0%,100%{opacity:.2;transform:scale(.7)}50%{opacity:1;transform:scale(1.35)}}@keyframes statusPulse{0%{box-shadow:0 0 0 0 rgba(176,118,255,.4)}70%{box-shadow:0 0 0 7px rgba(176,118,255,0)}100%{box-shadow:0 0 0 0 rgba(176,118,255,0)}}@keyframes successIn{0%{opacity:0;transform:translateY(7px) scale(.98)}100%{opacity:1;transform:none}}@keyframes successRipple{0%{transform:scale(.75);opacity:.7}100%{transform:scale(1.42);opacity:0}}@keyframes pathFill{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}@keyframes assetDelivery{0%{left:-2%;opacity:0;transform:translateY(0) scale(.7)}10%{opacity:1}42%{transform:translateY(-6px) scale(1)}78%{opacity:1;transform:translateY(3px) scale(.92)}100%{left:94%;opacity:0;transform:translateY(0) scale(.7)}}@keyframes scanSweep{0%{transform:translateX(-120%)}50%{transform:translateX(0)}100%{transform:translateX(120%)}}
@media(max-width:900px){.hero-wallet{width:120px;height:120px;flex-basis:120px}.summary-strip{grid-template-columns:1fr 1fr}.summary-strip>div:nth-child(2){border-right:0}.summary-strip>div:nth-child(-n+2){border-bottom:1px solid rgba(94,93,136,.25)}.layout{grid-template-columns:1fr}.settlement-card{order:2}.history-card{order:1}.delivery-scene{grid-template-columns:90px minmax(110px,1fr) 90px}.detect-grid,.reconcile-summary{grid-template-columns:1fr}}
@media(max-width:620px){.demo-chip{right:12px}.topbar{height:65px;padding:0 16px}.provider-lockup small{display:none}.provider-lockup strong{font-size:9px}.shell{width:min(100% - 22px,1180px);padding-top:28px}.hero{min-height:0;padding-top:10px;align-items:flex-start}.hero-wallet{width:92px;height:92px;flex:0 0 92px;margin-top:8px}.wallet-core{width:53px;height:53px;border-radius:17px}.wallet-core img{width:31px}.wallet-halo{inset:11px}.halo-2{inset:0}.hero h1{font-size:39px}.hero p{font-size:12px}.summary-strip>div{padding:14px}.summary-strip strong{font-size:10px}.history-card,.settlement-card,.delivery-card,.reconcile-card{padding:16px;border-radius:14px}.payment-row,.detected-payment{grid-template-columns:32px minmax(0,1fr);padding:13px 10px}.payment-value,.detected-value{grid-column:2;text-align:left;display:flex;gap:9px;align-items:center}.payment-value b,.detected-value b{margin-top:0}.timeline::before{left:15px}.settlement-network{grid-template-columns:52px minmax(70px,1fr) 52px}.delivery-scene{grid-template-columns:72px minmax(78px,1fr) 72px;gap:6px;min-height:142px}.vault-cube{width:52px;height:52px}.wallet-portal{width:59px;height:59px}.delivery-steps{grid-template-columns:1fr 1fr}.footer-actions{gap:10px}.footer-actions a{font-size:9px}.detect-orbit{height:88px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.payment-row{opacity:1;transform:none}.route-live{transform:scaleX(1)!important}}

/* v15 — $70k+ three-transaction reconciliation + pending network status */
.threshold-hidden{display:none!important}

.review-badges{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.network-fee-badge{max-width:0!important;padding-left:0!important;padding-right:0!important;opacity:0;overflow:hidden;visibility:hidden;transform:translateX(9px);white-space:nowrap;color:#ffd094!important;border-color:transparent!important;background:rgba(76,49,14,.24)!important;transition:max-width .48s ease,opacity .38s ease,transform .38s ease,padding .38s ease,border-color .38s ease!important}
.network-fee-badge.show{max-width:220px!important;padding-left:10px!important;padding-right:10px!important;opacity:1;visibility:visible;transform:none;border-color:rgba(255,183,95,.3)!important;animation:feeWarningPulse 2.2s ease-in-out infinite}
.detect-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.detected-payment{position:relative;overflow:hidden;isolation:isolate}
.detected-payment::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 20%,rgba(131,116,255,.12) 47%,rgba(111,247,194,.08) 53%,transparent 80%);transform:translateX(-130%);opacity:0}
.detected-payment.show::before{opacity:1;animation:transactionSweep 3.8s ease-in-out infinite}
.detected-payment:nth-child(2).show::before{animation-delay:.55s}
.detected-payment:nth-child(3).show::before{animation-delay:1.1s}
.detected-icon{position:relative}
.detected-payment.show .detected-icon::after{content:"";position:absolute;inset:-5px;border-radius:17px;border:1px solid rgba(111,247,194,.32);animation:transactionPing 2.15s ease-out infinite}
.detected-payment:nth-child(2).show .detected-icon::after{animation-delay:.45s}
.pending-payment.show{border-color:rgba(255,184,99,.34);background:linear-gradient(90deg,rgba(78,49,13,.2),rgba(14,15,34,.8) 34%);animation:pendingCardBreath 2.4s ease-in-out infinite}
.pending-payment.show .detected-icon{background:linear-gradient(145deg,rgba(178,112,38,.38),rgba(49,36,27,.68));border-color:rgba(255,184,99,.35);color:#ffe2b8}
.pending-payment.show .detected-icon::after{border-color:rgba(255,184,99,.46);animation:pendingPing 1.65s ease-out infinite}
.pending-value b{color:#ffd094!important;white-space:nowrap}
.pending-value small{display:block;margin-top:5px;font-size:8px;font-weight:900;color:#d7ad77;letter-spacing:.08em}
.pending-track{height:6px;margin-top:10px;border-radius:999px;background:#241d19;border:1px solid rgba(255,184,99,.18);overflow:hidden;position:relative}
.pending-track i{position:absolute;inset:0 auto 0 0;width:80%;border-radius:inherit;background:linear-gradient(90deg,#9c6232,#ffc16c,#f2a246);box-shadow:0 0 12px rgba(255,181,91,.25)}
.pending-track em{position:absolute;top:-3px;bottom:-3px;width:36px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform:translateX(-44px) skewX(-18deg);animation:pendingTrackMove 1.55s linear infinite}
@keyframes transactionSweep{0%,18%{transform:translateX(-130%)}58%{transform:translateX(130%)}100%{transform:translateX(130%)}}
@keyframes transactionPing{0%{transform:scale(.78);opacity:.8}75%,100%{transform:scale(1.32);opacity:0}}
@keyframes pendingPing{0%{transform:scale(.78);opacity:.9}75%,100%{transform:scale(1.38);opacity:0}}
@keyframes pendingCardBreath{0%,100%{box-shadow:inset 0 0 0 rgba(255,184,99,0),0 0 0 rgba(255,184,99,0)}50%{box-shadow:inset 0 0 28px rgba(255,184,99,.035),0 0 22px rgba(255,184,99,.045)}}
@keyframes pendingTrackMove{0%{left:0}100%{left:calc(80% + 44px)}}
@keyframes feeWarningPulse{0%,100%{box-shadow:0 0 0 rgba(255,184,99,0)}50%{box-shadow:0 0 18px rgba(255,184,99,.13)}}
@media(max-width:1050px){.detect-grid{grid-template-columns:1fr 1fr}.pending-payment{grid-column:1/-1}}
@media(max-width:900px){.detect-grid{grid-template-columns:1fr}.pending-payment{grid-column:auto}.review-badges{justify-content:flex-start;width:100%}.reconcile-card .section-head{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.network-fee-badge.show{max-width:100%!important}.pending-value{align-items:center;flex-wrap:wrap}}

/* v16 — mobile-first settlement layout + iOS animation stability */
html,body{max-width:100%;}
.hero-wallet,.wallet-core,.wallet-halo,.satellite,.packet,.route-spark,.orbit-ring,.orbit-blip,.scan-beam,.detected-payment::before,.detected-icon::after,.pending-track em,.alert-pulse::after,.portal-ring,.coin,.path-progress{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d;}
.wallet-core,.wallet-halo,.satellite,.packet,.route-spark,.orbit-ring,.orbit-blip,.scan-beam,.pending-track em,.coin,.path-progress{will-change:transform,opacity;}
.payment-row,.detected-payment,.history-complete,.reconcile-summary,.reconcile-alert{will-change:transform,opacity;}

@media(max-width:620px){
  body{padding-bottom:max(12px,env(safe-area-inset-bottom));}
  .demo-chip{right:10px;max-width:calc(100vw - 20px);padding:6px 9px;font-size:7px;letter-spacing:.1em;white-space:nowrap;}
  .topbar{height:64px;padding:0 13px;gap:10px;}
  .brand{gap:8px;font-size:10px;min-width:0;}
  .brand>span{width:28px;height:28px;font-size:17px;flex:0 0 28px;}
  .provider-lockup{gap:7px;min-width:0;}
  .provider-logo{width:29px;height:29px;border-radius:9px;flex:0 0 29px;}
  .provider-logo img{width:18px;height:18px;}
  .provider-lockup strong{font-size:8px;white-space:nowrap;}
  .provider-lockup>i{flex:0 0 7px;}

  .shell{width:calc(100% - 20px);padding:24px 0 26px;}
  .hero{display:grid;grid-template-columns:minmax(0,1fr) 78px;gap:12px;align-items:center;padding:8px 2px 22px;}
  .hero>div:first-child{min-width:0;}
  .hero-wallet{width:78px;height:78px;flex-basis:78px;margin:0;justify-self:end;}
  .wallet-core{width:48px;height:48px;border-radius:15px;}
  .wallet-core img{width:28px;height:28px;}
  .wallet-halo{inset:9px;}
  .halo-2{inset:0;}
  .satellite{width:4px;height:4px;}
  .s1{left:3px;top:32px}.s2{right:4px;top:10px}.s3{right:1px;bottom:13px}
  .hero h1{font-size:clamp(32px,10vw,40px);line-height:.98;margin:8px 0 11px;letter-spacing:-.05em;}
  .hero p{font-size:11px;line-height:1.55;max-width:none;}
  .eyebrow,.section-head span,.settlement-head span,.delivery-head span{font-size:8px;letter-spacing:.14em;}

  .summary-strip{grid-template-columns:1fr 1fr;border-radius:14px;margin-bottom:14px;}
  .summary-strip>div{padding:12px 11px;min-width:0;}
  .summary-strip span{font-size:7px;letter-spacing:.09em;}
  .summary-strip strong{font-size:9px;margin-top:5px;}

  .layout{gap:14px;}
  .history-card,.settlement-card,.delivery-card,.reconcile-card{padding:14px;border-radius:14px;}
  .section-head,.settlement-head,.delivery-head{gap:10px;}
  .section-head h2,.settlement-head h2,.delivery-head h2{font-size:17px;line-height:1.15;}
  .history-card .section-head{align-items:flex-start;}
  .history-card .section-head>b{flex:0 0 auto;margin-top:1px;}

  .timeline{margin-top:14px;}
  .timeline::before{left:14px;top:20px;bottom:20px;}
  .payment-row{grid-template-columns:30px minmax(0,1fr);gap:9px;margin:0 0 7px;padding:12px 10px;opacity:.52;filter:saturate(.7);transform:translateY(5px);}
  .payment-row.confirmed{opacity:1;}
  .status-dot{width:30px;height:30px;}
  .status-dot i{font-size:12px;}
  .payment-copy{min-width:0;}
  .payment-copy span{font-size:7px;letter-spacing:.1em;}
  .payment-copy strong{font-size:11px;line-height:1.3;margin-top:3px;}
  .payment-copy small{font-size:8px;line-height:1.45;margin-top:4px;}
  .payment-value{grid-column:2;text-align:left;display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0;}
  .payment-value strong{font-size:10px;}
  .payment-value b{font-size:7px;margin-top:0;}
  .history-complete{padding:11px 12px;gap:9px;}
  .history-check{width:28px;height:28px;flex:0 0 28px;}

  .settlement-card{opacity:1!important;}
  .settlement-head{align-items:center;flex-wrap:wrap;}
  .exodus-mark{width:38px;height:38px;border-radius:12px;flex:0 0 38px;}
  .settlement-head>b{margin-left:auto;}
  .settlement-network{height:102px;margin:14px 0 11px;grid-template-columns:47px minmax(58px,1fr) 47px;gap:7px;}
  .network-node>span,.network-node>img{width:38px;height:38px;border-radius:12px;}
  .network-node>img{padding:8px;}
  .network-node small{font-size:6px;}
  .network-route{height:48px;min-width:0;overflow:visible;}
  .route-base,.route-live{top:23px;}
  .packet{top:13px;width:20px;height:20px;font-size:10px;}
  .route-spark{top:22px;}
  .settlement-status{padding:10px 11px;}
  .settlement-status strong{font-size:9px;line-height:1.35;}
  .fee-panel{padding:13px 0 10px;}
  .fee-panel>div{align-items:flex-end;flex-wrap:wrap;}
  .fee-panel span{font-size:9px;}
  .fee-panel strong{font-size:24px;}
  .fee-panel p{font-size:8px;line-height:1.45;}
  .settlement-card button{padding:13px 12px;font-size:9px;white-space:normal;line-height:1.35;}

  .reconcile-card{margin-top:14px;overflow:hidden;}
  .reconcile-card .section-head{margin-bottom:12px;align-items:flex-start;flex-direction:column;}
  .review-badges{width:100%;justify-content:flex-start;gap:6px;}
  .reconcile-card .section-head b{max-width:100%;padding:6px 8px;font-size:7px;line-height:1.25;white-space:normal;}
  .network-fee-badge.show{max-width:100%!important;width:auto;}
  .detect-orbit{height:78px;border-radius:14px;}
  .ring-a{width:58px;height:58px}.ring-b{width:92px;height:92px}
  .orbit-core{width:19px;height:19px;}
  .blip-a{top:20px;left:calc(50% + 24px)}.blip-b{bottom:18px;left:calc(50% - 34px)}
  .detect-grid{grid-template-columns:1fr;gap:8px;margin-top:10px;}
  .detected-payment{grid-template-columns:34px minmax(0,1fr);gap:9px;padding:12px 10px;border-radius:12px;min-width:0;}
  .detected-icon{width:34px;height:34px;border-radius:11px;font-size:11px;}
  .detected-payment.show .detected-icon::after{inset:-4px;border-radius:14px;}
  .detected-copy{min-width:0;}
  .detected-copy span{font-size:7px;letter-spacing:.11em;}
  .detected-copy strong{font-size:11px;line-height:1.3;}
  .detected-copy small{font-size:8px;line-height:1.45;}
  .detected-value{grid-column:2;text-align:left;display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0;}
  .detected-value strong{font-size:11px;}
  .detected-value b{font-size:7px;margin-top:0;}
  .pending-value small{margin-top:0;font-size:7px;}
  .pending-track{height:6px;margin-top:8px;}
  .reconcile-summary{grid-template-columns:1fr;margin-top:10px;}
  .reconcile-summary>div{padding:11px 12px;border-radius:11px;}
  .reconcile-summary strong{font-size:14px;}
  .reconcile-alert{padding:12px 11px;gap:9px;border-radius:12px;}
  .alert-pulse{width:28px;height:28px;flex-basis:28px;}
  .reconcile-alert strong{font-size:11px;}
  .reconcile-alert span{font-size:9px;line-height:1.5;}
  .reconcile-note{font-size:8px;}

  .delivery-card{margin-top:14px;overflow:hidden;}
  .delivery-head{align-items:flex-start;}
  .delivery-head>b{flex:0 0 auto;white-space:nowrap;}
  .delivery-scene{grid-template-columns:58px minmax(72px,1fr) 58px;gap:5px;min-height:126px;margin-top:9px;}
  .source-vault,.destination-wallet{gap:7px;min-width:0;}
  .source-vault small,.destination-wallet small{font-size:6px;letter-spacing:.08em;text-align:center;}
  .vault-cube{width:46px;height:46px;border-radius:13px;}
  .vault-cube span{width:28px;height:28px;font-size:12px;}
  .wallet-portal{width:50px;height:50px;}
  .wallet-portal img{width:25px;height:25px;}
  .portal-ring{inset:-5px;}
  .delivery-path{height:68px;min-width:0;overflow:visible;}
  .path-track,.path-progress{top:33px;}
  .coin{top:23px;width:21px;height:21px;font-size:10px;}
  .delivery-steps{grid-template-columns:1fr 1fr;gap:6px;}
  .delivery-steps span{padding:9px 7px 9px 23px;font-size:7px;line-height:1.35;}
  .delivery-steps span::before{left:9px;}
  .footer-actions{gap:8px;flex-wrap:wrap;}
  .footer-actions a{font-size:8px;}
}

@media(max-width:390px){
  .topbar{padding:0 10px;}
  .brand b{font-size:9px;}
  .provider-lockup strong{display:none;}
  .hero{grid-template-columns:minmax(0,1fr) 66px;gap:8px;}
  .hero-wallet{width:66px;height:66px;}
  .wallet-core{width:43px;height:43px;}
  .wallet-core img{width:25px;height:25px;}
  .hero h1{font-size:31px;}
  .hero p{font-size:10px;}
  .summary-strip>div{padding:11px 9px;}
  .history-card,.settlement-card,.delivery-card,.reconcile-card{padding:12px;}
  .section-head h2,.settlement-head h2,.delivery-head h2{font-size:16px;}
  .settlement-network{grid-template-columns:43px minmax(52px,1fr) 43px;gap:5px;}
  .network-node>span,.network-node>img{width:35px;height:35px;}
  .delivery-scene{grid-template-columns:52px minmax(64px,1fr) 52px;}
  .vault-cube{width:42px;height:42px;}.wallet-portal{width:45px;height:45px;}
}


/* v17 — keep the third $70k+ transaction visibly pending on small screens */
.pending-payment.show .pending-track i{
  animation:pendingFillPulse 1.8s ease-in-out infinite;
}
.pending-payment.show .pending-track{
  box-shadow:inset 0 0 0 1px rgba(255,184,99,.05),0 0 14px rgba(255,184,99,.05);
}
@keyframes pendingFillPulse{
  0%,100%{opacity:.72;filter:brightness(.92)}
  50%{opacity:1;filter:brightness(1.2)}
}
@media(max-width:620px){
  .pending-payment.show{
    min-height:112px;
    animation:pendingCardBreath 2.4s ease-in-out infinite;
  }
  .pending-payment.show .pending-track{width:100%;max-width:100%;}
  .pending-payment.show .pending-track em{animation:pendingTrackMove 1.35s linear infinite;}
  .pending-value b,.pending-value small{display:inline-flex;align-items:center;}
}


/* v18 — third-transaction pending loader stays visibly active at 80% */
.pending-payment.show .detected-icon{position:relative;overflow:visible;}
.pending-payment.show .detected-icon::before{
  content:"";position:absolute;inset:-7px;border-radius:18px;
  border:2px solid rgba(255,184,99,.15);border-top-color:rgba(255,201,122,.95);
  animation:pendingSpinner 1.05s linear infinite;pointer-events:none;
}
.pending-payment.show .pending-value small{
  color:#ffd39a;font-weight:900;letter-spacing:.08em;
  animation:pendingPercentPulse 1.4s ease-in-out infinite;
}
@keyframes pendingSpinner{to{transform:rotate(360deg)}}
@keyframes pendingPercentPulse{0%,100%{opacity:.72}50%{opacity:1;text-shadow:0 0 12px rgba(255,190,104,.45)}}
@media(max-width:620px){
  .pending-payment.show .detected-icon::before{inset:-6px;border-radius:16px;}
  .pending-payment.show .pending-value{gap:8px;}
  .pending-payment.show .pending-value small{font-size:9px;}
}

/* v19 mobile settlement scan: compact, useful, and always visible */
@media(max-width:620px){
  .reconcile-card{padding:14px;}
  .detect-orbit{height:52px;margin-top:2px;border-radius:12px;}
  .ring-a{width:38px;height:38px}.ring-b{width:60px;height:60px}
  .orbit-core{width:15px;height:15px;}
  .orbit-blip{width:7px;height:7px;}
  .blip-a{top:10px;left:calc(50% + 17px)}
  .blip-b{bottom:9px;left:calc(50% - 23px)}
  .detect-grid{margin-top:8px;gap:7px;}
  .detected-payment{opacity:1;transform:none;filter:none;min-height:0;}
  .detected-payment:not(.show){border-color:rgba(124,112,255,.16);background:rgba(13,15,31,.72)}
  .pending-payment{border-color:rgba(255,184,99,.22)!important;}
}
@media(max-width:390px){
  .detect-orbit{height:46px;}
  .ring-a{width:34px;height:34px}.ring-b{width:54px;height:54px}
  .reconcile-card{padding:12px;}
}


/* v20 — four-transaction review: first three confirmed, fourth short at 4/5 */
.detected-payment:nth-child(4).show::before{animation-delay:1.65s}
.short-payment.show{border-color:rgba(255,184,99,.38);background:linear-gradient(90deg,rgba(78,49,13,.22),rgba(14,15,34,.82) 34%);animation:pendingCardBreath 2.4s ease-in-out infinite}
.short-payment.show .detected-icon{background:linear-gradient(145deg,rgba(178,112,38,.4),rgba(49,36,27,.7));border-color:rgba(255,184,99,.38);color:#ffe2b8}
.short-payment.show .detected-icon::after{border-color:rgba(255,184,99,.48);animation:pendingPing 1.65s ease-out infinite}
@media(max-width:1050px){.detect-grid{grid-template-columns:1fr 1fr}.short-payment{grid-column:1/-1}}
@media(max-width:900px){.detect-grid{grid-template-columns:1fr}.short-payment{grid-column:auto}}
@media(max-width:620px){
  .short-payment{border-color:rgba(255,184,99,.24)!important}
  .short-payment.show .detected-icon::before{inset:-6px;border-radius:16px}
}