.privacy-road{margin:28px 0 8px;background:#fff;border:1px solid #e0e3eb;border-radius:12px;overflow:hidden;--road-progress:0}.road-header{padding:26px 26px 22px;display:flex;align-items:center;justify-content:space-between;gap:25px}.road-eyebrow{color:#8c7a9f;letter-spacing:1.6px;font-size:8px}.road-header h2{color:#283145;font-size:22px;letter-spacing:-.5px;font-weight:400;margin:9px 0 8px}.road-header p{color:#7c8799;font-size:11px;margin:0}.road-controls{display:flex;align-items:center;gap:12px;flex-shrink:0}.road-demo{font-size:8px;color:#968aa7;border:1px solid #e4deec;border-radius:4px;padding:5px 7px;background:#f9f7fc}.road-controls button{color:#f7f5fc;background:#0b0920;border:1px solid #0b0920;border-radius:5px;padding:10px 13px;font-size:10px;min-width:100px;display:flex;justify-content:space-between;gap:15px}.road-controls button:hover{background:#302243}.road-controls button:disabled{opacity:.6;cursor:wait}.road-lanes{display:flex;align-items:center;gap:20px;border-top:1px solid #f0f1f5;padding:14px 26px 0;font-size:9px;color:#8792a3}.road-lanes>span:first-child{margin-right:auto;color:#707f92}.road-lanes>span{display:flex;align-items:center;gap:6px}.road-dot{width:5px;height:5px;display:inline-block}.road-dot.public{background:#99a8b9}.road-dot.private{background:#9275b1}.road-map{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));position:relative;padding:24px 21px 23px;gap:7px;background:linear-gradient(180deg,#fff,#fdfcfe)}.road-rail{height:1px;background:#e1dfE8;position:absolute;left:8%;right:8%;top:94px;z-index:0}.road-rail:after{content:"";display:block;height:1px;background:#a28cb9;width:calc(var(--road-progress)*100%);transition:width .5s}.road-node{position:relative;z-index:1;display:flex;align-items:center;flex-direction:column;border:0;background:transparent;border-radius:8px;padding:0 3px 10px;min-width:0;color:#7c899b}.road-node-index{font-size:8px;letter-spacing:1px;color:#aeb7c5;margin-bottom:13px}.road-node-icon{width:59px;height:59px;border-radius:14px;border:1px solid #e0e5ec;background:#fafbfc;display:grid;place-items:center;box-shadow:0 3px 8px #293a4b04;transition:background .2s,border-color .2s,transform .2s}.road-node-icon svg{width:27px;height:27px}.road-node.private .road-node-icon{background:#f8f4fd;border-color:#e6dcec;color:#9c83b7}.road-node.active .road-node-icon{background:#0b0920;color:#e8ddf6;border-color:#0b0920;box-shadow:0 5px 18px #0b092017;transform:translateY(-2px)}.road-node.passed .road-node-icon{background:#f1ebf8;border-color:#d4c7e4;color:#9b82b7}.road-node.active .road-node-index{color:#7f629b}.road-node b{font-size:11px;font-weight:400;color:#6a778a;margin-top:15px;white-space:nowrap}.road-node.active b{color:#3e2b54;font-weight:500}.road-node small{font-size:8px;color:#a8b0bd;margin-top:6px}.road-node:hover:not(.active) .road-node-icon{border-color:#b7a1c8;background:#f5f1fa}.road-inspector{display:grid;grid-template-columns:35px minmax(0,1.7fr) minmax(0,1fr);gap:18px;padding:23px 26px;background:#f9fafc;border-top:1px solid #eaecf2;min-height:170px}.road-step-number{color:#c0afce;font-size:22px;font-weight:300;letter-spacing:-1px;line-height:1.3;padding-top:4px}.road-detail>span{font-size:7px;letter-spacing:1px;color:#a18baf}.road-detail h3{font-size:14px;letter-spacing:-.15px;line-height:1.5;color:#596276;font-weight:400;margin:8px 0}.road-detail>p{font-size:11px;line-height:1.75;color:#8790a0;margin:0;max-width:540px}.road-data{border-left:1px solid #e4e7ee;padding-left:24px;display:grid;gap:14px;align-content:center}.road-data>div>span{color:#8f7d9d;letter-spacing:.4px;font-size:8px}.road-data p{color:#8d95a4;font-size:10px;line-height:1.7;margin:5px 0 0}.road-bottom{display:flex;align-items:center;gap:20px;padding:14px 26px;border-top:1px solid #eceef3;background:#fff}.road-bottom>span{color:#a99aba;font:10px ui-monospace,monospace;white-space:nowrap}.road-bottom p{font-size:9px;color:#939bab;line-height:1.7;margin:0;max-width:730px}.road-bottom>div{display:flex;gap:5px;margin-left:auto}.road-bottom button{display:grid;place-items:center;width:29px;height:27px;background:#fff;border:1px solid #e0dae8;color:#9f86b3;border-radius:4px;font-size:13px}.road-bottom button:hover{background:#f5effb;border-color:#bca6ce}.road-bottom button:disabled{opacity:.45}.road-node:focus-visible{outline:2px solid #aa8dc0;outline-offset:4px}.privacy-road button{cursor:pointer}.road-packet{display:none}.road-demo,.road-node small{color:#7e738d}.road-detail>span,.road-data>div>span{color:#7d668f}.road-detail>p,.road-data p,.road-bottom p{color:#707d90}.road-node-index{color:#8d97a6}.road-step-number{color:#a08bb2}
@media(max-width:1000px){.road-header{padding:24px 22px 20px}.road-map{padding-left:15px;padding-right:15px;gap:5px}.road-node-icon{width:52px;height:52px;border-radius:12px}.road-node b{font-size:10px}.road-rail{top:91px}.road-inspector{grid-template-columns:30px 1.4fr 1fr;gap:14px;padding:22px}.road-data{padding-left:18px}.road-controls{gap:8px}.road-lanes,.road-bottom{padding-left:22px;padding-right:22px}.road-demo{display:none}}
@media(max-width:680px){.privacy-road{margin-top:24px;border-radius:11px}.road-header{padding:23px 19px 20px;align-items:flex-start;gap:15px}.road-eyebrow{font-size:7px;letter-spacing:1.1px}.road-header h2{font-size:21px;margin:9px 0}.road-header p{font-size:11px;line-height:1.6;max-width:210px}.road-controls button{font-size:10px;padding:9px 10px;min-width:90px;min-height:35px}.road-controls{padding-top:4px}.road-lanes{padding:13px 19px 0;gap:11px;flex-wrap:wrap;font-size:9px}.road-lanes>span:first-child{display:none}.road-map{grid-template-columns:repeat(4,minmax(0,1fr));padding:24px 13px 17px;gap:23px 7px}.road-node{padding:0 0 3px}.road-node-icon{width:48px;height:48px;border-radius:11px}.road-node-index{margin-bottom:10px;font-size:8px}.road-node b{font-size:10px;margin-top:10px;white-space:normal;text-align:center;line-height:1.4}.road-node small{font-size:8px;margin-top:4px}.road-node-icon svg{width:24px;height:24px}.road-rail{display:none}.road-node:nth-of-type(5){grid-column:1}.road-inspector{grid-template-columns:22px 1fr;padding:21px 19px;gap:12px;min-height:0}.road-step-number{font-size:18px}.road-detail>span{font-size:7px}.road-detail h3{font-size:14px;margin:7px 0}.road-detail>p{font-size:11px;line-height:1.8}.road-data{grid-column:2;grid-template-columns:1fr;gap:12px;padding:15px 0 0;border-left:0;border-top:1px solid #e4e7ee}.road-data>div>span{font-size:9px}.road-data p{font-size:11px;margin-top:4px}.road-bottom{padding:15px 19px;gap:13px;flex-wrap:wrap}.road-bottom>p{order:3;width:100%;max-width:none;font-size:10px;line-height:1.75}.road-bottom button{width:35px;height:31px}.road-bottom>span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.road-rail:after,.road-node-icon{transition:none}}
.road-rail{top:75px}.privacy-road.tracing .road-packet{display:block;position:absolute;z-index:0;left:calc(8% + var(--road-progress)*84%);top:71px;width:8px;height:8px;border-radius:50%;background:#8b6da9;box-shadow:0 0 0 4px #a286b21a;transition:left .8s ease}
@media(max-width:1000px){.road-rail{top:72px}.privacy-road.tracing .road-packet{top:68px}}
@media(max-width:680px){.privacy-road.tracing .road-packet{display:none}}
@media(prefers-reduced-motion:reduce){.privacy-road.tracing .road-packet{transition:none}}

/* Transaction value follows the actual stage positions on desktop and mobile. */
.privacy-road{scroll-margin-top:95px}.road-transfer{margin:0 26px 16px;padding:12px 15px;border:1px solid #e4dced;border-radius:6px;background:#f7f3fc;color:#49355f;font-size:12px;line-height:1.6}.road-transfer[hidden]{display:none}.road-transfer.complete{background:#f1f8f4;border-color:#d8e8df;color:#32644b}.road-transfer.failed{background:#fff3f3;color:#923b48}.privacy-road.transacting .road-packet{display:block;position:absolute;z-index:4;padding:5px 9px;background:#0b0920;border:1px solid #a38bbd;color:#fff;border-radius:20px;font:10px ui-monospace,monospace;white-space:nowrap;transform:translate(-50%,-50%);box-shadow:0 3px 12px #0b092025;transition:left .75s ease,top .75s ease;pointer-events:none}.privacy-road.transacting .road-node-index{visibility:hidden}.road-node:disabled{cursor:default}.road-packet[hidden]{display:none!important}@media(max-width:680px){.road-transfer{margin:0 19px 15px;font-size:11px}.privacy-road.transacting .road-packet{display:block}}@media(prefers-reduced-motion:reduce){.privacy-road.transacting .road-packet{transition:none}}