.ji-hero{grid-template-columns:minmax(0,6fr) minmax(0,6fr);align-items:center;gap:clamp(32px,4vw,64px);display:grid}.ji-hero__copy{max-width:600px}.ji-hero__actions{flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:32px;display:flex}.ji-hero__visual{min-width:0;box-shadow:inset 0 0 0 1px var(--j-rule);background:#fff;border-radius:28px;flex-direction:column;gap:28px;padding:clamp(24px,3vw,44px);display:flex}.ji-cloud{gap:10px}.ji-cloud .j-logo{font-size:16px}.ji-cloud--row{gap:10px 22px}.ji-settle{display:inline-flex}.ji-mark{min-width:0;display:inline-flex}.ji-mark .j-logo__mark{width:24px;height:24px}.ji-mark--word .j-logo__mark{width:auto;height:18px;aspect-ratio:var(--ji-ar,3.4);-webkit-mask-position:0;mask-position:0}.ji-mark--word .j-logo>span:last-child{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ji-mark--word .j-logo{gap:0;padding-right:18px}.j-logos--row .ji-mark .j-logo__mark{width:24px;height:24px}.j-logos--row .ji-mark--word .j-logo{padding-right:0}.ji-tabs{z-index:30;margin:0 calc(-1 * var(--j-gutter)) 8px;padding:10px var(--j-gutter);-webkit-backdrop-filter:blur(18px)saturate(160%);backdrop-filter:blur(18px)saturate(160%);background:#ffffffdb;position:sticky;top:68px}.ji-tabs__strip{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:4px;scroll-padding:16px;display:flex;overflow-x:auto}.ji-tabs__strip::-webkit-scrollbar{display:none}.ji-tab{height:40px;color:var(--j-muted);white-space:nowrap;border-radius:999px;flex:none;align-items:center;padding:0 16px;font-size:14.5px;font-weight:600;transition:color .16s;display:inline-flex;position:relative}.ji-tab:hover{color:var(--j-ink)}.ji-tab.is-on{color:var(--j-paper)}.ji-tab__pill{background:var(--j-ink);border-radius:999px;position:absolute;inset:0}.ji-tab__label{position:relative}.ji-cat{border-top:1px solid var(--j-rule);grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(28px,4vw,64px);padding:clamp(48px,5vw,72px) 0;scroll-margin-top:140px;display:grid}.ji-cat:first-of-type{border-top:0;padding-top:24px}.ji-cat__head{align-self:start;position:sticky;top:140px}.ji-cat__how{color:var(--j-accent-ink);background:var(--j-accent-soft);border-radius:999px;align-items:center;gap:8px;margin-bottom:18px;padding:6px 12px;font-size:13.5px;font-weight:600;display:inline-flex}.ji-cat__lead{color:var(--j-muted);max-width:24em;margin:14px 0 0;font-size:17px;line-height:1.5}.ji-grid{gap:14px;display:grid}.ji-grid--1{grid-template-columns:1fr}.ji-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.ji-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.ji-tile{background:var(--j-paper);min-height:168px;transition:transform .26s var(--j-ease), box-shadow .26s ease, background-color .26s ease;border-radius:20px;flex-direction:column;padding:22px 22px 20px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #0000}.ji-tile:hover{box-shadow:inset 0 0 0 1px var(--j-rule);background:#fff;transform:translateY(-3px)}.ji-tile__body{flex-direction:column;gap:14px;display:flex}.ji-tile--solo{grid-column:1/-1;min-height:0}.ji-tile--aside{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:28px;display:grid}.ji-tile--solo .ji-tile__line{max-width:40em}.ji-tile__mark{align-items:center;min-height:40px;display:flex}.ji-tile__mark .j-logo{height:auto;box-shadow:none;letter-spacing:-.01em;background:0 0;gap:12px;padding:0;font-size:19px}.ji-tile__mark .ji-mark--word .j-logo{padding-right:0}.ji-tile__mark .j-logo__mark{width:34px;height:34px}.ji-tile__mark .ji-mark--word .j-logo__mark{width:auto;height:26px}.ji-tile:hover .j-logo{color:var(--j-logo-brand,var(--j-ink))}.ji-tile:hover .j-logo__mark{background-color:var(--j-logo-brand,currentColor)}.ji-tile__icon{letter-spacing:-.01em;color:var(--j-ink);align-items:center;gap:12px;font-size:19px;font-weight:600;display:inline-flex}.ji-tile__icon svg{color:var(--j-accent);flex:none}.ji-tile__line{color:var(--j-muted);margin:0;font-size:14.5px;line-height:1.45}.ji-tile__aside{min-width:0}.ji-snippet{background:var(--j-ink);color:var(--j-paper);border-radius:18px;width:100%;padding:14px 16px 16px}.ji-snippet__head{color:#faf8f78c;justify-content:space-between;gap:12px;margin:0 0 10px;font-size:12.5px;font-weight:600;display:flex}.ji-code{white-space:pre;color:#faf8f7e6;margin:0;padding:0;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.6;overflow:hidden}.ji-code .t{color:#faf8f78c}.ji-code .a{color:#f9a3b0}.ji-code .v{color:#fff}.ji-snippet__note{color:#faf8f78c;margin:12px 0 0;font-size:12.5px}.ji-snippet--compact{color:var(--j-ink);background:0 0;border-radius:0;padding:0}.ji-snippet--compact .ji-snippet__head{color:var(--j-faint);margin-bottom:8px}.ji-snippet--compact .ji-code{color:var(--j-ink);font-size:11.5px}.ji-snippet--compact .ji-code .t{color:var(--j-faint)}.ji-snippet--compact .ji-code .a{color:var(--j-accent-ink)}.ji-snippet--compact .ji-code .v{color:var(--j-ink)}.ji-flow{grid-template-columns:minmax(0,5fr) 64px minmax(0,5fr) 64px minmax(0,5fr);align-items:center;gap:0;margin-top:8px;display:grid}.ji-flow__node{min-width:0}.ji-flow__label{color:#faf8f78c;margin:0 0 10px;font-size:13px;font-weight:600}.ji-flow__card{color:var(--j-ink);background:#fff;border-radius:20px;flex-direction:column;gap:14px;min-height:176px;padding:18px 18px 16px;display:flex;position:relative}.ji-flow__btn{background:var(--j-accent);color:#fff;will-change:transform;border-radius:999px;align-self:flex-start;align-items:center;height:38px;margin-top:auto;padding:0 16px;font-size:13.5px;font-weight:600;display:inline-flex}.ji-flow__cardhead{color:var(--j-faint);margin:0;font-size:12.5px;font-weight:600}.ji-flow__empty{color:var(--j-faint);margin:auto 0;font-size:13.5px}.ji-flow__row{grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;margin:auto 0;display:grid}.ji-flow__avatar{background:var(--j-accent-soft);width:36px;height:36px;color:var(--j-accent-ink);border-radius:50%;place-items:center;font-size:12.5px;font-weight:700;display:grid}.ji-flow__who{flex-direction:column;min-width:0;display:flex}.ji-flow__who b{white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:600;overflow:hidden}.ji-flow__who small{color:var(--j-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.ji-flow__badge{background:var(--j-accent);color:#fff;white-space:nowrap;border-radius:999px;padding:4px 9px;font-size:11.5px;font-weight:600}.ji-flow__dests{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ji-flow__dests li{background:#faf8f70f;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;min-height:46px;padding:0 14px 0 12px;transition:background-color .32s,box-shadow .32s;display:flex;box-shadow:inset 0 0 0 1px #faf8f71f}.ji-flow__dests li.is-lit{box-shadow:none;background:#fff}.ji-flow__dest-logo{min-width:0;display:inline-flex}.ji-flow__dests .j-logo{height:auto;box-shadow:none;color:#faf8f7cc;background:0 0;gap:10px;padding:0;font-size:14.5px;transition:color .32s}.ji-flow__dests .ji-mark .j-logo__mark{width:20px;height:20px}.ji-flow__dests .ji-mark--word .j-logo__mark{width:auto;height:15px}.ji-flow__dests li.is-lit .j-logo{color:var(--j-logo-brand,var(--j-ink))}.ji-flow__dests li.is-lit .j-logo__mark{background-color:var(--j-logo-brand,currentColor)}.ji-flow__event{background:var(--j-accent-soft);color:var(--j-accent-ink);white-space:nowrap;border-radius:999px;padding:4px 9px;font-size:11.5px;font-weight:600}.ji-flow__link{align-self:center;width:100%;height:12px;position:relative}.ji-flow__link:before{content:"";border-top:2px dashed #faf8f747;height:0;position:absolute;top:50%;left:0;right:0}.ji-flow__link.is-vertical{width:12px;height:56px;margin:0 auto}.ji-flow__link.is-vertical:before{border-top:0;border-left:2px dashed #faf8f747;width:0;height:auto;inset:0 auto 0 50%}.ji-flow__packet{background:var(--j-accent);will-change:transform, opacity;border-radius:50%;width:12px;height:12px;position:absolute;top:0;left:0;box-shadow:0 0 0 4px #f43d5538}.ji-flow__note{color:#faf8f799;max-width:40em;margin:24px 0 0;font-size:14px}.ji-missing{text-align:center;max-width:640px;margin:0 auto}.ji-missing .j-sub{margin-left:auto;margin-right:auto}.ji-missing__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 24px;margin-top:28px;display:flex}@media (max-width:1023px){.ji-cat{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.ji-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}.ji-flow{grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr) 40px minmax(0,1fr)}.ji-flow__card{padding:16px 16px 14px}}@media (max-width:899px){.ji-hero{grid-template-columns:1fr}.ji-cat{grid-template-columns:1fr;gap:24px;scroll-margin-top:130px}.ji-cat__head{position:static}.ji-tile--aside{grid-template-columns:1fr;gap:18px}}@media (max-width:767px){.ji-tabs{top:68px}.ji-tab{height:38px;padding:0 14px;font-size:14px}.ji-flow{grid-template-columns:1fr;max-width:420px;margin-left:auto;margin-right:auto}.ji-flow__link{width:12px;height:56px;margin:0 auto}.ji-flow__link:before{border-top:0;border-left:2px dashed #faf8f747;width:0;height:auto;inset:0 auto 0 50%}.ji-flow__card{min-height:0}}@media (max-width:480px){.ji-grid--2,.ji-grid--3{grid-template-columns:1fr}.ji-tile{min-height:0}.ji-hero__visual{padding:20px}.ji-code{font-size:11.5px}}
