/* Home page content (2026 redesign). Header/footer keep landing.css; everything here is scoped to .bc-home. */
.bc-home{
  --brand:#005BFF; --brand-hover:#0047CC; --brand-subtle:#EAF2FF;
  --text-strong:#07112B; --text-body:#22304B; --text-muted:#5A6B8C; --text-faint:#8593AD;
  --surface-page:#FBFCFE; --surface-subtle:#F4F8FF;
  --border-subtle:#E2EAF6; --border-strong:#CDD8E8;
  --gray-900:#07112B; --hair:#EEF2F8;
  --ok:#1FB979; --ok-ink:#15803D; --ok-bg:#E6F6EF;
  --shadow-xs:0 1px 2px rgba(8,28,80,.06);
  --shadow-sm:0 4px 12px -6px rgba(8,28,80,.18);
  --shadow-md:0 18px 40px -18px rgba(8,28,80,.22);
  --shadow-lg:0 40px 80px -30px rgba(8,28,80,.32);
  --font-sans:'Plus Jakarta Sans','Manrope',ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,"SF Mono",Menlo,monospace;
  background:var(--surface-page); color:var(--text-strong); font-family:var(--font-sans);
}
.bc-home button,.bc-home input,.bc-home textarea,.bc-home select{ font-family:inherit; }
.bc-home [hidden]{ display:none !important; }
.bch-ico{ flex:none; display:block; }

/* ---------- layout & type ---------- */
.bch-wrap{ max-width:1180px; margin:0 auto; padding:0 32px; }
.bc-home .bch-section{ padding:88px 0; }
.bc-home .bch-section--subtle{ background:var(--surface-subtle); }
.bc-home .bch-section--tight-top{ padding-top:24px; }
.bch-h1{ font:800 clamp(34px,6.4vw,58px)/1.04 var(--font-sans); letter-spacing:-.035em; color:var(--text-strong); margin:0 auto; max-width:780px; }
.bc-home .bch-h2{ font:800 clamp(28px,4.8vw,46px)/1.1 var(--font-sans); letter-spacing:-.03em; color:var(--text-strong); margin:0; text-wrap:balance; }
.bc-home .bch-h2.bch-on-dark{ color:#fff; margin-top:18px; }
.bch-lead{ font:500 18px/1.6 var(--font-sans); color:var(--text-muted); margin:16px auto 0; max-width:660px; text-wrap:pretty; }
.bch-head-center{ text-align:center; max-width:820px; margin:0 auto 48px; }
.bch-head-center--56{ margin-bottom:56px; } .bch-head-center--32{ margin-bottom:32px; } .bch-head-center--0{ margin-bottom:0; }
.bch-eyebrow{ font-size:13px; font-weight:700; letter-spacing:.14em; color:var(--brand); }
.bch-eyebrow--dark{ color:#AFC0E2; letter-spacing:.16em; }
.bch-eyebrow--muted{ color:var(--text-muted); }
.bch-center{ display:flex; justify-content:center; margin-top:44px; }
.bch-center--24{ margin-top:24px; }
.bch-link{ display:inline-flex; align-items:center; gap:8px; font-size:15px; font-weight:600; color:var(--brand); }
.bch-link:hover{ color:var(--brand-hover); }
.bch-link--lg{ font-size:18px; margin-top:40px; }
.bch-link:focus-visible,.bch-btn:focus-visible,.bch-pr-btn:focus-visible{ outline:2px solid var(--brand); outline-offset:3px; border-radius:10px; }
.bch-sr{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.bch-demo-badge{ font-size:12px; font-weight:600; color:#3C4D6B; background:var(--hair); padding:3px 9px; border-radius:999px; }

.bch-btn{ display:inline-flex; align-items:center; justify-content:center; gap:10px; border-radius:14px; font-weight:700; font-size:16px; padding:0 24px; min-height:52px; cursor:pointer; border:1px solid transparent; transition:background .15s, box-shadow .15s, border-color .15s; }
.bch-btn-lg{ min-height:56px; padding:0 28px; font-size:16.5px; }
.bch-btn-secondary{ background:#fff; color:var(--text-strong); border-color:var(--border-subtle); box-shadow:var(--shadow-xs); }
.bch-btn-secondary:hover{ border-color:var(--border-strong); box-shadow:var(--shadow-sm); }
.bch-btn-white{ background:#fff; color:var(--text-strong); min-height:56px; padding:0 30px; }
.bch-btn-white:hover{ background:#EEF3FC; }

.bch-round-btn{ width:46px; height:46px; border-radius:50%; border:1px solid var(--border-subtle); background:#fff; color:var(--text-strong); display:flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:var(--shadow-xs); }
.bch-round-btn:disabled{ opacity:.4; cursor:default; }
.bch-round-btn:focus-visible{ outline:2px solid var(--brand); outline-offset:2px; }

/* animated gradient border */
@property --bch-a{ syntax:'<angle>'; inherits:false; initial-value:0deg; }
.bch-bglow{ border:2px solid transparent; background:linear-gradient(var(--bg),var(--bg)) padding-box,linear-gradient(var(--bg),var(--bg)) border-box; }
.bch-bglow.is-on,.bch-bglow-hover:hover{ background:linear-gradient(var(--bg),var(--bg)) padding-box,conic-gradient(from var(--bch-a),transparent 0%,transparent 62%,#22D3EE 72%,#4D8AFF 80%,#A855F7 88%,#F472B6 94%,transparent 100%) border-box; animation:bchSpinA 2.2s linear infinite; }
@keyframes bchSpinA{ to{ --bch-a:360deg; } }
.bch-nudge .bch-ico{ transition:transform .2s; }
.bch-nudge:hover .bch-ico{ animation:bchNudge .8s ease-in-out infinite; }
@keyframes bchNudge{ 0%,100%{ transform:translateX(0); } 50%{ transform:translateX(6px); } }

/* shared chat bits */
.bch-typing{ display:flex; gap:4px; }
.bch-typing i{ width:6px; height:6px; border-radius:50%; background:#9AA3AE; animation:bchDot 1.1s infinite ease-in-out; }
.bch-typing i:nth-child(2){ animation-delay:.15s; } .bch-typing i:nth-child(3){ animation-delay:.3s; }
@keyframes bchDot{ 0%,60%,100%{ opacity:.35; transform:none; } 30%{ opacity:1; transform:translateY(-3px); } }
.bch-msg-in{ animation:bchMsgIn .35s cubic-bezier(.2,.8,.2,1) both; }
@keyframes bchMsgIn{ from{ opacity:0; transform:translateY(8px) scale(.98); } to{ opacity:1; transform:none; } }

/* ---------- hero ---------- */
.bc-home .bch-hero{ position:relative; overflow:hidden; text-align:center; padding:120px 0 72px;
  background:radial-gradient(55% 45% at 50% 108%,#8FB3FF 0%,rgba(143,179,255,0) 72%),radial-gradient(38% 42% at 6% 104%,#F5B6DF 0%,rgba(245,182,223,0) 70%),radial-gradient(38% 42% at 96% 102%,#FFD1B8 0%,rgba(255,209,184,0) 70%),radial-gradient(60% 34% at 50% 64%,#B7CEFF 0%,rgba(183,206,255,0) 72%),radial-gradient(34% 30% at 22% 72%,#D9C4FA 0%,rgba(217,196,250,0) 70%),var(--surface-page); }
.bch-hero-sub{ font-size:clamp(16px,2.2vw,20px); color:var(--text-muted); max-width:560px; margin:18px auto 0; line-height:1.5; }
.bch-enter-down{ animation:bchHeroDown .8s cubic-bezier(.2,.7,.2,1) both; }
.bch-enter-up{ animation:bchHeroUp .9s cubic-bezier(.2,.7,.2,1) .25s both; }
@keyframes bchHeroDown{ from{ opacity:0; transform:translateY(-24px); } to{ opacity:1; transform:none; } }
@keyframes bchHeroUp{ from{ opacity:0; transform:translateY(32px); } to{ opacity:1; transform:none; } }
.bch-prompt{ max-width:720px; margin:40px auto 0; }
.bch-prompt-box{ position:relative; background:#fff; border-radius:24px; box-shadow:var(--shadow-md); border:1px solid rgba(8,28,80,.06); transition:box-shadow .2s; }
.bch-prompt-box.is-focus{ box-shadow:0 0 0 3px rgba(0,91,255,.14),var(--shadow-md); }
.bch-prompt-ghost,.bch-prompt-input{ font:500 17px/1.5 var(--font-sans); letter-spacing:-.005em; padding:22px 84px 22px 24px; margin:0; text-align:left; }
.bch-prompt-ghost{ position:absolute; inset:0; pointer-events:none; color:var(--text-strong); transition:opacity .2s; }
.bch-prompt-box.is-focus .bch-prompt-ghost{ opacity:.55; }
.bch-prompt-task{ color:var(--text-faint); transition:opacity .45s ease; }
.bch-prompt-task.is-out{ opacity:0; }
.bch-prompt-input{ display:block; width:100%; height:120px; resize:none; border:none; outline:none; background:transparent; color:var(--text-strong); position:relative; }
.bch-prompt-send{ --bg:var(--gray-900); position:absolute; right:16px; bottom:16px; width:44px; height:44px; border-radius:12px; color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer; }
.bch-prompt-send:focus-visible{ outline:2px solid var(--brand); outline-offset:2px; }
.bch-quick-row{ display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin-top:16px; }
.bch-quick{ font:500 14px/1 var(--font-sans); color:var(--text-body); background:rgba(255,255,255,.72); border:1px solid rgba(8,28,80,.08); border-radius:999px; padding:10px 16px; cursor:pointer; backdrop-filter:blur(6px); transition:background .15s,border-color .15s; }
.bch-quick:hover{ background:#fff; border-color:rgba(8,28,80,.18); }
.bch-quick:focus-visible{ outline:2px solid var(--brand); outline-offset:2px; }
.bch-hero-channels{ display:flex; flex-wrap:wrap; gap:14px 26px; justify-content:center; margin-top:40px; color:var(--text-body); font-size:14px; font-weight:500; }
.bch-hero-channels span{ display:flex; align-items:center; gap:8px; }
.bch-hero-metrics{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; max-width:960px; margin:72px auto 0; }
.bch-metric-num{ font:800 clamp(30px,3.6vw,40px)/1.1 var(--font-sans); letter-spacing:-.03em; color:var(--text-strong); font-variant-numeric:tabular-nums; }
.bch-metric-label{ font-size:16px; color:var(--text-body); margin-top:8px; }

/* ---------- showcase ---------- */
.bch-show-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:24px; flex-wrap:wrap; margin-bottom:40px; }
.bch-show-head > div:first-child{ max-width:760px; }
.bch-show-head .bch-lead{ margin:14px 0 0; }
.bch-rail-arrows{ display:flex; gap:12px; }
.bch-rail{ display:flex; gap:20px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; padding:4px 4px 16px; margin:-4px -4px 0; }
.bch-rail::-webkit-scrollbar{ display:none; }
.bch-show-card{ flex:0 0 calc((100% - 40px)/3); min-width:0; scroll-snap-align:start; background:#fff; border:1px solid var(--border-subtle); border-radius:22px; padding:14px; box-shadow:var(--shadow-sm); display:flex; flex-direction:column; }
.bch-show-text{ padding:22px 10px 10px; }
.bch-show-text h3{ margin:0; font:800 22px/1.2 var(--font-sans); letter-spacing:-.02em; color:var(--text-strong); }
.bch-show-text p{ margin:10px 0 0; font-size:16px; line-height:1.5; color:var(--text-muted); text-wrap:pretty; }

.bch-chat{ --st:#8A96A3; border-radius:16px; overflow:hidden; border:1px solid rgba(8,28,80,.08); display:flex; flex-direction:column; background:#fff; }
.bch-chat-head{ display:flex; align-items:center; gap:12px; padding:12px 14px; background:#fff; border-bottom:1px solid rgba(8,28,80,.06); }
.bch-chat-head img{ width:40px; height:40px; flex:none; }
.bch-chat-who{ flex:1; min-width:0; text-align:left; }
.bch-chat-name{ font-size:15px; font-weight:700; color:#10141A; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.bch-chat-status{ font-size:12.5px; color:var(--st); display:flex; align-items:center; gap:6px; margin-top:2px; }
.bch-dot-online{ width:8px; height:8px; border-radius:50%; background:#1FB85A; }
.bch-chat-head-ico{ color:#6B7280; display:flex; }
.bch-chat-body{ height:340px; padding:14px 12px; display:flex; flex-direction:column; justify-content:flex-end; gap:8px; overflow:hidden; transition:opacity .35s; }
.bch-chat-body.is-fade{ opacity:0; }
.bch-msg{ display:flex; flex-direction:column; align-items:flex-start; gap:4px; }
.bch-msg.is-user{ align-items:flex-end; }
.bch-msg-col{ max-width:82%; display:flex; flex-direction:column; gap:3px; }
.bch-bubble{ padding:8px 12px; font-size:14px; line-height:1.4; text-align:left; }
.bch-bubble-link{ margin-top:8px; padding:8px 10px; border-radius:12px; background:#fff; color:#0C1014; font-weight:600; font-size:13px; display:flex; justify-content:space-between; gap:8px; }
.bch-bubble-result{ margin-top:6px; display:flex; align-items:center; gap:6px; font-size:12.5px; font-weight:700; color:var(--ok-ink); }
.bch-result-check{ width:16px; height:16px; border-radius:4px; background:#22A854; color:#fff; display:flex; align-items:center; justify-content:center; }
.bch-bubble-time{ float:right; display:inline-flex; align-items:center; gap:3px; font-size:11px; margin:6px 0 -3px 10px; }
.bch-inline-btns{ display:grid; gap:4px; }
.bch-inline-btns span{ background:rgba(70,110,150,.42); color:#fff; border-radius:8px; padding:7px 8px; font-size:13px; font-weight:600; text-align:center; }
.bch-reply-btn{ background:#fff; color:#027EB5; border-radius:3px; margin-top:-1px; padding:8px 10px; font-size:13.5px; font-weight:600; text-align:center; box-shadow:0 1px 1px rgba(11,20,26,.08); }
.bch-reply-btn:last-child{ border-radius:3px 3px 10px 10px; }
.bch-quick-btns{ display:flex; flex-wrap:wrap; justify-content:flex-end; gap:6px; align-self:stretch; margin-top:4px; }
.bch-quick-btns span{ border:1px solid; border-radius:999px; padding:6px 12px; font-size:13px; font-weight:600; }
.bch-seen{ font-size:11.5px; color:#8E8E8E; margin-right:6px; }
.bch-composer{ display:flex; align-items:center; gap:10px; }
.bch-composer-ph{ flex:1; font-size:14px; text-align:left; }
.bch-composer-send{ border-radius:50%; color:#fff; display:flex; align-items:center; justify-content:center; flex:none; }
.bch-composer-field{ flex:1; display:flex; align-items:center; gap:10px; }

.bch-chat--telegram .bch-chat-body{ background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' fill='none' stroke='rgba(70,110,150,.16)' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='16' cy='18' r='6'/%3E%3Cpath d='M44 10l3 6 6 1-4.5 4 1 6-5.5-3-5.5 3 1-6L35 17l6-1z'/%3E%3Cpath d='M86 14c3-4 9-2 8 3-1 4-8 8-8 8s-7-4-8-8c-1-5 5-7 8-3z'/%3E%3Crect x='12' y='52' width='14' height='10' rx='2'/%3E%3Cpath d='M12 55l7 4 7-4'/%3E%3Cpath d='M50 50q6-8 12 0t12 0'/%3E%3Ccircle cx='100' cy='58' r='3'/%3E%3Cpath d='M96 70l8-8'/%3E%3Cpath d='M20 92l6 10 6-10z'/%3E%3Cpath d='M58 88a8 8 0 1 1 0 12'/%3E%3Cpath d='M92 90h14M99 83v14'/%3E%3Cpath d='M40 112l4-4 4 4 4-4'/%3E%3C/svg%3E") 0 0/120px 120px, linear-gradient(170deg,#D9E8F6 0%,#E4EEF7 60%,#DDEAF3 100%); }
.bch-chat--telegram .is-user .bch-bubble{ background:#D6EAFF; color:#10223A; border-radius:16px 16px 4px 16px; }
.bch-chat--telegram .is-bot .bch-bubble{ background:#fff; color:#10223A; border-radius:16px 16px 16px 4px; }
.bch-chat--telegram .bch-bubble,.bch-chat--whatsapp .bch-bubble{ box-shadow:0 1px 1px rgba(11,20,26,.08); }
.bch-chat--telegram .bch-bubble-time{ color:#7C93AB; } .bch-chat--telegram .bch-ticks{ color:#3D9BE9; }
.bch-composer--telegram{ padding:10px 10px 10px 14px; background:#fff; color:#8A96A3; }
.bch-composer--telegram .bch-composer-ph{ color:#9AA5B1; }
.bch-composer--telegram .bch-composer-send{ width:38px; height:38px; background:#2AABEE; }

.bch-chat--whatsapp{ --st:#667781; }
.bch-chat--whatsapp .bch-chat-body{ background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' fill='none' stroke='rgba(120,100,70,.13)' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='16' cy='18' r='6'/%3E%3Cpath d='M44 10l3 6 6 1-4.5 4 1 6-5.5-3-5.5 3 1-6L35 17l6-1z'/%3E%3Cpath d='M86 14c3-4 9-2 8 3-1 4-8 8-8 8s-7-4-8-8c-1-5 5-7 8-3z'/%3E%3Crect x='12' y='52' width='14' height='10' rx='2'/%3E%3Cpath d='M12 55l7 4 7-4'/%3E%3Cpath d='M50 50q6-8 12 0t12 0'/%3E%3Ccircle cx='100' cy='58' r='3'/%3E%3Cpath d='M96 70l8-8'/%3E%3Cpath d='M20 92l6 10 6-10z'/%3E%3Cpath d='M58 88a8 8 0 1 1 0 12'/%3E%3Cpath d='M92 90h14M99 83v14'/%3E%3Cpath d='M40 112l4-4 4 4 4-4'/%3E%3C/svg%3E") 0 0/120px 120px, #EFEAE2; }
.bch-chat--whatsapp .is-user .bch-bubble{ background:#D9FDD3; color:#111B21; border-radius:10px 10px 3px 10px; }
.bch-chat--whatsapp .is-bot .bch-bubble{ background:#fff; color:#111B21; border-radius:10px 10px 10px 3px; }
.bch-chat--whatsapp .bch-bubble.has-reply{ border-radius:10px 10px 3px 3px; }
.bch-chat--whatsapp .bch-bubble-time{ color:#667781; } .bch-chat--whatsapp .bch-ticks{ color:#53BDEB; }
.bch-composer--whatsapp{ gap:8px; padding:8px; background:#EFEAE2; }
.bch-composer--whatsapp .bch-composer-field{ background:#fff; border-radius:22px; padding:9px 14px; color:#667781; }
.bch-composer--whatsapp .bch-composer-ph{ color:#8696A0; }
.bch-composer--whatsapp .bch-composer-send{ width:40px; height:40px; background:#1DAA61; }

.bch-chat--instagram{ --st:#737373; }
.bch-chat--instagram .bch-chat-body,.bch-chat--messenger .bch-chat-body{ background:#fff; }
.bch-chat--instagram .is-user .bch-bubble{ background:linear-gradient(135deg,#8A3CF0,#4C63F5); color:#fff; border-radius:20px 20px 6px 20px; }
.bch-chat--instagram .is-bot .bch-bubble{ background:#EFEFEF; color:#0C1014; border-radius:20px 20px 20px 6px; }
.bch-chat--instagram .bch-quick-btns span{ border-color:#DBDBDB; color:#0C1014; }
.bch-composer--instagram{ padding:8px; background:#fff; }
.bch-composer--instagram .bch-composer-field{ border:1px solid #DBDBDB; border-radius:24px; padding:5px 12px 5px 5px; color:#0C1014; }
.bch-composer--instagram .bch-composer-ph{ color:#8E8E8E; }
.bch-composer-cam{ width:32px; height:32px; border-radius:50%; background:#3797F0; color:#fff; display:flex; align-items:center; justify-content:center; flex:none; }

.bch-chat--messenger{ --st:#65676B; }
.bch-chat--messenger .bch-chat-head-ico{ color:#0A7CFF; }
.bch-chat--messenger .is-user .bch-bubble{ background:#0A7CFF; color:#fff; border-radius:18px 18px 4px 18px; }
.bch-chat--messenger .is-bot .bch-bubble{ background:#F0F0F0; color:#050505; border-radius:18px 18px 18px 4px; }
.bch-chat--messenger .bch-quick-btns span{ border-color:#0A7CFF; color:#0A7CFF; }
.bch-composer--messenger{ padding:8px 12px; background:#fff; color:#0A7CFF; }
.bch-composer--messenger .bch-composer-ph{ background:#F0F2F5; border-radius:20px; padding:9px 14px; color:#65676B; }

/* ---------- wizard demo ---------- */
.bc-home .bch-wd{ background:radial-gradient(900px 420px at 80% 0%,rgba(0,91,255,.22),rgba(0,91,255,0) 70%),#10151F; color:#fff; }
.bch-wd-grid{ display:grid; grid-template-columns:minmax(0,.62fr) minmax(0,1.6fr); gap:48px; align-items:center; }
.bch-wd-desc{ font-size:18px; line-height:1.55; color:#C4CFE4; margin:18px 0 0; max-width:460px; text-wrap:pretty; }
.bch-wd-benefits{ display:grid; gap:26px; margin-top:40px; }
.bch-wd-benefit{ display:flex; gap:16px; align-items:flex-start; }
.bch-wd-benefit > .bch-ico{ color:#5B95FF; margin-top:2px; }
.bch-wd-benefit-title{ font-size:17px; font-weight:700; color:#fff; }
.bch-wd-benefit-text{ font-size:15px; color:#AFC0E2; margin-top:5px; line-height:1.45; }
.bch-wd-player{ min-width:0; }
.bch-wd-win{ display:flex; height:640px; border-radius:20px; overflow:hidden; background:#fff; box-shadow:0 40px 80px -30px rgba(0,0,0,.6); border:1px solid rgba(143,184,255,.22); color:var(--text-strong); }
.bch-wd-side{ width:212px; flex:none; background:#0B1733; border-right:1px solid rgba(143,184,255,.14); padding:22px 16px 16px; display:flex; flex-direction:column; }
.bch-wd-logo{ height:20px; width:auto; align-self:flex-start; filter:brightness(0) invert(1); opacity:.9; }
.bch-wd-botname{ font-size:13.5px; font-weight:700; color:#fff; margin:22px 0 20px; }
.bch-wd-nav{ display:flex; flex-direction:column; }
.bch-wd-nav button{ display:flex; align-items:center; gap:11px; background:none; border:none; padding:0; cursor:pointer; text-align:left; position:relative; min-height:50px; border-radius:8px; }
.bch-wd-nav button:not(:last-child)::after{ content:''; position:absolute; left:13px; top:38px; height:24px; width:1.5px; background:rgba(143,184,255,.2); }
.bch-wd-nav button.is-done:not(:last-child)::after{ background:#3E6FD8; }
.bch-wd-num{ width:28px; height:28px; border-radius:50%; flex:none; display:flex; align-items:center; justify-content:center; font-size:12.5px; font-weight:800; transition:all .25s; color:#7F8CA8; border:1.5px solid rgba(143,184,255,.28); }
.bch-wd-num .bch-ico{ display:none; }
.bch-wd-nav .is-done .bch-wd-num{ background:rgba(0,91,255,.2); color:#8FB8FF; border-color:#3E6FD8; }
.bch-wd-nav .is-done .bch-wd-num .bch-ico{ display:block; } .bch-wd-nav .is-done .bch-wd-num-n{ display:none; }
.bch-wd-nav .is-current .bch-wd-num{ background:var(--brand); color:#fff; border-color:var(--brand); box-shadow:0 0 0 4px rgba(0,91,255,.25); }
.bch-wd-nav-label{ font-size:13.5px; font-weight:500; color:#8593AD; line-height:1.3; transition:color .25s; }
.bch-wd-nav .is-done .bch-wd-nav-label{ color:#C4CFE4; }
.bch-wd-nav .is-current .bch-wd-nav-label{ color:#fff; font-weight:700; }
.bch-wd-nav button:focus-visible,.bch-wd-ctrl:focus-visible,.bch-wd-cta:focus-visible{ outline:2px solid #8FB8FF; outline-offset:2px; }
.bch-wd-draft{ margin-top:auto; display:flex; align-items:center; gap:8px; font-size:12px; color:#C4CFE4; border:1px solid rgba(143,184,255,.18); border-radius:10px; padding:8px 10px; opacity:0; transition:opacity .3s; }
.bch-wd-draft.is-on{ opacity:1; }
.bch-wd-draft span{ width:7px; height:7px; border-radius:50%; background:#1FB979; }
.bch-wd-main{ flex:1; min-width:0; display:flex; flex-direction:column; position:relative; }
.bch-wd-mtop{ display:none; align-items:center; gap:10px; padding:12px 18px; border-bottom:1px solid var(--hair); }
.bch-wd-mselect{ flex:1; min-width:0; position:relative; display:flex; align-items:center; gap:6px; font-size:13.5px; font-weight:700; color:#07112B; min-height:44px; }
.bch-wd-mselect > span{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.bch-wd-mselect .bch-ico{ color:#5A6B8C; }
.bch-wd-mselect select{ position:absolute; inset:0; opacity:0; cursor:pointer; font-size:16px; }
.bch-wd-badge{ font-size:11px; font-weight:800; letter-spacing:.08em; color:var(--brand); background:#EAF2FF; padding:4px 8px; border-radius:999px; }
.bch-wd-badge--abs{ position:absolute; top:18px; right:20px; padding:4px 9px; }
.bch-wd-body{ flex:1; min-height:0; padding:28px 32px 0; overflow:hidden; pointer-events:none; user-select:none; }
.bch-wd-step{ animation:bchWdStep .3s ease-out both; }
@keyframes bchWdStep{ from{ opacity:0; transform:translateY(10px); } to{ opacity:1; transform:none; } }
.bch-wd-in{ animation:bchWdIn .22s ease-out both; }
@keyframes bchWdIn{ from{ opacity:0; transform:translateY(4px); } to{ opacity:1; transform:none; } }
.bch-wd-step-kicker{ font-size:11px; font-weight:800; letter-spacing:.1em; color:var(--brand); }
.bch-wd-step-title{ font:800 24px/1.2 var(--font-sans); letter-spacing:-.025em; color:#07112B; margin-top:8px; }
.bch-wd-step-desc{ font-size:14px; line-height:1.5; color:#5A6B8C; margin:6px 0 18px; }
.bch-wd-foot{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 20px; border-top:1px solid var(--hair); pointer-events:none; }
.bch-wd-back{ display:flex; align-items:center; gap:6px; font-size:13.5px; font-weight:700; color:#3C4D6B; border:1px solid var(--border-subtle); border-radius:10px; padding:10px 14px; opacity:.45; }
.bch-wd-back.is-on{ opacity:1; }
.bch-wd-primary{ display:flex; align-items:center; font-size:13.5px; font-weight:700; color:#fff; background:var(--brand); border-radius:10px; padding:11px 16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:background .2s, box-shadow .25s; }
.bch-wd-primary > span{ display:flex; align-items:center; gap:8px; }
.bch-wd-primary.is-busy{ background:#4D8AFF; }
.bch-wd-primary.is-hl{ box-shadow:0 0 0 5px rgba(0,91,255,.22); }
.bch-wd-spin{ width:13px; height:13px; border-radius:50%; border:2px solid rgba(255,255,255,.4); border-top-color:#fff; animation:bchSpin .8s linear infinite; flex:none; }
@keyframes bchSpin{ to{ transform:rotate(360deg); } }
.bch-wd-controls{ display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-top:20px; }
.bch-wd-ctrl-group{ display:flex; align-items:center; gap:10px; }
.bch-wd-ctrl{ width:44px; height:44px; border-radius:12px; border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.06); color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer; padding:0; }
.bch-wd-ctrl:disabled{ opacity:.4; cursor:default; }
.bch-wd-ctrl:hover:not(:disabled){ background:rgba(255,255,255,.12); }
.bch-wd-ctrl > span{ display:flex; }
.bch-wd-ctrl--wide{ width:auto; padding:0 16px; gap:8px; font-size:14px; font-weight:700; }
.bch-wd-progress{ display:flex; gap:4px; margin-left:6px; }
.bch-wd-progress span{ width:22px; height:4px; border-radius:2px; background:rgba(255,255,255,.16); overflow:hidden; }
.bch-wd-progress i{ display:block; width:100%; height:100%; background:#5B95FF; transform-origin:0 50%; transition:transform .1s linear; }
.bch-wd-cta{ display:flex; align-items:center; gap:8px; height:48px; padding:0 22px; border-radius:12px; background:#fff; color:#07112B; font-size:15px; font-weight:700; }
.bch-wd-cta:hover{ background:#EEF3FC; }

/* wizard step views */
.bch-wd-stack{ display:flex; flex-direction:column; gap:16px; }
.bch-wd-stack--8{ gap:8px; } .bch-wd-stack--10{ gap:10px; } .bch-wd-stack--12{ gap:12px; } .bch-wd-stack--14{ gap:14px; }
.bch-wd-g3{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.bch-wd-g2{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.bch-wd-test.bch-wd-g2{ grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:14px; }
.bch-wd-card{ border:1.5px solid var(--border-subtle); border-radius:12px; background:#fff; transition:border-color .2s, background .2s, box-shadow .2s; }
.bch-wd-card.is-on{ border-color:var(--brand); background:#F1F6FF; }
.bch-wd-niche{ padding:16px 14px; display:flex; flex-direction:column; gap:12px; position:relative; min-height:96px; }
.bch-wd-niche-ico{ width:36px; height:36px; border-radius:10px; background:#F1F5FB; color:#3C4D6B; display:flex; align-items:center; justify-content:center; transition:all .2s; }
.bch-wd-niche.is-on .bch-wd-niche-ico{ background:#fff; color:var(--brand); }
.bch-wd-niche-label{ font-size:13.5px; font-weight:700; color:#07112B; line-height:1.3; }
.bch-wd-niche-check{ position:absolute; top:12px; right:12px; opacity:0; transition:opacity .2s; }
.bch-wd-niche.is-on .bch-wd-niche-check{ opacity:1; }
.bch-wd-box{ width:20px; height:20px; border-radius:6px; flex:none; display:flex; align-items:center; justify-content:center; border:1.5px solid #CDD8E8; background:#fff; color:#fff; transition:all .2s; }
.bch-wd-box .bch-ico{ visibility:hidden; }
.bch-wd-box.is-checked,.is-on > .bch-wd-box{ border-color:var(--brand); background:var(--brand); }
.bch-wd-box.is-checked .bch-ico,.is-on > .bch-wd-box .bch-ico{ visibility:visible; }
.bch-wd-slot42{ min-height:42px; } .bch-wd-slot44{ min-height:44px; margin-top:10px; }
.bch-wd-note{ display:flex; align-items:center; gap:10px; padding:11px 14px; border-radius:12px; background:#F1F6FF; color:#0047CC; font-size:13.5px; font-weight:600; }
.bch-wd-task{ padding:0 14px; min-height:54px; display:flex; align-items:center; gap:12px; font-size:13.5px; font-weight:600; color:#07112B; }
.bch-wd-count{ font-size:13px; color:#5A6B8C; min-height:18px; }
.bch-wd-label{ font-size:12px; font-weight:700; color:#3C4D6B; margin-bottom:6px; }
.bch-wd-label--flush{ margin-bottom:0; }
.bch-wd-field{ border:1px solid var(--border-subtle); border-radius:10px; padding:9px 12px; font-size:13.5px; line-height:1.45; color:#07112B; background:#fff; min-height:40px; transition:border-color .2s; }
.bch-wd-field--62{ min-height:62px; } .bch-wd-field--64{ min-height:64px; } .bch-wd-field--sm{ font-size:12.5px; }
.bch-wd-field.is-hl{ border-color:#BBD3FF; }
.bch-wd-ph{ color:#A9B6CC; }
.bch-wd-ai-btn{ align-self:flex-start; display:flex; align-items:center; gap:8px; border:1.5px solid #BBD3FF; color:var(--brand); border-radius:10px; padding:8px 12px; font-size:13px; font-weight:700; }
.bch-wd-materials{ padding:14px; }
.bch-wd-materials.is-ok{ border-color:#9FD9BD; }
.bch-wd-materials-head{ display:flex; align-items:center; gap:8px; margin-bottom:10px; }
.bch-wd-materials-title{ font-size:13px; font-weight:700; color:#07112B; }
.bch-wd-materials-head .bch-wd-pill{ margin-left:auto; }
.bch-wd-fade{ opacity:0; transition:opacity .3s; }
.bch-wd-fade.is-shown{ opacity:1; }
.bch-wd-fade.is-shown.is-dim{ opacity:.55; }
.bch-wd-tag{ font-size:9.5px; font-weight:800; letter-spacing:.06em; padding:2px 6px; border-radius:999px; }
.bch-wd-tag--free{ color:#15803D; background:#E6F6EF; } .bch-wd-tag--start{ color:#B45309; background:#FEF3DF; } .bch-wd-tag--pro{ color:#6D28D9; background:#F1EAFE; }
.bch-wd-pill{ font-size:11.5px; font-weight:700; padding:4px 9px; border-radius:999px; white-space:nowrap; }
.bch-wd-pill--ok{ color:var(--ok-ink); background:var(--ok-bg); } .bch-wd-pill--muted{ color:#5A6B8C; background:#F1F5FB; } .bch-wd-pill--brand{ color:#0047CC; background:#EAF2FF; }
.bch-wd-tabs{ display:flex; gap:6px; flex-wrap:wrap; }
.bch-wd-tab{ display:flex; align-items:center; gap:6px; padding:6px 10px; border-radius:8px; font-size:12.5px; font-weight:600; border:1px solid var(--border-subtle); color:#3C4D6B; background:#fff; transition:all .2s; }
.bch-wd-tab.is-on{ border-color:var(--brand); color:var(--brand); background:#F1F6FF; }
.bch-wd-excerpt{ font-size:13px; line-height:1.45; color:#22304B; background:#F7F9FC; border-radius:8px; padding:8px 10px; }
.bch-wd-sec.is-open{ border-color:#BBD3FF; }
.bch-wd-sec-head{ display:flex; align-items:center; gap:10px; padding:12px 14px; }
.bch-wd-sec-title{ font-size:13.5px; font-weight:700; color:#07112B; }
.bch-wd-sec-sum{ margin-left:auto; font-size:12px; color:#5A6B8C; }
.bch-wd-sec-chev{ color:#8593AD; transition:transform .25s; display:flex; }
.bch-wd-sec.is-open .bch-wd-sec-chev{ transform:rotate(180deg); }
.bch-wd-sec-body{ padding:0 14px 14px; }
.bch-wd-role{ font-size:13px; line-height:1.55; color:#22304B; min-height:60px; }
.bch-wd-flow{ display:flex; flex-direction:column; gap:6px; }
.bch-wd-flow-item{ display:flex; align-items:center; gap:8px; font-size:13px; color:#22304B; }
.bch-wd-flow-item .bch-ico{ color:#1FB979; }
.bch-wd-edit{ align-self:flex-start; margin-top:4px; display:flex; align-items:center; gap:6px; font-size:12.5px; font-weight:700; color:var(--brand); padding:5px 9px; border-radius:8px; transition:background .25s; }
.bch-wd-edit.is-hl{ background:#EAF2FF; }
.bch-wd-pills{ display:flex; flex-wrap:wrap; gap:6px; min-height:28px; }
.bch-wd-chips{ display:flex; flex-wrap:wrap; gap:6px; }
.bch-wd-chip{ border-radius:10px; padding:6px 9px; display:flex; align-items:center; gap:7px; color:#3C4D6B; }
.bch-wd-chip.is-on{ color:var(--brand); }
.bch-wd-chip-label{ font-size:12.5px; font-weight:700; color:#07112B; }
.bch-wd-chosen{ display:flex; align-items:center; gap:4px; font-size:11.5px; font-weight:700; color:var(--brand); }
.bch-wd-ints{ overflow:hidden; }
.bch-wd-ints.is-ring{ border-color:#BBD3FF; box-shadow:0 0 0 4px rgba(0,91,255,.14); }
.bch-wd-int{ display:flex; align-items:center; gap:10px; padding:9px 12px; }
.bch-wd-int + .bch-wd-int{ border-top:1px solid var(--hair); }
.bch-wd-int-ico{ width:28px; height:28px; border-radius:8px; background:#F1F5FB; color:#3C4D6B; display:flex; align-items:center; justify-content:center; }
.bch-wd-int-label{ font-size:13px; font-weight:600; color:#07112B; }
.bch-wd-int .bch-wd-pill{ margin-left:auto; }
.bch-wd-tchat{ display:flex; flex-direction:column; height:344px; overflow:hidden; }
.bch-wd-tchat-head{ display:flex; align-items:center; gap:9px; padding:10px 12px; border-bottom:1px solid var(--hair); }
.bch-wd-tchat-ava{ width:30px; height:30px; border-radius:50%; background:linear-gradient(135deg,#4D8AFF,#005BFF); color:#fff; font-size:13px; font-weight:800; display:flex; align-items:center; justify-content:center; }
.bch-wd-tchat-name{ font-size:13px; font-weight:700; color:#07112B; }
.bch-wd-tchat-status{ font-size:11px; color:#1FB979; font-weight:600; }
.bch-wd-tchat-body{ flex:1; padding:10px; display:flex; flex-direction:column; justify-content:flex-end; gap:7px; overflow:hidden; }
.bch-wd-bub{ align-self:flex-start; max-width:86%; background:#F1F5FB; color:#07112B; border-radius:14px 14px 14px 4px; padding:8px 11px; font-size:12.5px; line-height:1.45; }
.bch-wd-bub.is-me{ align-self:flex-end; background:var(--brand); color:#fff; border-radius:14px 14px 4px 14px; }
.bch-wd-bub-kicker{ font-size:10.5px; font-weight:800; letter-spacing:.05em; color:var(--brand); margin-bottom:3px; }
.bch-wd-tchat-compose{ display:flex; align-items:center; gap:8px; padding:8px 10px; border-top:1px solid var(--hair); }
.bch-wd-tchat-input{ flex:1; font-size:12.5px; color:#07112B; }
.bch-wd-tchat-send{ width:30px; height:30px; border-radius:9px; background:#E2EAF6; color:#fff; display:flex; align-items:center; justify-content:center; transition:background .2s; }
.bch-wd-tchat-send.is-on{ background:var(--brand); }
.bch-wd-tside{ display:flex; flex-direction:column; gap:8px; min-width:0; }
.bch-wd-tests{ display:flex; flex-wrap:wrap; gap:5px; }
.bch-wd-test-chip{ font-size:11.5px; font-weight:600; padding:4px 8px; border-radius:7px; border:1px solid var(--border-subtle); background:#fff; color:#3C4D6B; transition:all .2s; }
.bch-wd-test-chip.is-on{ border-color:var(--brand); background:#F1F6FF; color:var(--brand); }
.bch-wd-apply-row{ display:flex; align-items:center; gap:8px; margin-top:8px; }
.bch-wd-apply{ font-size:12.5px; font-weight:700; color:#fff; background:#BBD3FF; border-radius:8px; padding:6px 12px; transition:background .2s; }
.bch-wd-apply.is-on{ background:var(--brand); }
.bch-wd-tlinks{ display:flex; flex-wrap:wrap; gap:6px 12px; margin-top:2px; font-size:12px; font-weight:700; color:var(--brand); }
.bch-wd-tlinks span{ display:flex; align-items:center; gap:5px; }
.bch-wd-row{ padding:13px 14px; }
.bch-wd-row.is-ring{ border-color:#BBD3FF; box-shadow:0 0 0 4px rgba(0,91,255,.14); }
.bch-wd-row-main{ display:flex; align-items:center; gap:12px; }
.bch-wd-row-main > :last-child{ margin-left:auto; }
.bch-wd-row-ico{ width:34px; height:34px; border-radius:10px; display:flex; align-items:center; justify-content:center; flex:none; }
.bch-wd-row-ico.is-ok{ background:var(--ok-bg); color:var(--ok); } .bch-wd-row-ico.is-brand{ background:#EAF2FF; color:var(--brand); }
.bch-wd-row-title{ font-size:13.5px; font-weight:700; color:#07112B; }
.bch-wd-row-sub{ font-size:12px; color:#5A6B8C; margin-top:2px; }
.bch-wd-outline-btn{ font-size:12.5px; font-weight:700; color:var(--brand); border:1.5px solid #BBD3FF; border-radius:8px; padding:6px 10px; white-space:nowrap; }
.bch-wd-row-note{ margin-top:10px; font-size:12.5px; line-height:1.45; color:#3C4D6B; background:#F7F9FC; border-radius:8px; padding:8px 10px; }

/* ---------- CRM demo ---------- */
.bch-crm{ background:#fff; border:1px solid var(--border-subtle); border-radius:20px; box-shadow:var(--shadow-md); overflow:hidden; }
.bch-crm-top{ display:flex; align-items:center; gap:12px; padding:16px 24px; border-bottom:1px solid var(--hair); }
.bch-crm-top-title{ font-size:17px; font-weight:800; color:var(--text-strong); }
.bch-crm-grid{ display:grid; grid-template-columns:minmax(260px,.9fr) minmax(0,2fr) minmax(260px,.95fr); }
.bch-crm-list{ border-right:1px solid var(--hair); padding:20px 14px; }
.bch-crm-list-title{ font-size:16px; font-weight:700; color:var(--text-strong); padding:0 6px 12px; }
.bch-crm-search{ display:flex; align-items:center; gap:8px; border:1px solid var(--border-subtle); border-radius:10px; padding:9px 12px; color:#A9B6CC; font-size:14px; margin-bottom:10px; }
.bch-crm-dialog{ display:flex; gap:12px; align-items:center; padding:12px 10px; border-radius:12px; border-bottom:1px solid var(--hair); }
.bch-crm-dialog.is-active{ background:#EEF4FF; border-bottom:none; }
.bch-crm-ava{ border-radius:50%; background:#EAF2FF; color:#0047CC; font-weight:700; display:flex; align-items:center; justify-content:center; flex:none; }
.bch-crm-ava--42{ width:42px; height:42px; font-size:14px; } .bch-crm-ava--48{ width:48px; height:48px; font-size:16px; }
.bch-crm-dialog-main{ flex:1; min-width:0; }
.bch-crm-dialog-top{ display:flex; align-items:center; gap:8px; }
.bch-crm-dialog-name{ font-size:14px; font-weight:700; color:#07112B; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.bch-crm-dialog-top img{ flex:none; }
.bch-crm-dialog-time{ margin-left:auto; font-size:12px; color:#8593AD; }
.bch-crm-dialog-last{ font-size:13px; color:#5A6B8C; margin-top:3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.bch-crm-chat{ display:flex; flex-direction:column; min-width:0; background:#FBFCFE; }
.bch-crm-chat-head{ display:flex; align-items:center; gap:12px; padding:0 20px; height:68px; flex:none; border-bottom:1px solid var(--hair); background:#fff; min-width:0; }
.bch-crm-chat-name{ font-size:15px; font-weight:700; color:#07112B; white-space:nowrap; }
.bch-crm-status{ display:flex; align-items:center; gap:6px; font-size:13px; color:#5A6B8C; width:128px; flex:none; white-space:nowrap; }
.bch-crm-status-dot{ width:8px; height:8px; border-radius:50%; background:#1FB979; }
.bch-crm.is-joined .bch-crm-status-dot{ background:#F5A623; }
.bch-crm-join{ margin-left:auto; border:none; background:var(--gray-900); color:#fff; font-size:13.5px; font-weight:700; padding:10px 16px; border-radius:10px; cursor:pointer; min-height:40px; flex:none; white-space:nowrap; }
.bch-crm-join:hover{ background:#1B2640; }
.bch-crm-join:focus-visible{ outline:2px solid var(--brand); outline-offset:2px; }
.bch-crm.is-joined .bch-crm-join{ border:1px solid var(--border-subtle); background:#fff; color:#07112B; }
.bch-crm-msgs{ height:380px; flex:none; padding:18px 20px; display:flex; flex-direction:column; justify-content:flex-end; gap:10px; overflow:hidden; overflow-anchor:none; }
.bch-crm-msg{ align-self:flex-start; max-width:78%; display:flex; flex-direction:column; align-items:flex-start; gap:4px; }
.bch-crm-msg.is-bot{ align-self:flex-end; align-items:flex-end; }
.bch-crm-bubble{ background:#fff; border:1px solid var(--hair); border-radius:14px 14px 14px 4px; padding:10px 14px; font-size:14px; line-height:1.45; color:#07112B; box-shadow:var(--shadow-xs); transition:box-shadow .4s; }
.bch-crm-msg.is-bot .bch-crm-bubble{ background:#E3EEFF; border:none; border-radius:14px 14px 4px 14px; }
.bch-crm-msg.is-hot .bch-crm-bubble{ box-shadow:0 0 0 3px rgba(0,91,255,.18); }
.bch-crm-time{ font-size:11.5px; color:#8593AD; }
.bch-crm-compose-wrap{ padding:12px 16px 16px; }
.bch-crm-compose{ display:flex; align-items:center; gap:10px; background:#fff; border:1px solid var(--border-subtle); border-radius:14px; padding:8px 8px 8px 14px; font-size:14px; color:#A9B6CC; }
.bch-crm-compose > span:first-child{ flex:1; }
.bch-crm.is-joined .bch-crm-compose{ border:1.5px solid var(--brand); color:#5A6B8C; }
.bch-crm-compose-send{ width:38px; height:38px; border-radius:50%; background:#CDD8E8; color:#fff; display:flex; align-items:center; justify-content:center; }
.bch-crm.is-joined .bch-crm-compose-send{ background:var(--brand); }
.bch-crm-card{ border-left:1px solid var(--hair); padding:20px 22px; display:flex; flex-direction:column; }
.bch-crm-card-title{ font-size:16px; font-weight:700; color:var(--text-strong); margin-bottom:16px; }
.bch-crm-field{ padding:9px 8px; margin:0 -8px; border-radius:10px; border-bottom:1px solid var(--hair); }
.bch-crm-field-label{ font-size:12.5px; color:#5A6B8C; margin-bottom:3px; }
.bch-crm-field-value{ font-size:15px; line-height:23px; height:23px; font-weight:600; color:#07112B; white-space:nowrap; }
.bch-crm-skeleton{ display:block; width:110px; height:10px; border-radius:5px; background:var(--hair); margin:6.5px 0; }
.bch-crm-field .bch-crm-empty,.bch-crm-field.is-filled .bch-crm-filled{ display:block; }
.bch-crm-field .bch-crm-filled,.bch-crm-field.is-filled .bch-crm-empty{ display:none; }
.bch-crm-name{ display:flex; align-items:center; gap:12px; padding:8px; margin:0 -8px 10px; border-radius:12px; border-bottom:none; }
.bch-crm-name .bch-crm-ava .bch-crm-filled,.bch-crm-name .bch-crm-ava .bch-crm-empty{ display:none; }
.bch-crm-name.is-filled .bch-crm-ava .bch-crm-filled,.bch-crm-name:not(.is-filled) .bch-crm-ava .bch-crm-empty{ display:inline; }
.bch-crm-name-text{ font-size:16px; font-weight:700; color:#07112B; }
.bch-crm-new{ font-size:14px; color:#A9B6CC; }
.bch-crm-field.is-flash{ animation:bchCrmFlash 2.2s ease-out both; }
.bch-crm-field.is-filled .bch-crm-filled{ animation:bchWdIn .22s ease-out both; }
@keyframes bchCrmFlash{ 0%{ background:#DCE9FF; } 60%{ background:#EAF2FF; } 100%{ background:rgba(234,242,255,0); } }
.bch-crm-channel{ padding:9px 0; }
.bch-crm-channel-val{ display:flex; align-items:center; gap:8px; font-size:15px; font-weight:600; color:#07112B; }
.bch-crm-saved{ margin-top:auto; padding-top:14px; display:flex; align-items:center; gap:10px; font-size:13.5px; font-weight:600; color:#8593AD; transition:color .3s; }
.bch-crm-saved-ico{ width:28px; height:28px; border-radius:50%; background:#F1F5FB; color:#A9B6CC; display:flex; align-items:center; justify-content:center; transition:all .3s; }
.bch-crm-saved-ico .bch-typing{ transform:scale(.6); }
.bch-crm-saved-ico .bch-ico,.bch-crm-saved-yes{ display:none; }
.bch-crm-saved.is-saved{ color:var(--ok-ink); }
.bch-crm-saved.is-saved .bch-crm-saved-ico{ background:var(--ok-bg); color:var(--ok); }
.bch-crm-saved.is-saved .bch-crm-saved-ico .bch-ico,.bch-crm-saved.is-saved .bch-crm-saved-yes{ display:block; }
.bch-crm-saved.is-saved .bch-typing,.bch-crm-saved.is-saved .bch-crm-saved-no{ display:none; }

/* ---------- knowledge demo ---------- */
.bch-kn-grid{ display:grid; grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr); gap:40px; align-items:center; }
.bch-kn-stage-box{ position:relative; min-width:0; height:470px; }
.bch-kn-stage{ position:absolute; left:0; top:0; width:700px; height:470px; transform-origin:0 0; }
.bch-kn-svg{ position:absolute; inset:0; overflow:visible; }
.bch-kn-blue{ stroke:#A9C4F5; transition:stroke .4s; }
.bch-kn-grid.is-flow [data-kn-path-a],.bch-kn-grid.is-tail [data-kn-path-b]{ stroke:#1F6FFF; }
.bch-kn-doc{ position:absolute; background:#fff; border:1px solid var(--border-subtle); border-radius:12px; padding:14px 14px 16px; box-shadow:var(--shadow-sm); display:flex; gap:11px; transition:opacity .4s; }
.bch-kn-grid.is-lit .bch-kn-doc{ opacity:.75; }
.bch-kn-doc-main{ flex:1; min-width:0; }
.bch-kn-doc-title{ font-size:13.5px; font-weight:600; color:#07112B; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.bch-kn-line{ display:block; height:6px; border-radius:3px; background:var(--hair); margin-top:8px; }
.bch-kn-file{ width:26px; height:31px; border-radius:5px; color:#fff; font-size:9px; font-weight:800; display:flex; align-items:flex-end; justify-content:center; padding-bottom:5px; flex:none; clip-path:polygon(0 0,70% 0,100% 24%,100% 100%,0 100%); }
.bch-kn-file--28{ width:28px; height:34px; }
.bch-kn-file--sheet{ background:#1FA463; } .bch-kn-file--doc{ background:#2F6FEB; font-size:13px; } .bch-kn-file--pdf{ background:#E5484D; } .bch-kn-file--txt{ background:#8593AD; }
.bch-kn-price{ position:absolute; left:196px; top:150px; width:256px; height:156px; background:#fff; border-radius:16px; padding:16px; border:1.5px solid #D5E0F0; box-shadow:var(--shadow-md); transition:border-color .35s, box-shadow .35s; }
.bch-kn-grid.is-lit .bch-kn-price{ border-color:#6E9CFF; box-shadow:0 22px 44px -18px rgba(0,91,255,.45); }
.bch-kn-price-head{ display:flex; align-items:center; gap:12px; font-size:17px; font-weight:700; color:#07112B; }
.bch-kn-price-row{ margin-top:14px; padding:8px 9px; border-radius:8px; font-size:12.5px; font-weight:600; color:#07112B; white-space:nowrap; display:flex; justify-content:space-between; gap:6px; background:#F7F9FC; transition:background .35s, box-shadow .35s; }
.bch-kn-price-row b{ font-weight:800; transition:color .35s; }
.bch-kn-grid.is-lit .bch-kn-price-row{ background:#E3EEFF; box-shadow:inset 0 0 0 1px #9CC0FF; }
.bch-kn-grid.is-lit .bch-kn-price-row b{ color:var(--brand); }
.bch-kn-bot{ position:absolute; left:610px; top:192px; width:84px; height:92px; border-radius:18px; background:#fff; border:1px solid var(--border-subtle); box-shadow:var(--shadow-md); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; transition:box-shadow .3s; }
.bch-kn-grid.is-bot .bch-kn-bot{ box-shadow:0 0 0 6px rgba(0,91,255,.12),var(--shadow-md); }
.bch-kn-bot-face{ position:relative; width:40px; height:32px; border-radius:11px; background:var(--brand); display:flex; align-items:center; justify-content:center; gap:8px; }
.bch-kn-bot-face i{ width:6px; height:6px; border-radius:50%; background:#fff; }
.bch-kn-bot-antenna{ position:absolute; top:-7px; left:18px; width:4px; height:7px; background:var(--brand); border-radius:2px; }
.bch-kn-bot-label{ font-size:12px; font-weight:700; color:#3C4D6B; }
.bch-kn-chat{ background:#fff; border:1px solid var(--border-subtle); border-radius:20px; box-shadow:var(--shadow-md); overflow:hidden; display:flex; flex-direction:column; min-width:0; position:relative; z-index:1; }
.bch-kn-chat-head{ display:flex; align-items:center; gap:10px; padding:16px 20px; border-bottom:1px solid var(--hair); }
.bch-kn-chat-ico{ width:30px; height:30px; border-radius:50%; background:var(--brand); color:#fff; display:flex; align-items:center; justify-content:center; }
.bch-kn-chat-name{ font-size:16px; font-weight:700; color:#07112B; }
.bch-kn-chat-body{ height:300px; padding:20px; display:flex; flex-direction:column; justify-content:flex-end; gap:12px; }
.bch-kn-q{ align-self:flex-end; max-width:80%; background:#E3EEFF; border-radius:16px 16px 4px 16px; padding:11px 15px; font-size:15px; color:#07112B; }
.bch-kn-typing{ align-self:flex-start; background:#F1F5FB; border-radius:14px; padding:12px 14px; }
.bch-kn-a{ align-self:flex-start; max-width:86%; background:#fff; border:1px solid var(--border-subtle); border-radius:16px 16px 16px 4px; padding:11px 15px; font-size:15px; line-height:1.5; color:#07112B; }
.bch-kn-hl{ background:#E3EEFF; color:var(--brand); font-weight:700; border-radius:6px; padding:1px 6px; }
.bch-kn-actions{ display:flex; gap:8px; flex-wrap:wrap; }
.bch-kn-actions span{ border:1px solid #D5E0F0; border-radius:10px; padding:8px 14px; font-size:14px; font-weight:600; color:#0047CC; }
.bch-kn-compose{ margin:0 16px 16px; display:flex; align-items:center; gap:10px; border:1px solid var(--border-subtle); border-radius:14px; padding:8px 8px 8px 14px; font-size:14px; color:#A9B6CC; }
.bch-kn-compose > span:first-child{ flex:1; }
.bch-kn-compose-send{ width:36px; height:36px; border-radius:50%; background:#CDD8E8; color:#fff; display:flex; align-items:center; justify-content:center; }
.bch-kn-foot{ text-align:center; font-size:17px; color:var(--text-muted); margin:56px 0 0; }
.bch-kn-pulse{ fill:#005BFF; }

/* ---------- integrations demo ---------- */
.bch-ig-tabs{ display:flex; justify-content:center; gap:8px; margin-bottom:36px; }
.bch-ig-tab{ background:none; border:none; cursor:pointer; padding:10px 18px; min-height:44px; font-size:16px; font-weight:500; color:var(--text-muted); }
.bch-ig-tab[aria-selected="true"]{ font-weight:700; color:var(--text-strong); box-shadow:inset 0 -2.5px 0 var(--brand); }
.bch-ig-tab:focus-visible{ outline:2px solid var(--brand); outline-offset:2px; border-radius:6px; }
.bch-ig-grid{ display:grid; grid-template-columns:minmax(0,.9fr) 72px minmax(0,1.1fr); align-items:start; position:relative; }
.bch-ig-card{ background:#fff; border:1px solid var(--border-subtle); border-radius:20px; box-shadow:var(--shadow-md); overflow:hidden; display:flex; flex-direction:column; min-width:0; height:470px; }
.bch-ig-head{ display:flex; align-items:center; gap:12px; padding:14px 20px; border-bottom:1px solid var(--hair); min-height:68px; }
.bch-ig-head-title{ font-size:16px; font-weight:700; color:#07112B; }
.bch-ig-head-btns{ margin-left:auto; display:flex; gap:8px; }
.bch-ig-btn{ font-size:13px; font-weight:600; color:#3C4D6B; border:1px solid var(--border-subtle); border-radius:10px; padding:7px 12px; background:#fff; }
.bch-ig-msgs{ flex:1; min-height:0; padding:16px 18px; display:flex; flex-direction:column; justify-content:flex-end; gap:10px; overflow:hidden; background:#FBFCFE; }
.bch-ig-msg{ align-self:flex-start; max-width:82%; display:flex; flex-direction:column; align-items:flex-start; gap:6px; }
.bch-ig-msg.is-user{ align-self:flex-end; align-items:flex-end; }
.bch-ig-bubble{ background:#fff; border:1px solid #E6ECF4; border-radius:14px 14px 14px 4px; padding:10px 14px; font-size:14.5px; line-height:1.45; color:#07112B; }
.bch-ig-msg.is-user .bch-ig-bubble{ background:#E3EEFF; border:none; border-radius:14px 14px 4px 14px; }
.bch-ig-link{ border:1px solid #D5E0F0; background:#fff; border-radius:10px; padding:8px 14px; font-size:14.5px; font-weight:600; color:var(--brand); }
.bch-ig-time{ font-size:11.5px; color:#8593AD; }
.bch-ig-compose{ padding:0 16px 16px; background:#FBFCFE; }
.bch-ig-compose-field{ display:flex; align-items:center; gap:10px; background:#fff; border:1px solid var(--border-subtle); border-radius:14px; padding:8px 8px 8px 14px; font-size:14px; color:#A9B6CC; }
.bch-ig-compose-field > span:first-child{ flex:1; }
.bch-ig-compose-send{ width:36px; height:36px; border-radius:50%; background:#CDD8E8; color:#fff; display:flex; align-items:center; justify-content:center; }
.bch-ig-svc{ animation:bchWdStep .3s ease-out both; }
.bch-ig-svc-body{ padding:16px 22px 0; flex:1; }
.bch-ig-svc-body--sheet{ padding:16px 18px 0; }
.bch-ig-svc-title{ font-size:20px; font-weight:800; color:#07112B; }
.bch-ig-svc-sub{ font-size:13.5px; color:#5A6B8C; margin-top:2px; margin-bottom:12px; }
.bch-ig-grid:not(.is-on) .bch-ig-on,.bch-ig-grid.is-on .bch-ig-off{ display:none; }
.bch-ig-cal-row{ display:flex; align-items:stretch; height:50px; }
.bch-ig-cal-time{ width:56px; font-size:13px; color:#5A6B8C; padding-top:2px; }
.bch-ig-cal-cell{ flex:1; border-top:1px solid var(--hair); border-left:1px solid var(--hair); position:relative; }
.bch-ig-cal-busy{ position:absolute; inset:4px 8px; background:#F1F5FB; border-radius:8px; padding:6px 10px; font-size:12.5px; color:#5A6B8C; }
.bch-ig-cal-event{ position:absolute; inset:4px 8px; background:#E3EEFF; border-left:4px solid var(--brand); border-radius:8px; padding:5px 12px; z-index:1; animation:bchIgPop .45s cubic-bezier(.2,.8,.2,1) both; }
.bch-ig-cal-event-title{ font-size:14px; font-weight:700; color:#07112B; }
.bch-ig-cal-event-time{ font-size:12px; color:#3C4D6B; }
.bch-ig-sheet{ border:1px solid #E6ECF4; border-right:none; border-bottom:none; border-radius:8px; overflow:hidden; }
.bch-ig-sheet-row{ display:grid; grid-template-columns:36px minmax(0,.8fr) minmax(0,1.1fr) minmax(0,1.3fr) minmax(0,.7fr); }
.bch-ig-sheet-row > span{ padding:7px 9px; min-height:33px; border-right:1px solid #E6ECF4; border-bottom:1px solid #E6ECF4; font-size:13px; color:#07112B; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.bch-ig-sheet-row > span.is-hdr{ background:#F7F9FC; color:#5A6B8C; text-align:center; font-size:12px; }
.bch-ig-sheet-row.is-bold > span:not(.is-hdr){ font-weight:700; }
.bch-ig-grid.is-on .bch-ig-sheet-new{ animation:bchIgRow 2.4s ease-out both; }
@keyframes bchIgRow{ 0%{ background:#CFE0FF; box-shadow:inset 0 0 0 2px var(--brand); } 70%{ background:#E3EEFF; box-shadow:inset 0 0 0 2px var(--brand); } 100%{ background:#EEF4FF; box-shadow:inset 0 0 0 1.5px #7FAAFF; } }
.bch-ig-stripe-logo{ font-size:26px; font-weight:800; letter-spacing:-.05em; color:#635BFF; }
.bch-ig-stripe{ padding:18px 24px; display:flex; flex-direction:column; gap:10px; animation:bchIgPop .45s cubic-bezier(.2,.8,.2,1) both; }
.bch-ig-stripe-product{ font-size:16px; font-weight:700; color:#07112B; }
.bch-ig-stripe-price{ font-size:30px; font-weight:800; color:#07112B; letter-spacing:-.02em; }
.bch-ig-stripe .bch-ig-svc-sub{ margin:0; font-size:13px; }
.bch-ig-stripe-label{ font-size:12.5px; font-weight:600; color:#3C4D6B; margin-bottom:5px; }
.bch-ig-stripe-field{ border:1px solid var(--border-subtle); border-radius:8px; padding:9px 12px; font-size:13.5px; color:#A9B6CC; }
.bch-ig-stripe-2col{ display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:8px; }
.bch-ig-stripe-pay{ background:#0A0F1C; color:#fff; border-radius:10px; padding:12px; text-align:center; font-size:15px; font-weight:700; margin-top:4px; }
.bch-ig-stripe-note{ font-size:12px; color:#8593AD; text-align:center; }
.bch-ig-stripe-wait{ flex:1; display:flex; align-items:center; justify-content:center; color:#A9B6CC; font-size:14px; }
.bch-ig-grid:not(.is-on) .bch-ig-stripe-wait{ display:flex; }
.bch-ig-done{ margin:0 16px 16px; display:flex; align-items:center; gap:10px; padding:11px 14px; border-radius:12px; font-size:14px; font-weight:600; background:#F5F7FA; color:#8593AD; transition:all .3s; }
.bch-ig-done > span{ display:flex; align-items:center; gap:10px; }
.bch-ig-done-yes{ display:none !important; }
.bch-ig-grid.is-on .bch-ig-done{ background:#E9F8F0; color:var(--ok-ink); }
.bch-ig-grid.is-on .bch-ig-done-yes{ display:flex !important; }
.bch-ig-grid.is-on .bch-ig-done-no{ display:none; }
.bch-ig-done-no .bch-typing{ transform:scale(.7); }
.bch-ig-check{ width:22px; height:22px; border-radius:50%; background:var(--ok); color:#fff; display:flex; align-items:center; justify-content:center; flex:none; }
.bch-ig-line{ position:absolute; inset:0; width:100%; height:100%; pointer-events:none; overflow:visible; z-index:2; display:none; }
.bch-ig-line.is-shown{ display:block; }
.bch-ig-line path{ stroke-dasharray:600; stroke-dashoffset:600; animation:bchIgLine .6s ease-out forwards; }
@keyframes bchIgLine{ to{ stroke-dashoffset:0; } }
@keyframes bchIgPop{ from{ opacity:0; transform:translateY(6px) scale(.98); } to{ opacity:1; transform:none; } }
.bch-ig-logos{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:16px 40px; margin-top:56px; }
.bch-ig-logos span{ display:flex; align-items:center; gap:10px; font-size:16px; font-weight:500; color:var(--text-body); }
.bch-ig-logos img{ width:30px; height:30px; object-fit:contain; }

/* ---------- builder ---------- */
.bch-bd{ display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr); gap:56px; align-items:center; }
.bch-bd .bch-h2{ margin-top:18px; }
.bch-bd-desc{ font-size:19px; line-height:1.55; color:var(--text-muted); margin:20px 0 0; max-width:480px; text-wrap:pretty; }
.bch-bd-feats{ display:flex; flex-direction:column; gap:22px; margin-top:36px; }
.bch-bd-feats > div{ display:flex; align-items:center; gap:18px; font-size:17px; color:var(--text-strong); }
.bch-bd-canvas{ background:#0E1120; border-radius:24px; overflow:hidden; box-shadow:0 40px 80px -30px rgba(8,17,43,.55); min-width:0; }
.bch-bd-top{ display:flex; align-items:center; gap:12px; padding:16px 22px; border-bottom:1px solid #20263D; }
.bch-bd-top-ico{ width:30px; height:30px; border-radius:8px; background:var(--brand); color:#fff; display:flex; align-items:center; justify-content:center; }
.bch-bd-top-title{ font-size:16px; font-weight:700; color:#fff; }
.bch-bd-saved{ margin-left:auto; display:flex; align-items:center; gap:8px; font-size:14px; color:#AEB7CF; }
.bch-bd-saved span{ width:8px; height:8px; border-radius:50%; background:#1FB979; }
.bch-bd-board{ position:relative; padding:28px 0 20px; background:radial-gradient(circle at 1px 1px,#262C44 1px,transparent 0) 0 0/22px 22px; }
.bch-bd-stage-h{ position:relative; height:650px; }
.bch-bd-stage{ position:absolute; left:50%; top:0; width:760px; height:650px; transform:translateX(-50%) scale(var(--s,1)); transform-origin:50% 0; }
.bch-bd-svg{ position:absolute; inset:0; }
.bch-bd-flow{ animation:bchBdFlow 1.2s linear infinite; }
@keyframes bchBdFlow{ to{ stroke-dashoffset:-20; } }
.bch-bd-start{ position:absolute; left:320px; top:16px; width:120px; height:48px; border-radius:10px; background:#16A34A; border:1.5px solid #4ADE80; box-shadow:0 0 24px rgba(34,197,94,.45); display:flex; align-items:center; justify-content:center; gap:8px; color:#fff; font-size:16px; font-weight:700; }
.bch-bd-node{ position:absolute; background:#1A1F33; border:1px solid #2C3452; border-radius:10px; box-shadow:0 10px 24px rgba(0,0,0,.35); overflow:hidden; }
.bch-bd-node.is-hl{ border:1.5px solid #3E7BFF; box-shadow:0 0 0 4px rgba(62,123,255,.18),0 12px 30px rgba(0,0,0,.4); }
.bch-bd-node-head{ display:flex; align-items:center; gap:8px; padding:9px 12px; background:#232A45; font-size:14.5px; font-weight:700; color:#fff; }
.bch-bd-bolt{ color:#5B95FF; }
.bch-bd-node-body{ padding:7px 12px 9px; display:flex; gap:8px; align-items:flex-start; }
.bch-bd-node-ico{ margin-top:2px; display:flex; font-size:12px; }
.bch-bd-ai{ color:#A78BFA; }
.bch-bd-node-text{ min-width:0; }
.bch-bd-node-sub{ font-size:12.5px; color:#AEB7CF; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.bch-bd-node-var{ font-family:var(--font-mono); font-size:10.5px; color:#4FD1E8; margin-top:2px; }
.bch-bd-label{ position:absolute; transform:translate(-50%,-50%); font-size:11px; color:#AEB7CF; background:#141829; border:1px solid #2C3452; border-radius:6px; padding:2px 7px; white-space:nowrap; }
.bch-bd-zoom{ position:absolute; right:18px; bottom:16px; display:flex; align-items:center; gap:16px; background:#141829; border:1px solid #2C3452; border-radius:10px; padding:8px 14px; color:#fff; font-size:14px; }

/* ---------- pricing ---------- */
.bch-seg{ display:flex; gap:4px; padding:4px; border-radius:999px; background:#fff; border:1px solid var(--border-subtle); box-shadow:var(--shadow-xs); margin:28px 0 40px; }
.bch-seg button{ border:none; cursor:pointer; border-radius:999px; padding:10px 22px; min-height:44px; font-size:15px; font-weight:600; display:flex; align-items:center; gap:10px; background:transparent; color:var(--text-body); transition:background .2s, color .2s; }
.bch-seg button.is-on{ background:var(--gray-900); color:#fff; }
.bch-seg button:focus-visible{ outline:2px solid var(--brand); outline-offset:2px; }
.bch-seg-save{ font-size:12.5px; font-weight:700; color:var(--brand); background:#E3EEFF; padding:3px 9px; border-radius:999px; }
.bch-pricing .bch-center{ margin-top:0; }
.bch-pr-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; align-items:stretch; }
.bch-pr-card{ position:relative; background:#fff; border:1px solid var(--border-subtle); border-radius:20px; padding:32px 26px 26px; box-shadow:var(--shadow-xs); display:flex; flex-direction:column; }
.bch-pr-card.is-pop{ background:linear-gradient(180deg,#F3F7FF 0%,#fff 60%); border:1.5px solid #6E9CFF; box-shadow:0 24px 50px -28px rgba(0,91,255,.45); }
.bch-pr-pop{ position:absolute; top:14px; left:50%; transform:translateX(-50%); font-size:12.5px; font-weight:700; color:var(--brand); background:#E3EEFF; padding:4px 12px; border-radius:999px; white-space:nowrap; }
.bch-pr-top{ text-align:center; }
.bch-pr-card.is-pop .bch-pr-top{ margin-top:10px; }
.bch-pr-name{ font-size:20px; font-weight:800; letter-spacing:.02em; color:#07112B; }
.bch-pr-sub{ font-size:14.5px; color:var(--text-muted); margin-top:4px; }
.bch-pr-price{ display:flex; align-items:baseline; justify-content:center; gap:8px; margin-top:20px; }
.bch-pr-num{ font-size:54px; font-weight:800; letter-spacing:-.04em; color:#07112B; line-height:1; }
.bch-pr-per{ font-size:16px; color:var(--text-muted); }
.bch-pr-yearly{ font-size:12.5px; color:var(--text-muted); margin-top:8px; min-height:18px; }
.bch-pr-hr{ height:1px; background:var(--hair); margin:22px 0; }
.bch-pr-feats{ display:flex; flex-direction:column; gap:12px; font-size:15px; color:#22304B; min-height:100px; }
.bch-pr-feats > div{ display:flex; align-items:center; gap:12px; }
.bch-pr-feats .bch-ico{ color:var(--brand); }
.bch-pr-channels{ display:flex; flex-wrap:wrap; gap:10px; }
.bch-pr-channels span{ display:flex; }
.bch-pr-ch-text{ font-size:13.5px; color:var(--text-muted); margin-top:10px; min-height:40px; line-height:1.45; margin-bottom:16px; }
.bch-pr-btn{ margin-top:auto; display:flex; align-items:center; justify-content:center; min-height:50px; border-radius:12px; font-size:15.5px; font-weight:700; cursor:pointer; border:1px solid #D5E0F0; background:#fff; color:#07112B; width:100%; transition:filter .15s, box-shadow .15s; }
.bch-pr-btn.is-primary{ border:none; background:var(--brand); color:#fff; }
.bch-pr-btn:hover{ filter:brightness(.96); box-shadow:var(--shadow-sm); }
.bch-pr-add{ margin-top:28px; background:#fff; border:1px solid var(--border-subtle); border-radius:18px; padding:18px 22px; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,1.3fr); gap:18px; align-items:center; }
.bch-pr-add-title{ font-size:18px; font-weight:700; color:#07112B; }
.bch-pr-note{ text-align:center; font-size:13.5px; color:var(--text-muted); margin-top:14px; }
.bch-dd{ position:relative; min-width:0; }
.bch-dd.is-open{ z-index:20; }
.bch-dd-btn{ width:100%; min-width:0; display:flex; align-items:center; gap:12px; border:1px solid var(--border-subtle); border-radius:12px; padding:0 16px; min-height:52px; background:#fff; color:var(--brand); cursor:pointer; transition:border-color .2s, box-shadow .2s; text-align:left; }
.bch-dd.is-open .bch-dd-btn{ border-color:var(--brand); box-shadow:0 0 0 3px rgba(0,91,255,.12); }
.bch-dd-btn:focus-visible{ outline:2px solid var(--brand); outline-offset:2px; }
.bch-dd-value{ flex:1; min-width:0; font:500 15px var(--font-sans); color:#22304B; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.bch-dd-chev{ transition:transform .2s; }
.bch-dd.is-open .bch-dd-chev{ transform:rotate(180deg); }
.bch-dd-list{ position:absolute; left:0; right:0; top:calc(100% + 6px); background:#fff; border:1px solid var(--border-subtle); border-radius:12px; box-shadow:0 12px 32px rgba(8,28,80,.12); padding:6px; opacity:0; transform:translateY(-4px); pointer-events:none; transition:opacity .16s, transform .16s; }
.bch-dd.is-open .bch-dd-list{ opacity:1; transform:none; pointer-events:auto; }
.bch-dd-opt{ width:100%; display:flex; align-items:center; justify-content:space-between; gap:10px; border:none; background:transparent; border-radius:8px; padding:11px 12px; font:500 15px var(--font-sans); color:#22304B; cursor:pointer; text-align:left; }
.bch-dd-opt .bch-ico{ visibility:hidden; }
.bch-dd-opt[aria-selected="true"]{ background:#EEF4FF; color:var(--brand); font-weight:600; }
.bch-dd-opt[aria-selected="true"] .bch-ico{ visibility:visible; }
.bch-dd-opt:not([aria-selected="true"]):hover,.bch-dd-opt:focus-visible{ background:#F4F7FC; outline:none; }

/* ---------- referral ---------- */
.bch-ref{ display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:56px; align-items:center; background:radial-gradient(600px 320px at 90% 110%,rgba(0,91,255,.28),rgba(0,91,255,0) 70%),#15181F; border-radius:28px; padding:clamp(32px,6vw,80px); color:#fff; }
.bch-ref-desc{ font-size:19px; line-height:1.55; color:#C4CFE4; margin:20px 0 0; max-width:520px; text-wrap:pretty; }
.bch-ref-actions{ display:flex; align-items:center; gap:28px; flex-wrap:wrap; margin-top:36px; }
.bch-ref-terms{ font-size:16px; color:#C4CFE4; text-decoration:underline; text-underline-offset:5px; text-decoration-color:rgba(196,207,228,.5); }
.bch-ref-terms:hover{ color:#fff; }
.bch-ref-big{ font-size:clamp(96px,14vw,200px); font-weight:800; letter-spacing:-.06em; line-height:.9; color:#fff; }
.bch-ref-big-sub{ font-size:clamp(22px,2.4vw,30px); font-weight:700; line-height:1.25; margin-top:20px; }
.bch-ref-note{ font-size:17px; color:#AFC0E2; margin-top:14px; }

/* ---------- cases & blog wrappers ---------- */
.bc-home #cases .tpl-grid,.bc-home #blog .tpl-grid{ margin-top:0; }

/* ---------- FAQ ---------- */
.bch-faq{ display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.25fr); gap:64px; align-items:start; }
.bc-home .bch-faq-title{ margin:20px 0 0; font:800 clamp(40px,5.2vw,68px)/1.05 var(--font-sans); letter-spacing:-.04em; color:var(--text-strong); }
.bch-faq-lead{ font-size:clamp(19px,1.8vw,24px); line-height:1.45; color:var(--text-muted); margin:28px 0 0; max-width:400px; }
.bch-faq-support{ margin-top:44px; font-size:17px; font-weight:500; }
.bch-faq-list{ border-top:1px solid var(--border-subtle); }
.bch-faq-item{ border-bottom:1px solid var(--border-subtle); }
.bch-faq-item h3{ margin:0; }
.bch-faq-q{ width:100%; display:flex; align-items:center; justify-content:space-between; gap:24px; background:none; border:none; cursor:pointer; text-align:left; padding:30px 0; font:600 clamp(18px,1.7vw,22px)/1.35 var(--font-sans); letter-spacing:-.015em; color:var(--text-strong); }
.bch-faq-q > span:first-child{ max-width:520px; }
.bch-faq-q:focus-visible{ outline:2px solid var(--brand); outline-offset:4px; border-radius:6px; }
.bch-faq-plus{ position:relative; width:20px; height:20px; flex:none; color:var(--brand); transition:transform .35s cubic-bezier(.3,.7,.3,1); }
.bch-faq-plus span{ position:absolute; background:currentColor; border-radius:1px; }
.bch-faq-plus span:first-child{ left:0; right:0; top:9px; height:2px; }
.bch-faq-plus span:last-child{ top:0; bottom:0; left:9px; width:2px; transition:transform .2s; }
.bch-faq-item.is-open .bch-faq-plus{ transform:rotate(180deg); }
.bch-faq-item.is-open .bch-faq-plus span:last-child{ transform:scaleY(0); }
.bch-faq-item:not(.is-open) .bch-faq-q:hover .bch-faq-plus{ transform:rotate(90deg); }
.bch-faq-a{ display:grid; grid-template-rows:0fr; transition:grid-template-rows .3s ease; }
.bch-faq-item.is-open .bch-faq-a{ grid-template-rows:1fr; }
.bch-faq-a > div{ overflow:hidden; }
.bch-faq-a p{ margin:0; padding:0 48px 30px 0; font-size:17px; line-height:1.65; color:var(--text-muted); max-width:680px; }

/* ---------- final CTA ---------- */
.bc-home .bch-final{ position:relative; overflow:hidden; text-align:center; padding:clamp(96px,12vw,160px) 0;
  background:radial-gradient(40% 55% at 12% 78%,#BCD4FF 0%,rgba(188,212,255,0) 70%),radial-gradient(34% 45% at 88% 72%,#C9D6FF 0%,rgba(201,214,255,0) 70%),radial-gradient(30% 40% at 6% 96%,#E6D4FA 0%,rgba(230,212,250,0) 70%),radial-gradient(30% 40% at 96% 45%,#E9DDFB 0%,rgba(233,221,251,0) 70%),radial-gradient(60% 40% at 50% 110%,#DCE8FF 0%,rgba(220,232,255,0) 70%),var(--surface-page); }
.bc-home .bch-final-title{ margin:24px auto 0; font:800 clamp(40px,6vw,76px)/1.04 var(--font-sans); letter-spacing:-.04em; color:var(--text-strong); max-width:720px; text-wrap:balance; }
.bch-final-lead{ font-size:clamp(18px,1.9vw,23px); line-height:1.5; color:var(--text-muted); margin:26px auto 0; max-width:640px; text-wrap:pretty; }
.bch-final-btn{ --bg:#0B1220; display:inline-flex; align-items:center; gap:12px; margin-top:40px; min-height:60px; padding:0 36px; border-radius:14px; color:#fff; font-size:18px; font-weight:700; cursor:pointer; box-shadow:0 18px 36px -18px rgba(11,18,32,.6); }
.bch-final-btn:focus-visible{ outline:2px solid var(--brand); outline-offset:3px; }
.bch-final-note{ font-size:15.5px; color:var(--text-muted); margin-top:20px; }
.bch-final-help{ display:inline-block; margin-top:36px; font-size:15px; color:var(--text-muted); text-decoration:underline; text-underline-offset:4px; text-decoration-color:rgba(90,107,140,.5); }
.bch-final-help:hover{ color:var(--text-strong); }
.bch-final.is-armed .bch-rise{ opacity:0; transform:translateY(14px); }
.bch-final.is-armed.is-shown .bch-rise{ animation:bchRise .7s cubic-bezier(.2,.8,.2,1) var(--d,0ms) both; }
@keyframes bchRise{ from{ opacity:0; transform:translateY(14px); } to{ opacity:1; transform:none; } }

/* ---------- responsive ---------- */
@media (max-width:1099px){
  .bch-wd-grid{ grid-template-columns:1fr; gap:40px; }
  .bch-wd-benefits{ grid-template-columns:repeat(3,minmax(0,1fr)); }
  .bch-pr-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .bch-pr-add{ grid-template-columns:1fr 1fr; }
  .bch-pr-add-title{ grid-column:1 / -1; }
  .bch-crm-grid{ grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr); }
  .bch-crm-list{ display:none; }
}
@media (max-width:980px){
  .bch-bd{ grid-template-columns:1fr; gap:40px; }
  .bch-show-card{ flex-basis:calc((100% - 20px)/2); }
}
@media (max-width:899px){
  .bch-ig-grid{ grid-template-columns:1fr; gap:20px; }
  .bch-ig-grid > div[aria-hidden]{ display:none; }
}
@media (max-width:860px){
  .bch-faq{ grid-template-columns:1fr; gap:40px; }
  .bch-ref{ grid-template-columns:1fr; gap:40px; }
  .bch-kn-grid{ grid-template-columns:1fr; gap:28px; }
  .bch-kn-tail{ display:none; }
  .bch-wd-side,.bch-wd-badge--abs{ display:none !important; }
  .bch-wd-mtop{ display:flex; }
}
@media (max-width:760px){
  .bc-home .bch-section{ padding:60px 0; }
  .bch-hero-metrics{ grid-template-columns:repeat(2,1fr); }
  .bch-crm-grid{ grid-template-columns:1fr; }
  .bch-crm-card{ border-left:none; border-top:1px solid var(--hair); }
  .bch-crm-chat-head{ flex-wrap:wrap; height:auto; padding:12px 16px; }
  .bch-crm-join{ margin-left:0; }
  .bch-wd-benefits{ grid-template-columns:1fr; gap:18px; }
  .bch-wd-g3{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .bch-wd-g2,.bch-wd-test.bch-wd-g2{ grid-template-columns:1fr; }
  .bch-wd-body{ padding:18px 18px 0; }
  .bch-wd-hide-m,.bch-wd-m-hide{ display:none !important; }
  .bch-wd-progress{ display:none; }
}
@media (max-width:640px){
  .bch-pr-grid,.bch-pr-add{ grid-template-columns:1fr; }
}
@media (max-width:560px){
  .bch-wrap{ padding:0 20px; }
  .bc-home .bch-hero{ padding:72px 0 56px; }
  .bch-show-card{ flex-basis:88%; }
  .bch-wd-controls{ justify-content:center; }
  .bch-wd-cta{ width:100%; justify-content:center; }
}
@media (prefers-reduced-motion:reduce){
  .bch-enter-down,.bch-enter-up,.bch-wd-step,.bch-wd-in,.bch-msg-in,.bch-ig-svc,.bch-ig-cal-event,.bch-ig-stripe,.bch-crm-field.is-flash,.bch-crm-field.is-filled .bch-crm-filled{ animation:none; }
  .bch-bglow.is-on,.bch-bglow-hover:hover,.bch-nudge:hover .bch-ico,.bch-bd-flow,.bch-typing i{ animation:none; }
  .bch-final.is-armed .bch-rise{ opacity:1; transform:none; animation:none !important; }
  .bch-ig-line path{ animation:none; stroke-dashoffset:0; }
}