.bp-crm-mock{width:100%;max-width:320px;font-family:var(--kb-font-sans);-webkit-font-smoothing:antialiased}.bp-crm-mock-sync{background:#fff;border-radius:14px;padding:14px 16px;box-shadow:0 18px 40px -10px rgba(0,0,0,0.32),0 1px 0 rgba(255,255,255,0.5) inset}.bp-crm-sync-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px;padding-bottom:9px;border-bottom:1px solid #f0f1f3}.bp-crm-sync-title{font-size:12px;font-weight:700;color:#0f1115}.bp-crm-sync-live{font-size:9px;font-weight:700;color:#0e5b50;background:rgba(44,178,101,0.12);padding:2px 8px;border-radius:999px;letter-spacing:0.05em;text-transform:uppercase;display:inline-flex;align-items:center;gap:4px}.bp-crm-sync-live::before{content:"";width:5px;height:5px;border-radius:50%;background:#2cb265}.bp-crm-sync-row{display:flex;align-items:center;gap:9px;padding:7px 6px;border-radius:6px;font-size:10.5px}.bp-crm-sync-row+.bp-crm-sync-row{border-top:1px solid #f5f6f7}.bp-crm-sync-logo{width:26px;height:26px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;flex-shrink:0}.bp-crm-sync-logo--hs{background:linear-gradient(135deg,#ff8a14 0%,#d6601e 100%)}.bp-crm-sync-logo--sf{background:linear-gradient(135deg,#00a1e0 0%,#006ca5 100%)}.bp-crm-sync-logo--zap{background:linear-gradient(135deg,#ff4a00 0%,#b53400 100%)}.bp-crm-sync-logo--slack{background:linear-gradient(135deg,#36c5f0 0%,#2eb67d 100%)}.bp-crm-sync-meta{flex:1;min-width:0}.bp-crm-sync-name{font-weight:700;color:#0f1115}.bp-crm-sync-last{font-size:9px;color:#7e8388;margin-top:1px}.bp-crm-sync-status{width:8px;height:8px;border-radius:50%;background:#2cb265;flex-shrink:0}.bp-crm-prehero-strip{padding:32px 0 0}.bp-crm-prehero-strip-inner{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(32px,5vw,64px);align-items:center}.bp-crm-prehero-stat{font-size:var(--kb-text-base);color:var(--kb-color-text-subtle);line-height:1.55;letter-spacing:-0.005em;max-width:56ch}.bp-crm-prehero-stat strong{color:var(--kb-color-text);font-weight:600}@media (max-width:880px){.bp-crm-prehero-strip-inner{grid-template-columns:1fr;gap:24px}}.bp-crm-hero-actions{display:inline-flex;gap:12px;flex-wrap:wrap;margin-top:var(--kb-space-7)}.bp-crm-hero-trust{margin-top:20px;display:flex;align-items:center}