@layer base,template,storefront;@layer template{:root{--sl-bg: #ffffff;--sl-bg-soft: #f5f7fa;--sl-bg-code: #1e2030;--sl-navy: #0f1729;--sl-teal: #0891b2;--sl-teal-text: #0e7490;--sl-teal-bg: #e0f2fe;--sl-teal-wash: #e6f6fa;--sl-teal-dark: #155e75;--sl-teal-border: #a5f3fc;--sl-orange: #ea580c;--sl-orange-text: #c2410c;--sl-red: #b42318;--sl-red-bg: #fef3f2;--sl-red-border: #f4c7c1;--sl-text: #111827;--sl-text-mid: #374151;--sl-text-muted: #6b7280;--sl-border: #e5e7eb;--sl-border-mid: #d1d5db;--sl-code-text: #cdd6f4;--sl-overlay: rgba(0, 0, 0, .4);--sl-font: "Outfit", sans-serif;--sl-font-mono: "Fira Code", monospace;--sl-radius-xs: 4px;--sl-radius-sm: 6px;--sl-radius-md: 8px;--sl-radius-control: 10px;--sl-radius-card: 12px;--sl-radius-lg: 16px;--sl-radius-xl: 22px;--sl-radius-pill: 999px;--sl-radius-round: 50%}html:has(>body.saas-layout){scroll-behavior:smooth}body.saas-layout{font-family:var(--sl-font);background:var(--sl-bg);color:var(--sl-text);line-height:1.6;overflow-x:hidden}body.saas-layout h1,body.saas-layout h2,body.saas-layout h3,body.saas-layout h4,body.saas-layout h5,body.saas-layout h6{font-family:var(--sl-font);color:var(--sl-navy)}body.saas-layout p:where(:not(.sl-notice)){color:var(--sl-text-mid)}body.saas-layout .rich-text{color:var(--sl-text-mid);margin-top:.75em;margin-bottom:.75em}body.saas-layout .rich-text h1,body.saas-layout .rich-text h2,body.saas-layout .rich-text h3,body.saas-layout .rich-text h4,body.saas-layout .rich-text h5,body.saas-layout .rich-text h6{color:var(--sl-navy);font-family:var(--sl-font)}body.saas-layout .rich-text h1{margin-bottom:1.5rem}body.saas-layout .rich-text .accent,body.saas-layout .rich-text a{color:var(--sl-teal)}body.saas-layout .rich-text blockquote{border-left-color:var(--sl-border-mid);color:var(--sl-text-muted)}body.saas-layout .rich-text code{background:var(--sl-bg-soft);color:var(--sl-navy)}body.saas-layout .rich-text ul,body.saas-layout .rich-text ol{margin:.75rem 0 1rem;padding-left:1rem}.sl-container{max-width:1100px;margin:0 auto;padding:0 2rem}body.saas-layout main>.cms-block:not(.cms-block~.cms-block)>:is(.account-block,.sl-container:has(>.account-look)){margin-top:3rem}.sl-ui{color:var(--sl-text-mid);font-family:var(--sl-font);line-height:1.6}.sl-ui :where(h1,h2,h3,h4,h5,h6){color:var(--sl-navy);font-family:var(--sl-font)}.sl-ui :where(a:not([role=button])){color:var(--sl-teal-text);text-decoration:none}.sl-ui :where(a:not([role=button]):hover){color:var(--sl-navy);text-decoration:underline}.sl-ui :where(small){font-size:.875em}.sl-ui :where(code){padding:.15rem .45rem;border:1px solid var(--sl-border);border-radius:5px;background:var(--sl-bg);color:var(--sl-navy);font-family:var(--sl-font-mono);font-size:.82rem}.sl-ui :where(a:focus-visible,button:focus-visible,[role=button]:focus-visible,summary:focus-visible,[type=checkbox]:focus-visible,[type=radio]:focus-visible){outline:2px solid var(--sl-teal);outline-offset:2px}.sl-ui :where(button,[type=button],[type=submit],[type=reset],[role=button]){display:inline-flex;align-items:center;justify-content:center;gap:.5rem;margin:0;padding:.85rem 1.75rem;border:1.5px solid var(--sl-navy);border-radius:10px;background:var(--sl-navy);color:var(--sl-bg);font-family:var(--sl-font);font-size:.95rem;font-weight:700;line-height:1.6;text-align:center;text-decoration:none;cursor:pointer;transition:opacity .2s,border-color .2s,color .2s}.sl-ui :where(button,[type=button],[type=submit],[type=reset],[role=button]):where(:hover:not(:disabled)){opacity:.88}.sl-ui :where(button,[type=button],[type=submit],[type=reset],[role=button]):where(.secondary,.outline){border-color:var(--sl-border-mid);background:transparent;color:var(--sl-text-mid);font-weight:600}.sl-ui :where(button,[type=button],[type=submit],[type=reset],[role=button]):where(.secondary,.outline):where(:hover:not(:disabled)){border-color:var(--sl-navy);color:var(--sl-navy);opacity:1}.sl-ui :where(button,[type=button],[type=submit],[type=reset],[role=button]):where(:disabled){opacity:.6;cursor:default}.sl-ui :where([type=file]){width:100%;margin-bottom:1rem;color:var(--sl-text-mid);font-size:.9rem}.sl-ui :where([type=file])::file-selector-button{margin-right:.75rem;padding:.5rem 1rem;border:1.5px solid var(--sl-border-mid);border-radius:10px;background:transparent;color:var(--sl-text-mid);font:600 .85rem var(--sl-font);cursor:pointer}.sl-ui :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=button]):not([type=submit]):not([type=reset])),.sl-ui :where(select),.sl-ui :where(textarea){box-sizing:border-box;width:100%;margin:0 0 1rem;padding:.6rem .75rem;border:1px solid var(--sl-border);border-radius:8px;background-color:var(--sl-bg);color:var(--sl-text);font:inherit;font-size:.9rem;line-height:1.6;transition:border-color .15s,box-shadow .15s}.sl-ui :where(textarea){display:block;resize:vertical}.sl-ui :where(input,textarea)::placeholder{color:var(--sl-text-muted)}.sl-ui :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=button]):not([type=submit]):not([type=reset]):focus),.sl-ui :where(select:focus),.sl-ui :where(textarea:focus){border-color:var(--sl-teal);outline:none;box-shadow:0 0 0 3px var(--sl-teal-bg)}.sl-ui :where(input:disabled,select:disabled,textarea:disabled){background-color:var(--sl-bg-soft);color:var(--sl-text-muted);cursor:not-allowed}.sl-ui :where(input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]){border-color:var(--sl-red)}.sl-ui :where(input[aria-invalid=true]:focus,select[aria-invalid=true]:focus,textarea[aria-invalid=true]:focus){box-shadow:0 0 0 3px var(--sl-red-bg)}.sl-ui :where(input,select,textarea,fieldset)+:where(small){display:block;margin-top:-.75rem;margin-bottom:1rem;color:var(--sl-text-muted);font-size:.8rem}.sl-ui :where(input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true])+:where(small){color:var(--sl-red)}.sl-ui :where(label){display:block;margin-bottom:.375rem;color:var(--sl-text);font-size:.85rem;font-weight:600}.sl-ui :where(label>input,label>select,label>textarea){margin-top:.25rem}.sl-ui :where(label small){font-weight:400}.sl-ui :where(fieldset){min-width:0;margin:0 0 1rem;padding:0;border:0}.sl-ui :where(legend){margin-bottom:.5rem;padding:0;color:var(--sl-text);font-size:.85rem;font-weight:600}.sl-ui :where([type=checkbox],[type=radio]){width:1.25em;height:1.25em;margin:-.125em .5em 0 0;vertical-align:middle;accent-color:var(--sl-teal);cursor:pointer}.sl-ui :where(label:has(>[type=checkbox]),label:has(>[type=radio])){width:fit-content;font-weight:500;cursor:pointer}.sl-ui :where([type=checkbox][role=switch]){-webkit-appearance:none;appearance:none;position:relative;width:2.25rem;height:1.25rem;border:0;border-radius:999px;background:var(--sl-border-mid);transition:background .15s ease}.sl-ui :where([type=checkbox][role=switch]):before{content:"";position:absolute;top:.1875rem;left:.1875rem;width:.875rem;height:.875rem;border-radius:50%;background:var(--sl-bg);box-shadow:var(--shadow-sm);transition:transform .15s ease}.sl-ui :where([type=checkbox][role=switch]:checked){background:var(--sl-teal)}.sl-ui :where([type=checkbox][role=switch]:checked):before{transform:translate(1rem)}.sl-ui :where(article){margin:0 0 1rem;padding:1.5rem;border:1px solid var(--sl-border);border-radius:12px;background:var(--sl-bg-soft)}.sl-ui :where(article>header,article>footer){margin-inline:-1.5rem;background:var(--sl-bg)}.sl-ui :where(article>header){margin-top:-1.5rem;margin-bottom:1.5rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--sl-border);border-radius:11px 11px 0 0}.sl-ui :where(article>footer){display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;margin-bottom:-1.5rem;padding:1rem 1.5rem;border-top:1px solid var(--sl-border);border-radius:0 0 11px 11px}.sl-ui :where(dialog[open]){position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:1rem;border:0;background:var(--sl-overlay);color:var(--sl-text-mid)}.sl-ui :where(dialog)::backdrop{background:transparent}.sl-ui :where(dialog>article){width:100%;max-width:32rem;max-height:calc(100vh - 2rem);margin:0;overflow:auto;border:0;background:var(--sl-bg);box-shadow:var(--shadow-lg)}.sl-ui :where(dialog>article>header){display:flex;align-items:center;justify-content:space-between;gap:1rem}.sl-ui :where(dialog>article>header>*){margin:0}.sl-ui :where(dialog>article>header [rel=prev]){flex:none;width:auto;padding:0;border:0;background:none;color:var(--sl-text-muted);font-size:1.5rem;font-weight:400;line-height:1}.sl-ui :where(dialog>article>header [rel=prev]):before{content:"×"}.sl-ui :where(dialog>article>header [rel=prev]:hover){color:var(--sl-navy);opacity:1}.sl-ui :where(details){margin-bottom:1rem}.sl-ui :where(summary){color:var(--sl-text);font-weight:600;cursor:pointer}.sl-ui :where(details[open]>summary){margin-bottom:.5rem}.sl-ui :where(nav){display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}.sl-ui :where(nav ul,nav ol){display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;padding:0;list-style:none}.sl-ui :where(nav li){margin:0}.sl-ui :where(nav[aria-label=breadcrumb]){justify-content:flex-start}.sl-ui :where(nav[aria-label=breadcrumb] li:not(:last-child)):after{content:"/";margin-inline-start:.5rem;color:var(--sl-text-muted)}.sl-ui :where(nav[aria-label=breadcrumb] [aria-current]:not([aria-current=false])){color:var(--sl-text-mid);text-decoration:none;pointer-events:none}.sl-ui :where([aria-busy=true]:not(input):not(select):not(textarea)){cursor:progress}.sl-ui :where([aria-busy=true]:not(input):not(select):not(textarea)):before{content:"";display:inline-block;flex:none;width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-.125em;animation:sl-ui-spin .6s linear infinite}.sl-ui :where(button[aria-busy=true],[role=button][aria-busy=true]){pointer-events:none}@keyframes sl-ui-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.sl-ui :where([aria-busy=true]):before{animation-duration:2s}.sl-ui :where([type=checkbox][role=switch]),.sl-ui :where([type=checkbox][role=switch]):before{transition:none}}.sl-section{margin:0 0 4rem;padding:0;border:0;border-radius:0;background:none}.sl-section h2{margin:0}.sl-section-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.sl-panel{padding:1.5rem;border:1px solid var(--sl-border);border-radius:var(--sl-radius-card);background:var(--sl-bg-soft)}.sl-notice{margin:0 0 1rem;padding:.75rem 1rem;border:1px solid var(--sl-teal-border);border-radius:var(--sl-radius-sm);background:var(--sl-teal-bg);color:var(--sl-teal-dark);font-size:.9rem}.sl-notice.is-error{border-color:var(--sl-red-border);background:var(--sl-red-bg);color:var(--sl-red)}.sl-ghost-bar{border-radius:var(--sl-radius-sm);background:var(--sl-border);animation:sl-ghost-pulse 2s ease-in-out infinite}@keyframes sl-ghost-pulse{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.sl-ghost-bar{animation:none}}.sl-btn-dark{display:inline-flex;align-items:center;gap:.5rem;background:var(--sl-navy);color:#fff;font-family:var(--sl-font);font-weight:700;font-size:.95rem;padding:.85rem 1.75rem;border-radius:10px;text-decoration:none;transition:opacity .2s,transform .15s}.sl-btn-dark:hover{opacity:.88;transform:translateY(-1px)}.sl-btn-outline{display:inline-flex;align-items:center;gap:.5rem;border:1.5px solid var(--sl-border-mid);color:var(--sl-text-mid);font-family:var(--sl-font);font-weight:600;font-size:.95rem;padding:.85rem 1.75rem;border-radius:10px;text-decoration:none;transition:border-color .2s,color .2s}.sl-btn-outline:hover{border-color:var(--sl-navy);color:var(--sl-navy)}.sl-code-block{background:var(--sl-bg-code);border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0000001f}.sl-code-head{background:#151726;padding:.65rem 1rem;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between}.sl-dots{display:flex;gap:5px}.sl-dot{width:10px;height:10px;border-radius:50%}.sl-dot-r{background:#ff5f57}.sl-dot-a{background:#febc2e}.sl-dot-g{background:#28c840}.sl-fname{font-family:var(--sl-font-mono);font-size:.7rem;color:#ffffff59}.sl-code-block pre{padding:1.4rem;font-family:var(--sl-font-mono);font-size:.8rem;line-height:1.85;color:var(--sl-code-text);overflow-x:auto}}