.sl{--sl-gut:clamp(20px, 5vw, 72px)}.sl__wrap{width:min(1080px,100%);padding-inline:var(--sl-gut);margin-inline:auto}.sl-hero{background:radial-gradient(760px 320px at 82% 0%, color-mix(in srgb, var(--brand) 20%, transparent), transparent 66%), linear-gradient(180deg, color-mix(in srgb, var(--brand) 7%, transparent), transparent 72%);border-bottom:1px solid var(--line);padding:clamp(96px,13vh,150px) 0 clamp(36px,6vh,64px)}.sl-hero__grid{grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr);align-items:center;gap:clamp(20px,4vw,56px);display:grid}.sl-eyebrow{font:700 11px/1.4 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin-bottom:14px}.sl-eyebrow a{color:var(--brand);text-decoration:none}.sl-eyebrow a:hover{text-decoration:underline}.sl-hero h1{font-family:var(--display);letter-spacing:-.025em;margin:0 0 16px;font-size:clamp(30px,4.2vw,52px);font-weight:800;line-height:1.06}.sl-hero h1 em{color:var(--brand);font-style:normal}.sl-lead{color:var(--ink-2);max-width:58ch;margin:0;font-size:clamp(15px,1.25vw,17.5px);line-height:1.72}.sl-hero__ctas{flex-wrap:wrap;gap:11px;margin-top:26px;display:flex}.sl-hero__logo{justify-items:center;gap:12px;margin:0;display:grid}.sl-hero__logo img{width:min(220px,100%);height:auto}.sl-hero__logo figcaption{color:var(--ink-3);text-align:center;font-size:12.5px}.for-dark,:root[data-theme=dark] .for-light{display:none}:root[data-theme=dark] .for-dark{display:block}.sl-btn{font:700 14.5px/1 var(--display);color:#fff;background:linear-gradient(135deg, var(--brand-2), var(--brand));box-shadow:0 18px 34px -18px color-mix(in srgb, var(--brand) 85%, transparent);border:1px solid #0000;border-radius:999px;align-items:center;gap:9px;padding:13px 24px;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.sl-btn:hover{transform:translateY(-2px)}.sl-btn span{transition:transform .2s}.sl-btn:hover span{transform:translate(3px)}.sl-btn--ghost{color:var(--ink);border-color:var(--line);box-shadow:none;background:0 0}.sl-btn--ghost:hover{border-color:var(--brand);color:var(--brand)}.sl-btn--light{color:var(--brand);box-shadow:none;background:#fff}.sl-btn--outline{color:#fff;box-shadow:none;background:0 0;border-color:#ffffff80}.sl-toc{z-index:5;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-wrap:wrap;gap:6px;margin-bottom:8px;padding-block:14px;display:flex;position:sticky;top:72px}.sl-toc a{font:600 12.5px/1 var(--body);color:var(--ink-3);white-space:nowrap;border:1px solid #0000;border-radius:999px;padding:7px 13px;text-decoration:none;transition:color .2s,background .2s,border-color .2s}.sl-toc a:hover{color:var(--ink);background:color-mix(in srgb, var(--brand) 9%, transparent)}.sl-toc a.is-here{color:var(--brand);background:color-mix(in srgb, var(--brand) 12%, transparent);border-color:color-mix(in srgb, var(--brand) 34%, transparent)}.sl-sec{padding:clamp(44px,7vh,82px) 0;scroll-margin-top:140px}.sl-sec--alt{background:color-mix(in srgb, var(--brand) 4%, transparent);border-block:1px solid var(--line)}.sl-kicker{font:700 11px/1 var(--mono);letter-spacing:.2em;color:var(--brand);margin:0 0 10px}.sl-sec h2{font-family:var(--display);letter-spacing:-.022em;margin:0 0 12px;font-size:clamp(23px,2.8vw,36px);font-weight:800;line-height:1.12}.sl-sub{color:var(--ink-2);max-width:66ch;margin:0 0 8px;font-size:15.5px;line-height:1.7}.sl-prose{gap:14px;max-width:70ch;display:grid}.sl-prose p{color:var(--ink-2);margin:0;font-size:15.5px;line-height:1.78}.sl-prose strong{color:var(--ink);font-weight:700}.sl-h3{font-family:var(--display);margin:34px 0 14px;font-size:clamp(17px,1.7vw,21px);font-weight:700}code{font-family:var(--mono);background:color-mix(in srgb, var(--brand) 12%, transparent);color:var(--ink);border-radius:6px;padding:2px 6px;font-size:.9em}.sl-fig{background:var(--paper);border:1px solid var(--paper-edge);border-radius:20px;margin:30px 0 0;padding:clamp(14px,2vw,24px);box-shadow:0 26px 50px -38px #0a1e468c}.sl-fig svg{width:100%;height:auto;display:block}.sl-fig figcaption{border-top:1px solid var(--line);color:var(--ink-3);margin-top:12px;padding-top:12px;font-size:13px;line-height:1.6}.sl-fig__h{font:700 15px var(--display);fill:var(--ink)}.sl-fig__s{font:400 12px var(--body);fill:var(--ink-3)}.sl-fig__lbl{font:600 12px var(--body);fill:var(--ink-2)}.sl-fig__lbl--dim{fill:var(--ink-3)}.sl-fig__good{font:600 13px var(--body);fill:#15803d}.sl-fig__bad{font:600 13px var(--body);fill:#b91c1c}:root[data-theme=dark] .sl-fig__good{fill:#4ade80}:root[data-theme=dark] .sl-fig__bad{fill:#fca5a5}.sl-fig__row{font:700 13px var(--display);fill:var(--ink)}.sl-fig__tick{font:600 10px var(--mono);fill:var(--ink-3)}.sl-fig__axis line{stroke:var(--line);stroke-width:1.5px}.sl-fig__guide line{stroke:var(--ink-3);stroke-width:1px;stroke-dasharray:3 5;opacity:.55}.sl-fig__req circle{fill:var(--brand);stroke:var(--paper);stroke-width:2px}.sl-fig__in-bar{font:600 11.5px var(--body)}.sl-fig__in-bar--bad{fill:#b91c1c}.sl-fig__in-bar--dim{fill:var(--ink-3)}:root[data-theme=dark] .sl-fig__in-bar--bad{fill:#fca5a5}.sl-fig__billed-all{fill:#b91c1c29;stroke:#b91c1c73}.sl-fig__billed-none{fill:none;stroke:var(--line);stroke-width:1.5px;stroke-dasharray:5 5}.sl-fig__billed-bit rect{fill:var(--brand)}.sl-fig__rule-h,.sl-fig__rule{stroke:var(--line);stroke-width:1px}.sl-fig__empty{stroke:var(--line);stroke-width:2px;stroke-dasharray:4 6}.sl-node rect{fill:var(--paper);stroke:var(--line);stroke-width:1.5px}.sl-node__t{font:700 14px var(--display);fill:var(--ink);text-anchor:middle}.sl-node__s{font:400 11.5px var(--body);fill:var(--ink-3);text-anchor:middle}.sl-node--store rect{stroke:#2f8f5b}.sl-node--door rect{stroke:var(--brand-2)}.sl-node--fn rect{stroke:#f90;stroke-width:2.2px}.sl-node--tell rect{stroke:#d6336c}.sl-wire{fill:none;stroke:var(--ink-3);stroke-width:1.6px}.sl-wire--live{stroke:var(--brand);stroke-width:2.2px}.sl-wire--back{stroke-dasharray:5 4}.sl-wire marker path,.sl-fig marker path{fill:currentColor}.sl-wire{color:var(--ink-3)}.sl-wire--live{color:var(--brand)}.sl-wire__t{font:600 11.5px var(--mono);fill:var(--ink-3)}.sl-ax{stroke:var(--line);stroke-width:1.5px}.sl-cost-server{stroke:#b91c1c;stroke-width:2.4px;stroke-dasharray:7 5}.sl-cost-sls{fill:none;stroke:var(--brand);stroke-width:2.8px;stroke-linejoin:round}.sl-fig__lbl--server{fill:#b91c1c}.sl-fig__lbl--sls{fill:var(--brand)}:root[data-theme=dark] .sl-cost-server,:root[data-theme=dark] .sl-fig__lbl--server{stroke:#fca5a5;fill:#fca5a5}.sl-cross{fill:var(--ink)}.sl-cross-rule{stroke:var(--line);stroke-width:1px;stroke-dasharray:3 4}.sl-pipe rect{fill:var(--paper);stroke:var(--line);stroke-width:1.5px}.sl-pipe text{font:700 13px var(--display);fill:var(--ink);text-anchor:middle}.sl-pipe .sl-node__s{font:400 11px var(--body);fill:var(--ink-3)}.sl-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px;display:grid}.sl-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;align-content:start;gap:7px;padding:20px;transition:transform .25s,border-color .25s;display:grid;box-shadow:0 22px 44px -38px #0a1e4680}.sl-card:hover{border-color:var(--brand);transform:translateY(-4px)}.sl-card h3{font-family:var(--display);margin:0;font-size:17px;font-weight:700}.sl-card__role{font:700 10.5px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--brand);margin:0}.sl-card p{color:var(--ink-2);margin:0;font-size:14px;line-height:1.62}.sl-card__meter{border-top:1px solid var(--line);padding-top:10px;color:var(--ink-3)!important;margin-top:4px!important;font-size:12.5px!important}.sl-note{color:var(--ink-3);max-width:76ch;margin-top:18px;font-size:14px;line-height:1.7}.sl-callout{border:1px solid color-mix(in srgb, var(--brand) 28%, transparent);background:color-mix(in srgb, var(--brand) 7%, transparent);border-radius:18px;max-width:76ch;margin-top:28px;padding:20px 22px}.sl-callout h3{font-family:var(--display);margin:0 0 7px;font-size:16px;font-weight:700}.sl-callout p{color:var(--ink-2);margin:0;font-size:14.5px;line-height:1.72}.sl-steps{counter-reset:s;gap:16px;max-width:78ch;margin:30px 0 0;padding:0;list-style:none;display:grid}.sl-steps li{grid-template-columns:34px 1fr;align-items:baseline;gap:4px 16px;display:grid}.sl-steps li:before{counter-increment:s;content:counter(s);background:color-mix(in srgb, var(--brand) 13%, transparent);width:34px;height:34px;color:var(--brand);font:700 13px/1 var(--mono);border-radius:50%;grid-row:span 2;place-items:center;display:grid}.sl-steps h3{font-family:var(--display);margin:0;font-size:16.5px;font-weight:700}.sl-steps p{color:var(--ink-2);margin:0;font-size:14.5px;line-height:1.7}.sl-spec{background:var(--line);border:1px solid var(--line);border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:26px;display:grid;overflow:hidden}.sl-spec>div{background:var(--paper);grid-template-columns:150px 1fr;gap:14px;padding:13px 18px;display:grid}.sl-spec dt{font:700 10.5px/1.5 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.sl-spec dd{color:var(--ink);margin:0;font-size:14px;line-height:1.55}.sl-lessons{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.sl-lessons article{background:var(--paper);border:1px solid var(--line);border-left:3px solid #f59e0b;border-radius:18px;padding:20px}.sl-lessons h4{font-family:var(--display);margin:0 0 7px;font-size:15.5px;font-weight:700}.sl-lessons p{color:var(--ink-2);margin:0;font-size:14px;line-height:1.66}.sl-lessons em{color:var(--ink);font-style:italic}.sl-dont{gap:10px;max-width:80ch;margin:26px 0 0;padding:0;list-style:none;display:grid}.sl-dont li{background:var(--paper);border:1px solid var(--line);color:var(--ink-2);border-radius:14px;padding:14px 18px 14px 44px;font-size:14.5px;line-height:1.66;position:relative}.sl-dont li:before{content:"";opacity:.6;background:#b91c1c;border-radius:3px;width:12px;height:12px;position:absolute;top:19px;left:18px}.sl-dont b{color:var(--ink);font-weight:700}.sl-cta{background:linear-gradient(125deg, #1d4ed8 0%, var(--brand) 42%, var(--brand-2) 100%);color:#fff;text-align:center;padding:clamp(50px,8vh,88px) 0}.sl-cta h2{font-family:var(--display);margin:0 0 12px;font-size:clamp(22px,2.6vw,33px);font-weight:800}.sl-cta p{color:#ffffffe0;max-width:62ch;margin:0 auto;font-size:15.5px;line-height:1.72}.sl-cta__btns{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:26px;display:flex}.sl-back{margin-top:26px!important;font-size:13.5px!important}.sl-back a{color:#ffffffe0;font-weight:600}@media (width<=900px){.sl-cards,.sl-lessons{grid-template-columns:repeat(2,minmax(0,1fr))}.sl-hero__grid{grid-template-columns:minmax(0,1fr)}.sl-hero__logo{justify-items:start}.sl-hero__logo figcaption{text-align:left}}@media (width<=640px){.sl-cards,.sl-lessons,.sl-spec{grid-template-columns:minmax(0,1fr)}.sl-spec>div{grid-template-columns:minmax(0,1fr);gap:3px}.sl-toc{scrollbar-width:none;flex-wrap:nowrap;top:64px;overflow-x:auto}.sl-toc::-webkit-scrollbar{display:none}.sl-fig--flow svg,.sl-fig--deploy svg,.sl-fig--compare svg{min-width:560px}.sl-fig--flow,.sl-fig--deploy,.sl-fig--compare{overflow-x:auto}}
