.eudi-demo{overflow-anchor:none;scroll-margin-top:24px;& [hidden]{display:none!important}& .eudi-shell{border:1px solid var(--border);background:var(--gradient-products);border-radius:1rem;overflow:clip}& .eudi-toolbar{justify-content:space-between;align-items:center;gap:.5rem 1rem;min-height:68px;padding:.75rem 2rem;display:flex}& .eudi-eyebrow{color:var(--brand-blue);letter-spacing:.1em;align-items:center;gap:.5rem;font-size:.6875rem;font-weight:700;display:inline-flex}& h2{color:var(--brand-blue);letter-spacing:-.035em;text-wrap:balance;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700;line-height:1.15}& h3{color:var(--brand-blue);letter-spacing:-.025em;text-wrap:balance;font-size:clamp(1.25rem,2vw,1.75rem);font-weight:700;line-height:1.2}& p{font-size:.875rem;line-height:1.65}& .eudi-intro{text-align:center;padding:.5rem 2rem 2.5rem}& .eudi-intro p{margin-top:.875rem}& .eudi-stage{grid-template-columns:minmax(0,1.35fr) minmax(64px,.38fr) 320px;align-items:center;padding:0 2.5rem 3rem;scroll-margin-top:24px;display:grid}& .eudi-website{border:1px solid var(--border);background:var(--card);box-shadow:0 16px 48px -24px color-mix(in srgb, var(--color-primary-950) 30%, transparent);border-radius:.875rem;min-width:0;scroll-margin-top:24px}& .eudi-browser-chrome{border-bottom:1px solid var(--border);background:var(--background);min-height:44px;color:var(--color-base-700);border-radius:.875rem .875rem 0 0;justify-content:space-between;align-items:center;gap:.75rem;padding:.625rem 1rem;font-size:.625rem;display:flex}& .eudi-browser-chrome>span{align-items:center;gap:.375rem;display:flex}& .eudi-browser-back{min-height:36px;color:var(--brand-blue);cursor:pointer;border-radius:.375rem;align-items:center;gap:.375rem;margin-block:-.375rem;padding:.375rem .5rem;font-size:.6875rem;font-weight:600;display:inline-flex}& .eudi-browser-back:hover:enabled{background:var(--color-primary-100)}& .eudi-browser-back:disabled{opacity:.35;cursor:default}& .eudi-browser-chrome svg{width:12px;height:12px}& .eudi-browser-body{padding:1.75rem;position:relative}&[data-mode=live] .eudi-stage{grid-template-columns:minmax(0,1fr)}& .eudi-live-intro,& .eudi-live-footer{flex-direction:column;align-items:start;gap:1rem;display:flex}& .eudi-live-steps{gap:1rem;margin-top:.5rem;font-size:.8125rem;display:grid}& .eudi-live-steps li{align-items:center;gap:.75rem;display:flex}& .eudi-live-steps span{background:var(--color-primary-100);width:28px;height:28px;color:var(--primary);border-radius:50%;flex-shrink:0;place-items:center;font-size:.6875rem;font-weight:700;display:grid}& .eudi-website-brand{justify-content:space-between;gap:.5rem;margin-bottom:2rem;display:flex}& .eudi-website-brand strong{color:var(--brand-blue);letter-spacing:-.02em;font-size:.8125rem;font-weight:800}& .eudi-choice,& .eudi-live,& .eudi-simulation,& .eudi-result{flex-direction:column;align-items:stretch;gap:1rem;display:flex}& .eudi-icon{background:var(--color-primary-100);width:44px;height:44px;color:var(--primary);border-radius:.75rem;place-items:center;display:grid}& .eudi-tag{letter-spacing:.08em;color:var(--brand-blue);font-size:.5625rem;font-weight:700;line-height:1.5}& .eudi-paths{margin-top:.5rem}& .eudi-path{flex-direction:column;gap:.625rem;display:flex}& .eudi-path-divider{color:var(--color-base-700);align-items:center;gap:.75rem;margin:1.125rem 0;font-size:.6875rem;display:flex}& .eudi-path-divider:before,& .eudi-path-divider:after{content:"";background:var(--border);flex:1;height:1px}& .eudi-footnote{color:var(--color-base-700);text-align:center;font-size:.6875rem;line-height:1.5}& .eudi-text-button{min-height:44px;color:var(--primary);cursor:pointer;border-radius:.25rem;justify-content:center;align-items:center;gap:.375rem;padding:.5rem .125rem;font-size:.8125rem;font-weight:600;display:inline-flex}& .eudi-text-button:hover{color:var(--primary-hover)}& .eudi-note{color:var(--color-base-700);font-size:.6875rem;line-height:1.6}& .eudi-connection{text-align:center;color:var(--brand-blue);flex-direction:column;justify-content:center;align-items:center;gap:.375rem;font-size:.5625rem;line-height:1.4;display:flex}& .eudi-connection>span{max-width:100%}& .eudi-connection-arrow{font-size:2rem;font-weight:300;line-height:1}& .eudi-connect{background:var(--background);border:1px solid var(--border);border-radius:.625rem;justify-items:stretch;gap:.75rem;padding:1rem;display:grid}& .eudi-live-status{text-align:center;font-size:.8125rem;font-weight:500}& .eudi-live-status[data-error=true]{color:var(--error)}& .eudi-loader{place-items:center;min-height:220px;display:grid}& .eudi-spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;display:block}& .eudi-qr-details{text-align:center}& .eudi-qr-details summary{cursor:pointer;min-height:44px;color:var(--primary);padding:.75rem .125rem;font-size:.75rem}& .eudi-qr{aspect-ratio:1;background:var(--color-white);border-radius:.5rem;width:min(100%,220px);margin:.75rem auto;padding:8px}& .eudi-qr svg{width:100%;height:100%;display:block}& .eudi-open-wallet{margin-bottom:.5rem;font-size:.8125rem}& .eudi-scenarios{border-bottom:1px solid var(--border);gap:1.25rem;margin-top:-.75rem;display:flex}& .eudi-scenarios button{cursor:pointer;border-bottom:2px solid #0000;min-height:44px;padding:.5rem 0;font-size:.75rem;font-weight:600}& .eudi-scenarios [aria-pressed=true]{color:var(--primary);border-bottom-color:var(--primary)}& .eudi-progress{justify-content:space-between;gap:.5rem;margin:.25rem 0 .5rem;display:flex}& .eudi-progress li{color:var(--color-base-700);align-items:center;gap:.375rem;font-size:.625rem;display:flex}& .eudi-progress span{border:1px solid var(--border);border-radius:50%;place-items:center;width:20px;height:20px;font-size:.625rem;display:grid}& .eudi-progress [aria-current]{color:var(--primary);font-weight:600}& .eudi-progress [aria-current] span{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}& .eudi-context{background:var(--background);border:1px solid var(--border);border-radius:.5rem;align-items:flex-start;gap:.75rem;padding:1rem;display:flex}& .eudi-context svg{color:var(--primary);flex-shrink:0;margin-top:.125rem}& .eudi-context p{font-size:.75rem}& .eudi-website-waiting{z-index:1;background:var(--card);text-align:center;border-radius:0 0 .875rem .875rem;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;padding:2rem;display:flex;position:absolute;inset:0}& .eudi-website-waiting .eudi-spinner{width:48px;height:48px;margin-bottom:.5rem}& .eudi-website-waiting p{max-width:32ch}& .eudi-handoff-arrow{margin-left:.375rem;font-size:1.5rem;line-height:1}&[data-phase=review] .eudi-phone{outline:3px solid var(--primary);outline-offset:5px}& .eudi-phone-column{flex-direction:column;align-items:center;gap:1rem;min-width:0;scroll-margin-top:24px;display:flex}& .eudi-device-label{color:var(--brand-blue);letter-spacing:.08em;justify-content:center;align-items:center;gap:.375rem;font-size:.625rem;font-weight:700;display:flex}& .eudi-phone{border:1px solid var(--color-base-700);background:var(--color-base-1000);width:min(100%,320px);box-shadow:0 22px 38px -18px color-mix(in srgb, var(--color-primary-950) 40%, transparent), inset 0 0 0 3px var(--color-base-800);border-radius:42px;padding:9px;scroll-margin-top:24px;position:relative}& .eudi-phone-halo{border:2px solid var(--primary);pointer-events:none;opacity:0;box-shadow:0 0 0 5px color-mix(in srgb, var(--primary) 12%, transparent), 0 0 32px 8px color-mix(in srgb, var(--primary) 30%, transparent), inset 0 0 18px color-mix(in srgb, var(--primary) 15%, transparent);border-radius:50px;position:absolute;inset:-8px}& .eudi-phone-screen{background:var(--card);border-radius:33px;flex-direction:column;min-height:590px;display:flex;overflow:clip}& .eudi-phone-status{justify-content:space-between;align-items:center;padding:14px 22px 10px;font-size:.625rem;display:flex;position:relative}& .eudi-phone-camera{background:var(--color-base-1000);border-radius:1rem;width:76px;height:20px;position:absolute;top:9px;left:50%;transform:translate(-50%)}& .eudi-phone-signal{letter-spacing:.04em;font-size:.5625rem}& .eudi-wallet-chrome{border-bottom:1px solid var(--border);align-items:center;gap:.5rem;padding:.875rem 1rem;display:flex}& .eudi-wallet-chrome>div{flex-direction:column;gap:.1rem;display:flex}& .eudi-wallet-chrome strong{color:var(--brand-blue);font-size:.875rem}& .eudi-wallet-chrome div>span{color:var(--color-base-700);font-size:.5rem}& .eudi-wallet-chrome>.eudi-tag{margin-left:auto;font-size:.4375rem}& .eudi-wallet-mark{background:var(--primary);width:32px;height:32px;color:var(--primary-foreground);border-radius:.5rem;place-items:center;display:grid}& .eudi-wallet-body{flex-direction:column;gap:1rem;padding:1.25rem 1rem;display:flex}& .eudi-wallet-body h3{font-size:1.1875rem}& .eudi-wallet-body p{font-size:.75rem}& .eudi-wallet-body [data-slot=button]{font-size:.875rem}& .eudi-id-card{border:1px solid var(--color-primary-200);background:var(--gradient-products);color:var(--color-primary-950);border-radius:.75rem;flex-direction:column;gap:1rem;padding:1rem;display:flex}& .eudi-id-card-top{letter-spacing:.1em;justify-content:space-between;font-size:.5rem;font-weight:700;display:flex}& .eudi-id-card-person{align-items:center;gap:1rem;display:flex}& .eudi-id-card-person img{object-fit:cover;border-radius:.25rem;flex-shrink:0}& .eudi-id-card-person div{gap:.5rem;display:grid}& .eudi-id-card-person strong{font-size:.9375rem;line-height:1.3}& .eudi-id-card-person span{font-size:.5625rem}& .eudi-id-card-bottom{border-top:1px solid color-mix(in srgb, var(--color-primary-950) 15%, transparent);align-items:center;gap:.375rem;padding-top:.75rem;font-size:.5625rem;display:flex}& .eudi-id-card-bottom>span:last-child{margin-left:auto}& .eudi-phone-hint{background:var(--background);border:1px solid var(--border);border-radius:.5rem;align-items:start;gap:.5rem;padding:.875rem;display:flex}& .eudi-phone-hint>span:first-child{background:var(--primary);border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-top:.35rem}& .eudi-phone-hint p{font-size:.625rem}& .eudi-attributes{width:100%}& .eudi-attributes>div{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:.75rem;padding:.6875rem 0;font-size:.75rem;display:flex}& .eudi-attributes dt{flex:1}& .eudi-attributes dd{text-align:right;overflow-wrap:anywhere;max-width:65%;font-weight:600}& .eudi-wallet-body .eudi-privacy{color:var(--color-base-700);font-size:.625rem}& .eudi-wallet-sending,& .eudi-phone-done{text-align:center;justify-content:center;align-items:center;min-height:460px}& .eudi-phone-home{justify-content:center;margin-top:auto;padding:1.25rem;display:flex}& .eudi-phone-home span{background:var(--color-base-1000);border-radius:1rem;width:90px;height:4px}& .eudi-device-caption{text-align:center;color:var(--brand-blue);font-size:.625rem}& .eudi-result-icon{background:var(--success);width:48px;height:48px;color:var(--success-foreground);border-radius:50%;place-items:center;display:grid}& .eudi-result-card{border:1px solid var(--border);border-radius:.625rem;padding:1rem}& .eudi-result-card-title{flex-wrap:wrap;justify-content:space-between;gap:.5rem;padding-bottom:.75rem;font-size:.6875rem;font-weight:600;display:flex}& .eudi-result-person{border-block:1px solid var(--border);align-items:center;gap:.75rem;padding:.75rem 0;display:flex}& .eudi-result-person img{object-fit:cover;border-radius:.375rem}& .eudi-result-person strong{overflow-wrap:anywhere;font-size:.8125rem}& [tabindex="-1"]{outline:none;scroll-margin-top:24px}}@media (width<=63.99rem) and (width>=48rem){.eudi-demo{& .eudi-stage{grid-template-columns:minmax(0,1fr) 40px 280px;padding-inline:1.25rem}& .eudi-browser-body{padding:1.25rem}& .eudi-phone{padding:7px}& .eudi-phone-screen{min-height:590px}& .eudi-wallet-body{padding-inline:.875rem}& .eudi-connection{font-size:.4375rem}}}@media (width<=47.99rem){.eudi-demo{& .eudi-toolbar{padding:.75rem 1.25rem}& .eudi-eyebrow{letter-spacing:.05em;font-size:.5625rem}& .eudi-toolbar .eudi-text-button{font-size:.6875rem}& .eudi-intro{text-align:left;padding:.5rem 1.25rem 1.75rem}& .eudi-intro h2{font-size:1.75rem}& .eudi-intro p{font-size:.8125rem}& .eudi-stage{grid-template-columns:minmax(0,1fr);padding:0 1rem 2rem}& .eudi-browser-body{padding:1.25rem}& .eudi-browser-chrome{padding-inline:.75rem}& .eudi-website-brand{margin-bottom:1.5rem}& .eudi-connection{flex-direction:row;gap:.75rem;padding:1.25rem 0;font-size:.625rem}& .eudi-connection br{display:none}& .eudi-connection-arrow{font-size:1.5rem;rotate:90deg}& .eudi-phone{width:min(100%,310px)}& .eudi-phone-column{gap:.875rem}& .eudi-connect{padding:.75rem}& .eudi-live-steps{display:none}& .eudi-website-waiting{padding:1.25rem}& .eudi-handoff-arrow{rotate:90deg}& .eudi-browser-body [data-slot=button]{padding-inline:.625rem;font-size:.8125rem}}}@media (width>=48rem){.eudi-demo .eudi-live{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem 3rem;max-width:54rem;margin:1rem auto;display:grid}.eudi-demo .eudi-live-intro{align-self:end}.eudi-demo .eudi-live .eudi-connect{grid-area:1/2/3}.eudi-demo .eudi-live-footer{align-self:start}.eudi-demo .eudi-qr{width:min(100%,260px)}.eudi-demo [data-live-ready]{flex-direction:column;display:flex}.eudi-demo .eudi-open-wallet{order:1;margin-top:1rem}}