.site-head{z-index:20;position:relative}.snav{align-items:center;font-size:15px;display:flex}.snav__bar{align-items:center;gap:var(--sf-space-1);display:flex}.snav__trigger{white-space:nowrap;min-height:36px;padding:0 var(--sf-space-3);border-radius:var(--sf-radius-md);color:var(--sf-color-text-muted);font:inherit;cursor:pointer;transition:color var(--dur-fast) ease, background var(--dur-fast) ease;background:0 0;border:0;align-items:center;gap:4px;text-decoration:none;display:inline-flex}.snav__trigger:hover,.snav__trigger[aria-expanded=true]{color:var(--sf-color-text);background:var(--bg-hover)}.snav__chevron{transition:transform var(--dur-fast) ease}.snav__trigger[aria-expanded=true] .snav__chevron,.snav__group[open] .snav__chevron,.snav__group-toggle[aria-expanded=true] .snav__chevron{transform:rotate(180deg)}.snav__split{border-radius:var(--sf-radius-md);transition:background var(--dur-fast) ease;align-items:center;display:inline-flex}.snav__split:hover{background:var(--bg-hover)}.snav__split:has([aria-expanded=true]){background:var(--bg-hover)}.snav__split .snav__trigger:hover,.snav__split .snav__trigger[aria-expanded=true]{background:0 0}.snav__trigger--label{padding-right:2px}.snav__trigger--chevron{padding:0 6px}.snav__split:hover .snav__trigger--label{color:var(--sf-color-text)}.snav__panel{top:calc(100% - var(--sf-space-2));left:var(--sf-space-4);right:var(--sf-space-4);padding-top:var(--sf-space-2);position:absolute}.snav__panel[hidden]{display:none}.snav__inner{padding:var(--sf-space-6);border:1px solid var(--sf-color-border);border-radius:var(--radius-xl);background:var(--sf-color-surface);box-shadow:var(--shadow-xl);animation:snav-in var(--dur-normal) var(--ease-out)}@keyframes snav-in{0%{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.snav__inner{animation:none}}.snav__layout{gap:var(--sf-space-6);grid-template-columns:minmax(0,2fr) minmax(0,1fr);display:grid}.snav__layout--ai{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.snav__items{gap:var(--sf-space-1);align-content:start;display:grid}.snav__items--two{grid-template-columns:repeat(2,minmax(0,1fr))}.snav__item{gap:var(--sf-space-3);padding:var(--sf-space-3);border-radius:var(--sf-radius-md);color:var(--sf-color-text);transition:background var(--dur-fast) ease;text-decoration:none;display:flex}.snav__item:hover,.snav__item:focus-visible{background:var(--bg-hover)}.snav__icon{border:1px solid var(--sf-color-border);border-radius:var(--sf-radius-md);background:var(--sf-color-bg);width:36px;height:36px;color:var(--brand-500);flex:none;place-items:center;display:grid}.snav__mono{color:var(--text-primary);letter-spacing:-.02em;font-size:13px;font-weight:700}.snav__text{gap:2px;min-width:0;display:grid}.snav__name{align-items:center;gap:var(--sf-space-2);font-weight:600;display:flex}.snav__short{color:var(--sf-color-text-muted);font-size:13px;line-height:1.4}.snav__soon{border-radius:var(--radius-full);background:var(--brand-muted);color:var(--brand-500);padding:1px 6px;font-size:11px;font-weight:600}.snav__heading{margin:0 0 var(--sf-space-2);padding:0 var(--sf-space-3);color:var(--sf-color-text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:600}.snav__card{gap:var(--sf-space-2);padding:var(--sf-space-6);border:1px solid var(--sf-color-border);border-radius:var(--radius-lg);background:radial-gradient(120% 90% at 100% 0%, var(--brand-muted), transparent 60%), var(--sf-color-bg);color:var(--sf-color-text);transition:border-color var(--dur-fast) ease;flex-direction:column;text-decoration:none;display:flex}.snav__card:hover,.snav__card:focus-visible{border-color:var(--brand-500)}.snav__eyebrow{color:var(--brand-500);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.snav__card-title{font-size:18px;line-height:1.3}.snav__card-body{color:var(--sf-color-text-muted);font-size:14px;line-height:1.5}.snav__flow,.snav__clients{margin-top:var(--sf-space-1);color:var(--sf-color-text-muted);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.snav__flow>span,.snav__clients>span{border:1px solid var(--sf-color-border);border-radius:var(--radius-full);background:var(--sf-color-surface);color:var(--sf-color-text);padding:4px 10px;font-size:13px;font-weight:600}.snav__more{color:var(--brand-500);align-items:center;gap:4px;margin-top:auto;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.snav__cta{margin-top:var(--sf-space-3);border-radius:var(--sf-radius-md);background:var(--brand-500);color:var(--brand-on);align-self:flex-start;align-items:center;gap:4px;padding:8px 14px;font-size:14px;font-weight:600;display:inline-flex}.snav__chat{margin-top:var(--sf-space-3);flex-direction:column;gap:6px;font-size:13px;line-height:1.45;display:flex}.snav__bubble{border:1px solid var(--sf-color-border);background:var(--sf-color-surface);max-width:88%;color:var(--sf-color-text-muted);border-radius:12px 12px 12px 4px;align-self:flex-start;padding:8px 12px}.snav__bubble--me{background:var(--brand-muted);color:var(--sf-color-text);border-color:#0000;border-radius:12px 12px 4px;align-self:flex-end}.snav__icon{--brand-on:var(--on-image)}.snav__card--mcp .snav__card-title{font-size:20px}.snav__prompts{gap:var(--sf-space-2);margin-bottom:var(--sf-space-2);display:grid}.snav__prompt{align-items:center;gap:var(--sf-space-2);border:1px solid var(--sf-color-border);background:var(--sf-color-bg);color:var(--sf-color-text);transition:border-color var(--dur-fast) ease, transform var(--dur-fast) ease;border-radius:14px 14px 14px 4px;padding:10px 14px;font-size:14px;text-decoration:none;display:flex}.snav__prompt .icon{color:var(--brand-500);flex:none}.snav__prompt:hover,.snav__prompt:focus-visible{border-color:var(--brand-500);transform:translate(2px)}.snav__stack{gap:var(--sf-space-4);display:grid}.snav__cols{gap:var(--sf-space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.snav__col{gap:var(--sf-space-1);flex-direction:column;display:flex}.snav__foot{justify-content:space-between;align-items:center;gap:var(--sf-space-3);padding:var(--sf-space-4) var(--sf-space-3) 0;border-top:1px solid var(--sf-color-border);color:var(--sf-color-text-muted);flex-wrap:wrap;margin:0;font-size:14px;display:flex}.snav__foot .snav__more{margin-top:0}.snav__code{gap:var(--sf-space-2);padding:var(--sf-space-4);border:1px solid var(--sf-color-border);border-radius:var(--radius-lg);background:var(--sf-color-bg);flex-direction:column;display:flex}.snav__code .snav__heading{padding:0}.snav__code pre{color:var(--sf-color-text);font-family:var(--font-mono);white-space:pre;margin:0;font-size:12px;line-height:1.6;overflow-x:auto}.snav__burger,.snav__sheet{display:none}@media (max-width:1023px){.snav{order:3}.snav__bar,.snav__panel{display:none}.snav__burger{border:1px solid var(--sf-color-border);border-radius:var(--sf-radius-md);width:40px;height:40px;color:var(--sf-color-text);cursor:pointer;background:0 0;place-items:center;display:grid}.snav__sheet:not([hidden]){top:100%;left:var(--sf-space-4);right:var(--sf-space-4);gap:var(--sf-space-1);max-height:calc(100dvh - 88px);padding:var(--sf-space-3);border:1px solid var(--sf-color-border);border-radius:var(--radius-xl);background:var(--sf-color-surface);box-shadow:var(--shadow-xl);display:grid;position:absolute;overflow-y:auto}.snav__group summary,.snav__sheet-link{min-height:44px;padding:0 var(--sf-space-3);border-radius:var(--sf-radius-md);color:var(--sf-color-text);cursor:pointer;justify-content:space-between;align-items:center;font-weight:600;text-decoration:none;list-style:none;display:flex}.snav__group summary::-webkit-details-marker{display:none}.snav__group-row{align-items:center;display:flex}.snav__group-link{min-height:44px;padding:0 var(--sf-space-3);border-radius:var(--sf-radius-md);color:var(--sf-color-text);flex:1;align-items:center;font-weight:600;text-decoration:none;display:flex}.snav__group-toggle{border-radius:var(--sf-radius-md);width:44px;height:44px;color:var(--sf-color-text);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.snav__group-items[hidden]{display:none}.snav__group-items{padding-bottom:var(--sf-space-2);display:grid}}.site-switches{gap:var(--sf-space-2);display:inline-flex}.site-switch{min-width:40px;height:40px;padding:0 var(--sf-space-3);border:1px solid var(--sf-color-border);border-radius:var(--sf-radius-md);background:var(--sf-color-surface);color:var(--sf-color-text-muted);font:inherit;cursor:pointer;transition:color var(--dur-fast) ease, border-color var(--dur-fast) ease;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.site-switch--theme{padding:0}.site-switch:hover,.site-switch[aria-expanded=true]{color:var(--sf-color-text);border-color:var(--border-strong)}.site-switch__code{letter-spacing:.02em}.dmenu__item[role=menuitemradio][aria-checked=true]{font-weight:600}.dmenu__item .dmenu__check{color:var(--brand-300)}@media (max-width:1279px){.site-head{gap:var(--sf-space-4)}.site-head__actions{gap:var(--sf-space-2)}.snav__trigger,.site-switch--lang{padding:0 var(--sf-space-2)}.site-switch--lang .icon{display:none}}.site-prefs{display:none}@media (max-width:560px){.site-head__switches{display:none}.site-prefs{gap:var(--sf-space-2);margin-top:var(--sf-space-2);padding:var(--sf-space-3) var(--sf-space-3) var(--sf-space-1);border-top:1px solid var(--sf-color-border);display:grid}.site-prefs__row{justify-content:space-between;align-items:center;gap:var(--sf-space-3);display:flex}.site-prefs__label{color:var(--sf-color-text-muted);font-size:14px}.site-prefs__seg{border:1px solid var(--sf-color-border);border-radius:var(--sf-radius-md);gap:2px;padding:2px;display:inline-flex}.site-prefs__opt{min-width:40px;min-height:36px;padding:0 var(--sf-space-2);border-radius:calc(var(--sf-radius-md) - 2px);color:var(--sf-color-text-muted);font:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:4px;font-size:13px;font-weight:600;display:inline-flex}.site-prefs__opt[aria-pressed=true]{background:var(--bg-active);color:var(--sf-color-text)}.site-prefs__opt:disabled{opacity:.6}}
