.connections-product.payment-scene{min-height:700px}.payment-scene{--payment-colour:var(--home-light-ray)}.payment-scene__balance{z-index:2;background:var(--demo-widget);width:min(330px,76%);height:158px;box-shadow:var(--home-card-shadow);padding:20px 24px;position:absolute;top:58px;left:50%;overflow:visible;transform:translate(-50%)}.payment-scene__balance>div:not(.scene-edge){color:var(--demo-muted);justify-content:space-between;align-items:center;font-size:11px;display:flex}.payment-scene__balance>div>span:last-child{align-items:center;gap:5px;font-size:8px;display:flex}.payment-scene__balance>div>span>i,.payment-scene__ledger-title i{background:var(--payment-colour);width:4px;height:4px;box-shadow:0 0 7px color-mix(in srgb, var(--payment-colour) 50%, transparent);border-radius:50%}.payment-scene__balance>strong{font-family:var(--font-primary),sans-serif;letter-spacing:-.045em;font-variant-numeric:tabular-nums;margin:10px 0;font-size:38px;font-weight:500;display:block}.payment-scene__balance>strong b{font-weight:inherit}.payment-scene__balance>small{color:var(--demo-muted);align-items:center;gap:6px;font-size:8px;display:flex}.payment-scene__balance>small svg{width:12px;height:12px}.payment-scene__paths{pointer-events:none;width:100%;height:700px;position:absolute;inset:0}.payment-scene .payment-track{stroke:color-mix(in srgb, var(--payment-colour) 26%, transparent);stroke-width:1px}.payment-scene .payment-stream{stroke:var(--payment-colour);stroke-width:1.2px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;opacity:0}.payment-scene__hub{z-index:2;border-radius:var(--radius-xl);background:color-mix(in srgb, var(--demo-widget) 86%, transparent);border:1px solid var(--demo-line);width:62px;height:62px;box-shadow:var(--home-card-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);place-items:center;display:grid;position:absolute;top:290px;left:50%;transform:translate(-50%)}.payment-scene__hub .home-mark{width:32px;height:32px}.payment-scene__ticket{border:1px solid var(--home-line);border-radius:var(--radius-lg);background:var(--home-glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:150px;height:56px;box-shadow:var(--shadow-sm);align-items:center;gap:8px;padding:10px;font-size:9px;display:flex;position:absolute;top:294px;left:7%}.payment-scene__ticket>span{background:var(--demo-subtle);width:26px;height:26px;color:var(--demo-accent);border-radius:50%;place-items:center;font-size:8px;display:grid}.payment-scene__ticket b{margin-top:3px;font-size:12px;font-weight:500;display:block}.payment-scene__rails{justify-content:space-between;align-items:center;display:flex;position:absolute;top:374px;left:15%;right:15%}.payment-scene__rails>span{font:8px var(--font-mono),monospace;letter-spacing:.08em;color:var(--demo-muted);background:var(--demo-widget);border:1px solid var(--demo-line);border-radius:var(--radius-md);padding:5px 8px;transition:color .6s,border-color .6s}.payment-scene__rails>span.is-active{color:var(--demo-accent);border-color:var(--demo-accent)}.payment-scene__ledger{width:88%;height:232px;box-shadow:var(--home-card-shadow);background:color-mix(in srgb, var(--demo-widget) 92%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:16px 18px 8px;position:absolute;top:416px;left:6%;overflow:visible}.payment-scene__ledger-title{justify-content:space-between;align-items:center;padding-bottom:12px;font-size:12px;display:flex}.payment-scene__ledger-title small{color:var(--demo-muted);align-items:center;gap:5px;font-size:8px;display:flex}.payment-row{border-top:1px solid var(--demo-line);grid-template-columns:25px minmax(0,1fr) 80px 100px;align-items:center;gap:8px;min-width:0;height:44px;padding:9px 0;font-size:10px;display:grid}.payment-row>i{background:var(--demo-element);border-radius:7px;flex-shrink:0;place-items:center;width:25px;height:25px;font-size:8px;font-style:normal;display:grid}.payment-row b{font-weight:500}.payment-row small{color:var(--demo-muted);margin-top:2px;font-size:7px;display:block}.payment-row__account{background:var(--demo-subtle);border-radius:var(--radius-full);color:var(--demo-muted);justify-self:start;padding:3px 6px;font-size:8px}.payment-row__amount{text-align:right;font-variant-numeric:tabular-nums;justify-self:end}.payment-row__amount .is-positive{color:var(--demo-accent)}@media (max-width:1120px) and (min-width:801px),(max-width:540px){.payment-scene__ticket,.payment-row__account{display:none}.payment-row{grid-template-columns:25px minmax(0,1fr) 92px}.payment-scene__balance>strong{font-size:32px}}.payment-scene__balance,.payment-scene__hub,.payment-scene__ledger,.payment-scene__ticket,.payment-scene__rails>span,.payment-scene .payment-row{translate:0 var(--payment-lift,0px)}.payment-scene .scene-edge,.payment-scene .scene-edge[data-playing=true]{animation:none}.payment-scene__ticket>div{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.payment-scene__balance>div>span:last-child{white-space:nowrap}
.hero-platform{z-index:1;position:absolute;inset:0;overflow:hidden}.hero-platform[data-ready=false]{background:url(/home-hero/platform-light.jpg) 50%/cover no-repeat}.hero-platform__canvas{opacity:0;width:100%;height:100%;transition:opacity .6s;position:absolute;inset:0}.hero-platform[data-ready=true] .hero-platform__canvas{opacity:1}.hero-platform__panel{left:50%;bottom:var(--space-sm);z-index:20;width:max-content;min-width:168px;max-width:calc(100% - 32px);padding:var(--space-md) var(--space-lg);border:1px solid var(--home-line);border-radius:var(--radius-lg);background:var(--home-glass);box-shadow:var(--home-card-shadow);-webkit-backdrop-filter:blur(14px);color:var(--home-ink);opacity:0;visibility:hidden;transition:opacity .2s,transform .3s cubic-bezier(.22,1,.36,1),visibility .2s;position:absolute;transform:translate(-50%,6px)}.hero-platform__panel[data-open=true]{opacity:1;visibility:visible;transform:translate(-50%)}.hero-platform__panel strong{font-size:var(--text-sm);font-weight:500;display:block}.hero-platform__panel ul{margin-top:var(--space-xs);gap:2px;list-style:none;display:grid}.hero-platform__panel li{align-items:center;gap:var(--space-sm);font-size:var(--text-xs);color:var(--home-muted);display:flex}.hero-platform__panel li:before{content:"";background:var(--home-mint);border-radius:50%;flex:none;width:4px;height:4px}.hero-platform[data-ready=true] .hero-platform__panel{clip-path:inset(50%);white-space:nowrap;pointer-events:none;border:0;width:1px;min-width:0;height:1px;padding:0;top:0;bottom:auto;left:0;overflow:hidden;transform:none}[data-theme=dark] .hero-platform[data-ready=false]{background-image:url(/home-hero/platform-dark.jpg)}.hero-module__hit{cursor:pointer;background:0 0;border:0;padding:0;display:block;position:absolute}.hero-module__hit:focus-visible{outline:none}.hero-module--hub .hero-module__hit{cursor:default}@media (max-width:800px){.hero-platform[data-ready=false]{--panel-slot:104px;background-image:url(/home-hero/platform-light-mobile.jpg)}.hero-platform__panel{top:auto;left:50%;bottom:var(--space-sm);text-align:center;width:min(100% - 32px,420px);transform:translate(-50%,6px)}.hero-platform__panel[data-open=true]{transform:translate(-50%)}.hero-platform__panel ul{justify-content:center;gap:2px var(--space-md);flex-wrap:wrap;display:flex}[data-theme=dark] .hero-platform[data-ready=false]{background-image:url(/home-hero/platform-dark-mobile.jpg)}}