.integration-demo{--demo-black:#0a0a0a;--demo-white:#f5f4f0;--demo-accent:#10b981;--demo-border:#1e1e1e;--demo-muted:#555;--demo-muted-light:#888;--demo-rsa-blue:#1a56db;--demo-rsa-green:#10b981;--demo-ios-bg:#f2f2f7;--demo-ios-card:#fff;--demo-ios-label:#8e8e93;--demo-ios-text:#0a0a0a;--demo-ios-sep:#e5e5ea;min-width:0;font-family:DM Sans,system-ui,sans-serif;font-weight:300;overflow-x:auto}.integration-demo .phone-outer{background:linear-gradient(160deg,#2c2c2c 0%,#1a1a1a 50%,#242424 100%)!important;border-radius:52px!important;padding:12px!important;position:relative!important;box-shadow:0 0 0 1px #383838,0 50px 100px #000c,0 20px 40px #00000080,inset 0 1px #ffffff12!important}.integration-demo .phone-outer:before{content:"";background:#252525;border-radius:2px 0 0 2px;width:3px;height:28px;position:absolute;top:108px;left:-3px;box-shadow:0 42px #252525,0 78px #252525}.integration-demo .phone-outer:after{content:"";background:#252525;border-radius:0 2px 2px 0;width:3px;height:62px;position:absolute;top:148px;right:-3px}.integration-demo .phone-inner{background:var(--demo-ios-bg)!important;border-radius:42px!important;position:relative!important;overflow:hidden!important}.integration-demo .dynamic-island{z-index:20;background:#080808;width:112px;height:34px;position:absolute;top:12px;left:50%;transform:translate(-50%);border-radius:20px!important}.integration-demo .app-viewport{height:620px;position:relative;overflow:hidden}.integration-demo .screen{background:var(--demo-ios-bg);opacity:0;pointer-events:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;flex-direction:column;transition:opacity .35s,transform .35s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;inset:0;overflow-y:auto;transform:translate(100%)}.integration-demo .screen.active{opacity:1;pointer-events:all;transform:translate(0)}.integration-demo .screen.exiting{opacity:0;transform:translate(-40px)}.integration-demo .ios-statusbar{background:var(--demo-ios-card);z-index:10;flex-shrink:0;justify-content:space-between;align-items:flex-end;height:44px;padding:0 16px 6px;display:flex}.integration-demo .ios-time{color:var(--demo-ios-text);letter-spacing:-.02em;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:600}.integration-demo .ios-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--demo-ios-sep);z-index:9;background:#f2f2f7eb;flex-shrink:0;align-items:center;padding:6px 12px 8px;display:flex}.integration-demo .ios-nav-label{color:var(--demo-ios-label);letter-spacing:.02em;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:11px}.integration-demo .ios-card{background:var(--demo-ios-card);margin:0 10px;overflow:hidden;box-shadow:0 1px 2px #0000000f;border-radius:10px!important}.integration-demo .ios-card+.ios-card{margin-top:8px}.integration-demo .ios-card-scroll{-webkit-overflow-scrolling:touch;max-height:120px;overflow-y:auto}.integration-demo .ios-section-label{letter-spacing:.06em;text-transform:uppercase;color:var(--demo-ios-label);padding:8px 10px 4px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:9px;font-weight:600}.integration-demo .ios-row{border-bottom:1px solid var(--demo-ios-sep);justify-content:space-between;align-items:baseline;padding:6px 10px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;display:flex}.integration-demo .ios-row:last-child{border-bottom:none}.integration-demo .ios-row-label{color:var(--demo-ios-label);font-size:11px}.integration-demo .ios-row-val{color:var(--demo-ios-text);font-size:11px;font-weight:500}.integration-demo .ios-row-val.blue{color:var(--demo-rsa-blue)}.integration-demo .ios-row-val.green{color:var(--demo-rsa-green)}.integration-demo .flyte-plugin{background:var(--demo-ios-card);align-items:center;gap:8px;margin:8px 10px 0;padding:8px 10px;display:flex;box-shadow:0 1px 2px #0000000f;border-radius:10px!important}.integration-demo .flyte-plugin-icon{background:var(--demo-rsa-blue);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;border-radius:8px!important}.integration-demo .flyte-plugin-icon svg{fill:#fff;width:20px;height:20px}.integration-demo .flyte-plugin-title{color:var(--demo-ios-text);font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:600}.integration-demo .flyte-plugin-sub{color:var(--demo-ios-label);font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:10px}.integration-demo .rate-wrap{margin:0 10px}.integration-demo .rate-label{color:var(--demo-ios-label);margin-bottom:4px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:10px}.integration-demo .rate-input-row{background:var(--demo-ios-card);border:1.5px solid var(--demo-rsa-blue);align-items:center;gap:0;display:flex;overflow:hidden;box-shadow:0 0 0 2px #1a56db1a;border-radius:8px!important}.integration-demo .rate-currency{color:var(--demo-ios-label);border-right:1px solid var(--demo-ios-sep);background:#f9f9fb;padding:8px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;font-weight:600}.integration-demo .rate-number{color:var(--demo-ios-text);letter-spacing:-.02em;background:0 0;border:none;outline:none;flex:1;padding:8px 10px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:18px;font-weight:300}.integration-demo .rate-hint{color:var(--demo-ios-label);margin-top:4px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:9px}.integration-demo .ios-btn{text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;border:none;margin:0 10px;padding:10px 12px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:600;transition:opacity .15s,transform .1s;border-radius:10px!important}.integration-demo .ios-btn:active{opacity:.8;transform:scale(.98)}.integration-demo .ios-btn.primary{background:var(--demo-rsa-blue);color:#fff}.integration-demo .ios-btn.outline{color:var(--demo-rsa-blue);border:1.5px solid var(--demo-rsa-blue);background:0 0}.integration-demo .ios-btn.green{background:var(--demo-rsa-green);color:#fff}.integration-demo .live-card{background:#eef4ff;border:1.5px solid #bedaff;margin:0 10px;padding:8px 10px;border-radius:10px!important}.integration-demo .live-badge-row{align-items:center;gap:6px;margin-bottom:6px;display:flex}.integration-demo .live-badge{background:var(--demo-rsa-blue);color:#fff;letter-spacing:.06em;padding:2px 6px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:9px;font-weight:700;border-radius:3px!important}.integration-demo .live-status-text{color:var(--demo-rsa-blue);font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:10px;font-weight:500}.integration-demo .live-icon-row{align-items:center;gap:6px;margin-bottom:8px;display:flex}.integration-demo .live-check{background:var(--demo-rsa-blue);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex;border-radius:6px!important}.integration-demo .live-check svg{stroke:#fff;fill:none;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.integration-demo .live-title{color:var(--demo-rsa-blue);font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:700}.integration-demo .live-sub{color:var(--demo-rsa-blue);opacity:.8;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:11px}.integration-demo .progress-bar{gap:4px;display:flex}.integration-demo .pb-seg{flex:1;height:4px;border-radius:2px!important}.integration-demo .pb-seg.done{background:var(--demo-rsa-blue)}.integration-demo .pb-seg.active{background:var(--demo-rsa-blue);opacity:.5}.integration-demo .pb-seg.empty{background:#c8d8f0}.integration-demo .confirmed-card{background:#e6faf6;border:1.5px solid #6ee7d8;margin:0 10px;padding:8px 10px;border-radius:10px!important}.integration-demo .confirmed-badge{background:var(--demo-rsa-green);color:#fff;letter-spacing:.06em;margin-bottom:6px;padding:2px 6px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:9px;font-weight:700;display:inline-block;border-radius:3px!important}.integration-demo .confirmed-check{background:var(--demo-rsa-green);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex;border-radius:6px!important}.integration-demo .confirmed-check svg{stroke:#fff;fill:none;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.integration-demo .confirmed-row{align-items:center;gap:6px;display:flex}.integration-demo .confirmed-title{color:var(--demo-rsa-green);font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:700}.integration-demo .asset-grid{grid-template-columns:1fr 1fr;display:grid}.integration-demo .asset-cell{border-bottom:1px solid var(--demo-ios-sep);padding:5px 8px;font-family:-apple-system,BlinkMacSystemFont,sans-serif}.integration-demo .asset-cell:nth-child(odd){border-right:1px solid var(--demo-ios-sep)}.integration-demo .asset-cell:nth-last-child(-n+2){border-bottom:none}.integration-demo .asset-label{color:var(--demo-ios-label);margin-bottom:1px;font-size:9px}.integration-demo .asset-val{color:var(--demo-ios-text);font-size:11px;font-weight:600}.integration-demo .load-status-pill{color:var(--demo-rsa-green);background:#e6faf6;border:1px solid #6ee7d8;padding:2px 6px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:10px;font-weight:600;display:inline-block;border-radius:4px!important}.integration-demo .ios-hint{text-align:center;color:var(--demo-ios-label);padding:4px 10px 8px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:9px}.integration-demo .home-indicator{background:var(--demo-ios-bg);flex-shrink:0;justify-content:center;align-items:center;height:24px;display:flex}.integration-demo .home-bar{background:var(--demo-ios-text);opacity:.15;width:100px;height:4px;border-radius:2px!important}.integration-demo .steps{border:1px solid var(--demo-border);background:#111;gap:0;margin-bottom:40px;display:flex}.integration-demo .step{letter-spacing:.14em;cursor:pointer;color:var(--demo-muted);border-right:1px solid var(--demo-border);-webkit-user-select:none;user-select:none;background:0 0;align-items:center;gap:8px;padding:10px 28px;font-family:DM Mono,ui-monospace,monospace;font-size:10px;transition:background .2s,color .2s;display:flex}.integration-demo .step:last-child{border-right:none}.integration-demo .step:hover{background:#161616}.integration-demo .step.active{color:var(--demo-accent);background:#10b98114}.integration-demo .step-num{border:1px solid;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:9px;display:flex;border-radius:50%!important}.integration-demo .step.done .step-num{background:var(--demo-accent);border-color:var(--demo-accent);color:var(--demo-black)}.integration-demo .scene{flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:64px;display:flex}@media (max-width:480px){.integration-demo .scene{flex-direction:column;align-items:center;gap:2rem}}.integration-demo .phone{flex-shrink:0;width:320px;position:relative}.integration-demo .annotations{flex-direction:column;gap:20px;max-width:220px;display:flex}.integration-demo .ann{align-items:flex-start;gap:12px;display:flex}.integration-demo .ann-dot-wrap{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.integration-demo .ann-dot{border:1px solid var(--demo-accent);width:8px;height:8px;margin-top:3px;border-radius:50%!important}.integration-demo .ann-line{background:#1e1e1e;flex:1;width:1px;min-height:14px;margin-top:3px}.integration-demo .ann-title{color:var(--demo-white);margin-bottom:2px;font-size:12px;font-weight:400}.integration-demo .ann-desc{color:var(--demo-muted);font-size:11px;line-height:1.5}.integration-demo .ann-tag{color:var(--demo-accent);letter-spacing:.12em;opacity:.6;margin-top:3px;font-family:DM Mono,ui-monospace,monospace;font-size:9px;display:block}.integration-demo .mt8{margin-top:6px}.integration-demo .mt12,.integration-demo .mt14{margin-top:8px}.integration-demo .mt16{margin-top:10px}.integration-demo .mb14{margin-bottom:8px}.integration-demo .pb16{padding-bottom:10px}.integration-demo .screen-heading{color:var(--demo-ios-text);text-transform:none;letter-spacing:0;padding-bottom:4px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:700}.integration-demo .coordinator-block .ios-row{flex-direction:column;align-items:flex-start;gap:2px}.integration-demo .coordinator-block .ios-row .coordinator-name{color:var(--demo-ios-text);font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:600}.integration-demo .coordinator-block .ios-row .coordinator-contact{color:var(--demo-ios-label);font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:10px}