/* The six service labs share a material palette, each with its own visual grammar. */
.service-lab{--sl-ink:#1b1e19;--sl-muted:#69705e;--sl-paper:#f8f9f2;--sl-line:#e0e4d8;--sl-lime:#d3fa71;--sl-lavender:#e5dcfa;--sl-purple:#8560da;position:relative;isolation:isolate;box-sizing:border-box;width:100%;max-width:550px;padding:26px;border:1px solid #dfe3d7;border-radius:28px;background:#fff;box-shadow:0 22px 65px -36px #525c3a55,0 3px 0 #f1f3e9;color:var(--sl-ink);overflow:hidden;text-align:left}
.service-lab *{box-sizing:border-box}
.service-lab button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;color:var(--sl-ink)}
.service-lab button:hover{transform:translateY(-2px)}
.service-lab button:focus-visible{outline:3px solid var(--sl-purple);outline-offset:4px}
.service-lab button:disabled{cursor:wait;transform:none}
.service-lab .icon{width:20px;height:20px;flex-shrink:0}
.sl-topline{display:flex;justify-content:flex-end;align-items:center;gap:12px;font-size:9px;font-weight:600;letter-spacing:1px}
.sl-topline>span:first-child{display:inline-flex;gap:7px;align-items:center}
.sl-topline .status-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:#8cba46;box-shadow:0 0 0 3px #d3fa713d}
.sl-mode-label{color:#69705e;font-size:9px;letter-spacing:0;font-weight:400}
.sl-heading{margin:20px 0 22px}
.service-lab .sl-heading h2{font-family:var(--font,"Space Grotesk",sans-serif);font-size:25px;line-height:1.13;letter-spacing:-1.1px;font-weight:600;margin:0;max-width:350px}
.service-lab .sl-heading p{font-size:11px;line-height:1.6;color:var(--sl-muted);margin:9px 0 0;max-width:400px}
.sl-disclaimer{display:flex;align-items:center;justify-content:center;gap:6px;margin:19px 0 0;font-size:9px;line-height:1.6;color:#69705e;text-align:center}
.sl-disclaimer>span{color:var(--sl-purple);font-size:13px}
.sl-result-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;background:var(--sl-lime);border-radius:6px;font-size:9px;font-weight:600;letter-spacing:.1px;line-height:1.4}
.sl-updated{animation:sl-result-in .35s cubic-bezier(.2,.8,.3,1) both}
@keyframes sl-result-in{from{transform:translateY(5px);opacity:.45}to{transform:translateY(0);opacity:1}}
/* AUDIT: a tactile, qualitative opportunity map. */
.sl-audit{background:linear-gradient(150deg,#fff 55%,#f6f9ed)}
.sl-radar-wrap{position:relative;padding:0 0 21px 23px;margin-top:3px}
.sl-axis-y{position:absolute;left:0;bottom:28px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:9px;letter-spacing:.2px;color:var(--sl-muted)}
.sl-axis-x{position:absolute;bottom:0;right:0;font-size:9px;letter-spacing:.2px;color:var(--sl-muted)}
.sl-radar{position:relative;height:235px;border:1px solid #dce3d0;border-radius:14px;background:radial-gradient(circle,#bac3ac77 .8px,transparent .9px) 0 0/15px 15px,#f8faf3;overflow:hidden}
.sl-radar:before{content:"";position:absolute;top:0;right:0;width:50%;height:50%;background:linear-gradient(150deg,#d3fa7144,#d3fa71a6);border-bottom-left-radius:18px}
.sl-radar-zone{position:absolute;top:12px;right:12px;font-size:8px;font-weight:600;letter-spacing:1px;color:#566b35}
.sl-radar-line{position:absolute;display:block;pointer-events:none}
.sl-radar-v{height:100%;top:0;left:50%;border-left:1px dashed #bac5aa}
.sl-radar-h{width:100%;top:50%;left:0;border-top:1px dashed #bac5aa}
.sl-opportunity{position:absolute;display:flex;flex-direction:column;align-items:center;gap:6px;border:0;background:none;padding:8px;min-width:70px;max-width:96px}
.sl-opportunity>span{width:43px;height:43px;display:grid;place-items:center;border:1px solid #cdd5c1;border-radius:50%;background:white;box-shadow:0 3px 7px #4050260c;transition:all .25s}
.sl-opportunity>b{font-size:10px;font-weight:500;padding:2px 5px;border-radius:4px;background:#f8faf3e6}
.sl-opportunity[aria-pressed=true]>span{background:var(--sl-ink);color:var(--sl-lime);border-color:var(--sl-ink);box-shadow:0 0 0 6px #d3fa7166,0 4px 10px #3c521826;transform:scale(1.08)}
.sl-opportunity[aria-pressed=true]>b{background:var(--sl-lime)}
.sl-opportunity-docs{top:29px;right:14%}
.sl-opportunity-replies{top:87px;left:24%}
.sl-opportunity-forecast{bottom:9px;left:4%}
.sl-audit-result{padding:17px 0 0;min-height:140px}
.sl-audit-result h3{font-family:var(--font,"Space Grotesk",sans-serif);font-size:19px;letter-spacing:-.5px;line-height:1.25;margin:10px 0 7px;max-width:360px}
.sl-audit-result p{font-size:11px;line-height:1.7;color:var(--sl-muted);margin:0}
/* AGENTS: wire the sources and build a contextual answer. */
.sl-agents{background:linear-gradient(160deg,#fff 50%,#f3effc)}
.sl-context-question{display:flex;align-items:center;gap:10px;margin-bottom:22px;padding:13px 16px;border-radius:14px 14px 14px 3px;background:var(--sl-paper);border:1px solid var(--sl-line)}
.sl-question-avatar{display:grid;place-items:center;flex-shrink:0;width:29px;height:29px;border-radius:50%;background:#e8eacb;font-family:var(--font);font-weight:600;font-size:13px}
.sl-context-question p{margin:0;font-size:12px;line-height:1.5;font-weight:500}
.sl-sources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sl-sources button{position:relative;min-height:76px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;padding:13px 5px 10px;border:1px dashed #c9cfbf;background:#fff;border-radius:12px;font-size:10px}
.sl-sources button>i{position:absolute;right:6px;top:5px;width:14px;height:14px;border-radius:50%;display:grid;place-items:center;background:#f0f2e9;font-size:10px;font-style:normal;font-weight:600}
.sl-sources button[aria-pressed=true]{border:1px solid #c3b2e5;background:#f4effc;box-shadow:0 3px 0 #e5dcfa7a}
.sl-sources button[aria-pressed=true]>.icon{color:#7355a9}
.sl-sources button[aria-pressed=true]>i{background:var(--sl-purple);color:#fff}
.sl-context-bridge{height:68px;position:relative;display:flex;justify-content:center;margin:0 16.66%}
.sl-context-bridge>span{position:absolute;top:0;height:31px;border-bottom:1px solid #c4b2e3;width:50%}
.sl-context-bridge>span:first-child{left:0;border-left:1px solid #c4b2e3;border-radius:0 0 0 13px}
.sl-context-bridge>span:nth-child(2){left:50%;height:40px;width:1px;border-left:1px solid #c4b2e3}
.sl-context-bridge>span:nth-child(3){right:0;border-right:1px solid #c4b2e3;border-radius:0 0 13px 0}
.sl-context-bridge>div{position:absolute;z-index:1;bottom:0;width:45px;height:45px;display:grid;place-items:center;border:5px solid #fff;border-radius:50%;background:var(--sl-lime);box-shadow:0 0 0 1px #e5e9da}
.sl-context-bridge img{display:block}
.sl-agents[data-source-count="0"] .sl-context-bridge>span{border-color:#d9ddd2;border-style:dashed}
.sl-context-answer{margin-top:12px;padding:19px 20px 0;border:1px solid #e0d8ee;background:#fff;border-radius:15px;box-shadow:0 10px 24px #614d8b08}
.sl-context-title{display:flex;align-items:center;gap:8px}
.sl-context-title strong{font-size:12px;font-weight:500}
.sl-mini-spark{color:var(--sl-purple);font-size:24px;line-height:1}
.sl-context-facts{padding:15px 0 11px!important;margin:0!important;list-style:none;display:grid;gap:11px}
.sl-context-facts li{display:grid;grid-template-columns:96px 1fr;align-items:center;gap:10px;transition:opacity .2s}
.sl-context-facts li>span{font-size:10px;color:var(--sl-muted)}
.sl-context-facts li>b{font-size:11px;font-weight:500;line-height:1.5}
.sl-context-facts .is-missing b{font-size:10px;font-style:italic;color:#69705e;font-weight:400}
.sl-context-status{margin:0 -20px;padding:12px 20px;border-top:1px dashed #e2dbef;font-size:10px;line-height:1.5;color:#73579d;background:#f9f6fd;border-radius:0 0 15px 15px;min-height:54px;display:flex;align-items:center}
/* WORKFLOW: follow an exception-aware route, from document to outcome. */
.sl-workflow{background:#fff}
.sl-segmented{display:flex;gap:4px;padding:4px;border:1px solid #e1e5da;background:#f4f6ee;border-radius:11px;margin-bottom:20px}
.sl-segmented button{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;padding:10px 6px;border:1px solid transparent;background:transparent;border-radius:7px;font-size:10px;line-height:1.4}
.sl-segmented button .icon{width:15px;height:15px}
.sl-segmented button[aria-pressed=true]{background:#fff;border-color:#dfe4d4;box-shadow:0 2px 4px #5160330d}
.sl-workflow-map{padding:5px 15px 0;background:radial-gradient(circle,#cad1bd88 .7px,transparent .9px) 0 0/15px 15px}
.sl-flow-node{margin:0 auto;display:flex;align-items:center;gap:11px;width:192px;padding:14px 13px;border:1px solid #cdd7bd;border-radius:11px;background:#fff;box-shadow:0 3px 0 #eef1e5;transition:box-shadow .25s,border-color .25s}
.sl-flow-node>.icon{width:28px;height:28px;color:#758655}
.sl-flow-node>div{display:grid;gap:4px}
.sl-flow-node small{font-size:7px;letter-spacing:1px;color:var(--sl-muted)}
.sl-flow-node b{font-family:var(--font);font-size:14px;letter-spacing:.5px}
.sl-document-indicator{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:11px;background:var(--sl-lime);margin-left:auto}
.sl-workflow[data-document=missing] .sl-document-indicator{background:var(--sl-lavender);color:#7557a7}
.sl-flow-stem{height:28px;margin:auto;width:1px;background:#c3ccaf;position:relative}
.sl-flow-stem i{display:block;position:absolute;top:-2px;left:-3px;width:7px;height:7px;border-radius:50%;background:var(--sl-purple);opacity:0}
.sl-flow-gate{position:relative;margin:auto;display:flex;align-items:center;justify-content:center;gap:7px;width:205px;padding:11px 8px;border:1px solid #dacfea;border-radius:8px;background:#f0eafa;transition:box-shadow .3s}
.sl-flow-gate .icon{width:15px;height:15px;color:#7e5cae}
.sl-flow-gate span{font-size:10px;font-weight:500}
.sl-flow-fork{height:34px;display:flex;width:54%;margin:auto;position:relative;padding-top:15px}
.sl-flow-fork:before{content:"";height:15px;width:1px;background:#c3ccaf;position:absolute;top:0;left:50%}
.sl-flow-fork>span{width:50%;border-top:1px solid #c3ccaf}
.sl-flow-fork>span:first-child{border-left:1px solid #c3ccaf;border-top-left-radius:10px}
.sl-flow-fork>span:last-child{border-right:1px solid #c3ccaf;border-top-right-radius:10px}
.sl-flow-branches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.sl-flow-branch{position:relative;padding:23px 5px 12px;background:#fff;border:1px solid #dce2d0;border-radius:12px;display:flex;align-items:center;flex-direction:column;min-height:124px;transition:all .25s}
.sl-branch-key{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);padding:4px 8px;border-radius:5px;background:#eef3e2;font-size:7px;letter-spacing:.5px;white-space:nowrap}
.sl-flow-branch[data-branch=missing] .sl-branch-key{background:#f0eafa;color:#7854ac}
.sl-branch-icon{display:grid;place-items:center;border-radius:50%;background:#f4f6ef;width:31px;height:31px;margin-bottom:8px;color:#83936a}
.sl-flow-branch strong{font-size:11px;font-weight:500;line-height:1.5}
.sl-flow-branch small{font-size:8px;color:var(--sl-muted);text-align:center;line-height:1.5;margin-top:3px}
.sl-flow-branch.is-active{border-color:#a1bd6d;background:#f5fde5;box-shadow:0 0 0 3px #d3fa713b;transform:translateY(-3px)}
.sl-flow-branch.is-active .sl-branch-icon{background:var(--sl-lime);color:#3f5b14}
.sl-flow-branch[data-branch=missing].is-active{border-color:#b6a1db;background:#f4effd;box-shadow:0 0 0 3px #e5dcfa66}
.sl-flow-branch[data-branch=missing].is-active .sl-branch-icon{background:var(--sl-lavender);color:#7854ac}
.sl-workflow-map[data-flow-state=reading] .sl-flow-input{box-shadow:0 0 0 4px #d3fa7180;border-color:#b1c98a}
.sl-workflow-map[data-flow-state=reading] .sl-flow-stem i{animation:sl-flow-travel .65s linear both}
.sl-workflow-map[data-flow-state=checking] .sl-flow-gate{box-shadow:0 0 0 5px #e5dcfa88}
@keyframes sl-flow-travel{from{transform:translateY(0);opacity:1}to{transform:translateY(30px);opacity:1}}
.sl-workflow-action{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding-top:15px;border-top:1px solid var(--sl-line)}
.sl-workflow-action p{font-size:10px;line-height:1.6;margin:0;color:var(--sl-muted);max-width:250px}
.sl-run{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;min-height:41px;padding:10px 14px;border:1px solid #bddf65;border-radius:9px;background:var(--sl-lime);font-size:11px!important;font-weight:500!important;box-shadow:0 3px 0 #badb6b}
.sl-run:hover{background:#c6f450;box-shadow:0 5px 0 #badb6b}
.sl-run:active{transform:translateY(2px);box-shadow:0 1px 0 #badb6b}
.sl-run .icon{width:16px;height:16px}
/* SUPPORT: an inbox that exposes the draft and the human handover. */
.sl-support{background:linear-gradient(170deg,#fff 55%,#f3f6e9)}
.sl-inbox-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.sl-inbox-heading>span{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:500}
.sl-inbox-heading .icon{width:17px;height:17px;color:var(--sl-muted)}
.sl-inbox-heading b{font-size:9px;font-weight:400;color:var(--sl-muted)}
.sl-inbox{display:flex;flex-direction:column;gap:7px}
.sl-inbox button{display:flex;align-items:center;gap:10px;width:100%;padding:12px 10px;background:#fff;border:1px solid #e3e7db;border-radius:11px;text-align:left}
.sl-inbox button[aria-pressed=true]{background:#f5fae9;border-color:#c0d695;box-shadow:inset 3px 0 0 #99bc59}
.sl-contact-avatar{display:grid;place-items:center;flex-shrink:0;background:#e9eddc;width:34px;height:34px;border-radius:50%;font-size:9px;font-weight:600}
.sl-inbox button:nth-child(2) .sl-contact-avatar{background:var(--sl-lavender);color:#7857a4}
.sl-inbox button:nth-child(3) .sl-contact-avatar{background:#f0e6ce;color:#877043}
.sl-inbox button>span:nth-child(2){display:grid;gap:5px;min-width:0}
.sl-inbox strong{font-size:11px;line-height:1.4;font-weight:500}
.sl-inbox small{font-size:9px;color:var(--sl-muted);line-height:1.4}
.sl-ticket-tag{margin-left:auto;padding:5px 7px;background:#f4f5ef;font-size:8px;border-radius:5px;color:#69705e}
.sl-inbox button[aria-pressed=true] .sl-ticket-tag{background:#e5f2c9;color:#5a752f}
.sl-ticket-result{margin-top:18px;padding:17px 19px;background:#fff;border:1px solid #dce4ce;border-radius:13px 13px 3px 13px;box-shadow:0 5px 20px #5c6e3109;min-height:176px;position:relative}
.sl-ticket-result:before{content:"";position:absolute;width:10px;height:10px;top:-6px;left:32px;background:#fff;border:solid #dce4ce;border-width:1px 0 0 1px;transform:rotate(45deg)}
.sl-ticket-result>div{display:flex;align-items:center;justify-content:space-between}
.sl-ticket-result>div>.icon{color:#9eac87;width:17px;height:17px}
.sl-ticket-result p{font-family:var(--font);font-size:16px;letter-spacing:-.3px;line-height:1.5;margin:12px 0 15px}
.sl-ticket-foot{display:flex;align-items:center;gap:7px;font-size:9px;line-height:1.5;color:var(--sl-muted)}
.sl-ticket-foot .icon{width:13px;height:13px}
.sl-support[data-ticket=complaint] .sl-ticket-result{border-color:#d8caec;background:#fbf9ff}
.sl-support[data-ticket=complaint] .sl-result-badge{background:var(--sl-lavender);color:#7854aa}
.sl-support[data-ticket=complaint] .sl-inbox button[aria-pressed=true]{border-color:#bfa8df;background:#f4eefc;box-shadow:inset 3px 0 0 #9878c5}
/* ADOPTION: a team workshop, with a note that grows from observation to practice. */
.sl-adoption{background:#fff}
.sl-adoption-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;position:relative;padding-bottom:20px}
.sl-adoption-path:before{content:"";position:absolute;height:1px;left:16.6%;right:16.6%;top:18px;background:#dde4d0}
.sl-adoption-path button{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;border:0;background:none;padding:0 3px}
.sl-adoption-path button>span{width:36px;height:36px;display:grid;place-items:center;border:1px solid #dbe2d0;border-radius:50%;background:#f9faf5;color:#69705e;font-family:var(--font);font-size:11px;margin-bottom:3px;transition:all .25s}
.sl-adoption-path button>b{font-size:11px;font-weight:500;line-height:1.4}
.sl-adoption-path button>small{font-size:8px;color:var(--sl-muted);line-height:1.4}
.sl-adoption-path button[aria-pressed=true]>span{background:var(--sl-ink);color:var(--sl-lime);border-color:var(--sl-ink);box-shadow:0 0 0 5px #d3fa7166}
.sl-adoption-path button[aria-pressed=true]>b{color:#7956b5}
.sl-adoption-board{padding:19px 20px 16px;border:1px solid #e0e5d7;border-radius:16px;background:radial-gradient(circle,#bdc8aa66 .8px,transparent .9px) 0 0/14px 14px,#f5f7ee;overflow:hidden}
.sl-team-row{display:flex;align-items:center;gap:10px;position:relative;z-index:1}
.sl-team-avatars{display:flex;flex-shrink:0;padding-right:3px}
.sl-team-avatars span{display:grid;place-items:center;width:31px;height:31px;border:3px solid #f5f7ee;background:#d9eaa4;border-radius:50%;font-size:7px;font-weight:600;margin-right:-7px}
.sl-team-avatars span:nth-child(2){background:#dfd0f1;color:#775691}
.sl-team-avatars span:nth-child(3){background:#e9d6bb;color:#886946}
.sl-team-row>span{font-size:9px;line-height:1.4;color:var(--sl-muted);margin-left:7px}
.sl-board-note{position:relative;background:#e9f8c3;border:1px solid #dbeaac;margin:22px 7px 22px;padding:28px 23px 24px;box-shadow:3px 7px 0 #e2e9ce,0 8px 14px #3d4f1910;transform:rotate(-2deg);min-height:198px;transition:background .3s,transform .3s,border-color .3s}
.sl-board-note:after{content:"";position:absolute;bottom:-1px;right:-1px;border-style:solid;border-width:0 0 20px 20px;border-color:transparent transparent #f5f7ee #d5e5ab;box-shadow:-2px -2px 3px #a7bd6c18}
.sl-note-pin{display:block;position:absolute;top:-8px;left:43%;width:52px;height:19px;transform:rotate(5deg);background:#d6c6eda6;border-left:1px dashed #c9b5e6;border-right:1px dashed #c9b5e6}
.sl-board-note>small{font-size:8px;letter-spacing:1.2px;color:#5f7040;font-weight:600}
.sl-board-note h3{font-family:var(--font);font-size:24px;line-height:1.15;letter-spacing:-.7px;max-width:270px;margin:10px 0 11px}
.sl-board-note p{font-size:10px;line-height:1.7;max-width:290px;margin:0;color:#5f7040}
.sl-adoption-delivery{display:flex;align-items:center;gap:8px;padding-top:1px;color:#5f7040;font-size:10px;line-height:1.6;min-height:35px}
.sl-adoption-delivery .icon{width:18px;height:18px;padding:2px;background:#e3efcc;border-radius:50%}
.sl-adoption[data-phase=try] .sl-board-note{background:#eae2f9;border-color:#dbcfef;transform:rotate(1deg);box-shadow:3px 7px 0 #ddd3ed,0 8px 14px #57427210}
.sl-adoption[data-phase=try] .sl-board-note>small,.sl-adoption[data-phase=try] .sl-board-note p{color:#6b587e}
.sl-adoption[data-phase=grow] .sl-board-note{background:#f2edcd;border-color:#e3ddb8;transform:rotate(-1deg);box-shadow:3px 7px 0 #e8e1bb,0 8px 14px #71632c10}
.sl-adoption[data-phase=grow] .sl-board-note>small,.sl-adoption[data-phase=grow] .sl-board-note p{color:#6f6545}
/* OVERSIGHT: permission switches and a visible human approval gate. */
.sl-oversight{background:linear-gradient(145deg,#fff 50%,#f4f0fb)}
.sl-permissions{display:grid;gap:12px;margin-bottom:19px}
.sl-permission-row{display:flex;align-items:center;gap:10px}
.sl-permission-icon{width:36px;height:36px;display:grid;place-items:center;background:#f3f5ed;border:1px solid #e3e7d9;border-radius:10px;flex-shrink:0;color:#788866}
.sl-permission-row>span:nth-child(2){display:grid;gap:4px;min-width:0}
.sl-permission-row strong{font-size:11px;font-weight:500;line-height:1.4}
.sl-permission-row small{font-size:9px;color:var(--sl-muted);line-height:1.4}
.sl-switch{width:40px;height:24px;border:1px solid #cfd6c3;background:#e5e9dc;border-radius:20px;flex-shrink:0;margin-left:auto;padding:3px;display:flex;align-items:center}
.sl-switch>i{width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #36432933;transition:transform .25s}
.sl-switch[aria-pressed=true]{background:var(--sl-purple);border-color:var(--sl-purple)}
.sl-switch[aria-pressed=true]>i{transform:translateX(16px)}
.sl-control-console{padding:17px 18px;background:#f8f7fb;border:1px solid #ded6eb;border-radius:14px;box-shadow:inset 0 0 0 3px #fff}
.sl-console-top{display:flex;align-items:center;gap:7px;padding-bottom:13px;border-bottom:1px solid #e7e0ef}
.sl-console-dot{width:6px;height:6px;border-radius:50%;background:var(--sl-purple)}
.sl-console-top strong{font-size:10px;font-weight:500}
.sl-console-top>.icon{margin-left:auto;width:15px;height:15px;color:#9386a8}
.sl-console-scenario{margin:14px 0 3px;display:flex;gap:5px;background:#eeebf4;border-radius:8px;padding:3px}
.sl-console-scenario button{flex:1;border:1px solid transparent;border-radius:5px;background:transparent;font-size:10px;padding:7px;line-height:1.4}
.sl-console-scenario button[aria-pressed=true]{background:#fff;border-color:#dfd7eb;box-shadow:0 2px 3px #4a36590a}
.sl-permission-result{display:flex;align-items:center;flex-direction:column;text-align:center;min-height:166px;padding:15px 5px 13px}
.sl-shield-icon{display:grid;place-items:center;border:1px solid #d6c7eb;width:43px;height:45px;background:#eae1f7;border-radius:10px 10px 18px 18px;color:#8560b6;margin-bottom:10px;transition:all .25s}
.sl-shield-icon .icon{width:21px;height:21px}
.sl-permission-result h3{font-family:var(--font);font-size:20px;letter-spacing:-.6px;line-height:1.2;margin:0 0 7px}
.sl-permission-result p{font-size:10px;line-height:1.6;margin:0;max-width:290px;color:#6b587e}
.sl-permission-result[data-state=allowed] .sl-shield-icon{background:var(--sl-lime);border-color:#b4d773;color:#526b28}
.sl-permission-result[data-state=blocked] .sl-shield-icon{background:var(--sl-ink);border-color:var(--sl-ink);color:#ded2ef}
.sl-permission-result[data-state=review] .sl-shield-icon{background:var(--sl-lavender);box-shadow:0 0 0 5px #e5dcfa66}
.sl-control-console>.sl-run{width:100%}
@media(max-width:1150px) and (min-width:901px){.service-lab{padding:21px}.sl-ticket-tag{display:none}.sl-context-facts li{grid-template-columns:84px 1fr}.sl-heading h2{font-size:23px}.sl-flow-branches{gap:10px}.sl-workflow-map{padding-right:5px;padding-left:5px}}
@media(max-width:550px){.service-lab{padding:21px;border-radius:23px}.service-lab .sl-heading h2{font-size:24px}.sl-heading{margin:19px 0}.sl-radar{height:225px}.sl-opportunity-docs{right:9%}.sl-opportunity-replies{left:20%}.sl-workflow-map{padding-left:4px;padding-right:4px}.sl-flow-branches{gap:12px}.sl-ticket-tag{display:none}.sl-board-note{padding:27px 18px 22px;margin-left:1px;margin-right:1px}.sl-board-note h3{font-size:23px}}
@media(max-width:370px){.service-lab{padding:17px}.sl-topline{font-size:8px;letter-spacing:.5px;gap:5px}.sl-mode-label{font-size:8px}.service-lab .sl-heading h2{font-size:22px}.sl-heading p{font-size:10px}.sl-radar{height:215px}.sl-opportunity-docs{right:3%}.sl-opportunity-replies{left:16%}.sl-opportunity-forecast{left:0}.sl-opportunity>span{width:38px;height:38px}.sl-opportunity>b{font-size:9px}.sl-sources{gap:6px}.sl-context-question{padding:11px}.sl-context-question p{font-size:11px}.sl-context-answer{padding:16px 13px 0}.sl-context-title strong{font-size:11px}.sl-context-facts li{grid-template-columns:76px 1fr;gap:5px}.sl-context-facts li>span{font-size:9px}.sl-context-facts li>b{font-size:10px}.sl-context-status{margin:0 -13px;padding:10px 13px}.sl-segmented button{font-size:9px;gap:4px}.sl-segmented button .icon{width:13px;height:13px}.sl-flow-branches{gap:9px}.sl-flow-branch strong{font-size:10px}.sl-flow-branch small{font-size:7px}.sl-workflow-action{gap:8px}.sl-workflow-action p{font-size:9px}.sl-run{padding:9px 12px}.sl-inbox strong{font-size:10px}.sl-inbox small{font-size:8px}.sl-contact-avatar{width:29px;height:29px}.sl-inbox button{gap:8px;padding:11px 8px}.sl-ticket-result{padding:15px}.sl-ticket-result p{font-size:15px}.sl-adoption-board{padding:15px 12px}.sl-team-row>span{font-size:8px}.sl-board-note h3{font-size:22px}.sl-permission-row strong{font-size:10px}.sl-permission-row small{font-size:8px}.sl-control-console{padding:15px 13px}}
@media(prefers-reduced-motion:reduce){.service-lab *,.service-lab *:before,.service-lab *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.service-lab button:hover{transform:none}}
body.motion-paused .service-lab *,body.motion-paused .service-lab *:before,body.motion-paused .service-lab *:after{animation-play-state:paused!important;transition:none!important}

.service-tagline{display:block;margin-bottom:7px;font-weight:600;color:var(--ink)}
.example-steps{display:grid;gap:10px}
.example-steps details{border:1px solid #e1dbe9;border-radius:13px;background:#fff}
.example-steps details[open]{border-color:#cbb9e8}
.example-steps summary{
  display:grid;grid-template-columns:38px minmax(0,1fr) 20px;gap:12px;align-items:center;
  padding:12px 14px;border-radius:12px;cursor:pointer;list-style:none;font-weight:600;font-size:13px;
}
.example-steps summary::-webkit-details-marker{display:none}
.example-steps summary:hover{background:#f7f3fd}
.example-steps summary:focus-visible{outline:2px solid #8560da;outline-offset:2px}
.example-step-icon{
  display:grid;place-items:center;width:38px;height:38px;border-radius:10px;
  background:var(--lavender);color:#5d407f;
}
.example-steps details[open] .example-step-icon{background:var(--lime);color:#445a1b}
.example-toggle .icon{width:19px;height:19px;color:#7853a0}
.example-steps details[open] .example-toggle .icon{transform:rotate(45deg)}
.example-steps p{margin:0;padding:0 14px 16px;color:#565a50;font-size:13px;line-height:1.7}