.access{text-align:center;padding:clamp(152px,20vw,272px) 0 clamp(112px,15vw,200px)}.access .sec-head h2{white-space:nowrap;max-width:none;color:var(--ink-cool);margin:0 auto;font-size:clamp(30px,5.75vw,58px)}.access .sec-head .sec-sub{letter-spacing:.01em;max-width:none;color:var(--muted-cool);margin:10px auto 0;font-size:clamp(12px,1.1vw,13.5px)}@media (width<=480px){.access .sec-head h2{font-size:clamp(21.5px,6.8vw,32px)}.access .pill-cta{letter-spacing:.05em;border-radius:10px;gap:7px;padding:11px 20px;font-size:12.5px}}.waitlist-zone{margin:clamp(14px,2vw,22px) auto 0}.code-sec{--code-accent:#8ec0f2;padding-bottom:clamp(34px,4vw,52px)}.code-head{margin-bottom:30px}.code-head h2{margin-bottom:0}.code-split{grid-template-rows:auto 1fr;grid-template-columns:.62fr 1.38fr;align-items:start;column-gap:clamp(24px,3vw,40px);display:grid}.code-copy{grid-area:1/1}.code-pager{grid-area:2/1}.code-win{grid-area:1/2/3}.code-sub{color:#ffffffbd;max-width:40ch;margin:0;font-size:clamp(15.5px,1.5vw,17.5px);line-height:1.5}.code-sub strong{color:#fff;font-weight:600}.code-toc{margin-top:28px}.code-toc ol{border-top:1px solid #ffffff24;margin:0;padding:0;list-style:none}.code-toc li{border-bottom:1px solid #ffffff24}.code-toc button{width:100%;font:inherit;text-align:left;color:#ffffffb8;cursor:pointer;background:0 0;border:0;align-items:baseline;gap:14px;padding:11px 2px;font-size:14.5px;font-weight:500;line-height:1.3;transition:color .15s;display:flex}.code-toc button:hover{color:#fff}.code-toc button:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #ffffffe6}.code-toc-n{font-family:var(--mono);color:#ffffff6b;font-size:11.5px;transition:color .15s}.code-toc button:hover .code-toc-n{color:#ffffffb3}.code-toc button[aria-current=true]{color:#fff}.code-toc button[aria-current=true] .code-toc-n{color:var(--code-accent)}.code-win{--pad:18px;background:var(--showcase-well);border:1px solid #ffffff24;border-radius:10px;position:relative;overflow:hidden;box-shadow:0 30px 70px -34px #0009}.code-bar{font-family:var(--mono);color:#ffffff8f;border-bottom:1px solid #ffffff1a;align-items:center;padding:9px 18px;font-size:12px;display:flex}.code-pre{--lh:1.65;padding:18px var(--pad) 22px;font-family:var(--mono);font-size:clamp(10.5px,1vw,12px);line-height:var(--lh);color:#eef3ec;tab-size:2;margin:0;overflow-x:auto}.code-pre code{font:inherit;min-width:max-content;display:block}.code-line{min-height:calc(var(--lh) * 1em);margin:0 calc(-1 * var(--pad));padding:0 var(--pad) 0 calc(var(--pad) - 2px);border-left:2px solid #0000;transition:opacity .25s,background-color .25s,border-color .25s;display:block}.code-win.is-focused .code-line{opacity:.34}.code-win.is-focused .code-line.is-lit{opacity:1;border-left-color:var(--code-accent);background:#ffffff12}.code-win.is-pulsing{animation:.7s cubic-bezier(.2,.7,.2,1) code-pulse}@keyframes code-pulse{0%{border-color:#fffc;box-shadow:0 0 #ffffff8c,0 30px 70px -34px #0009}to{border-color:#ffffff24;box-shadow:0 0 0 16px #fff0,0 30px 70px -34px #0009}}.code-note{right:var(--pad);z-index:2;width:min(300px, calc(100% - 2 * var(--pad)));background:var(--dw);color:var(--d-ink);font-family:var(--sans);border-radius:8px;padding:11px 14px 12px;font-size:13px;line-height:1.5;animation:.24s cubic-bezier(.2,.7,.2,1) both code-note-in;position:absolute;box-shadow:0 14px 32px -12px #0000008c,0 0 0 1px #0000000f}.code-note:before{content:"";background:var(--dw);border-radius:2px 0 0;width:10px;height:10px;position:absolute;top:-5px;right:22px;transform:rotate(45deg)}.code-note.is-above{animation-name:code-note-in-up}.code-note.is-above:before{border-radius:0 0 2px;top:auto;bottom:-5px}.code-note-h{letter-spacing:-.01em;margin-bottom:4px;font-size:12.5px;font-weight:600;display:block}@keyframes code-note-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}@keyframes code-note-in-up{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.code-win.is-pulsing{animation:none}.code-line{transition:none}.code-note{animation:none}}.code-pre:focus-visible{outline-offset:-4px;border-radius:0;outline:2px solid #ffffffe6}.hl-kw{color:#8ec0f2}.hl-str{color:#f5d479}.hl-fn{color:#c6e5a0}.hl-cls{color:#e6c4ee}.hl-prop{color:#d6e4f3}.hl-num{color:#f4b183}.hl-pn{color:#fff9}.hl-cm{color:#ffffff80;font-style:italic}.code-pager{align-items:center;gap:8px;margin-top:18px;display:flex}.code-pager-label{display:none}.code-pager-btn{color:#fff;cursor:pointer;background:#ffffff17;border:1px solid #ffffff38;border-radius:999px;place-items:center;width:36px;height:36px;padding:0;transition:background .15s,border-color .15s;display:grid}.code-pager-btn:hover{background:#ffffff2b;border-color:#ffffff57}.code-pager-btn:focus-visible{outline-offset:3px;outline:2px solid #ffffffe6}.code-pager-btn.is-next svg{transform:scaleX(-1)}.code-pager-label{color:#fff;text-align:center;align-items:baseline;gap:10px;min-width:0;font-size:14px;font-weight:500}@media (width<=1000px){.code-split{grid-template-rows:none;grid-template-columns:1fr;row-gap:24px}.code-copy{grid-row:1}.code-pager{grid-row:2;justify-content:space-between;gap:12px;margin-top:0;margin-bottom:-8px}.code-win{grid-area:3/1}.code-pager-label{display:flex}.code-pre{font-size:12.5px}.code-toc{display:none}}@media (width<=640px){.code-win{--pad:16px;border-radius:6px;margin-inline:calc(14px - clamp(20px,5vw,56px))}.code-pre{padding:16px var(--pad) 20px;font-size:11px}.code-bar{padding:8px 16px}}#guardrails{background:var(--showcase-bg);margin-top:-1px;padding-top:clamp(34px,4vw,52px)}#guardrails .sec-head h2{color:#fff}#guardrails .sec-head .sec-sub{color:#ffffffbd}.guard-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;margin-top:44px;display:grid}.guard-card{background:var(--showcase-tile);border:1px solid var(--showcase-panel-line);border-radius:16px;padding:28px 30px 30px}.guard-card svg{margin-bottom:20px;display:block}.guard-card h3{letter-spacing:-.02em;color:#fff;margin:0 0 6px;font-size:15.5px;font-weight:600}.guard-card p{color:#ffffffb8;margin:0;font-size:13.5px;line-height:1.6}.guard-card:first-child{grid-column:1/6}.guard-card:nth-child(2){grid-column:6/13}.guard-card:nth-child(3){grid-column:1/8}.guard-card:nth-child(4){grid-column:8/13}.guard-shot{margin:30px 0 0}.guard-shot button{font:inherit;color:#ffffff94;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:2px 4px 2px 0;font-size:13px;-webkit-text-decoration:underline #ffffff47;text-decoration:underline #ffffff47;transition:color .15s,text-decoration-color .15s}.guard-shot button:hover:not(:disabled){color:#ffffffe6;text-decoration-color:#ffffff8c}.guard-shot button:disabled{cursor:progress}.guard-shot button:focus-visible{outline-offset:3px;border-radius:4px;outline:2px solid #ffffffe6}@media (width<=900px){.guard-grid{align-items:start}.guard-card:first-child,.guard-card:nth-child(3){grid-column:1/7}.guard-card:nth-child(2),.guard-card:nth-child(4){grid-column:7/13}}@media (width<=620px){.guard-grid{gap:12px;margin-top:36px}.guard-card:first-child,.guard-card:nth-child(2),.guard-card:nth-child(3),.guard-card:nth-child(4){grid-column:1/13}}.hero-cmd{background:var(--panel);border:1px solid var(--panel-line);font-family:var(--mono);text-align:left;border-radius:13px;align-items:stretch;max-width:100%;font-size:clamp(13px,1.25vw,15px);line-height:1;display:inline-flex;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 18px 40px -26px #0000008c}.hero-cmd-line{color:var(--panel-fg);white-space:nowrap;align-items:center;gap:.45em;padding:14px 17px;display:flex;overflow-x:auto}.hero-cmd-line:before{content:"$";color:var(--panel-dim);flex:none}.hero-cmd .c-run{color:var(--panel-run);font-weight:500}.hero-cmd .c-verb{color:var(--panel-verb)}.hero-cmd .c-flag{color:var(--panel-flag)}.hero-cmd-copy{cursor:pointer;border:0;border-left:1px solid #c68e0c;border-radius:0;flex:none;align-self:stretch;padding:0 16px;box-shadow:inset 0 1px #ffffff8c,inset 0 -2px #8c5a084d}.hero-cmd-copy:active{transform:none;box-shadow:inset 0 2px 5px #8c5a0873}.hero-cmd-copy svg{display:block}.sky{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.cloud{image-rendering:pixelated;image-rendering:crisp-edges;will-change:transform;animation:linear infinite drift;display:block;position:absolute;left:0}.cloud.s-wisp{width:32px;height:14px}.cloud.s-puff{width:44px;height:18px}.cloud.s-drift{width:60px;height:22px}.cloud.s-bank{width:76px;height:26px}@keyframes drift{0%{transform:translate(-12vw)}to{transform:translate(112vw)}}.cloud.k1{opacity:.95;animation-duration:176s;animation-delay:-24s;top:14%}.cloud.k2{opacity:.82;animation-duration:232s;animation-delay:-140s;top:27%}.cloud.k3{opacity:.78;animation-duration:198s;animation-delay:-88s;top:7%}.cloud.k4{opacity:.88;animation-duration:264s;animation-delay:-196s;top:40%}.cloud.k5{opacity:.75;animation-duration:290s;animation-delay:-252s;top:21%}.cloud.k6{opacity:.82;animation-duration:214s;animation-delay:-66s;top:33%}.cloud.k7{opacity:.8;animation-duration:246s;animation-delay:-172s;top:10%}.cloud.k8{opacity:.76;animation-duration:188s;animation-delay:-112s;top:44%}@media (prefers-reduced-motion:reduce){.cloud{animation:none}.cloud.k1{left:8%}.cloud.k2{left:62%}.cloud.k3{left:34%}.cloud.k4{left:78%}.cloud.k5{left:20%}.cloud.k6{left:47%}.cloud.k7{left:88%}.cloud.k8{left:55%}}.hero{z-index:1;background:var(--paper);min-height:calc(100svh - var(--nav-h) - 184px);align-items:center;padding:clamp(36px,5.4vw,65px) 0 clamp(40px,5.4vw,65px);display:flex;position:relative;overflow:hidden}.hero>.wrap{width:100%;max-width:1280px}.hero-inner{z-index:1;text-align:center;position:relative}.hero-copy{min-width:0}h1{letter-spacing:-.035em;text-wrap:balance;max-width:21ch;color:var(--ink);margin:0 auto 22px;font-size:clamp(36px,5.3vw,66px);font-weight:400;line-height:1.04}.hero-sub{color:var(--muted);text-wrap:pretty;max-width:52ch;margin:0 auto;font-size:clamp(14.5px,1.6vw,19px);line-height:1.7}.hero-cmd-row{z-index:1;justify-content:center;margin-top:clamp(25px,3vw,36px);display:flex;position:relative}@media (width<=980px){.hero{min-height:calc(100svh - var(--nav-h) - 384px)}}@media (width<=640px){.hero{--hero-drop:28px;padding-top:calc(clamp(36px, 5.4vw, 65px) + var(--hero-drop));min-height:calc(100svh - var(--nav-h) - 384px + var(--hero-drop))}}.park-band{z-index:0;pointer-events:none;background:var(--paper);height:200px;margin-top:-40px;position:relative;overflow:hidden}.park-band canvas{width:100%;height:200px;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.park-hit{pointer-events:auto;height:44px;position:absolute;bottom:0;left:0;right:0}.park-hit.is-hot{cursor:pointer}.park-pop{box-sizing:border-box;pointer-events:auto;background:var(--pop-fill);border:3px solid var(--pop-ink);box-shadow:inset 0 0 0 2px var(--pop-fill), inset 0 0 0 4px var(--pop-ink);font-family:var(--pixel);color:var(--pop-ink);padding:10px 20px 16px 11px;font-size:8px;line-height:2;position:absolute;bottom:12px}.park-pop:focus{outline:none}.park-pop p{margin:0}.park-pop a{color:inherit;text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.park-pop a:hover{text-decoration-thickness:2px}.park-pop-close{width:14px;height:14px;color:var(--pop-ink);font-family:var(--sans);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;line-height:14px;position:absolute;top:2px;right:5px}.park-pop-close:hover{opacity:.55}.park-pop-next{border-left:4px solid #0000;border-right:4px solid #0000;border-top:5px solid var(--pop-ink);width:0;height:0;animation:1s step-end infinite park-pop-blink;position:absolute;bottom:7px;right:9px}@keyframes park-pop-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.park-pop-next{animation:none}}@media (width<=980px){.park-band{margin-top:0}}.persona-sec{margin-top:-1px;padding-top:clamp(34px,4vw,52px);padding-bottom:clamp(34px,4vw,52px)}.persona-tabs{--n:3;grid-template-columns:repeat(var(--n), 1fr);isolation:isolate;background:#ffffff17;border:1px solid #ffffff38;border-radius:999px;margin-top:26px;padding:3px;display:inline-grid;position:relative}.persona-tabs:before{content:"";width:calc((100% - 6px) / var(--n));transform:translateX(calc(var(--at,0) * 100%));background:#fff;border-radius:999px;transition:transform .28s cubic-bezier(.22,.8,.24,1);position:absolute;top:3px;bottom:3px;left:3px;box-shadow:0 1px 2px #0000002e}.persona-tabs button{z-index:1;font:inherit;color:#ffffffb8;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:9px 18px;font-size:12.5px;font-weight:600;line-height:1;transition:color .18s;position:relative}.persona-tabs button:hover{color:#fff}.persona-tabs button.is-on{color:var(--showcase-bg);cursor:default}.persona-tabs button:focus-visible{outline-offset:3px;outline:2px solid #ffffffe6}.persona-panel{margin-top:22px}.persona-card{background:var(--showcase-tile);border:1px solid var(--showcase-panel-line);border-radius:14px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;column-gap:clamp(28px,4vw,56px);padding:clamp(28px,3vw,36px) clamp(30px,3.4vw,40px) clamp(30px,3.2vw,38px);animation:.26s cubic-bezier(.2,.7,.2,1) both persona-in;display:grid}.persona-card h3{letter-spacing:-.02em;color:#fff;margin:0 0 10px;font-size:clamp(20px,2.2vw,25px);font-weight:600}.persona-card p{color:#ffffffbd;margin:0;font-size:clamp(15.5px,1.5vw,17.5px);line-height:1.55}.persona-card p+p{margin-top:.8em}.persona-card p strong{color:#fff;font-weight:600}.persona-words:only-child{grid-column:1/-1;max-width:72ch}.persona-points{border-left:1px solid var(--showcase-panel-line);flex-direction:column;align-self:stretch;gap:14px;margin:0;padding:6px 0 0 calc(clamp(24px,3vw,40px) + 1.1em);list-style:outside;display:flex}.persona-card li{color:#fff;padding-left:4px;font-size:clamp(15px,1.4vw,16.5px);line-height:1.45}.persona-card li::marker{color:#fffc}@keyframes persona-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (width<=640px){.persona-tabs{border-radius:16px;grid-template-columns:1fr;width:100%;display:grid}.persona-tabs:before{width:auto;height:calc((100% - 6px) / var(--n));transform:translateY(calc(var(--at,0) * 100%));border-radius:12px;inset:3px 3px auto}.persona-tabs button{white-space:normal;padding:11px 16px}.persona-card{padding:22px 20px 24px}}@media (width<=820px){.persona-card{grid-template-columns:1fr;row-gap:20px}.persona-points{border-left:0;border-top:1px solid var(--showcase-panel-line);gap:11px;padding:20px 0 0 1.1em}}@media (prefers-reduced-motion:reduce){.persona-tabs:before{transition:none}.persona-card{animation:none}}.pixel-avatar{object-fit:cover;border-radius:8px;flex:none;width:62px;height:62px;display:block}.pixel-avatar.is-sprite{width:auto;height:auto;image-rendering:pixelated;image-rendering:crisp-edges}#teams .sec-head h2{color:var(--ink-cool)}#teams .sec-head .sec-sub{color:var(--muted-cool);max-width:86ch;font-size:clamp(15.5px,1.7vw,20px)}.quote-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:clamp(28px,4.5vw,64px);margin-top:clamp(30px,4vw,50px);display:grid}.quote-figure{flex-direction:column;min-width:0;margin:0;display:flex}.quote-figure+.quote-figure{border-left:1px solid #1e3a2229;padding-left:clamp(28px,4.5vw,64px)}.quote-figure svg{color:var(--coral-deep);margin:0 0 16px;display:block}.quote-text{letter-spacing:-.022em;color:var(--ink-cool);text-wrap:pretty;margin:0;font-size:clamp(16px,1.85vw,21px);font-weight:400;line-height:1.34}.quote-by{align-items:center;gap:12px;margin-top:auto;padding-top:clamp(20px,2.4vw,28px);display:flex}.quote-who{flex-direction:column;min-width:0;line-height:1.35;display:flex}.quote-name{color:var(--ink-cool);font-size:13.5px;font-weight:600}.quote-role{color:var(--muted-cool);font-size:12px}@media (width<=760px){.quote-grid{grid-template-columns:1fr}.quote-figure+.quote-figure{border-top:1px solid #1e3a2229;border-left:0;padding-top:clamp(28px,6vw,36px);padding-left:0}}.duckstage{transform-origin:0 0;--swim:cubic-bezier(.4, .05, .2, 1);width:800px;height:520px;position:absolute;top:0;left:0;transform:scale(.9)}.duck-defs{position:absolute}.duck-tub{filter:drop-shadow(0 16px 24px #1e3a2242);width:800px;height:520px;display:block;position:absolute;inset:0}.duck-foam{transform-box:fill-box;transform-origin:50%;animation:duck-drift var(--fd,9s) ease-in-out infinite}.duck-foam-2{--fd:11s;animation-delay:-4s}.duck-foam-3{--fd:8s;animation-delay:-2.5s}@keyframes duck-drift{0%,to{transform:translate(0)}50%{transform:translate(5px,-4px)}}.duck{--x:var(--sx);--y:var(--sy);--r:var(--sr);width:46px;height:66px;transform:translate(var(--x), var(--y));transition:transform 1.15s var(--swim);transition-delay:calc(var(--i) * 65ms);position:absolute;top:0;left:0}.is-sorted .duck{--x:var(--gx);--y:var(--gy);--r:90deg}.duck-turn,.duck-shade{transition:transform 1.15s var(--swim);transition-delay:calc(var(--i) * 65ms);position:absolute;inset:0}.duck-turn{transform:rotate(var(--r))}.duck-shade{transform:translate(3px, 6px) rotate(var(--r));color:#1e3a224d;filter:blur(2.5px)}.duck-shade svg,.duck-bob svg{width:46px;height:66px;display:block}.duck-bob{animation:duck-bob var(--bd) ease-in-out infinite;animation-delay:var(--bp);position:absolute;inset:0}.is-sorted .duck-bob{animation-duration:2.6s;animation-delay:calc(var(--i) * -.32s)}@keyframes duck-bob{0%,to{transform:translate(0)rotate(0)}30%{transform:translate(.8px,-1.6px)rotate(2.2deg)}65%{transform:translate(-.8px,1px)rotate(-1.8deg)}}.duck-rip{width:64px;height:64px;animation:duck-ripple var(--bd) ease-out infinite;animation-delay:var(--bp);border:1.5px solid #ffffffbf;border-radius:50%;margin:-32px 0 0 -32px;position:absolute;top:50%;left:50%}.duck-rip+.duck-rip{animation-delay:calc(var(--bp) - var(--bd) / 2)}@keyframes duck-ripple{0%{opacity:.7;transform:scale(.55)}to{opacity:0;transform:scale(1.5)}}.duck-1{--sx:70px;--sy:84px;--sr:-35deg;--gx:82px;--gy:224px;--i:0;--bd:3.6s;--bp:-.4s}.duck-2{--sx:290px;--sy:62px;--sr:120deg;--gx:160px;--gy:224px;--i:1;--bd:4.1s;--bp:-2.1s}.duck-3{--sx:540px;--sy:98px;--sr:200deg;--gx:238px;--gy:224px;--i:2;--bd:3.3s;--bp:-1.3s}.duck-4{--sx:160px;--sy:244px;--sr:60deg;--gx:316px;--gy:224px;--i:3;--bd:3.9s;--bp:-3s}.duck-5{--sx:410px;--sy:206px;--sr:-70deg;--gx:394px;--gy:224px;--i:4;--bd:3.5s;--bp:-.9s}.duck-6{--sx:630px;--sy:276px;--sr:20deg;--gx:472px;--gy:224px;--i:5;--bd:4.3s;--bp:-2.6s}.duck-7{--sx:60px;--sy:356px;--sr:150deg;--gx:550px;--gy:224px;--i:6;--bd:3.7s;--bp:-1.7s}.duck-8{--sx:330px;--sy:366px;--sr:-20deg;--gx:628px;--gy:224px;--i:7;--bd:4s;--bp:-3.4s}@media (prefers-reduced-motion:reduce){.duck,.duck-turn,.duck-shade{transition-duration:.01ms!important;transition-delay:0s!important}.duck-bob,.duck-rip,.duck-foam{animation:none!important}.duck-rip{display:none}}.sprawl{--settle:cubic-bezier(.22, .8, .24, 1);--legend-w:108px}.sprawl-head{margin-bottom:30px}.sprawl-head h2{color:var(--ink-cool);margin-bottom:0}.sprawl-tabs{isolation:isolate;background:#ffffff42;border:1px solid #1e3a2233;border-radius:999px;grid-template-columns:1fr 1fr;padding:3px;display:inline-grid;position:relative}.sprawl-tabs:before{content:"";width:calc(50% - 3px);transition:transform .28s var(--settle);background:#fff;border-radius:999px;position:absolute;top:3px;bottom:3px;left:3px;box-shadow:0 1px 2px #1e3a2224}.sprawl-tabs.is-ducks:before{transform:translate(100%)}.sprawl-tabs button{z-index:1;font:inherit;color:var(--ink-cool);opacity:.62;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:8px 16px;font-size:12.5px;font-weight:600;line-height:1;transition:opacity .18s;position:relative}.sprawl-tabs button:hover{opacity:.86}.sprawl-tabs button.is-on{opacity:1;cursor:default}.sprawl-tabs button:focus-visible{outline:2px solid var(--ink-cool);outline-offset:3px}.sprawl-split{grid-template-rows:auto 1fr;grid-template-columns:.84fr 1.4fr;align-items:start;column-gap:clamp(28px,4vw,56px);display:grid}.sprawl-tabs{grid-area:1/1;justify-self:start}.sprawl-copy{grid-area:2/1}.sprawl-field{grid-area:1/2/3}.sprawl-sub{color:var(--muted-cool);max-width:46ch;margin:28px 0 0;font-size:clamp(15.5px,1.5vw,17.5px)}.sprawl-sub+.sprawl-sub{margin-top:14px}.sprawl-costs{flex-direction:column;gap:9px;margin:22px -24px 0 0;padding:0;list-style:none;display:flex}.sprawl-costs li{color:var(--ink-cool);padding-left:21px;font-size:14.5px;position:relative}.sprawl-costs li:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 11' shape-rendering='crispEdges'%3E%3Cpath fill='%23348438' d='M4 0h1v1H4zM3 1h3v1H3zM2 4h5v1H2zM1 5h7v1H1z'/%3E%3Cpath fill='%23226028' d='M3 2h3v1H3zM2 3h5v1H2zM1 6h7v1H1zM0 7h9v1H0z'/%3E%3Cpath fill='%235E3E22' d='M4 8h1v3H4z'/%3E%3C/svg%3E") 50%/9px 11px no-repeat;width:9px;height:11px;margin-top:-6px;position:absolute;top:.75em;left:0}.sprawl-field{min-width:0}.sprawl-stagebox{--s:1;--stage-w:720px;--stage-h:468px;height:calc(var(--stage-h) * var(--s));position:relative}.sprawl-stage{width:var(--stage-w);height:var(--stage-h);transform:scale(var(--s));transform-origin:0 0;cursor:pointer;animation:.45s sprawl-stage-in;position:absolute;top:0;left:0}.sprawl-stage:focus-visible{outline:2px solid var(--ink-cool);outline-offset:8px;border-radius:20px}@keyframes sprawl-stage-in{0%{opacity:0}to{opacity:1}}.sprawl-brand{width:var(--legend-w);z-index:2;letter-spacing:-.01em;color:var(--ink-cool);justify-content:center;margin-inline:auto;font-size:15.5px;font-weight:600;line-height:22px;display:flex;position:absolute;top:-7px;left:0;right:0}.sprawl-brand-in{opacity:0;filter:blur(3px);transition:opacity .45s ease, transform .5s var(--settle), filter .45s ease;align-items:center;gap:8px;display:inline-flex;transform:translateY(-8px)}.sprawl-brand-mark{width:20px;height:20px;display:block}.is-sorted .sprawl-brand-in{opacity:1;filter:none;transition-delay:.5s;transform:none}.sprawl-box{width:700px;height:464px;-webkit-mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000);mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000);-webkit-mask-size:100% 100%, var(--legend-w) 24px;mask-size:100% 100%, var(--legend-w) 24px;opacity:0;transition:opacity .5s ease, transform .5s var(--settle);border:1.5px solid #21452d6b;border-radius:16px;position:absolute;top:4px;left:10px;transform:scale(.985);-webkit-mask-position:0 0,50% 0;mask-position:0 0,50% 0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:xor;mask-composite:exclude}.is-sorted .sprawl-box{opacity:1;transition-delay:.42s;transform:none}.sprawl-bar{opacity:0;height:44px;transition:opacity .45s ease, transform .55s var(--settle);border-radius:11px;align-items:center;gap:10px;padding:0 13px;display:flex;position:absolute}.is-sorted .sprawl-bar{opacity:1;transition-delay:.56s;transform:none}.sprawl-bar-mark{border-radius:8px;flex:none;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.sprawl-ic{width:13px;height:13px;display:block}.sprawl-bar-name{white-space:nowrap;font-size:13px;font-weight:600}.sprawl-bar-sub{opacity:.72;white-space:nowrap;margin-left:auto;font-size:11.5px}.sprawl-auth{background:var(--coral-deep);width:672px;color:var(--paper);top:24px;left:24px;transform:translateY(-12px)}.sprawl-auth .sprawl-bar-mark{background:#ffffff26}.sprawl-svc,.sprawl-conn{color:var(--ink-cool);background:#ffffff4d;border:1px solid #1e3a2224;transform:translateY(16px);box-shadow:0 4px 10px -8px #1e3a2273}.sprawl-svc .sprawl-bar-mark,.sprawl-conn .sprawl-bar-mark{background:#1e3a221a}.sprawl-svc{width:216px;height:60px;top:336px}.svc1{left:24px}.svc2{left:252px}.svc3{left:480px}.sprawl-conn{width:672px;top:410px;left:24px}.sprawl-conn-logos{align-items:center;gap:12px;margin-left:auto;display:flex}.sprawl-conn-logo{object-fit:contain;border-radius:4px;width:20px;height:20px;display:block}.sprawl-card{background:var(--band-lift);border:1px solid var(--line-cool);width:300px;transform:translate(var(--sx), var(--sy)) rotate(var(--sr));z-index:calc(9 - var(--i));transition:transform .85s var(--settle), width .85s var(--settle), background .5s ease, box-shadow .5s ease;transition-delay:calc(var(--i) * 45ms);border-radius:11px;padding:10px 11px;position:absolute;top:0;left:0;box-shadow:0 10px 22px -16px #1e3a22cc}.is-sorted .sprawl-card{width:330px;transform:translate(var(--gx), var(--gy));background:var(--band-lift-2);box-shadow:0 4px 10px -8px #1e3a2273}.sprawl-card-top{align-items:center;gap:10px;min-width:0;display:flex}.sprawl-name{font-family:var(--mono);color:var(--ink-cool);white-space:nowrap;flex:none;font-size:12px;display:block}.sprawl-roles{opacity:0;transition:opacity .35s ease, transform .45s var(--settle);flex:none;gap:4px;margin-left:auto;display:flex;transform:translate(8px)}.is-sorted .sprawl-roles{opacity:1;transition-delay:calc(.95s + var(--i) * 50ms);transform:none}.sprawl-hosts{height:16px;margin-top:2px;display:block;position:relative}.sprawl-host{white-space:nowrap;text-overflow:ellipsis;transition:opacity .35s ease, transform .4s var(--settle);font-size:10.5px;line-height:16px;position:absolute;top:0;left:0;right:0;overflow:hidden}.sprawl-host.is-old{color:var(--muted-cool)}.sprawl-host.is-new{color:#1e3a226b;opacity:0;transform:translateY(5px)}.is-sorted .sprawl-host.is-old{opacity:0;transform:translateY(-5px)}.is-sorted .sprawl-host.is-new{opacity:1;transition-delay:calc(.75s + var(--i) * 45ms);transform:none}.sprawl-deps{opacity:1;max-height:30px;transition:max-height .4s var(--settle), opacity .25s ease, margin-top .4s var(--settle);flex-wrap:wrap;gap:4px;margin-top:9px;display:flex;overflow:hidden}.is-sorted .sprawl-deps{opacity:0;max-height:0;margin-top:0}.sprawl-dep{background:var(--pop-fill);border:1px solid var(--line-cool);color:var(--muted-cool);white-space:nowrap;border-radius:5px;align-items:center;gap:5px;padding:4px 6px;font-size:10.5px;line-height:1;display:inline-flex}.sprawl-dep.is-loose{color:var(--rust);background:#b4432f12;border-color:#b4432f61}.sprawl-pill{color:#1e3a229e;white-space:nowrap;background:#1e3a220b;border:1px solid #1e3a2217;border-radius:999px;align-items:center;padding:3px 7px;font-size:9px;line-height:1;display:inline-flex}.s1{--sx:20px;--sy:0px;--sr:-2.5deg;--gx:24px;--gy:82px;--i:0}.s2{--sx:392px;--sy:24px;--sr:2deg;--gx:366px;--gy:82px;--i:1}.s3{--sx:240px;--sy:96px;--sr:-1.5deg;--gx:24px;--gy:144px;--i:2}.s4{--sx:4px;--sy:166px;--sr:2deg;--gx:366px;--gy:144px;--i:3}.s5{--sx:408px;--sy:180px;--sr:-2deg;--gx:24px;--gy:206px;--i:4}.s6{--sx:200px;--sy:250px;--sr:1.5deg;--gx:366px;--gy:206px;--i:5}.s7{--sx:26px;--sy:318px;--sr:2.5deg;--gx:24px;--gy:268px;--i:6}.s8{--sx:402px;--sy:332px;--sr:-2deg;--gx:366px;--gy:268px;--i:7}.sprawl-hint{text-align:center;color:var(--muted-cool);margin:12px auto 0;font-size:12.5px;transition:opacity .3s}.is-sorted .sprawl-hint{opacity:0}@media (width<=900px){.sprawl-split{grid-template-rows:none;grid-template-columns:1fr}.sprawl-tabs{grid-area:1/1}.sprawl-field{grid-area:2/1;margin-top:20px}.sprawl-copy{grid-area:3/1}.sprawl-sub{margin-top:24px}.sprawl-costs{margin-right:0}}@media (prefers-reduced-motion:reduce){.sprawl-card,.sprawl-deps,.sprawl-roles,.sprawl-host,.sprawl-box,.sprawl-brand-in,.sprawl-bar,.sprawl-hint,.sprawl-tabs:before{transition-duration:.01ms!important;transition-delay:0s!important}.sprawl-stage{animation:none}}