.term-wrap{text-align:left;max-width:none;margin:0;position:relative}.stage{display:grid}.stage>.terminal{opacity:0;visibility:hidden;flex-direction:column;grid-area:1/1;min-height:500px;transition:opacity .3s,visibility 0s linear .3s;display:flex}.stage>.terminal.is-active{opacity:1;visibility:visible;transition:opacity .3s}.logo-row{justify-content:center;align-items:center;gap:30px;margin-top:26px;display:flex}.logo-btn{appearance:none;cursor:pointer;opacity:.38;filter:grayscale();background:0 0;border:0;margin:0;padding:8px;line-height:0;transition:opacity .25s,filter .25s}.logo-btn:hover{opacity:.66}.logo-btn:focus-visible{outline-offset:2px;border-radius:6px;outline:2px solid #ffffffe6}.logo-btn[aria-selected=true]{opacity:1;filter:none;cursor:default}.logo-btn svg,.logo-btn img{width:auto;height:26px;display:block}#agent-tab-claude svg{height:34px;margin:-4px 0}@media (width<=640px){.stage>.terminal{min-height:0}.logo-row{gap:22px;margin-top:20px}.logo-btn svg,.logo-btn img{height:22px}#agent-tab-claude svg{height:29px;margin:-3.5px 0}}@media (prefers-reduced-motion:reduce){.stage>.terminal,.logo-btn{transition:none}}.terminal{z-index:1;background:var(--panel);border:1px solid var(--panel-line);font-family:var(--mono);border-radius:16px;font-size:14px;line-height:1.65;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 30px 70px -34px #0009}.term-bar{align-items:center;padding:14px 16px;display:flex;position:relative}.dots{gap:8px;display:flex}.dot{background:#5c534c;border-radius:50%;width:12px;height:12px}.term-title{text-align:center;color:var(--panel-dim);pointer-events:none;font-size:13px;position:absolute;left:0;right:0}.term-body{color:var(--panel-fg);flex-direction:column;flex:1;padding:4px 22px 16px;display:flex}.term-head{align-items:flex-start;gap:16px;padding:6px 0 12px;display:flex}.cc-logo{flex:none;width:42px;height:42px}.head-lines{padding-top:2px}.head-lines .name{color:var(--panel-fg);font-weight:700}.head-lines .model{color:#c3b9b0}.head-lines .cwd{color:var(--panel-dim)}.rule{background:var(--panel-line);height:1px;margin:4px 0}.term-head+.rule{margin-top:auto}.prompt-line{align-items:baseline;gap:12px;padding:12px 0;display:flex}.chevron{color:var(--panel-fg)}.cmd-wrap{white-space:pre-wrap;word-break:break-word;flex:1}.cmd{color:var(--panel-fg)}.cursor{background:#d97757;width:8px;height:1.05em;margin-left:2px;animation:1.05s step-end infinite blink;display:inline-block;transform:translateY(.15em)}@keyframes blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.shortcuts{color:var(--panel-dim);padding-top:10px}.type-area{position:relative}.type-area .ghost{visibility:hidden}.type-area .live{position:absolute;inset:0}.term-icon{color:var(--panel-dim);display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.term-icon img{opacity:.9;width:15px;height:15px;display:block}.term-icon svg{display:block}.t-codex .term-icon img{filter:invert();opacity:.8}.t-opencode .term-icon svg{opacity:.85}.t-codex{background:#0c222f;border-color:#ffffff14}.t-codex .dot{background:#28404e}.t-codex .term-title,.t-codex .term-icon{color:#5e7a8a}.cx-body{color:#c4d2d9;padding:12px 18px 14px}.cx-body .dim{color:#5e7a8a}.cx-body b{color:#f0f5f7}.cx-box{border:1px solid #c4d2d947;border-radius:4px;margin-bottom:10px;padding:7px 12px;display:inline-block}.cx-gap{height:.55em}.cx-link{color:#57abde}.cx-input{background:#17313f;margin:80px -18px 0;padding:10px 18px}.cx-input .chev{color:#8fa5b0;margin-right:9px}.t-codex .cmd{color:#e6edf0}.t-codex .cursor{background:#c4d2d9}.cx-status{color:#58b380;padding:9px 0 0;font-size:12.5px}.cx-status .dim{color:#5e7a8a}.t-opencode{background:#0a0a0a;border-color:#ffffff12}.t-opencode .dot{background:#262626}.t-opencode .term-title,.t-opencode .term-icon{color:#6e6e6e}.oc-body{padding:8px 20px 14px}.oc-logo{image-rendering:pixelated;margin:14px auto 20px;display:block}.oc-input{background:#151515;border-left:3px solid #5b8af5;margin-top:80px;padding:12px 14px}.oc-input .line{min-height:1.65em}.t-opencode .cmd{color:#e8e8e8}.t-opencode .cursor{background:#e8e8e8}.oc-mode{justify-content:space-between;align-items:baseline;gap:12px;margin-top:10px;display:flex}.oc-mode .b{color:#5b8af5;font-weight:700}.oc-mode .m{color:#f0f0f0;font-weight:700}.oc-mode .p{color:#6e6e6e}.oc-hints{color:#6e6e6e;font-size:12.5px}.oc-hints b{color:#cfcfcf}.t-pi{background:#111114;border-color:#ffffff14}.t-pi .dot{background:#2a2a30}.t-pi .term-title,.t-pi .term-icon{color:#6c6c76}.pi-body{color:#d4d4d8;padding:8px 20px 14px}.pi-body .dim{color:#6c6c76}.pi-body b{color:#8abeb7}.pi-hints{margin-top:4px;font-size:12.5px}.pi-hints .key{color:#a1a1aa}.pi-input{border-top:1px solid #5f87af;border-bottom:1px solid #5f87af;margin-top:auto;padding:8px 0}.t-pi .cmd{color:#e8e8ec}.t-pi .cursor{background:#e8e8ec}.pi-foot{color:#6c6c76;padding-top:8px;font-size:12.5px}.pi-stats{justify-content:space-between;gap:12px;display:flex}@media (width<=640px){.terminal{font-size:12.5px}.term-bar{padding:10px 14px}.cc-logo{width:32px;height:32px}.term-body{padding:2px 16px 12px}.term-head{gap:12px;padding:6px 0 10px}.prompt-line{padding:10px 0}.term-head+.rule{margin-top:4px}.cx-input,.oc-input{margin-top:0}.pi-input{margin-top:10px}.shortcuts,.cx-status,.oc-mode,.pi-foot{display:none}}@media (prefers-reduced-motion:reduce){.cursor{animation-duration:1.8s}}.agent-deck-wrap{--deck-h:370px;--deck-rise:44px}.agent-deck{width:min(620px,100%);height:calc(var(--deck-h) + var(--deck-rise));margin:0 auto;position:relative}.deck-card{height:var(--deck-h);cursor:pointer;transition:transform .42s cubic-bezier(.22,.8,.24,1),filter .42s;position:absolute;bottom:0;left:0;right:0}.deck-card>.terminal{flex-direction:column;height:100%;display:flex}.deck-card[data-rank="0"]{z-index:4;cursor:default}.deck-card[data-rank="1"]{z-index:3;filter:brightness(.8);transform:translate(-15%,-22px)rotate(-3deg)scale(.95)}.deck-card[data-rank="2"]{z-index:2;filter:brightness(.8);transform:translate(15%,-22px)rotate(3deg)scale(.95)}.deck-card[data-rank="3"]{z-index:1;transform:translateY(calc(var(--deck-rise) * -1)) scale(.9);filter:brightness(.66)}.deck-card:not([data-rank="0"]):hover{filter:brightness(.95)}@media (width<=640px){.agent-deck-wrap{--deck-h:276px;--deck-rise:26px}.deck-card[data-rank="1"]{transform:translate(-3%,-13px)rotate(-2deg)scale(.96)}.deck-card[data-rank="2"]{transform:translate(3%,-13px)rotate(2deg)scale(.96)}}@media (prefers-reduced-motion:reduce){.deck-card{transition:none}}.agents-sec{padding-bottom:clamp(34px,4vw,52px);overflow-x:clip}.agents-head{text-align:center}.agents-head .sec-head h2{margin-bottom:14px}.agents-sub{color:#ffffffbd;text-wrap:balance;max-width:54ch;margin:0 auto;font-size:clamp(15.5px,1.5vw,17.5px);line-height:1.5}.agents-tool{font:inherit;color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff1f;border:0;border-radius:6px;padding:.02em .4em;font-weight:600;transition:background .18s;box-shadow:0 0 0 1px #ffffff3d}.agents-tool:hover{background:#fff3}.agents-tool:focus-visible{outline-offset:3px;outline:2px solid #ffffffe6}.agents-tool span{animation:.22s both agents-tool-in;display:inline-block}@keyframes agents-tool-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.agents-tool span{animation:none}}.agents-stage{margin-top:clamp(30px,4vw,46px)}#guardrails{background:var(--showcase-bg)}#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/5}.guard-card:nth-child(4){grid-column:5/9}.guard-card:nth-child(5){grid-column:9/13}.guard-link{color:inherit;text-decoration:none;transition:background .18s,border-color .18s;display:block}.guard-link:hover{background:#ffffff17;border-color:#ffffff57}.guard-link:focus-visible{outline-offset:3px;outline:2px solid #ffffffe6}.guard-link .arr{margin-left:.35em;transition:transform .18s;display:inline-block}.guard-link:hover .arr{transform:translate(3px)}.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}.guard-card:nth-child(5){grid-column:1/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),.guard-card:nth-child(5){grid-column:1/13}}.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:balance;max-width:60ch;margin:0 auto;font-size:clamp(14.5px,1.6vw,19px);line-height:1.7}.hero-cta{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{padding-top:clamp(92px,11.5vw,148px);padding-bottom:clamp(92px,11.5vw,148px)}.persona-tabs{--n:3;grid-template-columns:repeat(var(--n), 1fr);isolation:isolate;background:#ffffff42;border:1px solid #1e3a2233;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 #1e3a2224}.persona-tabs button{z-index:1;font:inherit;color:var(--muted-cool);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:var(--ink-cool)}.persona-tabs button.is-on{color:var(--ink-cool);cursor:default}.persona-tabs button:focus-visible{outline:2px solid var(--ink-cool);outline-offset:3px}.persona-panel{margin-top:22px}.persona-card{background:var(--band-lift);border:1px solid var(--line-cool);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:var(--ink-cool);margin:0 0 10px;font-size:clamp(20px,2.2vw,25px);font-weight:600}.persona-card p{color:var(--muted-cool);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:var(--ink-cool);font-weight:600}.persona-words:only-child{grid-column:1/-1;max-width:72ch}.persona-points{border-left:1px solid var(--line-cool);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:var(--ink-cool);padding-left:4px;font-size:clamp(15px,1.4vw,16.5px);line-height:1.45}.persona-card li::marker{color:var(--muted-cool)}@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(--line-cool);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:repeat(3,1fr);align-items:stretch;gap:clamp(22px,3vw,44px);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(22px,3vw,44px)}.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.6vw,19px);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}.quote-logo{border-radius:5px;flex:none;width:24px;height:24px;margin-left:auto}@media (width<=900px){.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}}#examples{background:var(--showcase-bg);margin-top:-1px;padding-top:clamp(34px,4vw,52px)}.stack-head h3{letter-spacing:-.03em;color:#fff;text-wrap:balance;max-width:26ch;margin:0 0 12px;font-size:clamp(27px,3.8vw,43px);font-weight:400;line-height:1.06}.stack-head p{color:#ffffffbd;text-wrap:pretty;max-width:62ch;margin:0;font-size:clamp(14px,1.35vw,15.5px);line-height:1.5}.golive-rows{gap:clamp(14px,1.8vw,22px);margin-top:clamp(26px,3.2vw,42px);display:grid}.golive-row{border:1px solid var(--showcase-panel-line);background:var(--showcase-panel);border-radius:16px;grid-template-columns:1fr 1fr;align-items:stretch;display:grid;overflow:hidden}.golive-copy{border-right:1px solid var(--showcase-panel-line);flex-direction:column;justify-content:center;padding:clamp(26px,3.2vw,42px);display:flex}.golive-copy h4{letter-spacing:-.025em;color:#fff;text-wrap:balance;margin:0 0 12px;font-size:clamp(19px,2.15vw,24px);font-weight:600;line-height:1.14}.golive-body{color:#ffffffb8;text-wrap:pretty;margin:0;font-size:clamp(13px,1.25vw,14.5px);line-height:1.6}.golive-logos{flex-wrap:wrap;align-items:center;gap:clamp(14px,1.7vw,20px);margin:clamp(18px,2.2vw,24px) 0 0;padding:0;list-style:none;display:flex}.golive-logo img{width:var(--mark,24px);height:var(--mark,24px);object-fit:contain;display:block}.golive-art{aspect-ratio:7/5;position:relative}.golive-art img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;position:absolute;inset:0}.golive-row.is-flipped .golive-copy{border-right:none;border-left:1px solid var(--showcase-panel-line);order:2}.golive-row.is-flipped .golive-art{order:1}@media (width<=760px){.golive-row,.golive-row.is-flipped{grid-template-columns:1fr}.golive-row .golive-copy,.golive-row.is-flipped .golive-copy{border-left:none;border-right:none;border-top:1px solid var(--showcase-panel-line);order:2}.golive-row .golive-art,.golive-row.is-flipped .golive-art{order:1}.golive-logos{--mark:20px;gap:12px}}