.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}.saas-page .saas-dot.is-lit{opacity:1;box-shadow:0 0 12px color-mix(in srgb,var(--saas-tone,#fff) 55%,transparent)}.saas-page .saas-surfaces{width:100%;border-collapse:separate;border-spacing:0;text-align:left;border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden}.saas-page .saas-surfaces thead th{padding:18px 20px;font-size:13px;font-weight:400;color:rgba(255,255,255,.55);border-bottom:1px solid rgba(255,255,255,.07);white-space:nowrap}.saas-page .saas-surfaces thead th .saas-dot{margin-right:8px;vertical-align:1px}.saas-page .saas-surfaces tbody td,.saas-page .saas-surfaces tbody th{padding:22px 20px;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle;font-size:15px}.saas-page .saas-surfaces tbody tr:last-child td,.saas-page .saas-surfaces tbody tr:last-child th{border-bottom:0}.saas-page .saas-surfaces tbody tr.is-primary{background:rgba(249,115,22,.06)}.saas-page .saas-surfaces tbody tr.is-primary th{box-shadow:inset 2px 0 0 #F97316}.saas-page .saas-check{display:inline-flex;align-items:center;height:20px}.saas-page .saas-check .saas-dot{width:10px;height:10px}.saas-page .saas-setup>div{padding-top:18px;border-top:1px solid rgba(255,255,255,.1)}@media (max-width:767px){.saas-page .saas-surfaces,.saas-page .saas-surfaces tbody,.saas-page .saas-surfaces td,.saas-page .saas-surfaces th,.saas-page .saas-surfaces tr{display:block}.saas-page .saas-surfaces thead{display:none}.saas-page .saas-surfaces tbody tr{padding:18px 18px 8px;border-bottom:1px solid rgba(255,255,255,.06)}.saas-page .saas-surfaces tbody tr:last-child{border-bottom:0}.saas-page .saas-surfaces tbody th{padding:0 0 10px;border:0}.saas-page .saas-surfaces tbody tr.is-primary th{box-shadow:none}.saas-page .saas-surfaces tbody td{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.04);text-align:right}.saas-page .saas-surfaces tbody td:before{content:attr(data-label);font-size:13px;color:rgba(255,255,255,.5);text-align:left}.saas-page .saas-surfaces tbody tr td:last-child{border-bottom:0}}@media (prefers-reduced-motion:reduce){.saas-page .saas-chip,.saas-page .saas-dot,.saas-page .saas-handoff,.saas-page .saas-layer{transition:none}}@media (min-width:768px) and (max-width:1023px){.saas-page .saas-surfaces thead th{white-space:normal;padding:16px 12px;vertical-align:bottom}.saas-page .saas-surfaces tbody td,.saas-page .saas-surfaces tbody th{padding:18px 12px}}