.hb-h{font:600 clamp(24px, 1.2rem + .9vw, 34px)/1.12 var(--font-sans);letter-spacing:-.02em;color:var(--color-neutral-ink);text-wrap:balance;margin:0}.hb-lead{max-width:48ch;color:var(--color-neutral-soft);text-wrap:pretty;margin:0;font-size:16px;line-height:1.55}
.tl-logo{width:20px;height:20px;-webkit-mask:var(--logo) center / contain no-repeat;-webkit-mask:var(--logo) center / contain no-repeat;mask:var(--logo) center / contain no-repeat;background:currentColor;display:block}.to-pack{fill:var(--color-figure-accent);stroke:var(--color-neutral-paper);stroke-width:2px;opacity:0}.to-beam{fill:none;stroke:var(--color-neutral-edge);stroke-width:1px;stroke-dasharray:1 1;stroke-linecap:round;stroke-linejoin:round;transition:stroke var(--dur-hover) var(--ease-standard)}.to-beam[data-lit]{stroke:var(--color-neutral-ink);stroke-width:1.5px}[data-armed] .tl-beam{stroke-dashoffset:1px}[data-armed] .tl-node{opacity:.3}.to{align-items:center;gap:28px;display:grid}.to-box{order:1}.to-list{order:2}@container (min-width:820px){.to{grid-template-rows:auto auto;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:0 48px}.to-copy{grid-area:1/1;align-self:end}.to-list{grid-area:2/1;align-self:start;margin-top:18px}.to-box{grid-area:1/2/span 2}}.to-copy{flex-direction:column;gap:12px;min-width:0;display:flex}.to-list{margin:0;padding:0;list-style:none;display:grid}.to-row{min-height:40px;padding:6px var(--row-pad-x,10px);border-radius:var(--radius-sm);color:var(--color-neutral-ink);grid-template-columns:20px minmax(0,6.5rem) minmax(0,1fr);align-items:center;gap:12px;display:grid}.to-row[data-lit]{background:var(--row-active)}.to-row-name{font:600 14px/1.3 var(--font-sans)}.to-row-line{color:var(--color-neutral-soft);font-size:14px;line-height:1.4}@container (max-width:520px){.to-row{grid-template-columns:20px minmax(0,1fr);row-gap:2px}.to-row-line{grid-column:2}}.to-box{aspect-ratio:1;border:1px solid var(--color-neutral-line);border-radius:var(--radius-lg);justify-self:center;width:100%;max-width:600px;position:relative}.to-svg{position:absolute;top:0;left:0;overflow:visible}.to-ring{fill:none;stroke:var(--color-neutral-edge);stroke-width:1px;stroke-dasharray:2 6;stroke-linecap:round}.to-tile{width:var(--tile);height:var(--tile);border:1px solid var(--color-neutral-line);border-radius:var(--radius-lg);background:var(--color-neutral-raised);color:var(--color-neutral-ink);transition:border-color var(--dur-hover) var(--ease-standard);place-items:center;display:grid;position:absolute;translate:-50% -50%}.to-tile .tl-logo{width:calc(var(--tile) * .42);height:calc(var(--tile) * .42)}.to-tile[data-lit]{border-color:var(--color-neutral-ink)}.to-hub{width:var(--hub);height:var(--hub);border:1px solid var(--color-neutral-edge);border-radius:var(--radius-lg);background:var(--color-neutral-raised);place-items:center;display:grid;position:absolute;translate:-50% -50%}.to-card{z-index:2;border-radius:var(--radius-md);background:var(--color-neutral-surface);color:var(--color-neutral-ink);pointer-events:none;flex-direction:column;gap:4px;padding:10px 14px 12px;display:flex;position:absolute}.to-card-t{font:600 14px/1.35 var(--font-sans);margin:0}.to-card-t span{color:var(--color-neutral-soft);font-weight:400}.to-card-l{color:var(--color-neutral-soft);margin:0;font-size:13px;line-height:1.45}@media (prefers-reduced-motion:reduce){.to-beam,.to-tile{transition:none}}
.wall-grid{border-top:1px solid var(--color-neutral-line);border-left:1px solid var(--color-neutral-line);border-radius:var(--radius-md);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid;overflow:hidden}@container (min-width:560px){.wall-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@container (min-width:900px){.wall-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.wall-cell{border-right:1px solid var(--color-neutral-line);border-bottom:1px solid var(--color-neutral-line);place-items:center;height:88px;display:grid}.wall-logo{color:var(--color-neutral-soft);transition:color var(--dur-hover) var(--ease-standard);outline:none}.wall-cell:hover .wall-logo,.wall-logo:focus-visible{color:var(--color-neutral-ink)}.wall-logo:focus-visible{box-shadow:var(--focus-ring);border-radius:2px}.tc-tile{border:1px solid var(--color-neutral-line);border-radius:var(--radius-md);background:var(--color-neutral-raised);color:var(--color-neutral-soft);transition:color var(--dur-hover) var(--ease-standard), border-color var(--dur-hover) var(--ease-standard);place-items:center;display:grid;position:absolute;translate:-50% -50%}.tc-tile:hover{color:var(--color-neutral-ink);border-color:var(--color-neutral-ink)}@media (prefers-reduced-motion:reduce){.wall-logo,.tc-tile{transition:none}}.tc-box{border-radius:calc(var(--radius-lg) + 8px);background:var(--color-neutral-raised);overflow:hidden}.tc-bare{background:0 0;border:0;max-width:100%}
.bn-wrap{transition:none}.bn-cell{transition:border-color .2s cubic-bezier(.2,0,0,1)}.bn-spot .bn-cell,.bn-wrap:hover .bn-cell,.bn-wrap:focus-within .bn-cell{border-color:var(--color-neutral-edge)}.bn-art:not([data-live]) *{animation-play-state:paused!important}@media (min-width:1024px){.bn-sub{grid-template-columns:repeat(var(--n), minmax(0, 1fr))}}.bn-paper{background:#f7f8fa;border:1px solid #e1e4ea;border-bottom:0}:root[data-theme=dark] .bn-step img[data-mono]{filter:invert()}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .bn-step img[data-mono]{filter:invert()}}.bn-dots i{opacity:.35;background:currentColor;border-radius:9999px;width:5px;height:5px;animation:1s ease-in-out infinite bn-dot}.bn-dots i:nth-child(2){animation-delay:.15s}.bn-dots i:nth-child(3){animation-delay:.3s}@keyframes bn-dot{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:.8;transform:translateY(-2px)}}.bn-link:focus-visible{box-shadow:var(--focus-ring);border-radius:4px}@media (prefers-reduced-motion:reduce){.bn-cell{transition:none}.bn-dots i{animation:none}}