.demo-hd{padding:clamp(1.5rem,4vw,3rem) clamp(1.25rem,5%,5%) 1.5rem;max-width:1280px;margin:0 auto}.demo-hd h1{font-size:clamp(1.8rem,6vw,3rem);line-height:1;margin-bottom:.7rem}.demo-hd p{color:var(--text-3);font-size:clamp(.9rem,2.5vw,1.05rem);max-width:680px}.stage-nav{padding:0 clamp(1.25rem,5%,5%) 1.5rem;max-width:1280px;margin:0 auto;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}@media(max-width:600px){.snav-sep{display:none}.snav-btn{flex:1 1 calc(50% - .3rem);justify-content:center}.snav-next{flex:0 0 100%;justify-content:center;margin-left:0}}.snav-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem 1rem;border-radius:50px;border:1.5px solid var(--border);background:transparent;color:var(--text-3);font-size:.78rem;font-weight:600;cursor:pointer;transition:.15s;font-family:inherit}.snav-btn .sn{width:18px;height:18px;border-radius:50%;background:var(--border);color:var(--text-4);font-size:.6rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.snav-btn:hover{border-color:var(--blue);color:var(--text)}.snav-btn.active{border-color:var(--blue);background:#2e5bff17;color:var(--blue)}.snav-btn.active .sn{background:var(--blue);color:#fff}.snav-sep{color:var(--text-3);font-size:.75rem}.demo-wrap{padding:0 clamp(1.25rem,5%,5%) 1.5rem;max-width:1280px;margin:0 auto}.demo-frame{--df-bg: #000000;--df-card: #16181c;--df-bdr: rgba(255, 255, 255, .08);--df-bdr2: rgba(255, 255, 255, .13);--df-text: #f1f5f9;--df-text2: #cbd5e1;--df-text3: #94a3b8;--df-text4: #64748b;--df-brand: #3b82f6;--df-brbg: rgba(59, 130, 246, .14);--df-brbdr: rgba(59, 130, 246, .3);--df-green: #10b981;--df-gbg: rgba(16, 185, 129, .12);--df-gtext: #6ee7b7;--df-gbdr: rgba(16, 185, 129, .35);--df-ambg: rgba(245, 158, 11, .12);--df-amtext: #fcd34d;--df-pubg: rgba(139, 92, 246, .12);--df-putext: #c4b5fd;display:flex;background:var(--df-bg);border-radius:18px;border:1px solid var(--border);box-shadow:0 32px 80px #0000008c;overflow:hidden;min-height:clamp(480px,80vh,620px);font-family:Inter,system-ui,sans-serif}@media(max-width:900px){.demo-frame{flex-direction:column}}.df-sidebar{width:192px;flex-shrink:0;background:var(--bg);border-right:1px solid var(--df-bdr);padding:14px 0;display:flex;flex-direction:column}@media(max-width:900px){.df-sidebar{display:none}}.df-brand{display:flex;align-items:center;gap:8px;padding:8px 14px 14px;border-bottom:1px solid var(--df-bdr);margin-bottom:8px}.df-brand-mark{width:26px;height:26px;background:var(--df-brand);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:900;color:#fff}.df-brand-name{font-size:13px;font-weight:700;color:var(--df-text)}.df-nav{padding:0 8px;display:flex;flex-direction:column;gap:2px}.df-nav-item{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:7px;color:var(--df-text4);font-size:12px;font-weight:500}.df-nav-item.act{background:var(--df-brbg);color:var(--df-brand)}.df-nav-item i{font-size:12px;width:13px;text-align:center;flex-shrink:0}.df-main{flex:1;padding:22px 26px;overflow-y:auto;display:flex;flex-direction:column;min-width:0}@media(max-width:600px){.df-main{padding:14px}}.df-pg-hd{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.df-back{color:var(--df-text4);font-size:12px;font-weight:500;background:none;border:none;cursor:default;display:inline-flex;align-items:center;gap:3px}.df-title{font-size:18px;font-weight:700;color:var(--df-text);letter-spacing:-.3px}.df-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:9999px;font-size:11px;font-weight:600;white-space:nowrap}.df-badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.dfb-proposed{background:var(--df-bg);color:var(--df-text4);border:1px solid var(--df-bdr)}.dfb-committed{background:var(--df-brbg);color:#93c5fd}.dfb-verifying{background:var(--df-ambg);color:var(--df-amtext)}.dfb-eligible{background:var(--df-pubg);color:var(--df-putext)}.dfb-executed{background:var(--df-gbg);color:var(--df-gtext)}.df-stepper-card{background:var(--df-card);border:1px solid var(--df-bdr);border-radius:11px;margin-bottom:10px;overflow:hidden}.df-stepper{display:flex;align-items:flex-start;padding:16px 18px 13px;gap:0;overflow-x:auto}.df-step{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;position:relative;text-align:center}.df-step:not(:last-child):after{content:"";position:absolute;top:12px;left:calc(50% + 14px);right:calc(-50% + 14px);height:2px;background:var(--df-bdr);z-index:0}.df-step.done:not(:last-child):after{background:var(--df-brand)}.df-dot{width:24px;height:24px;border-radius:50%;background:var(--df-bg);border:2px solid var(--df-bdr);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--df-text4);position:relative;z-index:1;flex-shrink:0;transition:all .2s}.df-step.done .df-dot{background:var(--df-brand);border-color:var(--df-brand);color:#fff;font-size:9px}.df-step.active .df-dot{background:var(--df-card);border-color:var(--df-brand);color:var(--df-brand);box-shadow:0 0 0 4px #3b82f633}.df-lbl{font-size:10px;font-weight:500;color:var(--df-text4);margin-top:6px;line-height:1.3;max-width:60px;text-align:center}.df-step.done .df-lbl{color:var(--df-text3)}.df-step.active .df-lbl{color:var(--df-brand);font-weight:600}.df-layout{display:grid;grid-template-columns:1fr 248px;gap:10px;flex:1}@media(max-width:780px){.df-layout{grid-template-columns:1fr}}.df-card{background:var(--df-card);border:1px solid var(--df-bdr);border-radius:11px}.df-card+.df-card{margin-top:9px}.df-card-hd{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 16px;border-bottom:1px solid var(--df-bdr)}.df-card-title{font-size:12px;font-weight:600;color:var(--df-text)}.df-card-sub{font-size:11px;color:var(--df-text4)}.df-action{background:var(--df-brbg);border:1.5px solid var(--df-brbdr);border-radius:11px;padding:16px 18px;margin-bottom:9px}.df-action.ok{background:var(--df-gbg);border-color:var(--df-gbdr)}.df-ac-eye{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--df-brand);margin-bottom:4px}.df-action.ok .df-ac-eye{color:var(--df-green)}.df-ac-ttl{font-size:14px;font-weight:700;color:var(--df-text);margin-bottom:4px}.df-ac-desc{font-size:12px;color:var(--df-text2);line-height:1.55;margin-bottom:12px}.df-wallets{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:10px}@media(max-width:480px){.df-wallets{grid-template-columns:1fr}}.df-wopt{display:flex;align-items:center;gap:9px;padding:11px 13px;background:var(--df-bg);border:1.5px solid var(--df-bdr);border-radius:8px;cursor:pointer;transition:.13s}.df-wopt:hover,.df-wopt.sel{border-color:var(--df-brand);background:var(--df-brbg)}.df-wopt i{color:var(--df-brand);font-size:13px}.df-wt{font-size:12px;font-weight:600;color:var(--df-text)}.df-wh{font-size:10px;color:var(--df-text4);margin-top:1px}.df-consent{display:flex;align-items:flex-start;gap:7px;padding:8px 11px;background:var(--df-bg);border-radius:7px;cursor:pointer;margin-bottom:12px}.df-consent input{margin-top:2px;flex-shrink:0;accent-color:var(--df-brand)}.df-consent span{font-size:11px;color:var(--df-text3);line-height:1.5}.df-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:8px 16px;border-radius:7px;border:none;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:.12s;white-space:nowrap}.df-btn-primary{background:var(--df-brand);color:#fff}.df-btn-primary:hover{background:#2563eb}.df-btn-success{background:var(--df-green);color:#fff}.df-btn-success:hover{background:#047857}.df-btn:disabled{opacity:.45;cursor:not-allowed}.df-cond{display:flex;align-items:flex-start;gap:10px;padding:11px 16px;border-bottom:1px solid var(--df-bdr)}.df-cond:last-child{border-bottom:none}.df-cond-body{flex:1;min-width:0}.df-cond-ttl{font-size:12px;font-weight:500;color:var(--df-text);display:flex;align-items:center;gap:5px;flex-wrap:wrap}.df-cond-cat{font-size:10px;font-weight:600;color:var(--df-text4)}.df-cond-hint{font-size:11px;color:var(--df-text4);margin-top:2px}.df-cond-ev{font-size:10px;color:var(--df-text3);font-family:monospace;margin-top:3px}.df-cond-rm{font-size:10px;color:var(--df-brand);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-top:3px}.df-cond-proof{display:flex;gap:6px;align-items:center;margin-top:8px}.df-cond-proof input{flex:1;background:var(--df-bg);border:1.5px solid var(--df-bdr);border-radius:6px;padding:6px 10px;font-size:11px;color:var(--df-text);font-family:inherit;outline:none}.df-cond-proof input::placeholder{color:var(--df-text4)}.df-cond-proof input:focus{border-color:var(--df-brand)}.df-cb{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:9999px;font-size:10px;font-weight:600;flex-shrink:0;white-space:nowrap}.df-cb:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor;flex-shrink:0}.df-cb-pass{background:var(--df-gbg);color:var(--df-gtext)}.df-cb-pending{background:var(--df-bg);color:var(--df-text4);border:1px solid var(--df-bdr)}.df-cb-pending:before{background:var(--df-text4)}.df-cb-auto{background:var(--df-brbg);color:#93c5fd}.df-audit{padding:9px 16px;border-bottom:1px solid var(--df-bdr)}.df-audit:last-child{border-bottom:none}.df-audit-ev{font-size:12px;font-weight:500;color:var(--df-text)}.df-audit-meta{font-size:10px;color:var(--df-text4);margin-top:2px}.df-by{display:inline-block;padding:1px 5px;border-radius:4px;font-size:9px;font-weight:700;margin-right:3px}.df-by-sys{background:#8b5cf626;color:#c4b5fd}.df-by-buy{background:var(--df-brbg);color:#93c5fd}.df-by-sel{background:var(--df-gbg);color:var(--df-gtext)}.df-kv{padding:9px 16px;border-bottom:1px solid var(--df-bdr)}.df-kv:last-child{border-bottom:none}.df-kv-lbl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--df-text4);margin-bottom:2px}.df-kv-val{font-size:12px;font-weight:500;color:var(--df-text)}.df-kv-val.bold{font-weight:700}.df-party{padding:10px 16px;border-top:1px solid var(--df-bdr)}.df-party-lbl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--df-text4);margin-bottom:3px}.df-party-id{font-family:monospace;font-size:10px;color:var(--df-text3);display:flex;align-items:center;gap:5px}.df-you{display:inline-block;padding:1px 5px;border-radius:4px;font-size:8px;font-weight:700;background:var(--df-gbg);color:var(--df-gtext);font-family:inherit}.df-done{background:var(--df-gbg);border:1.5px solid var(--df-gbdr);border-radius:11px;padding:22px;margin-bottom:9px;text-align:center}.df-done-ico{font-size:1.8rem;color:var(--df-green);margin-bottom:8px}.df-done-ttl{font-size:16px;font-weight:700;color:var(--df-text);margin-bottom:3px}.df-done-sub{font-size:12px;color:var(--df-text3);margin-bottom:12px}.df-done-amt{font-size:1.8rem;font-weight:800;color:var(--df-green);letter-spacing:-1px}.df-done-anchor{margin-top:14px;display:inline-flex;align-items:center;gap:6px;background:var(--df-bg);padding:7px 14px;border-radius:8px;font-family:monospace;font-size:10px;color:#38bdf8;word-break:break-all;max-width:100%}.snav-next{margin-left:auto;display:inline-flex;align-items:center;gap:.4rem;padding:.42rem 1.1rem;border-radius:50px;background:var(--blue);border:none;color:#fff;font-size:.78rem;font-weight:700;cursor:pointer;transition:.15s;font-family:inherit}.snav-next:hover{background:#2563eb}.snav-next.restart{background:transparent;border:1.5px solid var(--border);color:var(--text-3)}.snav-next.restart:hover{border-color:var(--blue);color:var(--text)}.role-strip{padding:0 clamp(1.25rem,5%,5%) 1rem;max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.role-strip-lbl{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);white-space:nowrap}.role-btns{display:flex;gap:.4rem}@media(max-width:600px){.role-strip{flex-direction:column;align-items:stretch}.role-btns{display:flex;width:100%}.role-btns .df-role-btn{flex:1;min-width:0;justify-content:center}.df-role-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.df-role-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.42rem 1rem;border-radius:8px;border:1.5px solid var(--border);background:transparent;color:var(--text-3);font-size:.8rem;font-weight:600;cursor:pointer;transition:.15s;font-family:inherit}.df-role-btn:hover{border-color:var(--blue);color:var(--text)}.df-role-btn.active{border-color:var(--blue);background:#2e5bff17;color:var(--blue)}.df-role-sub{font-size:.7rem;font-weight:400;color:var(--text-4)}.df-role-btn.active .df-role-sub{color:#3b82f6bf}.df-action.wait{background:#ffffff06;border-color:var(--df-bdr)}.df-action.wait .df-ac-eye{color:var(--df-text4)}.df-action.wait .df-ac-ttl{color:var(--df-text3)}.df-journey-card{background:var(--df-card);border:1px solid var(--df-bdr);border-radius:11px;margin-bottom:10px;padding:clamp(12px,3vw,18px) clamp(12px,3vw,22px)}.df-journey{display:flex;align-items:flex-start}.df-jstep{flex:1;display:flex;flex-direction:column;align-items:center;position:relative;text-align:center}.df-jstep:not(:last-child):after{content:"";position:absolute;top:12px;left:calc(50% + 14px);right:calc(-50% + 14px);height:2px;background:var(--df-bdr);z-index:0}.df-jstep.jdone:not(:last-child):after{background:var(--df-green)}.df-jdot{width:24px;height:24px;border-radius:50%;background:var(--df-bg);border:2px solid var(--df-bdr);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--df-text4);position:relative;z-index:1;transition:all .2s;flex-shrink:0}.df-jstep.jdone .df-jdot{background:var(--df-green);border-color:var(--df-green);color:#fff}.df-jstep.jactive .df-jdot{background:var(--df-card);border-color:var(--df-green);color:var(--df-green);box-shadow:0 0 0 4px #10b98133}.df-jlbl{font-size:10px;font-weight:500;color:var(--df-text4);margin-top:6px;text-align:center}.df-jstep.jdone .df-jlbl,.df-jstep.jactive .df-jlbl{color:var(--df-text3)}.df-collapse-card{background:var(--df-card);border:1px solid var(--df-bdr);border-radius:11px;margin-top:9px}.df-collapse-hd{display:flex;align-items:center;gap:10px;padding:13px 16px;cursor:pointer;user-select:none;border-radius:11px;transition:background .12s}.df-collapse-hd:hover{background:#ffffff06}.df-collapse-title{font-size:13px;font-weight:600;color:var(--df-text);flex:1}.df-collapse-count{font-size:11px;color:var(--df-text4)}.df-collapse-chevron{font-size:11px;color:var(--df-text4);transition:transform .18s;line-height:1}.df-collapse-chevron.open{transform:rotate(180deg)}.df-collapse-body{border-top:1px solid var(--df-bdr)}.demo-cta{display:flex;align-items:center;justify-content:center;padding:.8rem clamp(1.25rem,5%,5%) 1rem;gap:1rem;flex-wrap:wrap;max-width:1280px;margin:0 auto}.roadmap-callout{max-width:1280px;margin:0 auto 4rem;padding:0 clamp(1.25rem,5%,5%)}.roadmap-inner{display:flex;align-items:flex-start;gap:1.4rem;background:#2e5bff0d;border:1px solid rgba(46,91,255,.2);border-radius:16px;padding:1.4rem 1.8rem}@media(max-width:480px){.roadmap-inner{flex-direction:column;gap:.8rem;padding:1rem 1.2rem}}.roadmap-inner i{color:var(--blue);font-size:1.1rem;margin-top:.1rem;flex-shrink:0}.roadmap-inner strong{font-size:.68rem;font-weight:800;color:var(--blue);text-transform:uppercase;letter-spacing:.1em;display:block;margin-bottom:.3rem}.roadmap-inner p{font-size:.83rem;color:var(--text-3);margin:0}