@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-bg: #e0f2fe;--sl-orange: #ea580c;--sl-text: #111827;--sl-text-mid: #374151;--sl-text-muted: #6b7280;--sl-border: #e5e7eb;--sl-border-mid: #d1d5db;--sl-code-text: #cdd6f4;--sl-font: "Outfit", sans-serif;--sl-font-mono: "Fira Code", monospace}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{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}.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}}