.saas-page{--saas-knowledge:#4d8dff;--saas-customer:#3ddc97;--saas-context:#5eead4;--saas-lookup:#f5b544;--saas-handoff:#c4b5fd}.saas-page .saas-tone-knowledge{--saas-tone:var(--saas-knowledge)}.saas-page .saas-tone-customer{--saas-tone:var(--saas-customer)}.saas-page .saas-tone-context{--saas-tone:var(--saas-context)}.saas-page .saas-tone-lookup{--saas-tone:var(--saas-lookup)}.saas-page .saas-tone-handoff{--saas-tone:var(--saas-handoff)}.saas-page .saas-dot{display:inline-block;width:8px;height:8px;flex-shrink:0;border-radius:9999px;background:var(--saas-tone,#fff);opacity:.3;transition:opacity .4s ease,box-shadow .4s ease}.saas-page .saas-handoff,.saas-page .saas-layer{border-color:rgba(255,255,255,.07);background:rgba(255,255,255,.015);opacity:.45;transform:translateY(4px);transition:opacity .45s ease,transform .45s cubic-bezier(.22,1,.36,1),border-color .45s ease,background .45s ease}.saas-page .saas-handoff.is-on,.saas-page .saas-layer.is-on{opacity:1;transform:none;border-color:color-mix(in srgb,var(--saas-tone,#fff) 40%,transparent);background:color-mix(in srgb,var(--saas-tone,#fff) 7%,transparent)}.saas-page .saas-handoff{--saas-tone:var(--saas-handoff)}.saas-page .is-on .saas-dot,.saas-page .saas-chip.is-on .saas-dot,.saas-page .saas-handoff.is-on .saas-dot{opacity:1;box-shadow:0 0 12px color-mix(in srgb,var(--saas-tone,#fff) 65%,transparent)}.saas-page .saas-chip{display:inline-flex;align-items:center;gap:8px;border-radius:9999px;border:1px solid rgba(255,255,255,.08);padding:6px 12px;font-size:13px;color:rgba(255,255,255,.35);transition:color .3s ease,border-color .3s ease,background .3s ease}.saas-page .saas-chip.is-on{color:#fff;border-color:color-mix(in srgb,var(--saas-tone) 45%,transparent);background:color-mix(in srgb,var(--saas-tone) 8%,transparent)}.saas-page .saas-thread .sl-wthread{-webkit-mask-image:none;mask-image:none}@media (prefers-reduced-motion:reduce){.saas-page .saas-chip,.saas-page .saas-dot,.saas-page .saas-handoff,.saas-page .saas-layer{transition:none}}