.ex-page{--ink:var(--ui-text);--muted:var(--ui-text-muted);--line:var(--ui-border);--blue:var(--ui-blue);--violet:var(--ui-violet-strong);--fuchsia:#d946ef;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;color:var(--ink);background:radial-gradient(circle at 82% 7%,#8b5cf61a,#0000 24rem),linear-gradient(#080d1b,#0b1120 42%,#080d1b);overflow:hidden}@media screen{.ex-page{--ink:var(--ui-text);--muted:var(--ui-text-muted);--line:var(--ui-border);background:radial-gradient(circle at 82% 7%,#8b5cf629,#0000 27rem),linear-gradient(#080d1b,#0b1120 42%,#080d1b)}}.ex-shell{width:min(100% - 2rem,80rem);margin-inline:auto}.ex-kicker{color:#7c3aed;letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:.55rem;font-size:.69rem;font-weight:800;display:flex}@media screen{.ex-kicker{color:#a78bfa}}.ex-hero{grid-template-columns:minmax(0,.76fr) minmax(33rem,1.24fr);align-items:center;gap:clamp(2rem,5vw,5rem);min-height:47rem;padding-block:7rem 6rem;display:grid}.ex-hero-copy h1{max-width:9ch;font-family:var(--font-heading);letter-spacing:-.07em;margin-top:1.3rem;font-size:clamp(3.6rem,6vw,6.5rem);font-weight:850;line-height:.88}.ex-lede{max-width:37rem;color:var(--muted);margin-top:2rem;font-size:1.1rem;line-height:1.8}.ex-actions{flex-wrap:wrap;gap:.7rem;margin-top:2rem;display:flex}.ex-button{border:1px solid;border-radius:.55rem;justify-content:center;align-items:center;gap:.55rem;min-height:2.8rem;padding:.7rem 1.05rem;font-size:.84rem;font-weight:750;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.ex-button:hover{transform:translateY(-1px)}.ex-button-primary{color:#fff;background:linear-gradient(135deg,#3b82f6,#7c3aed);border-color:#4f46e5}.ex-button-secondary{border-color:var(--line);color:var(--ink);background:#fff9}@media screen{.ex-button-secondary{background:#ffffff0b}}.ex-hero-demo{min-width:0}.ex-demo-label{color:var(--ink);justify-content:space-between;align-items:baseline;margin:0 .3rem .75rem;font-size:.72rem;font-weight:750;display:flex}.ex-demo-label small{color:var(--muted);font-weight:500}.ex-workbench{color:#e2e8f0;background:#0a0f1ef0;border:1px solid #8b5cf647;border-radius:.8rem;overflow:hidden;box-shadow:0 34px 80px -42px #4c1d95b3}.ex-workbench-bar{background:linear-gradient(90deg,#3b82f614,#d946ef14);border-bottom:1px solid #ffffff14;align-items:center;gap:.38rem;height:2.7rem;padding:0 .85rem;display:flex}.ex-workbench-bar>span{background:#475569;border-radius:50%;width:.43rem;height:.43rem}.ex-workbench-bar>span:first-child{background:#fb7185}.ex-workbench-bar>span:nth-child(2){background:#fbbf24}.ex-workbench-bar>span:nth-child(3){background:#34d399}.ex-workbench-bar p{font:650 .58rem/1 var(--font-mono);letter-spacing:.14em;color:#94a3b8;margin-left:.65rem}.ex-workbench-bar div{color:#86efac;align-items:center;gap:.3rem;margin-left:auto;font-size:.6rem;display:flex}.ex-workbench-body{grid-template-columns:11rem 1fr;min-height:25rem;display:grid}.ex-workbench nav{border-right:1px solid #ffffff14;padding:.7rem}.ex-workbench nav button{color:#94a3b8;text-align:left;border:1px solid #0000;border-radius:.55rem;grid-template-columns:2rem 1fr auto;align-items:center;gap:.6rem;width:100%;padding:.65rem .55rem;transition:all .2s;display:grid}.ex-workbench nav button+button{margin-top:.3rem}.ex-workbench nav button:hover{background:#ffffff0a}.ex-workbench nav button[aria-pressed=true]{color:#f8fafc;background:linear-gradient(110deg,#3b82f61f,#8b5cf621);border-color:#8b5cf647}.ex-workbench nav b,.ex-workbench nav small{display:block}.ex-workbench nav b{font-size:.7rem}.ex-workbench nav small{color:#64748b;margin-top:.12rem;font-size:.56rem}.ex-mini-mark{width:1.8rem;height:1.8rem;font:800 .72rem/1 var(--font-mono);border:1px solid #ffffff1f;border-radius:.45rem;justify-content:center;align-items:center;display:flex}.ex-mini-mermaid{color:#c4b5fd;background:#8b5cf620}.ex-mini-jwt{color:#f9a8d4;background:#ec489920}.ex-mini-data{color:#7dd3fc;background:#0ea5e920}.ex-workbench-stage{grid-template-columns:1fr 2.5rem 1fr;align-items:center;padding:1rem;animation:.35s both ex-in;display:grid}.ex-stage-source,.ex-stage-result{background:#ffffff09;border:1px solid #ffffff17;border-radius:.65rem;min-width:0}.ex-stage-source>span{color:#64748b;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid #ffffff12;padding:.65rem .75rem;font-size:.58rem;font-weight:700;display:block}.ex-stage-source pre{white-space:pre-wrap;overflow-wrap:anywhere;min-height:9rem;font:500 .68rem/1.8 var(--font-mono);color:#cbd5e1;padding:1rem}.ex-stage-connector{color:#a78bfa;flex-direction:column;align-items:center;display:flex}.ex-stage-connector i{background:linear-gradient(90deg,#3b82f6,#d946ef);width:70%;height:1px;margin-top:.5rem}.ex-result-head{border-bottom:1px solid #ffffff12;align-items:center;gap:.55rem;padding:.55rem;display:flex}.ex-result-head b{font-size:.67rem}.ex-result-head em{color:#86efac;background:#22c55e18;border-radius:.3rem;align-items:center;gap:.2rem;margin-left:auto;padding:.2rem .4rem;font-size:.52rem;font-style:normal;display:flex}.ex-diagram{justify-content:center;align-items:center;gap:.45rem;min-height:9rem;padding:.7rem;display:flex}.ex-diagram span{color:#ddd6fe;background:#8b5cf615;border:1px solid #8b5cf655;border-radius:.42rem;padding:.5rem .6rem;font-size:.56rem;font-weight:700}.ex-diagram i{background:#818cf8;width:1.1rem;height:1px}.ex-jwt{padding:.85rem}.ex-jwt>div{font:500 .63rem/1 var(--font-mono);border-bottom:1px solid #ffffff12;justify-content:space-between;padding:.5rem;display:flex}.ex-jwt>div span{color:#f9a8d4}.ex-jwt p{color:#fcd34d;background:#f59e0b12;border-radius:.35rem;align-items:center;gap:.35rem;margin-top:.75rem;padding:.45rem;font-size:.55rem;display:flex}.ex-code{min-height:9rem;font:500 .64rem/1.8 var(--font-mono);color:#cbd5e1;padding:1rem}.ex-code span{color:#c084fc}.ex-code b{color:#7dd3fc}.ex-workbench-foot{color:#64748b;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:.65rem .85rem;font-size:.58rem;display:flex}.ex-workbench-foot>div{gap:.35rem;display:flex}.ex-workbench-foot button{background:#334155;border-radius:1rem;width:1.3rem;height:.18rem}.ex-workbench-foot button[aria-current=true]{background:#8b5cf6}.ex-ways{padding-block:7.5rem}.ex-section-intro{grid-template-columns:1.1fr 1fr;column-gap:7rem;display:grid}.ex-section-intro .ex-kicker{grid-column:1/-1;margin-bottom:1.1rem}.ex-section-intro h2,.ex-catalog-head h2,.ex-trust h2{font-family:var(--font-heading);letter-spacing:-.045em;font-size:clamp(2.4rem,4vw,4.2rem);font-weight:820;line-height:1}.ex-section-intro>p:last-child,.ex-catalog-head>p,.ex-trust-copy>p:last-child{color:var(--muted);line-height:1.75}.ex-way-track{border-block:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:4rem;display:grid}.ex-way{border-right:1px solid var(--line);padding:1.5rem 1.6rem 1.8rem;position:relative}.ex-way:last-child{border-right:0}.ex-way-top{color:#8b5cf6;justify-content:space-between;display:flex}.ex-way-top span{font:600 .6rem/1 var(--font-mono);color:var(--muted)}.ex-way h3{margin-top:2.5rem;font-size:1rem;font-weight:800}.ex-way p{color:var(--muted);margin-top:.55rem;font-size:.78rem;line-height:1.65}.ex-way-arrow{z-index:2;box-sizing:content-box;color:#8b5cf6;background:#fff;border-radius:50%;padding:.18rem;position:absolute;top:50%;right:-.55rem}@media screen{.ex-way-arrow{background:#0b1120}}.ex-catalog{padding-block:7.5rem}.ex-catalog>.ex-shell{color:#f8fafc;background:radial-gradient(60% 60% at 100% 0,#d946ef38,#0000 60%),radial-gradient(50% 50% at 0 100%,#3b82f629,#0000 55%),#09101f;border-radius:1.75rem;padding:clamp(2.5rem,5vw,5rem);position:relative;overflow:hidden}.ex-catalog>.ex-shell:before{content:"";pointer-events:none;opacity:.13;background-image:radial-gradient(#8b5cf6 1px,#0000 1px);background-size:26px 26px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(55% 50% at 50% 10%,#000,#0000);mask-image:radial-gradient(55% 50% at 50% 10%,#000,#0000)}.ex-catalog .ex-kicker{color:#a78bfa}.ex-catalog-head{grid-template-columns:1fr .75fr;align-items:end;gap:6rem;display:grid;position:relative}.ex-catalog-head>p{color:#94a3b8}.ex-package-grid{grid-template-columns:repeat(12,1fr);gap:1rem;margin-top:4rem;display:grid}.ex-package{background:#ffffff09;border:1px solid #ffffff1a;border-radius:.7rem;grid-template-columns:auto 1fr;gap:1.15rem;min-height:13rem;padding:1.4rem;transition:transform .22s,border-color .22s,background .22s;display:grid;position:relative;overflow:hidden}.ex-package:hover{background:#ffffff0e;border-color:#a78bfa66;transform:translateY(-3px)}.ex-package:first-child,.ex-package:nth-child(2){grid-column:span 6}.ex-package:nth-child(n+3){grid-column:span 4}.ex-package-index{font:700 .6rem/1 var(--font-mono);color:#475569;position:absolute;top:.8rem;right:1rem}.ex-package-mark{color:#c4b5fd;width:2.7rem;height:2.7rem;font:800 .84rem/1 var(--font-mono);background:linear-gradient(135deg,#3b82f62b,#d946ef21);border:1px solid #8b5cf64d;border-radius:.55rem;justify-content:center;align-items:center;display:flex}.ex-package-kind{text-transform:uppercase;letter-spacing:.11em;font-weight:750;color:#a78bfa!important;font-size:.58rem!important}.ex-package h3{margin-top:.35rem;font-size:1.05rem;font-weight:800}.ex-package>div:last-child>p:last-child{color:#94a3b8;max-width:29rem;margin-top:.6rem;font-size:.76rem;line-height:1.65}.ex-package-token .ex-package-mark{color:#f9a8d4;border-color:#ec489944}.ex-package-base64 .ex-package-mark{color:#fcd34d;border-color:#f59e0b44}.ex-package-data .ex-package-mark{color:#7dd3fc;border-color:#0ea5e944}.ex-package-ai .ex-package-mark{color:#86efac;border-color:#22c55e44}.ex-status{background:#f59e0b0f;border:1px solid #f59e0b33;border-radius:.55rem;gap:.8rem;max-width:48rem;margin:2rem auto 0;padding:1rem 1.15rem;display:flex}.ex-status-dot{background:#f59e0b;border-radius:50%;flex:none;width:.5rem;height:.5rem;margin-top:.33rem;box-shadow:0 0 0 .25rem #f59e0b1a}.ex-status strong{font-size:.73rem}.ex-status p{color:#94a3b8;margin-top:.25rem;font-size:.68rem;line-height:1.55}.ex-trust{padding-block:7.5rem}.ex-trust-card{background:linear-gradient(135deg,#3b82f60f,#8b5cf614 52%,#d946ef0d);border:1px solid #8b5cf633;border-radius:.8rem;grid-template-columns:1fr 1fr;align-items:center;gap:6rem;padding:clamp(1.5rem,4vw,4rem);display:grid}.ex-trust-copy h2{max-width:12ch;margin-top:1.2rem}.ex-trust-copy>p:last-child{margin-top:1.4rem}.ex-permission-window{border:1px solid var(--line);background:#ffffffbf;border-radius:.65rem;padding:.8rem;box-shadow:0 24px 55px -38px #4c1d9580}@media screen{.ex-permission-window{background:#080d1bbd}}.ex-permission-head{grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;padding:.5rem .4rem 1rem;display:grid}.ex-permission-head strong,.ex-permission-head span{display:block}.ex-permission-head strong{font-size:.8rem}.ex-permission-head span{color:var(--muted);font:500 .56rem/1 var(--font-mono);margin-top:.15rem}.ex-permission-head>svg{color:#22c55e}.ex-permission-row{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;padding:.75rem;font-size:.67rem;display:grid}.ex-permission-row svg{color:#8b5cf6}.ex-permission-row b{color:#22c55e}.ex-permission-row code{color:var(--muted);font-size:.61rem}.ex-permission-ok{color:#16a34a;background:#22c55e12;border-radius:.4rem;justify-content:center;align-items:center;gap:.35rem;margin-top:.7rem;padding:.55rem;font-size:.65rem;font-weight:750;display:flex}.ex-trust-list{grid-template-columns:repeat(4,1fr);margin-top:1.2rem;display:grid}.ex-trust-list article{border-right:1px solid var(--line);gap:.65rem;padding:1.25rem;display:flex}.ex-trust-list article:last-child{border-right:0}.ex-trust-list svg{color:#8b5cf6;flex:none;margin-top:.15rem}.ex-trust-list h3{font-size:.76rem;font-weight:800}.ex-trust-list p{color:var(--muted);margin-top:.3rem;font-size:.67rem;line-height:1.55}.ex-routes{grid-template-columns:.8fr 1.2fr;gap:1rem;padding-bottom:7.5rem;display:grid}.ex-route{border:1px solid var(--line);border-radius:.7rem;gap:1rem;min-height:17rem;padding:2rem;display:flex}.ex-route-icon{border-radius:.5rem;flex:none;justify-content:center;align-items:center;width:2.7rem;height:2.7rem;display:flex}.ex-route p{text-transform:uppercase;letter-spacing:.08em;font-size:.69rem;font-weight:800}.ex-route h2{max-width:34rem;margin-top:.8rem;font-size:1.05rem;line-height:1.65}.ex-route-user{background:#f8fafc}@media screen{.ex-route-user{background:#ffffff09}}.ex-route-user .ex-route-icon{color:#3b82f6;background:#3b82f615}.ex-route-user>div>span,.ex-route-links a{color:#6d28d9;align-items:center;gap:.4rem;margin-top:2rem;font-size:.73rem;font-weight:800;display:inline-flex}@media screen{.ex-route-user>div>span,.ex-route-links a{color:#a78bfa}}.ex-route-dev{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed 55%,#a21caf);border-color:#0000}.ex-route-dev .ex-route-icon{background:#ffffff21}.ex-route-dev h2{color:#ede9fe}.ex-build-path{flex-wrap:wrap;align-items:center;gap:.45rem;margin-top:1.5rem;display:flex}.ex-build-path span{color:#ddd6fe;font:600 .62rem/1 var(--font-mono);align-items:center;gap:.45rem;display:flex}.ex-route-links{flex-wrap:wrap;gap:1.2rem;display:flex}.ex-route-dev .ex-route-links a{color:#fff}@keyframes ex-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@media (max-width:980px){.ex-hero{grid-template-columns:1fr;min-height:0;padding-top:5rem}.ex-hero-copy h1{max-width:12ch}.ex-section-intro,.ex-catalog-head,.ex-trust-card{grid-template-columns:1fr;gap:1.5rem}.ex-way-track{grid-template-columns:repeat(2,1fr)}.ex-way:nth-child(2){border-right:0}.ex-package:nth-child(n){grid-column:span 6}.ex-trust-list{grid-template-columns:repeat(2,1fr)}.ex-trust-list article:nth-child(2){border-right:0}.ex-routes{grid-template-columns:1fr}}@media (max-width:620px){.ex-shell{width:min(100% - 1.25rem,80rem)}.ex-hero{padding-block:4.5rem}.ex-hero-copy h1{font-size:3.25rem}.ex-demo-label{flex-direction:column;align-items:flex-start;gap:.2rem}.ex-workbench-body{grid-template-columns:1fr}.ex-workbench nav{border-bottom:1px solid #ffffff14;border-right:0;grid-template-columns:repeat(3,1fr);display:grid}.ex-workbench nav button{justify-content:center;padding:.5rem;display:flex}.ex-workbench nav button>span:nth-child(2),.ex-workbench nav button>svg{display:none}.ex-workbench-stage{grid-template-columns:1fr;gap:.7rem}.ex-stage-connector{height:1.5rem;transform:rotate(90deg)}.ex-ways,.ex-catalog,.ex-trust{padding-block:5rem}.ex-way-track{grid-template-columns:1fr}.ex-way{border-right:0;border-bottom:1px solid var(--line)}.ex-way:last-child{border-bottom:0}.ex-way-arrow{display:none}.ex-package:nth-child(n){grid-column:span 12}.ex-trust-card{padding:1.1rem}.ex-trust-list{grid-template-columns:1fr}.ex-trust-list article{border-right:0;border-bottom:1px solid var(--line)}.ex-route{min-height:0;padding:1.35rem}.ex-route-icon{display:none}}@media (prefers-reduced-motion:reduce){.ex-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}