@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=DM+Sans:wght@400;500;600;700&family=DM+Mono:wght@400;500&display=swap";:root{--swelis-cream: #E6E1CE;--swelis-parchment: #FBF9EF;--swelis-amber: #F3C242;--swelis-coral: #FF6464;--swelis-coral-deep: #DC4E4E;--swelis-mint: #2CAF74;--swelis-mint-soft: #53BBAB;--swelis-violet: #8A69E8;--swelis-orange: #EF922E;--swelis-olive: #918846;--swelis-rustic-gold: #CAB15F;--ink-900: #151313;--ink-850: #131315;--ink-800: #161619;--ink-700: #232428;--ink-600: #4C4E58;--ink-500: #747669;--ink-450: #8D9AB6;--ink-400: #8089B;--ink-300: #949D99;--ink-275: #767E91;--ink-250: #B7C2BB;--ink-200: #BAC3D1;--ink-150: #D3DAE5;--ink-125: #D4D8E0;--ink-100: #E6E9EE;--ink-50: #F6F9FF;--connect-canvas: #F6F9FF;--connect-sidebar-sheet: rgba(230, 233, 238, .92);--connect-card: #FFFFFF;--connect-card-tint: rgba(246, 249, 255, .8);--connect-text: #283145;--connect-text-strong: #404857;--connect-text-muted: #767E91;--connect-text-faint: #8995AF;--connect-border: #767E91;--connect-button-ghost: rgba(41, 43, 47, .05);--connect-shadow-card: 0 10px 40px rgba(40, 49, 69, .06);--connect-shadow-cta: 0 4px 20px rgba(243, 194, 66, .4);--host-canvas: #131315;--host-strip: #161619;--host-card: #18181B;--host-border: #232428;--host-border-hover: #4C4E58;--host-text: #FBF9EF;--host-text-strong: #E6E1CE;--host-text-mid: #B7C2BB;--host-text-muted: #949D99;--host-text-dim: #747669;--host-primary-fill: #E6E1CE;--host-primary-text: #131315;--host-shadow-card: 0 1px 2px rgba(0, 0, 0, .05);--host-shadow-cta: 0 10px 40px rgba(230, 225, 206, .2);--status-online-bg: rgba(83, 187, 171, .1);--status-online-dot: #53BBAB;--status-failed-bg: rgba(255, 100, 100, .12);--status-failed-dot: #FF6464;--status-warn-bg: rgba(239, 146, 46, .12);--status-warn-dot: #EF922E;--r-xs: 5px;--r-sm: 6px;--r-md: 8px;--r-lg: 10px;--r-xl: 20px;--r-2xl: 27px;--r-pill: 200px;--s-1: 4px;--s-2: 5px;--s-3: 10px;--s-4: 15px;--s-5: 20px;--s-6: 25px;--s-8: 30px;--s-12: 50px;--ease-product: cubic-bezier(.2, .8, .2, 1);--dur-fast: .15s;--dur-med: .22s;--ff-connect: "Inter", system-ui, sans-serif;--ff-host: "DM Sans", system-ui, sans-serif;--ff-mono: "DM Mono", ui-monospace, Menlo, monospace}.c-display{font:400 64px/1 var(--ff-connect);color:var(--connect-text);letter-spacing:-.01em}.c-h1{font:600 32px/1.05 var(--ff-connect);color:var(--connect-text)}.c-h2{font:500 24px/1.1 var(--ff-connect);color:var(--connect-text)}.c-card{font:500 18px/1.2 var(--ff-connect);color:var(--connect-text-strong)}.c-body{font:400 16px/1.25 var(--ff-connect);color:var(--connect-text-strong)}.c-muted{font:400 16px/1.3 var(--ff-connect);color:var(--connect-text-muted)}.c-label{font:500 14px/1 var(--ff-connect);color:var(--connect-text-strong)}.c-label-mute{font:700 14px/1 var(--ff-connect);color:var(--connect-text-faint);letter-spacing:0}.c-micro{font:400 12px/1 var(--ff-connect);color:var(--connect-text-muted)}.h-display{font:700 64px/1 var(--ff-host);color:var(--host-text-strong);letter-spacing:-.015em}.h-h1{font:700 32px/1.1 var(--ff-host);color:var(--host-text-strong)}.h-h2{font:500 20px/1.25 var(--ff-host);color:var(--host-text)}.h-card{font:700 14px/1 var(--ff-host);color:var(--host-text)}.h-body{font:400 16px/1.3 var(--ff-host);color:var(--host-text-muted)}.h-label{font:400 14px/1 var(--ff-host);color:var(--host-text)}.h-label-mute{font:500 13px/1 var(--ff-host);color:var(--host-text-muted)}.h-micro{font:500 12px/1 var(--ff-host);color:var(--host-text-muted)}.h-mono{font:400 12px/1.4 var(--ff-mono);color:var(--host-text-strong)}.pill{border-radius:var(--r-pill);padding:4px 10px;font:500 13px/1 var(--ff-host);display:inline-flex;align-items:center;gap:4px}.status-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.tag-work{background:#8a69e81f;color:#bfaefb}.tag-data{background:#53bbab1f;color:#7fd0c1}.tag-gaming{background:#8a69e81f;color:#bfaefb}.tag-personal{background:#ff64641f;color:#ffb0b0}.btn-primary-host{background:var(--host-primary-fill);color:var(--host-primary-text);border:0;border-radius:var(--r-md);padding:10px 17px;font:400 14px/1 var(--ff-host);cursor:pointer;box-shadow:var(--host-shadow-cta);transition:filter var(--dur-fast) var(--ease-product)}.btn-primary-host:hover{filter:brightness(.96)}.btn-primary-connect{background:#23262b;color:var(--ink-50);border:0;border-radius:var(--r-2xl);padding:10px 16px;font:500 14px/1 var(--ff-connect);cursor:pointer}.btn-ghost-connect{background:transparent;color:var(--connect-text);border:1px solid var(--connect-border);border-radius:var(--r-2xl);padding:10px 16px;font:400 14px/1 var(--ff-connect);box-shadow:var(--connect-shadow-cta);cursor:pointer}.card-connect{background:var(--connect-card);border-radius:var(--r-lg);box-shadow:var(--connect-shadow-card);padding:20px}.card-host{background:var(--host-card);border:1px solid var(--host-border);border-radius:var(--r-md);box-shadow:var(--host-shadow-card);padding:20px 24px}*{box-sizing:border-box}html,body,#app{margin:0;padding:0;font-family:var(--ff-connect);color:var(--connect-text);background:var(--connect-canvas);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}html{--surface-canvas: var(--connect-canvas);--surface-card: var(--connect-card);--surface-card-tint: var(--connect-card-tint);--surface-sidebar-tint:var(--connect-sidebar-sheet);--text-primary: var(--connect-text);--text-strong: var(--connect-text-strong);--text-muted: var(--connect-text-muted);--text-faint: var(--connect-text-faint);--border-soft: #EEF1F7;--border-mid: #D4D8E0;--border-strong: var(--connect-text-muted);--shadow-card: var(--connect-shadow-card);--shadow-cta: 0 4px 20px color-mix(in oklch, var(--tenant-accent) 40%, transparent);--row-hover: var(--connect-button-ghost);--kbd-bg: #fff;--chip-bg: #fff;--tenant-accent: #F3C242;--tenant-accent-deep: #D9A623;--tenant-accent-text: #2B2410;--pad-card: 20px;--pad-card-y: 18px;--gap-cards: 20px;--row-h: 44px}html[data-density=compact]{--pad-card: 14px;--pad-card-y: 12px;--gap-cards: 12px;--row-h: 36px}html[data-mode=dark]{--surface-canvas: var(--host-canvas);--surface-card: var(--host-card);--surface-card-tint: #1B1B1E;--surface-sidebar-tint:rgba(22,22,25,.78);--text-primary: var(--host-text);--text-strong: var(--host-text-strong);--text-muted: var(--host-text-muted);--text-faint: var(--host-text-dim);--border-soft: var(--host-border);--border-mid: var(--host-border);--border-strong: var(--host-border-hover);--shadow-card: var(--host-shadow-card);--row-hover: rgba(255,255,255,.04);--kbd-bg: #1B1B1E;--chip-bg: #18181B;background:var(--host-canvas);color:var(--host-text);font-family:var(--ff-host)}html[data-mode=dark] body{background:var(--host-canvas);color:var(--host-text)}html[data-mode=dark] body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:url(/assets/hero-grid.png) center/auto repeat;opacity:.5}html[data-mode=dark]{font-family:var(--ff-host);--r-lg: 8px;--r-xl: 12px;--r-2xl: 16px}html[data-mode=dark] body,html[data-mode=dark] #app,html[data-mode=dark] .page,html[data-mode=dark] .topbar,html[data-mode=dark] .card,html[data-mode=dark] .btn,html[data-mode=dark] .chip,html[data-mode=dark] .input,html[data-mode=dark] .reply-area,html[data-mode=dark] .sb-item,html[data-mode=dark] .sb-section-head,html[data-mode=dark] .sb-brand .name,html[data-mode=dark] .sb-account,html[data-mode=dark] .page-title,html[data-mode=dark] .page-sub,html[data-mode=dark] .card-head .ttl,html[data-mode=dark] .card-head .sub,html[data-mode=dark] .crumbs,html[data-mode=dark] .crumbs .here,html[data-mode=dark] .tenant-popover,html[data-mode=dark] .drawer,html[data-mode=dark] .drawer-name,html[data-mode=dark] .drawer-title,html[data-mode=dark] .role-toggle button,html[data-mode=dark] .tenant-pill,html[data-mode=dark] .ct-name,html[data-mode=dark] .ct-handle,html[data-mode=dark] .deal-ttl,html[data-mode=dark] .deal-val,html[data-mode=dark] .deal-sub,html[data-mode=dark] .kc-title,html[data-mode=dark] .kc-co,html[data-mode=dark] .kc-val,html[data-mode=dark] .kc-owner,html[data-mode=dark] .stage-label,html[data-mode=dark] .stage-val,html[data-mode=dark] .stage-count,html[data-mode=dark] .act-line,html[data-mode=dark] .act-line b,html[data-mode=dark] .act-detail,html[data-mode=dark] .act-time,html[data-mode=dark] .task-title,html[data-mode=dark] .tl-title,html[data-mode=dark] .tl-rel,html[data-mode=dark] .task-line .tl-title,html[data-mode=dark] .task-section-head,html[data-mode=dark] .task-side-item,html[data-mode=dark] .thread-row,html[data-mode=dark] .th-from,html[data-mode=dark] .th-subj,html[data-mode=dark] .th-prev,html[data-mode=dark] .th-time,html[data-mode=dark] .th-co,html[data-mode=dark] .inbox-list-head h2,html[data-mode=dark] .inbox-pane-head h3,html[data-mode=dark] .inbox-pane-head .meta,html[data-mode=dark] .msg-body,html[data-mode=dark] .msg-head,html[data-mode=dark] .msg-head b,html[data-mode=dark] .auto-name,html[data-mode=dark] .auto-runs,html[data-mode=dark] .auto-trig,html[data-mode=dark] .auto-act,html[data-mode=dark] .int-name,html[data-mode=dark] .int-desc,html[data-mode=dark] .field-label,html[data-mode=dark] .field-help,html[data-mode=dark] .set-section h2,html[data-mode=dark] .set-section .sub,html[data-mode=dark] .set-nav-item,html[data-mode=dark] .co-name,html[data-mode=dark] .co-meta,html[data-mode=dark] .co-stat b,html[data-mode=dark] .co-stat span,html[data-mode=dark] .note-card h4,html[data-mode=dark] .note-card p,html[data-mode=dark] .note-card footer,html[data-mode=dark] .bh-name,html[data-mode=dark] .bh-sub,html[data-mode=dark] .bh-cap,html[data-mode=dark] .bh-cta,html[data-mode=dark] .lead-name,html[data-mode=dark] .lead-meta,html[data-mode=dark] .m-k,html[data-mode=dark] .m-v,html[data-mode=dark] .m-d,html[data-mode=dark] .comm-v,html[data-mode=dark] .comm-k,html[data-mode=dark] .lb-name,html[data-mode=dark] .lb-amount,html[data-mode=dark] .role-badge,html[data-mode=dark] .tag{font-family:var(--ff-host)}html[data-mode=dark] .sidebar{background-image:none;background-color:var(--host-strip);border-right:1px solid var(--host-border)}html[data-mode=dark] .sidebar:before{background:var(--host-strip) url(/assets/hero-grid.png) center/auto repeat;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;opacity:1}html[data-mode=dark] .sb-section-head{color:var(--host-text-dim);font-weight:500;font-size:11px}html[data-mode=dark] .sb-item{color:var(--host-text-muted);border-radius:var(--r-md)}html[data-mode=dark] .sb-item:hover{color:var(--host-text);background:#ffffff0a}html[data-mode=dark] .sb-item.active{background:var(--host-card);color:var(--host-text);border:1px solid var(--host-border)}html[data-mode=dark] .sb-item.active:before{display:none}html[data-mode=dark] .sb-item .ico{color:var(--host-text-dim)}html[data-mode=dark] .sb-item.active .ico{color:var(--tenant-accent)}html[data-mode=dark] .sb-item .count{background:var(--host-canvas);border:1px solid var(--host-border);color:var(--host-text-mid)}html[data-mode=dark] .sb-brand .name{color:var(--host-text)}html[data-mode=dark] .sb-brand .swelis-by{color:var(--host-text-dim)}html[data-mode=dark] .sb-brand .mark{border-radius:6px;box-shadow:0 4px 14px color-mix(in oklch,var(--tenant-accent) 25%,transparent),0 0 0 1px #ffffff0a inset}html[data-mode=dark] .sb-account{background:var(--host-card);border:1px solid var(--host-border);border-radius:var(--r-md);color:var(--host-text)}html[data-mode=dark] .sb-account:hover{border-color:var(--host-border-hover);background:var(--host-card)}html[data-mode=dark] .sb-search{background:var(--host-card);border:1px solid var(--host-border);border-radius:var(--r-md);color:var(--host-text)}html[data-mode=dark] .sb-search input{color:var(--host-text)}html[data-mode=dark] .sb-search input::placeholder{color:var(--host-text-dim)}html[data-mode=dark] .sb-search kbd{background:var(--host-canvas);border:1px solid var(--host-border);color:var(--host-text-mid)}html[data-mode=dark] .sb-divider{background:var(--host-border)}html[data-mode=dark] .topbar{background:var(--host-strip);border-bottom:1px solid var(--host-border);-webkit-backdrop-filter:none;backdrop-filter:none}html[data-mode=dark] .crumbs{color:var(--host-text-muted);font-family:var(--ff-host)}html[data-mode=dark] .crumbs .here{color:var(--host-text)}html[data-mode=dark] .role-toggle{background:var(--host-card);border:1px solid var(--host-border);padding:2px}html[data-mode=dark] .role-toggle button{color:var(--host-text-muted);border-radius:var(--r-md);font-family:var(--ff-host)}html[data-mode=dark] .role-toggle button.active{background:var(--host-canvas);border:1px solid var(--host-border);color:var(--host-text)}html[data-mode=dark] .tenant-pill{background:var(--host-card);border:1px solid var(--host-border);border-radius:var(--r-md);color:var(--host-text);font-family:var(--ff-host)}html[data-mode=dark] .tenant-pill:hover{border-color:var(--host-border-hover)}html[data-mode=dark] .tenant-pill .swatch{border-radius:6px;width:24px;height:24px}html[data-mode=dark] .tenant-popover{background:var(--host-card);border:1px solid var(--host-border);box-shadow:0 24px 60px #0009;color:var(--host-text)}html[data-mode=dark] .tenant-popover .row .nm{color:var(--host-text);font-family:var(--ff-host)}html[data-mode=dark] .tenant-popover .row .sb{color:var(--host-text-muted)}html[data-mode=dark] .tenant-popover .row:hover{background:#ffffff0a}html[data-mode=dark] .card{background:var(--host-card);border:1px solid var(--host-border);border-radius:var(--r-lg);box-shadow:none;transition:border-color var(--dur-fast)}html[data-mode=dark] .card-head .ttl{color:var(--host-text);font-family:var(--ff-host)}html[data-mode=dark] .card-head .sub{color:var(--host-text-muted)}html[data-mode=dark] .btn{border-radius:var(--r-md);font-family:var(--ff-host);font-weight:400}html[data-mode=dark] .btn-primary{box-shadow:0 8px 24px color-mix(in oklch,var(--tenant-accent) 25%,transparent)}html[data-mode=dark] .btn-ghost{background:var(--host-card);color:var(--host-text);border:1px solid var(--host-border)}html[data-mode=dark] .btn-ghost:hover{border-color:var(--host-border-hover)}html[data-mode=dark] .btn-text{color:var(--host-text-muted)}html[data-mode=dark] .btn-text:hover{color:var(--host-text);background:#ffffff0a}html[data-mode=dark] .chip{background:var(--host-card);border:1px solid var(--host-border);color:var(--host-text-muted);border-radius:var(--r-md);font-family:var(--ff-host)}html[data-mode=dark] .chip:hover{border-color:var(--host-border-hover);color:var(--host-text)}html[data-mode=dark] .input,html[data-mode=dark] .reply-area{background:var(--host-card);border:1px solid var(--host-border);color:var(--host-text);border-radius:var(--r-md);font-family:var(--ff-host)}html[data-mode=dark] .input::placeholder{color:var(--host-text-dim)}html[data-mode=dark] .input:focus{border-color:var(--tenant-accent)}html[data-mode=dark] .search{background:var(--host-card);border:1px solid var(--host-border);border-radius:var(--r-md)}html[data-mode=dark] .search input{color:var(--host-text);font-family:var(--ff-host)}html[data-mode=dark] .kanban-col{background:#ffffff05;border:1px dashed var(--host-border);border-radius:var(--r-lg)}html[data-mode=dark] .kanban-col.over{border-style:solid;border-color:var(--tenant-accent);background:color-mix(in oklch,var(--tenant-accent) 6%,transparent)}html[data-mode=dark] .kanban-card{background:var(--host-card);border:1px solid var(--host-border);border-radius:var(--r-md);box-shadow:none}html[data-mode=dark] .kanban-card:hover{border-color:var(--host-border-hover);box-shadow:none}html[data-mode=dark] .kanban-col-head{border-bottom:1px solid var(--host-border)}html[data-mode=dark] .contacts-table,html[data-mode=dark] .auto-list,html[data-mode=dark] .task-card,html[data-mode=dark] .inbox-shell,html[data-mode=dark] .cal-shell{background:var(--host-card);border:1px solid var(--host-border);border-radius:var(--r-lg);box-shadow:none}html[data-mode=dark] .ct-row,html[data-mode=dark] .task-line,html[data-mode=dark] .auto-row,html[data-mode=dark] .thread-row{border-bottom:1px solid var(--host-border)}html[data-mode=dark] .ct-row.head,html[data-mode=dark] .task-line.head,html[data-mode=dark] .auto-row[style*=surface-card-tint]{background:#ffffff05}html[data-mode=dark] .ct-row:hover,html[data-mode=dark] .thread-row:hover{background:#ffffff08}html[data-mode=dark] .thread-row.active{background:color-mix(in oklch,var(--tenant-accent) 10%,var(--host-card))}html[data-mode=dark] .msg{background:#ffffff05;border:1px solid var(--host-border);border-radius:var(--r-md)}html[data-mode=dark] .set-section{background:var(--host-card);border:1px solid var(--host-border);border-radius:var(--r-lg)}html[data-mode=dark] .int-card{background:#ffffff05;border:1px solid var(--host-border);border-radius:var(--r-md)}html[data-mode=dark] .set-nav-item.active{background:var(--host-card);border:1px solid var(--host-border);color:var(--host-text)}html[data-mode=dark] .field-row{border-top-color:var(--host-border)}html[data-mode=dark] .swatch-pick.selected{border-color:var(--host-text-strong)}html[data-mode=dark] .brand-hero{border-radius:var(--r-lg)}html[data-mode=dark] .metric{background:var(--host-card);border:1px solid var(--host-border);box-shadow:none}html[data-mode=dark] .m-k{color:var(--host-text-muted)}html[data-mode=dark] .m-v{color:var(--host-text);font-family:var(--ff-host)}html[data-mode=dark] .m-d{font-family:var(--ff-host)}html[data-mode=dark] .comm-v{font-family:var(--ff-host);color:var(--host-text)}html[data-mode=dark] .tabular{font-family:var(--ff-mono)}html[data-mode=dark] .stage-track,html[data-mode=dark] .lb-bar{background:#ffffff0d}html[data-mode=dark] .act-row{border-bottom:1px solid var(--host-border)}html[data-mode=dark] .drawer{background:var(--host-canvas);border-left:1px solid var(--host-border)}html[data-mode=dark] .drawer-head,html[data-mode=dark] .drawer-quick,html[data-mode=dark] .drawer-tabs,html[data-mode=dark] .tl-row,html[data-mode=dark] .deal-row{border-bottom-color:var(--host-border)}html[data-mode=dark] .tag{background:#ffffff0f;color:var(--host-text-mid)}html[data-mode=dark] .tag-hot{background:#ff646429;color:#ffb0b0}html[data-mode=dark] .tag-customer{background:#53bbab24;color:#7fd0c1}html[data-mode=dark] .tag-priority{background:#f3c2422e;color:#f3c242}html[data-mode=dark] .pri-high{background:#ff64642e;color:#ffb0b0}html[data-mode=dark] .pri-med{background:#f3c24233;color:#f3c242}html[data-mode=dark] .pri-low{background:#b4bdc824;color:var(--host-text-muted)}html[data-mode=dark] .cal-week>div{border-color:var(--host-border)}html[data-mode=dark] .cal-week{border-color:var(--host-border)}html[data-mode=dark] .av{font-family:var(--ff-host)}html[data-mode=dark] .page-title{font-family:var(--ff-host);font-weight:700;letter-spacing:-.015em;color:var(--host-text)}html[data-mode=dark] .page-sub{color:var(--host-text-muted);font-family:var(--ff-host)}html[data-mode=dark] .toast{background:var(--host-card);border:1px solid var(--host-border);color:var(--host-text);box-shadow:0 16px 40px #00000080}html[data-mode=dark] .switch{background:var(--host-border)}html[data-mode=dark] .switch.on{background:var(--tenant-accent)}html[data-mode=dark] .code-box{background:#0c0c0e;border:1px solid var(--host-border)}html[data-mode=dark] .plan-card{background:linear-gradient(135deg,color-mix(in oklch,var(--tenant-accent) 14%,var(--host-card)) 0%,var(--host-card) 100%);border:1px solid color-mix(in oklch,var(--tenant-accent) 30%,var(--host-border))}html[data-mode=dark] .note-card{background:var(--host-card);border:1px solid var(--host-border);border-radius:var(--r-lg);box-shadow:none}html[data-mode=dark] .note-card:hover{border-color:var(--host-border-hover);transform:none}html[data-mode=dark] .note-tag{background:#ffffff0f;color:var(--host-text-mid)}html[data-mode=dark] .company-card{background:var(--host-card);border:1px solid var(--host-border);border-radius:var(--r-lg);box-shadow:none}html[data-mode=dark] .co-stat{background:#ffffff05}html[data-mode=dark] .comm-tile{background:#ffffff06;border-radius:var(--r-md)}html[data-mode=dark] .sb-item.active{position:relative;background:#ffffff08;border:1px solid var(--host-border)}html[data-mode=dark] .sb-item.active:after{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;background:var(--tenant-accent);border-radius:0 2px 2px 0}.shell{min-height:100vh;display:grid;grid-template-columns:244px 1fr;background:var(--surface-canvas);position:relative}.sidebar{position:sticky;top:0;height:100vh;padding:18px 16px;overflow:hidden;z-index:2;background-image:var(--sidebar-img, url(/assets/sidebar-sunflower.jpg));background-size:cover;background-position:center;color:var(--text-strong);display:flex;flex-direction:column}.sidebar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surface-sidebar-tint);backdrop-filter:blur(40px) saturate(1.05);-webkit-backdrop-filter:blur(40px) saturate(1.05);box-shadow:inset -20px 0 22px -18px #00000012;z-index:0}html[data-mode=dark] .sidebar:before{background:#161619db;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.sidebar>*{position:relative;z-index:1}.sb-brand{display:flex;align-items:center;gap:10px;padding:4px 6px 14px}.sb-brand .mark{width:28px;height:28px;border-radius:8px;background:var(--tenant-accent);color:var(--tenant-accent-text);display:inline-flex;align-items:center;justify-content:center;font:700 14px var(--ff-connect);box-shadow:0 4px 14px color-mix(in oklch,var(--tenant-accent) 35%,transparent)}.sb-brand .name{font:600 15px/1 var(--ff-connect);color:var(--text-primary)}.sb-brand .swelis-by{font:400 10px/1.2 var(--ff-connect);color:var(--text-faint);margin-top:3px}.sb-account{background:var(--row-hover);border-radius:6px;padding:9px 10px;display:flex;align-items:center;justify-content:space-between;gap:8px;font:500 13px var(--ff-connect);color:var(--text-strong);cursor:pointer;transition:background var(--dur-fast) var(--ease-product)}.sb-account:hover{background:#292b2f1a}html[data-mode=dark] .sb-account:hover{background:#ffffff0f}.sb-account .who{display:flex;align-items:center;gap:8px;min-width:0}.sb-account .avatar{width:22px;height:22px;border-radius:50%;background:var(--tenant-accent);color:var(--tenant-accent-text);display:inline-flex;align-items:center;justify-content:center;font:600 11px var(--ff-connect);flex-shrink:0}.sb-account .who span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-search{margin-top:12px;display:flex;align-items:center;gap:8px;background:#ffffff8c;border:1px solid transparent;border-radius:6px;padding:7px 10px;font:400 13px var(--ff-connect);color:var(--text-strong)}html[data-mode=dark] .sb-search{background:#ffffff0a}.sb-search input{border:0;outline:0;background:transparent;flex:1;font:inherit;color:inherit;min-width:0}.sb-search input::placeholder{color:var(--text-faint)}.sb-search kbd{font:500 10px var(--ff-mono);background:var(--kbd-bg);color:var(--text-muted);border-radius:3px;padding:2px 5px}.sb-search{position:relative;z-index:10}.sb-search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:999;background:var(--surface-card);border:1px solid var(--border-soft);border-radius:10px;box-shadow:0 12px 32px #00000026;padding:6px;max-height:calc(100vh - 200px);overflow-y:auto}.sb-search-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:7px;cursor:pointer;font:400 13px var(--ff-connect);color:var(--text-primary)}.sb-search-item.active{background:var(--row-hover)}.sb-search-item svg{color:var(--text-muted);flex-shrink:0}.sb-search-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.sb-search-sub{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-search-type{font:500 10px var(--ff-connect);color:var(--text-faint);text-transform:capitalize;flex-shrink:0}.sb-search-filters{display:flex;flex-wrap:wrap;gap:5px;padding:6px 8px 8px;border-bottom:1px solid var(--border-soft);margin-bottom:4px}.sb-search-filters .chip{font-size:10px;padding:3px 8px;gap:4px}.sb-search-expand{padding:8px 8px 4px;border-top:1px solid var(--border-soft);margin-top:4px}.sb-search-expand-label{font:500 10px var(--ff-connect);color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.sb-search-expand-chips{display:flex;flex-wrap:wrap;gap:5px}.sb-search-expand-chips .chip{font-size:10px;padding:4px 9px;gap:4px;cursor:pointer}.sb-section{margin-top:14px}.sb-section-head{font:700 11px var(--ff-connect);color:var(--text-faint);padding:8px 6px 4px;letter-spacing:.04em;text-transform:uppercase}.sb-item{display:flex;align-items:center;gap:10px;padding:8px;border-radius:6px;color:var(--text-strong);font:500 13px var(--ff-connect);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;transition:background var(--dur-fast) var(--ease-product)}.sb-item:hover{background:var(--row-hover)}.sb-item.active{background:#292b2f14;color:var(--text-primary)}html[data-mode=dark] .sb-item.active{background:#ffffff12}.sb-item.active:before{content:"";position:absolute;left:-16px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--tenant-accent)}.sb-item .ico{width:16px;height:16px;flex-shrink:0;color:var(--text-muted)}.sb-item.active .ico{color:var(--text-primary)}.sb-item .count{margin-left:auto;font:600 11px var(--ff-connect);color:var(--text-muted);background:var(--row-hover);padding:2px 7px;border-radius:200px}.sb-divider{height:1px;background:#8995af66;margin:12px 4px}html[data-mode=dark] .sb-divider{background:#ffffff0f}.sb-foot{margin-top:auto;padding-top:8px}.topbar{position:sticky;top:0;z-index:3;background:color-mix(in srgb,var(--surface-canvas) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-soft);padding:14px 28px;display:flex;align-items:center;gap:14px}.topbar .crumbs{display:flex;align-items:center;gap:8px;font:500 14px var(--ff-connect);color:var(--text-muted)}.topbar .crumbs .here{color:var(--text-primary)}.topbar .spacer{flex:1}.topbar .role-toggle{display:inline-flex;padding:3px;background:var(--row-hover);border-radius:200px}.topbar .role-toggle button{background:transparent;border:0;color:var(--text-muted);font:500 12px var(--ff-connect);padding:6px 12px;border-radius:200px;cursor:pointer;display:inline-flex;align-items:center;gap:5px}.topbar .role-toggle button.active{background:var(--surface-card);color:var(--text-primary);box-shadow:0 1px 3px #2831451a}html[data-mode=dark] .topbar .role-toggle button.active{background:var(--host-card);box-shadow:none;border:1px solid var(--host-border)}.topbar .tenant-pill{display:inline-flex;align-items:center;gap:8px;background:var(--surface-card);border:1px solid var(--border-mid);border-radius:200px;padding:4px 12px 4px 4px;cursor:pointer;font:500 13px var(--ff-connect);color:var(--text-strong);transition:border-color var(--dur-fast)}.topbar .tenant-pill:hover{border-color:var(--border-strong)}.topbar .tenant-pill .swatch{width:22px;height:22px;border-radius:50%;background:var(--tenant-accent);color:var(--tenant-accent-text);display:inline-flex;align-items:center;justify-content:center;font:700 11px var(--ff-connect)}.topbar .pop-anchor{position:relative}.tenant-popover{position:absolute;top:calc(100% + 8px);right:0;background:var(--surface-card);border:1px solid var(--border-mid);border-radius:12px;box-shadow:0 24px 60px #2831452e;padding:6px;min-width:240px;z-index:5}.tenant-popover .row{display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px;cursor:pointer;transition:background var(--dur-fast)}.tenant-popover .row:hover,.tenant-popover .row.active{background:var(--row-hover)}.tenant-popover .row .sw{width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font:700 13px var(--ff-connect);color:#fff;flex-shrink:0}.tenant-popover .row .col{display:flex;flex-direction:column;gap:1px;min-width:0}.tenant-popover .row .nm{font:500 13px var(--ff-connect);color:var(--text-primary)}.tenant-popover .row .sb{font:400 11px var(--ff-connect);color:var(--text-muted)}.page{padding:24px 28px 60px;max-width:1640px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px;gap:16px;flex-wrap:wrap}.page-title{font:600 28px/1.05 var(--ff-connect);color:var(--text-primary);margin:0;letter-spacing:-.01em}.page-sub{font:400 14px/1.3 var(--ff-connect);color:var(--text-muted);margin:6px 0 0}.page-actions{display:flex;align-items:center;gap:10px}.btn{display:inline-flex;align-items:center;gap:6px;border:0;cursor:pointer;border-radius:200px;padding:9px 16px;font:500 13px var(--ff-connect);transition:filter var(--dur-fast),background var(--dur-fast),border-color var(--dur-fast),transform var(--dur-fast);white-space:nowrap}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--tenant-accent);color:var(--tenant-accent-text);box-shadow:0 4px 18px color-mix(in oklch,var(--tenant-accent) 35%,transparent)}.btn-primary:hover{filter:brightness(.95)}.btn-dark{background:#23262b;color:#fbf9ef}html[data-mode=dark] .btn-dark{background:var(--host-primary-fill);color:var(--host-primary-text)}.btn-dark:hover{filter:brightness(1.1)}.btn-ghost{background:var(--surface-card);color:var(--text-primary);border:1px solid var(--border-mid)}.btn-ghost:hover{border-color:var(--border-strong)}.btn-text{background:transparent;color:var(--text-muted);padding:8px 10px}.btn-text:hover{color:var(--text-primary);background:var(--row-hover)}.btn-sm{padding:6px 12px;font-size:12px}.btn-icon{width:32px;height:32px;padding:0;justify-content:center}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--chip-bg);border:1px solid var(--border-mid);border-radius:200px;padding:5px 11px;font:500 12px var(--ff-connect);color:var(--text-strong);cursor:pointer;transition:border-color var(--dur-fast)}.chip:hover{border-color:var(--border-strong)}.chip.active{background:#23262b;color:#fbf9ef;border-color:#23262b}html[data-mode=dark] .chip.active{background:var(--host-primary-fill);color:var(--host-primary-text);border-color:var(--host-primary-fill)}.tag{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:4px;font:500 11px var(--ff-connect);background:#8995af24;color:var(--text-strong)}.tag-hot{background:#ff646424;color:var(--swelis-coral-deep)}.tag-customer{background:#2caf7424;color:var(--swelis-mint)}.tag-priority{background:#f3c2422e;color:#946c00}html[data-mode=dark] .tag-priority{color:#f3c242}.card{background:var(--surface-card);border-radius:10px;box-shadow:var(--shadow-card);padding:var(--pad-card)}html[data-mode=dark] .card{border:1px solid var(--host-border);box-shadow:none}.card-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px;gap:14px}.card-head .ttl{font:500 15px var(--ff-connect);color:var(--text-primary)}.card-head .sub{font:400 12px var(--ff-connect);color:var(--text-muted);margin-top:3px}.card-head .link{font:500 12px var(--ff-connect);color:var(--text-muted);cursor:pointer}.card-head .link:hover{color:var(--text-primary)}.input{width:100%;background:var(--surface-card);border:1px solid var(--border-mid);border-radius:6px;padding:9px 12px;font:400 14px var(--ff-connect);color:var(--text-primary);outline:0;transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.input:focus{border-color:var(--tenant-accent);box-shadow:0 0 0 3px color-mix(in oklch,var(--tenant-accent) 20%,transparent)}.search{display:flex;align-items:center;gap:8px;background:var(--surface-card);border:1px solid var(--border-mid);border-radius:27px;padding:8px 14px;max-width:360px;flex:1}.search input{border:0;outline:0;background:transparent;flex:1;font:400 13px var(--ff-connect);color:var(--text-primary)}.search input::placeholder{color:var(--text-faint)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#8995af4d;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#8995af99}.av{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font:600 12px var(--ff-connect);color:#fff;background:#8995af;flex-shrink:0}.av-sm{width:24px;height:24px;font-size:10px}.av-lg{width:44px;height:44px;font-size:14px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot-hot{background:var(--swelis-coral);box-shadow:0 0 0 4px #ff64642e}.dot-warm{background:var(--swelis-orange)}.dot-cold{background:var(--ink-200)}.dot-won{background:var(--swelis-mint)}.row{display:flex;align-items:center}.gap-2{gap:8px}.gap-3{gap:10px}.gap-4{gap:14px}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.tabular{font-variant-numeric:tabular-nums}.toast-wrap{position:fixed;bottom:22px;right:22px;z-index:60;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{background:var(--surface-card);border:1px solid var(--border-mid);border-radius:10px;padding:12px 14px;min-width:260px;display:flex;align-items:center;gap:10px;box-shadow:0 16px 40px #2831452e;animation:toast-in .22s var(--ease-product);font:500 13px var(--ff-connect);color:var(--text-primary)}.toast .ic{width:18px;height:18px;color:var(--tenant-accent)}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.dash-grid{display:grid;grid-template-columns:320px 1fr 360px;gap:var(--gap-cards);align-items:start}.dash-col{display:flex;flex-direction:column;gap:var(--gap-cards)}.brand-hero{border-radius:20px;padding:22px;box-shadow:0 6px 28px color-mix(in oklch,var(--tenant-accent) 30%,transparent);position:relative;overflow:hidden}.brand-hero:after{content:"";position:absolute;right:-40px;top:-40px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.35) 0%,transparent 70%);pointer-events:none}.bh-top{display:flex;align-items:center;gap:10px}.bh-mark{width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font:700 16px var(--ff-connect)}.bh-name{font:600 15px/1 var(--ff-connect);margin-bottom:4px}.bh-sub{font:400 12px/1 var(--ff-connect);opacity:.7}.bh-big{font:600 48px/1 var(--ff-connect);margin:18px 0 4px;letter-spacing:-.02em}.bh-cap{font:500 12px/1 var(--ff-connect);opacity:.7}.bh-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#ffffff8c;border-radius:8px;overflow:hidden;margin-top:18px}.bh-stats>div{background:#ffffffb3;text-align:center;padding:10px 4px;display:flex;flex-direction:column;gap:2px}.bh-stats>div b{font:600 18px var(--ff-connect);color:var(--connect-text)}.bh-stats>div span{font:400 10px var(--ff-connect);color:var(--connect-text-muted)}.bh-cta{margin-top:14px;width:100%;background:#ffffffd9;border:0;border-radius:8px;padding:10px;font:500 13px var(--ff-connect);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background var(--dur-fast)}.bh-cta:hover{background:#fff}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.metric{padding:16px 18px}.metric .m-k{font:500 12px var(--ff-connect);color:var(--text-muted)}.metric .m-v{font:600 28px/1 var(--ff-connect);color:var(--text-primary);margin:8px 0 6px;letter-spacing:-.01em}.metric .m-d{font:500 11px var(--ff-connect);display:inline-flex;align-items:center;gap:3px;color:var(--text-muted)}.metric .m-d.up{color:var(--swelis-mint)}.metric .m-d.down{color:var(--swelis-coral-deep)}.chart{position:relative;padding-top:6px;cursor:crosshair}.chart-svg{width:100%;height:140px;display:block}.chart-x{display:flex;justify-content:space-between;font:500 10px var(--ff-connect);color:var(--text-faint);margin-top:6px;transition:color .1s}.chart-tooltip{position:absolute;top:4px;transform:translate(-50%);background:var(--text-primary);color:var(--surface-card);border-radius:8px;padding:6px 10px;pointer-events:none;white-space:nowrap;box-shadow:0 4px 12px #0000002e;z-index:5}.chart-tooltip-val{font:700 14px var(--ff-connect)}.chart-tooltip-label{font:400 10px var(--ff-connect);opacity:.7;margin-top:1px}.stage-bars{display:flex;flex-direction:column;gap:12px}.stage-row{display:grid;grid-template-columns:120px 1fr 60px 24px;gap:12px;align-items:center}.stage-row-click{cursor:pointer;margin:0 -8px;padding:4px 8px;border-radius:8px;transition:background .12s}.stage-row-click:hover{background:var(--row-hover)}.stage-label{display:inline-flex;align-items:center;gap:7px;font:500 13px var(--ff-connect)}.stage-label .dot{width:7px;height:7px}.stage-track{height:8px;background:var(--row-hover);border-radius:200px;overflow:hidden}.stage-fill{height:100%;border-radius:200px;transition:width var(--dur-med) var(--ease-product)}.stage-val{font:600 13px var(--ff-connect);color:var(--text-primary);text-align:right}.stage-count{font:500 12px var(--ff-connect);text-align:right}.activity{display:flex;flex-direction:column;gap:2px}.act-row{display:grid;grid-template-columns:32px 1fr auto;gap:12px;padding:12px 0;border-bottom:1px solid var(--border-soft);align-items:flex-start}.act-row:last-child{border-bottom:0}.act-ic{width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center}.act-line{font:400 13px/1.4 var(--ff-connect);color:var(--text-primary)}.act-line b{font-weight:600;color:var(--text-primary)}.act-detail{font:400 12px/1.4 var(--ff-connect);margin-top:3px}.act-time{font:500 11px var(--ff-connect);white-space:nowrap}.task-list{display:flex;flex-direction:column;gap:2px}.task-row{display:grid;grid-template-columns:18px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--border-soft);align-items:flex-start}.task-row:last-child{border-bottom:0}.checkbox{width:18px;height:18px;border-radius:5px;border:1.5px solid var(--border-mid);background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--tenant-accent-text);flex-shrink:0;margin-top:1px;transition:all var(--dur-fast)}.checkbox:hover{border-color:var(--tenant-accent)}.task-row.done .checkbox{background:var(--tenant-accent);border-color:var(--tenant-accent)}.task-body{min-width:0}.task-title{font:500 13px var(--ff-connect);color:var(--text-primary)}.task-row.done .task-title{text-decoration:line-through;color:var(--text-muted)}.task-meta{font:400 11px var(--ff-connect);color:var(--text-muted);margin-top:4px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pri{font:600 9px var(--ff-connect);padding:2px 6px;border-radius:3px;text-transform:uppercase;letter-spacing:.04em}.pri-high{background:#ff646429;color:#dc4e4e}.pri-med{background:#f3c24233;color:#946c00}.pri-low{background:#8995af2e;color:var(--text-muted)}html[data-mode=dark] .pri-med{color:#f3c242}.form-leads{display:flex;flex-direction:column;gap:4px}.lead-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border-soft)}.lead-row:last-child{border-bottom:0}.lead-row-click{margin:0 -8px;padding-left:8px;padding-right:8px;border-radius:8px;transition:background .12s}.lead-row-click:hover{background:var(--row-hover)}.lead-row-click:hover .lead-name{color:var(--tenant-accent-deep)}.lead-name{font:500 13px var(--ff-connect);color:var(--text-primary)}.lead-meta{font:400 11px var(--ff-connect);margin-top:2px}.deal-list{display:flex;flex-direction:column;gap:2px}.deal-row{display:grid;grid-template-columns:32px 1fr auto;gap:10px;padding:10px 0;border-bottom:1px solid var(--border-soft);align-items:center;cursor:pointer;border-radius:6px;transition:background var(--dur-fast)}.deal-row:last-child{border-bottom:0}.deal-row:hover{background:var(--row-hover)}.deal-ttl{font:500 13px var(--ff-connect);color:var(--text-primary)}.deal-sub{font:400 11px var(--ff-connect);margin-top:2px}.deal-val{font:600 13px var(--ff-connect);color:var(--text-primary)}.lb-list{display:flex;flex-direction:column;gap:12px}.lb-row{display:flex;align-items:center;gap:10px}.lb-row-click{margin:0 -8px;padding:6px 8px;border-radius:8px;transition:background .12s}.lb-row-click:hover{background:var(--row-hover)}.lb-row-click:hover .lb-name{color:var(--tenant-accent-deep)}.lb-top{display:flex;justify-content:space-between;font:500 13px var(--ff-connect);color:var(--text-primary);margin-bottom:4px}.lb-bar{height:6px;background:var(--row-hover);border-radius:200px;overflow:hidden}.lb-fill{height:100%;border-radius:200px}.comm-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.comm-tile{background:var(--surface-card-tint);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:4px}html[data-mode=dark] .comm-tile{background:#ffffff0a}.comm-icon{width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center}.comm-v{font:600 22px var(--ff-connect);color:var(--text-primary)}.comm-k{font:400 11px var(--ff-connect);color:var(--text-muted)}.pipeline-page{padding:24px 28px 60px}.pipeline-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:18px}.page-actions .pop-anchor{position:relative}.btn-ghost-on{border-color:var(--tenant-accent);color:var(--tenant-accent)}.filter-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;margin-left:2px;border-radius:200px;background:var(--tenant-accent);color:var(--tenant-accent-text);font:600 10px var(--ff-connect)}.filter-pop{position:absolute;top:calc(100% + 8px);right:0;background:var(--surface-card);border:1px solid var(--border-mid);border-radius:12px;box-shadow:0 24px 60px #2831452e;padding:14px;width:300px;z-index:20}.filter-pop-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.fp-title{font:600 14px var(--ff-connect);color:var(--text-primary)}.fp-reset{background:transparent;border:0;cursor:pointer;font:500 12px var(--ff-connect);color:var(--tenant-accent);padding:2px 4px}.fp-reset:hover{text-decoration:underline}.fp-group{margin-bottom:14px}.fp-group:last-child{margin-bottom:0}.fp-label{font:500 11px var(--ff-connect);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:7px}.fp-chips{display:flex;flex-wrap:wrap;gap:6px}.fp-range{display:flex;align-items:center;gap:8px}.fp-range .input{width:100%}.fp-dash{color:var(--text-muted)}.kanban{display:grid;grid-template-columns:repeat(5,minmax(260px,1fr));gap:14px;align-items:start;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent;padding-bottom:8px}.kanban::-webkit-scrollbar{height:6px}.kanban::-webkit-scrollbar-track{background:transparent}.kanban::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}.kanban::-webkit-scrollbar-thumb:hover{background:#00000040}.kanban-col{background:var(--surface-card-tint);border-radius:12px;padding:12px;height:calc(100vh - 180px);display:flex;flex-direction:column;border:1px solid var(--border-soft);transition:background var(--dur-fast),border-color var(--dur-fast)}.kanban-col-cards{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.12) transparent}.kanban-col-cards::-webkit-scrollbar{width:5px}.kanban-col-cards::-webkit-scrollbar-track{background:transparent}.kanban-col-cards::-webkit-scrollbar-thumb{background:#0000001f;border-radius:3px}.kanban-col-cards::-webkit-scrollbar-thumb:hover{background:#00000038}html[data-mode=dark] .kanban-col{background:#ffffff06;border-color:var(--host-border)}.kanban-col.over{background:color-mix(in oklch,var(--tenant-accent) 8%,var(--surface-card-tint));border-color:var(--tenant-accent)}.kanban-col.flash{animation:stageFlash 1.2s ease-out}@keyframes stageFlash{0%{box-shadow:inset 0 0 0 2px var(--tenant-accent);border-color:var(--tenant-accent);background:color-mix(in oklch,var(--tenant-accent) 14%,var(--surface-card-tint))}70%{box-shadow:inset 0 0 0 2px var(--tenant-accent);border-color:var(--tenant-accent)}to{box-shadow:inset 0 0 0 0 transparent;border-color:var(--border-soft);background:var(--surface-card-tint)}}.kanban-col-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:4px 4px 8px;border-bottom:1px solid var(--border-soft)}.kanban-col-head .ttl{display:inline-flex;align-items:center;gap:8px;font:600 13px var(--ff-connect)}.kanban-col-head .ttl .dot{width:8px;height:8px}.kanban-col-head .count{font:500 11px var(--ff-connect);color:var(--text-muted)}.kanban-col-meta{font:500 11px var(--ff-connect);color:var(--text-muted);margin-bottom:8px;padding:0 4px}.kanban-col-cards{display:flex;flex-direction:column;gap:8px}.kanban-card{background:var(--surface-card);border:1px solid var(--border-soft);border-radius:10px;padding:12px;cursor:grab;box-shadow:0 1px 2px #28314508;transition:box-shadow var(--dur-fast),transform var(--dur-fast),border-color var(--dur-fast),opacity var(--dur-fast)}.kanban-card:hover{box-shadow:0 8px 24px #28314514;border-color:var(--border-mid)}.kanban-card.dragging{opacity:.4;cursor:grabbing}.kc-top{display:flex;align-items:center;gap:8px;margin-bottom:8px}.kc-logo{width:26px;height:26px;border-radius:6px;color:#fff;font:600 12px var(--ff-connect);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.kc-co{font:500 11px var(--ff-connect);color:var(--text-muted)}.kc-title{font:500 14px/1.3 var(--ff-connect);color:var(--text-primary);margin-bottom:8px}.kc-foot{display:flex;align-items:center;justify-content:space-between}.kc-val{font:600 14px var(--ff-connect);color:var(--text-primary)}.kc-owner{font:500 11px var(--ff-connect);color:var(--text-muted);display:inline-flex;align-items:center;gap:5px}.kc-owner .av{width:18px;height:18px;font-size:9px}.kc-up{font:400 10px var(--ff-connect);color:var(--text-faint);margin-top:6px}.contacts-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.contacts-table{background:var(--surface-card);border-radius:12px;box-shadow:var(--shadow-card);overflow:hidden}html[data-mode=dark] .contacts-table{border:1px solid var(--host-border);box-shadow:none}.ct-row{display:grid;grid-template-columns:36px 1.4fr 1fr 1.2fr .7fr .8fr 100px;gap:12px;align-items:center;padding:12px 18px;border-bottom:1px solid var(--border-soft);cursor:pointer;transition:background var(--dur-fast)}.ct-row:last-child{border-bottom:0}.ct-row:hover{background:var(--row-hover)}.ct-row.head{background:var(--surface-card-tint);font:600 11px var(--ff-connect);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;cursor:default}html[data-mode=dark] .ct-row.head{background:#ffffff06}.ct-row.head:hover{background:var(--surface-card-tint)}.ct-name{font:500 14px var(--ff-connect);color:var(--text-primary)}.ct-handle{font:400 12px var(--ff-connect);color:var(--text-muted);margin-top:2px}.ct-actions{display:flex;gap:6px;justify-content:flex-end}.ct-actions .btn-icon{width:28px;height:28px}.drawer-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#2831454d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;animation:fade .2s var(--ease-product)}@keyframes fade{0%{opacity:0}to{opacity:1}}.drawer{position:fixed;top:0;right:0;bottom:0;width:540px;background:var(--surface-canvas);z-index:41;display:flex;flex-direction:column;box-shadow:-20px 0 60px #2831452e;animation:drawer-in .28s var(--ease-product);border-left:1px solid var(--border-soft)}@keyframes drawer-in{0%{transform:translate(40px);opacity:0}to{transform:none;opacity:1}}.drawer-head{padding:22px 24px 14px;border-bottom:1px solid var(--border-soft);display:flex;align-items:flex-start;gap:14px}.drawer-head .av-lg{box-shadow:0 4px 18px #2831451f}.drawer-name{font:600 22px/1.1 var(--ff-connect);color:var(--text-primary)}.drawer-title{font:400 13px var(--ff-connect);color:var(--text-muted);margin-top:4px}.drawer-close{margin-left:auto;background:transparent;border:0;width:32px;height:32px;border-radius:6px;cursor:pointer;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center}.drawer-close:hover{background:var(--row-hover);color:var(--text-primary)}.drawer-quick{padding:14px 24px;display:flex;gap:8px;border-bottom:1px solid var(--border-soft)}.drawer-tabs{display:flex;gap:2px;padding:8px 24px 0;border-bottom:1px solid var(--border-soft)}.drawer-tabs button{background:transparent;border:0;cursor:pointer;padding:10px 14px;font:500 13px var(--ff-connect);color:var(--text-muted);border-bottom:2px solid transparent}.drawer-tabs button.active{color:var(--text-primary);border-bottom-color:var(--tenant-accent)}.drawer-body{flex:1;overflow-y:auto;padding:22px 24px}.drawer-section{margin-bottom:22px}.drawer-section h4{font:500 12px var(--ff-connect);color:var(--text-muted);margin:0 0 10px;text-transform:uppercase;letter-spacing:.04em}.kv{display:grid;grid-template-columns:110px 1fr;gap:10px 14px;font:400 13px var(--ff-connect)}.kv dt{color:var(--text-muted)}.kv dd{margin:0;color:var(--text-primary)}.tl-row{display:grid;grid-template-columns:28px 1fr auto;gap:10px;padding:10px 0;border-bottom:1px solid var(--border-soft);align-items:flex-start}.tl-row:last-child{border-bottom:0}.tl-ic{width:28px;height:28px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center}.tl-msg{font:400 13px var(--ff-connect);color:var(--text-primary)}.tl-time{font:400 11px var(--ff-connect);color:var(--text-muted);white-space:nowrap}.inbox-shell{display:grid;grid-template-columns:360px 1fr;gap:0;height:calc(100vh - 60px);background:var(--surface-card);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-card)}html[data-mode=dark] .inbox-shell{border:1px solid var(--host-border);box-shadow:none}.inbox-list{border-right:1px solid var(--border-soft);display:flex;flex-direction:column;min-height:0;overflow:hidden}.inbox-list>div:last-child{flex:1 1 0;min-height:0;overflow-y:auto}.inbox-list-head{padding:16px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-soft)}.inbox-list-head h2{margin:0;font:600 18px var(--ff-connect);color:var(--text-primary)}.inbox-filters{display:flex;gap:6px;padding:10px 14px;overflow-x:auto;flex-shrink:0;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.12) transparent}.inbox-filters:after{content:"";flex-shrink:0;width:8px}.inbox-filters::-webkit-scrollbar{height:4px}.inbox-filters::-webkit-scrollbar-track{background:transparent}.inbox-filters::-webkit-scrollbar-thumb{background:#0000001f;border-radius:2px}.inbox-filters .chip{flex-shrink:0}.thread-row{display:grid;grid-template-columns:36px 1fr;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border-soft);cursor:pointer;transition:background var(--dur-fast)}.thread-row:hover{background:var(--row-hover)}.thread-row.active{background:color-mix(in oklch,var(--tenant-accent) 10%,var(--surface-card))}.thread-row.unread .th-from{font-weight:700}.th-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.th-from{font:500 13px var(--ff-connect);color:var(--text-primary)}.th-time{font:500 11px var(--ff-connect);color:var(--text-muted);white-space:nowrap}.th-subj{font:500 13px var(--ff-connect);color:var(--text-primary);margin-top:2px}.th-prev{font:400 12px/1.4 var(--ff-connect);color:var(--text-muted);margin-top:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.th-co{font:400 11px var(--ff-connect);color:var(--text-muted);margin-top:4px}.th-channel-ic{width:14px;height:14px;display:inline-flex}.inbox-pane{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.inbox-pane-head{padding:18px 24px;border-bottom:1px solid var(--border-soft)}.inbox-pane-head h3{margin:0 0 4px;font:600 18px var(--ff-connect);color:var(--text-primary)}.inbox-pane-head .meta{font:400 12px var(--ff-connect);color:var(--text-muted)}.inbox-pane-body{flex:1 1 0;min-height:0;overflow-y:auto;padding:22px 24px;display:flex;flex-direction:column;gap:10px}.chat-bubble{max-width:82%;padding:12px 16px;border-radius:14px}.chat-recv{align-self:flex-start;background:var(--surface-card-tint);border:1px solid var(--border-soft);border-bottom-left-radius:4px}.chat-sent{align-self:flex-end;background:color-mix(in oklch,var(--tenant-accent) 12%,var(--surface-card));border:1px solid color-mix(in oklch,var(--tenant-accent) 22%,var(--border-soft));border-bottom-right-radius:4px}.chat-meta{display:flex;align-items:center;gap:8px;margin-bottom:6px;font:500 11.5px var(--ff-connect);color:var(--text-muted)}.chat-meta b{color:var(--text-primary);font-weight:600}.chat-sent .chat-meta b{color:var(--tenant-accent-deep, var(--text-primary))}.chat-body{font:400 13.5px/1.6 var(--ff-connect);color:var(--text-primary)}.chat-body div{word-break:break-word}.chat-attachments{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.att-card{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;background:var(--surface-card);border:1px solid var(--border-soft);cursor:pointer;text-decoration:none;color:inherit;transition:border-color var(--dur-fast),background var(--dur-fast);min-width:180px;max-width:280px}.att-card:hover{border-color:var(--border-strong);background:var(--row-hover)}.att-icon{width:34px;height:34px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#8995af1a;color:var(--text-muted)}.att-icon.att-img{background:#8a69e81a;color:var(--swelis-violet)}.att-info{min-width:0;flex:1}.att-name{font:500 12.5px var(--ff-connect);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.att-meta{font:400 11px var(--ff-connect);color:var(--text-muted);margin-top:1px}.msg{background:var(--surface-card-tint);border-radius:12px;padding:16px 18px;margin-bottom:14px;border:1px solid var(--border-soft)}.msg-head{display:flex;align-items:center;gap:10px;margin-bottom:10px;font:500 12px var(--ff-connect);color:var(--text-muted)}.msg-head b{color:var(--text-primary);font-weight:600}.msg-body{font:400 14px/1.5 var(--ff-connect);color:var(--text-primary);white-space:pre-wrap}.reply-box{border-top:1px solid var(--border-soft);padding:14px 24px;display:flex;flex-direction:column;gap:8px}.reply-area{background:var(--surface-card-tint);border:1px solid var(--border-soft);border-radius:10px;padding:12px;font:400 14px var(--ff-connect);color:var(--text-primary);min-height:72px;max-height:200px;outline:0;resize:vertical}.reply-area:focus{border-color:var(--tenant-accent);box-shadow:0 0 0 2px color-mix(in oklch,var(--tenant-accent) 16%,transparent)}.reply-tools{display:flex;gap:6px;align-items:center}.reply-icon-btn{width:32px;height:32px;border-radius:8px;border:0;cursor:pointer;background:transparent;font:600 12px var(--ff-connect);color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;transition:background var(--dur-fast),color var(--dur-fast)}.reply-icon-btn:hover{background:var(--row-hover);color:var(--text-primary)}.reply-attachments{display:flex;flex-wrap:wrap;gap:6px}.attach-preview{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;background:var(--surface-card-tint);border:1px solid var(--border-soft);max-width:240px}.attach-preview.attach-too-large{border-color:#dc4e4e;background:#dc4e4e0f}.attach-thumb{width:32px;height:32px;border-radius:6px;object-fit:cover;flex-shrink:0}.attach-file-icon{width:32px;height:32px;border-radius:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#8995af1a;color:var(--text-muted)}.attach-info{min-width:0;flex:1}.attach-name{font:500 12px var(--ff-connect);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attach-size{font:400 10.5px var(--ff-connect);color:var(--text-muted)}.attach-warn{color:#dc4e4e;font-weight:600}.attach-rm{width:20px;height:20px;border-radius:50%;border:0;cursor:pointer;background:transparent;color:var(--text-faint);flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;transition:background var(--dur-fast),color var(--dur-fast)}.attach-rm:hover{background:#dc4e4e1a;color:#dc4e4e}.emoji-pop{position:absolute;bottom:calc(100% + 8px);right:0;width:280px;background:var(--surface-card);border:1px solid var(--border-mid);border-radius:12px;box-shadow:0 16px 48px #2831452e;z-index:30;overflow:hidden}.emoji-tabs{display:flex;border-bottom:1px solid var(--border-soft);padding:4px 6px;gap:2px}.emoji-tabs button{flex:1;padding:6px 0;border:0;background:transparent;font-size:16px;cursor:pointer;border-radius:6px;transition:background var(--dur-fast)}.emoji-tabs button:hover{background:var(--row-hover)}.emoji-tabs button.active{background:color-mix(in oklch,var(--tenant-accent) 14%,transparent)}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:0;padding:6px;max-height:200px;overflow-y:auto}.emoji-btn{width:100%;aspect-ratio:1;border:0;background:transparent;font-size:18px;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background var(--dur-fast),transform var(--dur-fast)}.emoji-btn:hover{background:var(--row-hover);transform:scale(1.2)}.gif-pop{position:absolute;bottom:calc(100% + 8px);right:0;width:320px;background:var(--surface-card);border:1px solid var(--border-mid);border-radius:12px;box-shadow:0 16px 48px #2831452e;z-index:30;overflow:hidden;display:flex;flex-direction:column}.gif-search{margin:10px 10px 6px;padding:8px 12px;border:1px solid var(--border-soft);border-radius:8px;font:400 13px var(--ff-connect);color:var(--text-primary);background:var(--surface-card-tint);outline:0}.gif-search:focus{border-color:var(--tenant-accent)}.gif-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:0 10px;max-height:240px;overflow-y:auto}.gif-thumb{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;cursor:pointer;transition:transform var(--dur-fast),opacity var(--dur-fast)}.gif-thumb:hover{transform:scale(1.04);opacity:.85}.gif-brand{padding:6px 10px;font:400 10px var(--ff-connect);color:var(--text-faint);text-align:right;border-top:1px solid var(--border-soft)}.tasks-shell{display:grid;grid-template-columns:240px 1fr;gap:18px}.task-side{display:flex;flex-direction:column;gap:12px}.task-side-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;cursor:pointer;font:500 13px var(--ff-connect);color:var(--text-strong)}.task-side-item:hover{background:var(--row-hover)}.task-side-item.active{background:color-mix(in oklch,var(--tenant-accent) 14%,transparent);color:var(--text-primary)}.task-side-item .ic{color:var(--text-muted)}.task-side-item .badge{margin-left:auto;font:500 11px var(--ff-connect);color:var(--text-muted)}.task-section-head{font:500 12px var(--ff-connect);color:var(--text-muted);padding:14px 12px 6px;text-transform:uppercase;letter-spacing:.04em}.task-card{background:var(--surface-card);border-radius:10px;box-shadow:var(--shadow-card)}html[data-mode=dark] .task-card{border:1px solid var(--host-border);box-shadow:none}.task-line{display:grid;grid-template-columns:22px 1fr 140px 100px 100px 32px;gap:14px;align-items:center;padding:14px 20px;border-bottom:1px solid var(--border-soft)}.task-line:last-child{border-bottom:0}.task-line.head{font:600 11px var(--ff-connect);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;background:var(--surface-card-tint);border-radius:10px 10px 0 0}html[data-mode=dark] .task-line.head{background:#ffffff06}.task-line .tl-title{font:500 14px var(--ff-connect);color:var(--text-primary)}.task-line .tl-rel{font:400 12px var(--ff-connect);color:var(--text-muted);margin-top:3px}.task-line.done .tl-title{text-decoration:line-through;color:var(--text-muted)}.cal-shell{background:var(--surface-card);border-radius:12px;box-shadow:var(--shadow-card);padding:18px}html[data-mode=dark] .cal-shell{border:1px solid var(--host-border);box-shadow:none}.cal-week{display:grid;grid-template-columns:50px repeat(5,1fr);border-top:1px solid var(--border-soft);border-left:1px solid var(--border-soft);margin-top:14px}.cal-week>div{border-right:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);min-height:36px;padding:6px 8px}.cal-day-head{font:500 12px var(--ff-connect);color:var(--text-strong);text-align:center;padding:10px 4px}.cal-day-head b{display:block;font:600 18px var(--ff-connect);color:var(--text-primary);margin-top:4px}.cal-time-label{font:500 10px var(--ff-mono);color:var(--text-faint);text-align:right;padding-right:8px;padding-top:4px}.cal-slot{position:relative}.cal-evt{position:absolute;left:4px;right:4px;border-radius:6px;padding:5px 8px;font:500 11px/1.3 var(--ff-connect);color:#fff;overflow:hidden;cursor:pointer;box-shadow:0 1px 3px #2831451a}.cal-evt .evt-time{font:400 10px var(--ff-mono);opacity:.85;display:block;margin-top:2px}.reports-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-cards)}.big-chart{width:100%;height:220px;display:block}.auto-list{background:var(--surface-card);border-radius:12px;box-shadow:var(--shadow-card);overflow:hidden}html[data-mode=dark] .auto-list{border:1px solid var(--host-border);box-shadow:none}.auto-row{display:grid;grid-template-columns:44px 1.6fr 1.2fr 1.2fr auto auto;gap:16px;padding:16px 22px;align-items:center;border-bottom:1px solid var(--border-soft)}.auto-row:last-child{border-bottom:0}.auto-icon{width:36px;height:36px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in oklch,var(--tenant-accent) 18%,transparent);color:var(--tenant-accent-deep)}.auto-name{font:500 14px var(--ff-connect);color:var(--text-primary)}.auto-runs{font:400 12px var(--ff-connect);color:var(--text-muted);margin-top:3px}.auto-trig,.auto-act{font:400 13px var(--ff-connect);color:var(--text-strong)}.auto-trig small,.auto-act small{display:block;font:400 11px var(--ff-connect);color:var(--text-muted);margin-top:2px}.switch{width:36px;height:20px;border-radius:200px;background:var(--border-mid);position:relative;cursor:pointer;transition:background var(--dur-fast);flex-shrink:0}.switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform var(--dur-fast)}.switch.on{background:var(--tenant-accent)}.switch.on:after{transform:translate(16px)}.settings-shell{display:grid;grid-template-columns:240px 1fr;gap:24px}.set-nav{display:flex;flex-direction:column;gap:2px;position:sticky;top:80px}.set-nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;font:500 13px var(--ff-connect);color:var(--text-strong)}.set-nav-item:hover{background:var(--row-hover)}.set-nav-item.active{background:color-mix(in oklch,var(--tenant-accent) 14%,transparent);color:var(--text-primary)}.set-nav-item .ic{color:var(--text-muted)}.set-section{background:var(--surface-card);border-radius:12px;box-shadow:var(--shadow-card);padding:28px;margin-bottom:18px}html[data-mode=dark] .set-section{border:1px solid var(--host-border);box-shadow:none}.set-section h2{margin:0 0 4px;font:600 18px var(--ff-connect);color:var(--text-primary)}.set-section .sub{font:400 13px var(--ff-connect);color:var(--text-muted);margin-bottom:18px}.field-row{display:grid;grid-template-columns:220px 1fr;gap:24px;padding:16px 0;border-top:1px solid var(--border-soft);align-items:start}.field-row:first-of-type{border-top:0;padding-top:0}.field-label{font:500 13px var(--ff-connect);color:var(--text-primary)}.field-help{font:400 12px/1.4 var(--ff-connect);color:var(--text-muted);margin-top:3px}.swatch-row{display:flex;gap:10px;flex-wrap:wrap}.swatch-pick{width:36px;height:36px;border-radius:50%;border:2px solid transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform var(--dur-fast)}.swatch-pick:hover{transform:scale(1.08)}.swatch-pick.selected{border-color:var(--text-primary)}.int-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.int-card{display:grid;grid-template-columns:40px 1fr auto;gap:14px;padding:16px;border-radius:10px;background:var(--surface-card);border:1px solid var(--border-soft);align-items:center}html[data-mode=dark] .int-card{background:#ffffff06}.int-icon{width:40px;height:40px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:#fff}.int-name{font:600 14px var(--ff-connect);color:var(--text-primary)}.int-desc{font:400 12px var(--ff-connect);color:var(--text-muted);margin-top:3px}.code-box{background:#18181b;color:#e6e1ce;border-radius:10px;padding:16px 18px;font:400 12px/1.6 var(--ff-mono);white-space:pre-wrap;overflow-x:auto;position:relative}.code-box .copy-btn{position:absolute;top:10px;right:10px;background:#ffffff0f;border:0;color:#e6e1ce;padding:6px 10px;border-radius:6px;font:500 11px var(--ff-connect);cursor:pointer;display:inline-flex;align-items:center;gap:5px}.code-box .copy-btn:hover{background:#ffffff1f}.plan-card{padding:22px;border-radius:12px;background:linear-gradient(135deg,color-mix(in oklch,var(--tenant-accent) 18%,var(--surface-card)) 0%,var(--surface-card) 100%);border:1px solid color-mix(in oklch,var(--tenant-accent) 22%,var(--border-soft))}.team-row{display:grid;grid-template-columns:44px 1.4fr 1.2fr .9fr 32px;gap:14px;padding:14px 0;align-items:center;border-bottom:1px solid var(--border-soft)}.team-row:last-child{border-bottom:0}.role-badge{display:inline-flex;padding:4px 10px;border-radius:200px;font:500 11px var(--ff-connect);background:var(--row-hover);color:var(--text-strong)}.role-badge.owner{background:color-mix(in oklch,var(--tenant-accent) 20%,transparent);color:var(--text-primary)}.theme-tile{width:220px;border-radius:12px;overflow:hidden;background:var(--surface-card);transition:transform var(--dur-fast),border-color var(--dur-fast)}.theme-tile:hover{transform:translateY(-2px)}.theme-preview{display:flex;height:120px}.theme-sidebar{width:70px;padding:10px 8px;display:flex;flex-direction:column;gap:6px}.theme-canvas{flex:1;padding:12px 10px;display:flex;flex-direction:column;gap:6px}.theme-canvas.light{background:#f6f9ff}.theme-canvas.dark{background:#131315;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:8px 8px}.theme-mark{width:18px;height:18px;border-radius:5px}.theme-row{height:6px;border-radius:200px;width:100%}.light-row{background:#28314526}.dark-row{background:#ffffff1a}.theme-card{border-radius:6px;height:18px;width:100%}.light-card{background:#fff;box-shadow:0 1px 3px #28314514}.dark-card{background:#18181b;border:1px solid #232428}.theme-label{display:flex;align-items:center;gap:8px;padding:10px 12px;font:500 13px var(--ff-connect);color:var(--text-primary);border-top:1px solid var(--border-soft)}.theme-label small{font-size:11px}html[data-mode=dark] .theme-tile{background:var(--host-card);border-color:var(--host-border)}html[data-mode=dark] .theme-label{border-top-color:var(--host-border);color:var(--host-text)}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-cards)}.note-card{padding:18px;border-radius:12px;background:var(--surface-card);box-shadow:var(--shadow-card);min-height:180px;display:flex;flex-direction:column;gap:8px;cursor:pointer;transition:transform var(--dur-fast)}.note-card:hover{transform:translateY(-2px)}html[data-mode=dark] .note-card{border:1px solid var(--host-border);box-shadow:none}.note-tag{align-self:flex-start;font:500 10px var(--ff-connect);padding:3px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.04em;background:var(--row-hover);color:var(--text-muted)}.note-card h4{margin:0;font:600 15px/1.3 var(--ff-connect);color:var(--text-primary)}.note-card p{margin:0;font:400 13px/1.5 var(--ff-connect);color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.note-card footer{margin-top:auto;font:400 11px var(--ff-connect);color:var(--text-faint)}.portal-hero{padding:36px;border-radius:20px;margin-bottom:24px;background:linear-gradient(135deg,var(--tenant-accent) 0%,var(--tenant-accent-deep) 100%);color:var(--tenant-accent-text);box-shadow:0 16px 40px color-mix(in oklch,var(--tenant-accent) 30%,transparent)}.portal-hero h1{margin:0 0 6px;font:600 28px var(--ff-connect)}.portal-hero p{margin:0;font:400 14px var(--ff-connect);opacity:.85}.portal-grid{display:grid;grid-template-columns:1fr 320px;gap:18px}.companies-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-cards)}.company-card{padding:20px;border-radius:12px;background:var(--surface-card);box-shadow:var(--shadow-card)}html[data-mode=dark] .company-card{border:1px solid var(--host-border);box-shadow:none}.co-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.co-logo{width:44px;height:44px;border-radius:10px;color:#fff;font:700 16px var(--ff-connect);display:inline-flex;align-items:center;justify-content:center}.co-name{font:600 15px var(--ff-connect);color:var(--text-primary)}.co-meta{font:400 12px var(--ff-connect);color:var(--text-muted);margin-top:3px}.co-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.co-stat{display:flex;flex-direction:column;gap:2px;padding:8px 4px;border-radius:6px;background:var(--surface-card-tint);text-align:center}html[data-mode=dark] .co-stat{background:#ffffff06}.co-stat b{font:600 16px var(--ff-connect);color:var(--text-primary)}.co-stat span{font:400 10px var(--ff-connect);color:var(--text-muted)}.ff{display:flex;flex-direction:column;gap:4px;min-width:0}.ff>span{font:500 11px var(--ff-connect);color:var(--text-muted)}.scope-switch{position:relative;display:inline-flex;align-items:center;gap:6px;padding:0 8px;height:34px;border:1px solid var(--border-soft);border-radius:8px;background:var(--surface-card)}.scope-switch select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;background:transparent;font:500 13px var(--ff-connect);color:var(--text-primary);outline:none;cursor:pointer;max-width:220px;padding-right:2px}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--surface-bg);padding:24px}.login-card{width:100%;max-width:380px;background:var(--surface-card);border-radius:16px;padding:36px 32px;box-shadow:0 8px 40px #00000014}.login-logo{display:flex;align-items:center;gap:10px;margin-bottom:22px}.login-mark{width:32px;height:32px;border-radius:9px;background:var(--tenant-accent, #F3C242);color:var(--tenant-accent-text, #2B2410);display:flex;align-items:center;justify-content:center;font:700 16px var(--ff-connect)}.login-logo span{font:700 18px var(--ff-connect);color:var(--text-primary)}.login-card h2{font:600 22px var(--ff-connect);margin:0 0 12px;color:var(--text-primary)}.login-field{margin-bottom:14px}.login-field label{display:block;font:500 12px var(--ff-connect);color:var(--text-muted);margin-bottom:6px}.login-field input{width:100%;height:40px;padding:0 14px;border:1px solid var(--border-soft);border-radius:9px;font:inherit;color:var(--text-primary);background:var(--surface-bg);outline:none}.login-field input:focus{border-color:var(--tenant-accent)}.login-err{color:#dc4e4e;font-size:13px;margin-bottom:12px}.login-btn{width:100%;justify-content:center;height:42px;margin-top:4px}.login-switch{margin-top:18px;text-align:center;font-size:13px;color:var(--text-muted)}.login-switch button{border:0;background:none;color:var(--tenant-accent);font-weight:600;cursor:pointer;font-size:13px;text-decoration:underline}.login-demo{margin-top:20px;padding:14px;background:var(--surface-card-tint);border-radius:10px;text-align:center}.login-demo-row{font-size:12px;color:var(--text-primary);padding:4px 0;cursor:pointer}.login-demo-row:hover{color:var(--tenant-accent)}.cf-modal{width:560px;max-width:96vw;max-height:90vh;overflow-y:auto;background:var(--surface-card);border-radius:18px;box-shadow:0 32px 80px #00000040;margin:auto;position:relative;top:5vh;scrollbar-width:thin}.cf-hero{position:relative;padding:36px 28px 28px;text-align:center;border-radius:18px 18px 0 0;color:#fff}.cf-close{position:absolute;top:14px;right:14px;background:#ffffff26;border:0;color:#fff;width:28px;height:28px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cf-close:hover{background:#ffffff40}.cf-avatar{width:72px;height:72px;border-radius:50%;margin:0 auto 12px;background:#ffffff2e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;font:700 26px var(--ff-connect);color:#fff;letter-spacing:-.01em;box-shadow:0 4px 16px #00000026}.cf-hero-name{font:700 20px var(--ff-connect);margin-bottom:2px}.cf-hero-title{font:400 13px var(--ff-connect);opacity:.8}.cf-body{padding:24px 28px 20px}.cf-section{margin-bottom:20px}.cf-section-label{font:600 10px var(--ff-connect);text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin-bottom:10px}.cf-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cf-grid-3{grid-template-columns:1fr 1fr 1fr}.cf-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:14px;border-top:1px solid var(--border-soft);margin-top:8px}@media(max-width:600px){.cf-grid,.cf-grid-3{grid-template-columns:1fr}}.site-wrap{font-family:var(--ff-connect);color:var(--connect-text);background:var(--connect-canvas);min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.site-wrap a{color:inherit;text-decoration:none}.site-wrap img{display:block;max-width:100%}.site-wrap ::selection{background:color-mix(in oklch,var(--swelis-amber) 40%,transparent)}.bl-wash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(1100px 520px at 78% -8%,#f3c24233,#f3c24200 60%),radial-gradient(900px 460px at -6% 4%,#b7949b24,#b7949b00 58%)}.bl-progress{position:fixed;top:0;left:0;height:3px;width:0%;background:linear-gradient(90deg,var(--swelis-amber),var(--swelis-orange));z-index:60;transition:width 80ms linear}.bl-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--connect-canvas) 80%,transparent);backdrop-filter:blur(18px) saturate(1.05);-webkit-backdrop-filter:blur(18px) saturate(1.05);border-bottom:1px solid var(--connect-border-soft, #EAEDF4)}.bl-header-inner{max-width:1200px;margin:0 auto;padding:15px 40px;display:flex;align-items:center;gap:28px}.bl-brand{display:flex;align-items:center;gap:11px;cursor:pointer}.bl-mark{width:30px;height:30px;border-radius:9px;background:var(--swelis-amber);color:#2b2410;display:inline-flex;align-items:center;justify-content:center;font:700 16px var(--ff-connect);box-shadow:0 5px 16px #f3c24273}.bl-wordmark{display:flex;align-items:baseline;gap:8px}.bl-wordmark b{font:600 17px/1 var(--ff-connect);color:var(--connect-text);letter-spacing:-.01em}.bl-wordmark span{font:500 13px/1 var(--ff-connect);color:var(--connect-text-muted);padding-left:9px;border-left:1px solid var(--ink-125)}.bl-nav{display:flex;align-items:center;gap:4px;margin-left:10px}.bl-nav a,.bl-nav button{font:500 13.5px var(--ff-connect);color:var(--connect-text-strong);padding:8px 13px;border-radius:var(--r-pill);border:0;background:transparent;cursor:pointer;transition:background var(--dur-fast) var(--ease-product),color var(--dur-fast)}.bl-nav a:hover,.bl-nav button:hover{background:var(--connect-button-ghost)}.bl-nav a.current,.bl-nav button.current{color:var(--connect-text);background:var(--connect-button-ghost)}.bl-header-cta{margin-left:auto;display:flex;align-items:center;gap:12px}.bl-link{font:500 13.5px var(--ff-connect);color:var(--connect-text-strong);cursor:pointer;background:transparent;border:0}.bl-link:hover{color:var(--connect-text)}.bl-btn{display:inline-flex;align-items:center;gap:7px;border:0;cursor:pointer;white-space:nowrap;font:500 13.5px var(--ff-connect);border-radius:var(--r-pill);padding:9px 17px;transition:filter var(--dur-fast),background var(--dur-fast),border-color var(--dur-fast),transform var(--dur-fast)}.bl-btn:active{transform:translateY(1px)}.bl-btn-primary{background:var(--swelis-amber);color:#2b2410;box-shadow:0 4px 18px #f3c24266}.bl-btn-primary:hover{filter:brightness(.96)}.bl-btn-ghost{background:var(--connect-card);color:var(--connect-text);border:1px solid var(--ink-125)}.bl-btn-ghost:hover{border-color:var(--connect-text-faint)}.bl-btn-dark{background:#23262b;color:var(--swelis-parchment)}.bl-btn-dark:hover{filter:brightness(1.12)}.bl-page{max-width:1200px;margin:0 auto;padding:0 40px 96px}.bl-masthead{padding:64px 0 40px}.bl-eyebrow{font:600 12px/1 var(--ff-connect);color:var(--connect-text-faint);text-transform:uppercase;letter-spacing:.16em;margin-bottom:18px}.bl-masthead h1{margin:0;max-width:16ch;font:400 60px/1.02 var(--ff-connect);letter-spacing:-.025em;color:var(--connect-text)}.bl-masthead h1 em{font-style:normal;color:var(--swelis-orange)}.bl-masthead p{margin:20px 0 0;max-width:52ch;font:400 18px/1.5 var(--ff-connect);color:var(--connect-text-strong);text-wrap:pretty}.bl-chips{display:flex;flex-wrap:wrap;gap:9px;margin:4px 0 30px}.bl-chip{background:var(--connect-card);border:1px solid var(--ink-125);border-radius:var(--r-pill);padding:8px 15px;font:500 13px var(--ff-connect);color:var(--connect-text-strong);cursor:pointer;transition:border-color var(--dur-fast),color var(--dur-fast),background var(--dur-fast)}.bl-chip:hover{border-color:var(--connect-text-faint)}.bl-chip.active{background:#23262b;color:var(--swelis-parchment);border-color:#23262b}.bl-featured-wrap{position:relative;margin-bottom:56px}.bl-featured-rail{position:absolute;left:-30px;top:0;bottom:0;display:flex;align-items:center;writing-mode:vertical-rl;transform:rotate(180deg);font:600 11px var(--ff-connect);letter-spacing:.42em;text-transform:uppercase;color:var(--connect-text-faint)}.bl-featured{display:grid;grid-template-columns:1.18fr 1fr;background:var(--connect-card);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--connect-shadow-card);min-height:408px;cursor:pointer;transition:box-shadow var(--dur-med) var(--ease-product),transform var(--dur-med) var(--ease-product)}.bl-featured:hover{transform:translateY(-3px);box-shadow:0 24px 60px #28314521}.bl-featured-media{position:relative;overflow:hidden}.bl-featured-media img{width:100%;height:100%;object-fit:cover}.bl-featured-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 60%,rgba(255,255,255,.1) 100%)}.bl-featured-body{padding:44px 48px;display:flex;flex-direction:column;justify-content:center;gap:16px}.bl-featured-body .bl-kicker{margin-bottom:2px}.bl-featured-body h2{margin:0;font:600 34px/1.16 var(--ff-connect);letter-spacing:-.018em;color:var(--connect-text);text-wrap:balance}.bl-featured-body p{margin:0;font:400 16px/1.6 var(--ff-connect);color:var(--connect-text-strong);text-wrap:pretty}.bl-kicker{display:inline-flex;align-items:center;gap:7px;font:600 11.5px var(--ff-connect);color:var(--connect-text-muted);text-transform:uppercase;letter-spacing:.1em}.bl-kicker .dot{width:4px;height:4px;border-radius:50%;background:var(--swelis-amber)}.bl-kicker.k-playbook .dot{background:var(--swelis-amber)}.bl-kicker.k-product .dot{background:var(--swelis-violet)}.bl-kicker.k-automation .dot{background:var(--swelis-mint-soft)}.bl-kicker.k-story .dot{background:var(--swelis-coral)}.bl-kicker.k-growth .dot{background:var(--swelis-orange)}.bl-byline{display:flex;align-items:center;gap:11px;margin-top:4px}.bl-byline .av{width:34px;height:34px;border-radius:50%;object-fit:cover;background:var(--ink-100);flex-shrink:0}.bl-byline .meta{line-height:1.35}.bl-byline .who{font:500 13px var(--ff-connect);color:var(--connect-text)}.bl-byline .when{font:400 12px var(--ff-connect);color:var(--connect-text-muted)}.bl-byline .when b{font-weight:500;color:var(--connect-text-strong)}.bl-section-head{display:flex;align-items:baseline;justify-content:space-between;margin:8px 0 22px;gap:16px}.bl-section-head h3{margin:0;font:600 19px var(--ff-connect);color:var(--connect-text);letter-spacing:-.01em}.bl-section-head .count{font:400 13px var(--ff-connect);color:var(--connect-text-muted)}.bl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.bl-card{background:var(--connect-card);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--connect-shadow-card);display:flex;flex-direction:column;cursor:pointer;transition:transform var(--dur-med) var(--ease-product),box-shadow var(--dur-med) var(--ease-product)}.bl-card:hover{transform:translateY(-3px);box-shadow:0 22px 50px #2831451f}.bl-card-media{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:var(--ink-100)}.bl-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease-product)}.bl-card:hover .bl-card-media img{transform:scale(1.04)}.bl-card-cover{position:relative;aspect-ratio:16 / 10;overflow:hidden;padding:22px 24px;display:flex;flex-direction:column;justify-content:space-between}.bl-card-cover.amber{background:linear-gradient(150deg,#fbe39a,#f3c242 60%,#e7a92c);color:#3a2e08}.bl-card-cover.slate{background:linear-gradient(150deg,#34406a,#283145 55%,#1c2233);color:var(--swelis-parchment)}.bl-card-cover .cov-title{font:600 21px/1.22 var(--ff-connect);letter-spacing:-.015em;text-wrap:balance}.bl-card-cover .bl-kicker{color:inherit;opacity:.85}.bl-card-cover .bl-kicker .dot{background:currentColor}.bl-card-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:9px;flex:1}.bl-card-body h4{margin:2px 0 0;font:600 18px/1.28 var(--ff-connect);color:var(--connect-text);letter-spacing:-.012em;text-wrap:balance}.bl-card-body p{margin:0;font:400 13.5px/1.5 var(--ff-connect);color:var(--connect-text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bl-card-foot{margin-top:auto;padding-top:6px;display:flex;align-items:center;gap:8px;font:400 12px var(--ff-connect);color:var(--connect-text-faint)}.bl-card-foot .sep{width:3px;height:3px;border-radius:50%;background:var(--ink-150)}.bl-subscribe{margin-top:60px;background:linear-gradient(135deg,#fff,#fff8e6);border:1px solid color-mix(in oklch,var(--swelis-amber) 28%,var(--ink-100));border-radius:var(--r-xl);box-shadow:0 16px 44px #f3c24224;padding:40px 44px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:32px}.bl-subscribe h3{margin:0 0 7px;font:600 25px/1.1 var(--ff-connect);letter-spacing:-.02em;color:var(--connect-text)}.bl-subscribe p{margin:0;font:400 15px/1.5 var(--ff-connect);color:var(--connect-text-strong);max-width:46ch}.bl-subform{display:flex;gap:10px;align-items:center}.bl-input{background:#fff;border:1px solid var(--ink-125);border-radius:var(--r-pill);padding:11px 18px;font:400 14px var(--ff-connect);color:var(--connect-text);width:270px;outline:0;transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.bl-input::placeholder{color:var(--connect-text-faint)}.bl-input:focus{border-color:var(--swelis-amber);box-shadow:0 0 0 3px #f3c24238}.bl-footer{border-top:1px solid var(--ink-100);background:color-mix(in srgb,var(--connect-canvas) 60%,#fff)}.bl-footer-inner{max-width:1200px;margin:0 auto;padding:46px 40px 40px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}.bl-foot-brand .bl-brand{margin-bottom:14px}.bl-foot-brand p{margin:0;font:400 13px/1.6 var(--ff-connect);color:var(--connect-text-muted);max-width:30ch}.bl-foot-col h5{margin:4px 0 14px;font:600 11px var(--ff-connect);color:var(--connect-text-faint);text-transform:uppercase;letter-spacing:.1em}.bl-foot-col a,.bl-foot-col button{display:block;font:400 13.5px var(--ff-connect);color:var(--connect-text-strong);padding:6px 0;background:transparent;border:0;cursor:pointer;text-align:left}.bl-foot-col a:hover,.bl-foot-col button:hover{color:var(--connect-text)}.bl-foot-base{max-width:1200px;margin:0 auto;padding:18px 40px 40px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--ink-100);font:400 12px var(--ff-connect);color:var(--connect-text-faint)}.bl-article{max-width:1200px;margin:0 auto;padding:0 40px}.bl-back{display:inline-flex;align-items:center;gap:7px;margin:32px 0 8px;background:transparent;border:0;font:500 13px var(--ff-connect);color:var(--connect-text-muted);cursor:pointer}.bl-back:hover{color:var(--connect-text)}.bl-article-head{max-width:760px;margin:0 auto;padding:26px 0 36px;text-align:center}.bl-article-head .bl-kicker{justify-content:center}.bl-article-head h1{margin:18px 0 0;font:600 46px/1.1 var(--ff-connect);letter-spacing:-.028em;color:var(--connect-text);text-wrap:balance}.bl-article-head .deck{margin:20px auto 0;max-width:56ch;font:400 19px/1.55 var(--ff-connect);color:var(--connect-text-strong);text-wrap:pretty}.bl-article-meta{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:28px;flex-wrap:wrap}.bl-share{display:flex;align-items:center;gap:8px}.bl-share-btn{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--connect-card);border:1px solid var(--ink-125);color:var(--connect-text-muted);cursor:pointer;transition:border-color var(--dur-fast),color var(--dur-fast),transform var(--dur-fast)}.bl-share-btn:hover{border-color:var(--connect-text-faint);color:var(--connect-text);transform:translateY(-1px)}.bl-hero-figure{margin:0 0 12px}.bl-hero-figure img{width:100%;max-height:520px;object-fit:cover;border-radius:var(--r-xl);box-shadow:var(--connect-shadow-card)}.bl-hero-figure figcaption{margin-top:12px;text-align:center;font:400 12.5px var(--ff-connect);color:var(--connect-text-faint)}.bl-prose{max-width:720px;margin:44px auto 0}.bl-prose>p{margin:0 0 24px;font:400 18px/1.72 var(--ff-connect);color:var(--connect-text-strong);text-wrap:pretty}.bl-prose>p:first-of-type:first-letter{float:left;font:600 62px/.86 var(--ff-connect);color:var(--swelis-orange);padding:4px 12px 0 0;margin-top:2px}.bl-prose h2{margin:46px 0 16px;font:600 27px/1.2 var(--ff-connect);letter-spacing:-.02em;color:var(--connect-text);text-wrap:balance}.bl-prose h3{margin:34px 0 12px;font:600 19px var(--ff-connect);color:var(--connect-text)}.bl-prose strong{color:var(--connect-text);font-weight:600}.bl-prose ul{margin:0 0 24px;padding:0;list-style:none;display:flex;flex-direction:column;gap:13px}.bl-prose ul li{position:relative;padding-left:30px;font:400 17px/1.6 var(--ff-connect);color:var(--connect-text-strong);text-wrap:pretty}.bl-prose ul li:before{content:"";position:absolute;left:4px;top:10px;width:7px;height:7px;border-radius:50%;background:var(--swelis-amber);box-shadow:0 0 0 4px #f3c2422e}.bl-prose ol{margin:0 0 24px;padding:0;list-style:none;counter-reset:step;display:flex;flex-direction:column;gap:18px}.bl-prose ol li{position:relative;padding-left:46px;counter-increment:step;font:400 17px/1.6 var(--ff-connect);color:var(--connect-text-strong);text-wrap:pretty}.bl-prose ol li:before{content:counter(step);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;background:color-mix(in oklch,var(--swelis-amber) 20%,transparent);color:#946c00;font:600 14px var(--ff-connect);display:inline-flex;align-items:center;justify-content:center}.bl-prose ol li b{color:var(--connect-text);font-weight:600}.bl-pull{margin:40px 0;padding:4px 0 4px 28px;border-left:3px solid var(--swelis-amber);font:500 25px/1.4 var(--ff-connect);letter-spacing:-.01em;color:var(--connect-text);text-wrap:balance}.bl-pull cite{display:block;margin-top:14px;font:400 14px var(--ff-connect);color:var(--connect-text-muted);font-style:normal}.bl-callout{margin:38px 0;padding:26px 28px;background:color-mix(in srgb,var(--connect-canvas) 50%,#fff);border:1px solid var(--ink-100);border-radius:var(--r-lg)}.bl-callout h4{margin:0 0 14px;font:600 12px var(--ff-connect);color:var(--connect-text-faint);text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center;gap:8px}.bl-callout ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:11px}.bl-callout ul li{position:relative;padding-left:26px;font:400 15px/1.5 var(--ff-connect);color:var(--connect-text-strong)}.bl-callout ul li svg{position:absolute;left:0;top:2px;color:var(--swelis-mint)}.bl-product-note{margin:38px 0;padding:22px 24px;display:grid;grid-template-columns:40px 1fr auto;gap:16px;align-items:center;background:linear-gradient(135deg,#fff,#fff8e6);border:1px solid color-mix(in oklch,var(--swelis-amber) 26%,var(--ink-100));border-radius:var(--r-lg)}.bl-product-note .pn-mark{width:40px;height:40px;border-radius:11px;background:var(--swelis-amber);color:#2b2410;display:inline-flex;align-items:center;justify-content:center;font:700 18px var(--ff-connect);box-shadow:0 5px 16px #f3c24266}.bl-product-note .pn-k{font:600 11px var(--ff-connect);color:#946c00;text-transform:uppercase;letter-spacing:.08em}.bl-product-note .pn-t{margin-top:3px;font:400 14.5px/1.45 var(--ff-connect);color:var(--connect-text-strong)}.bl-product-note .pn-t b{color:var(--connect-text);font-weight:600}.bl-prose figure{margin:38px 0}.bl-prose figure img{width:100%;border-radius:var(--r-lg);box-shadow:var(--connect-shadow-card)}.bl-prose figure figcaption{margin-top:11px;text-align:center;font:400 12.5px var(--ff-connect);color:var(--connect-text-faint)}.bl-prose hr{border:0;border-top:1px solid var(--ink-100);margin:44px 0}.bl-tags{display:flex;flex-wrap:wrap;gap:8px;max-width:720px;margin:38px auto 0}.bl-tag{font:500 12.5px var(--ff-connect);color:var(--connect-text-strong);background:var(--connect-button-ghost);border-radius:var(--r-pill);padding:6px 13px}.bl-author{max-width:720px;margin:36px auto 0;display:flex;gap:18px;align-items:flex-start;background:var(--connect-card);border-radius:var(--r-xl);box-shadow:var(--connect-shadow-card);padding:26px 28px}.bl-author img{width:60px;height:60px;border-radius:50%;object-fit:cover;flex-shrink:0}.bl-author .who{font:600 16px var(--ff-connect);color:var(--connect-text)}.bl-author .role{font:400 13px var(--ff-connect);color:var(--connect-text-muted);margin-top:2px}.bl-author .bio{font:400 14px/1.55 var(--ff-connect);color:var(--connect-text-strong);margin-top:11px;text-wrap:pretty}.bl-related{max-width:1200px;margin:76px auto 0;padding:0 40px 96px}.hm-hero{max-width:1200px;margin:0 auto;padding:78px 40px 8px;text-align:center}.hm-pill{display:inline-flex;align-items:center;gap:9px;background:var(--connect-card);border:1px solid color-mix(in oklch,var(--swelis-amber) 32%,var(--ink-100));border-radius:var(--r-pill);padding:6px 8px 6px 14px;font:500 13px var(--ff-connect);color:var(--connect-text-strong);box-shadow:0 4px 18px #f3c24224}.hm-pill .tag{font:600 11px var(--ff-connect);color:#946c00;background:color-mix(in oklch,var(--swelis-amber) 24%,transparent);border-radius:var(--r-pill);padding:4px 9px;letter-spacing:.02em}.hm-hero h1{margin:26px auto 0;max-width:18ch;font:600 64px/1.04 var(--ff-connect);letter-spacing:-.032em;color:var(--connect-text);text-wrap:balance}.hm-hero h1 em{font-style:normal;color:var(--swelis-orange)}.hm-hero .sub{margin:24px auto 0;max-width:56ch;font:400 19px/1.55 var(--ff-connect);color:var(--connect-text-strong);text-wrap:pretty}.hm-cta-row{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:32px;flex-wrap:wrap}.hm-btn-lg{padding:13px 24px;font-size:15px}.hm-trust{margin-top:18px;font:400 13px var(--ff-connect);color:var(--connect-text-faint)}.hm-frame-wrap{max-width:1080px;margin:52px auto 0;padding:0 40px}.hm-frame{background:var(--connect-card);border:1px solid var(--ink-125);border-radius:16px;overflow:hidden;box-shadow:0 40px 90px #2831452e,0 8px 24px #28314514}.hm-frame-bar{display:flex;align-items:center;gap:14px;padding:13px 18px;border-bottom:1px solid var(--ink-100);background:color-mix(in srgb,var(--connect-canvas) 60%,#fff)}.hm-dots{display:flex;gap:7px}.hm-dots span{width:11px;height:11px;border-radius:50%;background:var(--ink-150)}.hm-dots span:nth-child(1){background:#ff6464}.hm-dots span:nth-child(2){background:#f3c242}.hm-dots span:nth-child(3){background:#2caf74}.hm-url{flex:1;max-width:380px;margin:0 auto;background:#fff;border:1px solid var(--ink-100);border-radius:var(--r-pill);padding:6px 14px;font:400 12.5px var(--ff-connect);color:var(--connect-text-muted);display:flex;align-items:center;gap:7px;justify-content:center}.hm-url svg{color:var(--swelis-mint)}.hm-frame img{width:100%;display:block}.hm-logos{max-width:1100px;margin:64px auto 0;padding:0 40px;text-align:center}.hm-logos .lead{font:500 13px var(--ff-connect);color:var(--connect-text-faint);text-transform:uppercase;letter-spacing:.12em}.hm-logo-row{margin-top:22px;display:flex;align-items:center;justify-content:center;gap:44px;flex-wrap:wrap}.hm-logo-row span{font:600 21px var(--ff-connect);color:var(--connect-text-muted);letter-spacing:-.01em;opacity:.72}.hm-section{max-width:1200px;margin:0 auto;padding:100px 40px 0}.hm-band{background:color-mix(in srgb,var(--connect-canvas) 55%,#fff);border-top:1px solid var(--ink-100);border-bottom:1px solid var(--ink-100);margin-top:100px}.hm-band .hm-section{padding-top:88px;padding-bottom:88px}.hm-eyebrow{font:600 12px var(--ff-connect);color:var(--swelis-orange);text-transform:uppercase;letter-spacing:.14em}.hm-section-head{max-width:620px}.hm-section-head.center{margin:0 auto;text-align:center}.hm-section-head h2{margin:16px 0 0;font:600 42px/1.1 var(--ff-connect);letter-spacing:-.028em;color:var(--connect-text);text-wrap:balance}.hm-section-head p{margin:18px 0 0;font:400 18px/1.55 var(--ff-connect);color:var(--connect-text-strong);text-wrap:pretty}.hm-feat-grid{margin-top:52px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.hm-feat{background:var(--connect-card);border-radius:var(--r-xl);border:1px solid var(--ink-100);padding:28px 26px;box-shadow:var(--connect-shadow-card);transition:transform var(--dur-med) var(--ease-product),box-shadow var(--dur-med) var(--ease-product)}.hm-feat:hover{transform:translateY(-3px);box-shadow:0 22px 50px #2831451a}.hm-feat-ic{width:46px;height:46px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:18px}.hm-feat-ic.amber{background:color-mix(in oklch,var(--swelis-amber) 20%,transparent);color:#946c00}.hm-feat-ic.violet{background:#8a69e824;color:var(--swelis-violet)}.hm-feat-ic.mint{background:#53bbab29;color:#1f8a6b}.hm-feat-ic.coral{background:#ff646424;color:var(--swelis-coral-deep)}.hm-feat-ic.slate{background:#28314514;color:var(--connect-text)}.hm-feat-ic.orange{background:#ef922e29;color:#c46a12}.hm-feat h3{margin:0 0 8px;font:600 18px var(--ff-connect);color:var(--connect-text);letter-spacing:-.01em}.hm-feat p{margin:0;font:400 14.5px/1.55 var(--ff-connect);color:var(--connect-text-muted);text-wrap:pretty}.hm-split{margin-top:56px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.hm-split.flip .hm-split-media{order:2}.hm-split-copy h2{margin:16px 0 0;font:600 38px/1.12 var(--ff-connect);letter-spacing:-.025em;color:var(--connect-text);text-wrap:balance}.hm-split-copy p{margin:18px 0 0;font:400 17px/1.6 var(--ff-connect);color:var(--connect-text-strong);text-wrap:pretty}.hm-checks{margin:26px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:15px}.hm-checks li{position:relative;padding-left:34px;font:400 16px/1.45 var(--ff-connect);color:var(--connect-text-strong)}.hm-checks li b{color:var(--connect-text);font-weight:600}.hm-checks li .ck{position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;background:color-mix(in oklch,var(--swelis-amber) 22%,transparent);color:#946c00;display:inline-flex;align-items:center;justify-content:center}.hm-split-media{border-radius:var(--r-xl);overflow:hidden;border:1px solid var(--ink-125);box-shadow:0 30px 70px #28314526;background:var(--connect-card)}.hm-split-media img{width:100%;display:block}.hm-whitelabel{position:relative;overflow:hidden}.hm-whitelabel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(900px 420px at 80% 30%,rgba(243,194,66,.16) 0%,transparent 62%)}.hm-swatches{display:flex;gap:10px;margin-top:26px}.hm-swatch{width:38px;height:38px;border-radius:50%;border:2px solid #fff;box-shadow:0 3px 10px #28314524}.hm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.hm-stat{text-align:center}.hm-stat b{display:block;font:600 50px/1 var(--ff-connect);letter-spacing:-.03em;color:var(--connect-text)}.hm-stat span{display:block;margin-top:10px;font:400 14px var(--ff-connect);color:var(--connect-text-muted)}.hm-stat b em{font-style:normal;color:var(--swelis-orange)}.hm-quote-band{background:#20263a;margin-top:100px;position:relative;overflow:hidden}.hm-quote-band:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(700px 360px at 12% 0%,rgba(243,194,66,.16) 0%,transparent 60%)}.hm-quote{max-width:940px;margin:0 auto;padding:88px 40px;position:relative;text-align:center}.hm-quote .mark{font:600 90px/.6 Georgia,serif;color:var(--swelis-amber);opacity:.85}.hm-quote blockquote{margin:8px 0 0;font:500 30px/1.42 var(--ff-connect);letter-spacing:-.015em;color:var(--swelis-parchment);text-wrap:balance}.hm-quote blockquote em{font-style:normal;color:var(--swelis-amber)}.hm-quote .attr{margin-top:30px;display:flex;align-items:center;justify-content:center;gap:13px}.hm-quote .attr img{width:46px;height:46px;border-radius:50%;object-fit:cover}.hm-quote .attr .who{font:600 15px var(--ff-connect);color:#fff;text-align:left}.hm-quote .attr .role{font:400 13px var(--ff-connect);color:var(--ink-200);text-align:left;margin-top:2px}.hm-cta{max-width:1120px;margin:100px auto 0;padding:0 40px}.hm-cta-inner{background:linear-gradient(135deg,#fbe39a,#f3c242 52%,#efa82c);border-radius:var(--r-2xl);padding:72px 56px;text-align:center;box-shadow:0 30px 70px #f3c24252;position:relative;overflow:hidden}.hm-cta-inner:after{content:"";position:absolute;right:-60px;top:-60px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.4) 0%,transparent 70%)}.hm-cta-inner h2{margin:0;font:600 44px/1.08 var(--ff-connect);letter-spacing:-.028em;color:#2b2410;text-wrap:balance;position:relative}.hm-cta-inner p{margin:16px auto 0;max-width:46ch;font:400 17px/1.5 var(--ff-connect);color:#4a3c12;position:relative}.hm-cta-row2{margin-top:30px;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;position:relative}.hm-btn-onlight{background:#23262b;color:var(--swelis-parchment);padding:13px 26px;font-size:15px}.hm-btn-onlight:hover{filter:brightness(1.12)}.hm-btn-glass{background:#ffffffd1;color:#2b2410;border:0;padding:13px 26px;font-size:15px}.hm-btn-glass:hover{background:#fff}.hm-foot-spacer{height:100px}@media(max-width:1080px){.hm-feat-grid{grid-template-columns:repeat(2,1fr)}.hm-split{grid-template-columns:1fr;gap:36px}.hm-split.flip .hm-split-media{order:0}.hm-stats{grid-template-columns:repeat(2,1fr);gap:36px 28px}.bl-grid{grid-template-columns:repeat(2,1fr)}.bl-featured{grid-template-columns:1fr}.bl-featured-media{aspect-ratio:16 / 9}.bl-footer-inner{grid-template-columns:1fr 1fr}}@media(max-width:720px){.hm-hero{padding-top:52px}.hm-hero h1{font-size:42px}.hm-hero .sub{font-size:17px}.hm-frame-wrap,.hm-section,.hm-cta{padding-left:22px;padding-right:22px}.hm-section-head h2,.hm-split-copy h2{font-size:32px}.hm-feat-grid{grid-template-columns:1fr}.hm-quote blockquote{font-size:23px}.hm-cta-inner{padding:48px 28px}.hm-cta-inner h2{font-size:32px}.hm-logo-row{gap:26px}.hm-logo-row span{font-size:17px}.bl-header-inner,.bl-page,.bl-article,.bl-related{padding-left:22px;padding-right:22px}.bl-nav{display:none}.bl-masthead h1{font-size:40px}.bl-article-head h1{font-size:33px}.bl-grid,.bl-subscribe{grid-template-columns:1fr}.bl-input{width:100%}.bl-footer-inner{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.site-wrap *{animation:none!important;transition:none!important}}