:root{--showcase-ink:#0d1930;--showcase-blue:#3772ff;--showcase-mint:#64dcc7;--showcase-amber:#f3be68;--showcase-text:#f5f7fc;--showcase-muted:#9fb0c8}
.showcase-preview-body{background:#f4f6fa}.showcase-preview-main{padding:60px 0 90px}.showcase-preview-copy{max-width:820px;margin:0 auto 36px;text-align:center}.showcase-preview-copy h1{max-width:none;font-size:clamp(48px,6vw,78px);line-height:.98;letter-spacing:-.055em}.showcase-preview-copy>p:last-child{max-width:650px;margin:24px auto 0;color:var(--muted);font-size:18px}.showcase-preview-back{border:1px solid var(--line);border-radius:6px;padding:9px 14px;text-decoration:none}
.showcase-stage{position:relative;min-height:680px;overflow:hidden;border-radius:24px;padding:24px 28px 22px;background:radial-gradient(circle at 52% 45%,rgba(55,114,255,.14),transparent 34%),linear-gradient(145deg,#0b1528,var(--showcase-ink) 64%,#111f3a);color:var(--showcase-text);box-shadow:0 32px 80px rgba(16,27,50,.2);isolation:isolate}.showcase-stage:focus-visible{outline:3px solid #7da2ff;outline-offset:4px}.showcase-stage::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:88px 88px;mask-image:linear-gradient(to bottom,black,transparent 90%)}
.showcase-stage-top{display:flex;justify-content:space-between;gap:16px;font:11px var(--mono);letter-spacing:.045em;color:var(--showcase-muted)}.showcase-stage-top span:first-child{color:var(--showcase-text)}.network-scene{height:500px}.network-svg{display:block;width:100%;height:100%;overflow:visible}.chain-zone.solana-zone{fill:rgba(55,114,255,.035)}.chain-zone.robinhood-zone{fill:rgba(100,220,199,.025)}.chain-boundary{stroke:#607594;stroke-width:1.5;stroke-dasharray:5 8}.chain-name{fill:#d7e2f2;font:760 24px var(--sans);letter-spacing:.04em}.solana-label{fill:#8cacff}.robinhood-label{fill:#d5e1ef}.source-node polygon{fill:#17294b;stroke:#7da2ff;stroke-width:2}.source-node text{fill:#f5f7fc;font-size:13px;font-weight:760}.source-node .mono{fill:#9fb0c8;font:10px var(--mono)}.relay-node circle:first-child{fill:#111f3a;stroke:#5d8cff;stroke-width:2}.relay-node circle:nth-child(2){fill:#3772ff}.relay-node path{stroke:#fff;stroke-width:2}.relay-node text{fill:#9fb0c8;font:10px var(--mono)}
.network-path{fill:none;stroke:#63738b;stroke-width:1.5;stroke-linecap:round;opacity:.17;transition:opacity .35s ease}.network-path.active{opacity:.54}.path-pulse{fill:var(--showcase-blue);filter:drop-shadow(0 0 8px var(--showcase-blue));opacity:0}.path-pulse.return{fill:var(--showcase-amber);filter:drop-shadow(0 0 8px var(--showcase-amber))}.network-wallet rect{fill:#14243e;stroke:#53657f;stroke-width:1.2}.network-wallet circle{fill:#71839d}.network-wallet text{fill:#d9e4f2}.network-wallet .wallet-address{font:700 15px var(--mono)}.network-wallet.active rect{stroke:var(--showcase-mint);stroke-width:1.8}.network-wallet.active circle{fill:var(--showcase-mint)}
.token-link{fill:none;stroke:#a6b3c5;stroke-width:1.5;stroke-dasharray:5 7;opacity:.08;transition:opacity .35s}.token-link.active{opacity:.75}.token-node{opacity:.22;transition:opacity .35s}.token-node.active{opacity:1}.token-node circle{fill:#f5f7fc;stroke:#fff}.token-node>text{fill:#101b32;font-size:22px;font-weight:820}.token-node .token-label{fill:#f5f7fc;font:700 19px var(--mono)}
.network-footer{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-top:-6px}.network-message{height:76px}.network-message p{margin:0 0 8px;color:#8da6d0;font:10px var(--mono);letter-spacing:.06em}.network-message h2{max-width:760px;margin:0;color:#f5f7fc;font-size:clamp(30px,3.4vw,46px);line-height:1.02;letter-spacing:-.045em}.showcase-trace{min-height:46px;display:inline-flex;align-items:center;flex:0 0 auto;border-radius:7px;background:var(--showcase-blue);color:#fff;padding:0 18px;font-size:14px;font-weight:750;text-decoration:none}.network-legend{display:flex;gap:24px;margin-top:18px;color:#8fa0b8;font:9px var(--mono)}.network-legend span{display:flex;align-items:center;gap:7px}.network-legend i{width:24px;border-top:2px solid}.network-legend .forward{border-color:var(--showcase-blue)}.network-legend .return{border-color:var(--showcase-amber)}.network-legend .activity{border-color:#a6b3c5;border-top-style:dashed}
.showcase-evidence-bridge{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-top:28px;padding:24px 0;border-top:1px solid #dce2eb;border-bottom:1px solid #dce2eb}.showcase-evidence-bridge p{margin:0;color:var(--muted);font-size:16px}.showcase-evidence-bridge strong{color:var(--ink)}.showcase-evidence-button{min-height:44px;flex:0 0 auto;border:1px solid var(--line-dark);border-radius:7px;background:#fff;padding:0 17px;font-weight:720;cursor:pointer}.showcase-evidence-button:hover{border-color:var(--ink)}
.showcase-evidence{width:min(980px,calc(100% - 32px));max-height:min(820px,calc(100vh - 32px));overflow:auto}.showcase-evidence-content{padding:28px}.showcase-evidence-content .dialog-header{position:sticky;top:-28px;z-index:3;margin:-28px -28px 18px;padding:28px;background:#fff;border-bottom:1px solid var(--line)}.showcase-evidence-intro{margin:0 0 22px;color:var(--muted)}.showcase-evidence-group{margin-top:24px}.showcase-evidence-group h3{margin-bottom:10px}.showcase-evidence-row{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:12px;align-items:start;padding:12px 0;border-top:1px solid var(--line);font-size:12px}.showcase-evidence-row span{color:var(--muted);font-weight:700}.showcase-evidence-row code{min-width:0;overflow-wrap:anywhere;font:11px/1.55 var(--mono)}.showcase-evidence-row a{color:var(--blue);font-weight:700;text-decoration:none}.showcase-evidence-links{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.showcase-evidence-boundary{margin:24px 0 0;border-left:2px solid var(--line-dark);padding-left:14px;color:var(--muted);font-size:12px}
@media(max-width:900px){.showcase-stage{min-height:0;border-radius:18px;padding:22px 20px}.network-scene{height:auto;aspect-ratio:700/780}.network-footer{margin-top:0}.network-svg.tablet{max-width:700px;margin:auto}.network-message{height:100px}.network-message h2{font-size:36px}.chain-name{font-size:20px}}
@media(max-width:600px){.showcase-stage{min-height:0;border-radius:14px;padding:18px 16px 16px}.showcase-stage-top{font-size:9px}.showcase-stage-top span:last-child{text-align:right}.network-scene{height:auto;aspect-ratio:390/940;margin-top:2px}.network-footer{align-items:stretch;flex-direction:column;margin-top:0}.network-message{height:90px;flex:0 0 90px}.network-message h2{font-size:30px}.showcase-trace{align-self:stretch;justify-content:center}.network-legend{flex-wrap:wrap;gap:10px 18px}.showcase-evidence-bridge{align-items:flex-start;flex-direction:column}.showcase-evidence-row{grid-template-columns:1fr auto}.showcase-evidence-row code{grid-column:1/-1;grid-row:2}}
@media(prefers-reduced-motion:reduce){.showcase-stage *{transition:none!important;animation:none!important}.network-path{opacity:.36}.path-pulse{display:none}.network-wallet,.token-node,.token-link{opacity:1}}
.capture-mode .showcase-stage *{transition:none!important;animation:none!important}