/* homepage-refinements.css */
.bb-refined { --bb-ink:#0b1620; --bb-text:#50606c; --bb-muted:#62707c; --bb-green:#08aa80; --bb-deep:#087c63; --bb-line:#e0e7ec; --bb-soft:#f6f9fb; color:var(--bb-ink); background:#fff; }
.bb-refined .bb-container { max-width:1200px; }
.bb-refined main :is(h1,h2,h3) { font-family:'Inter Tight',Inter,Arial,sans-serif!important; color:var(--bb-ink); letter-spacing:-.02em; }
.bb-refined main h2 { font-size:36px; line-height:1.2; font-weight:700; }
.bb-refined main h2 [class*="bg-clip-text"] { color:var(--bb-deep); background:none; -webkit-text-fill-color:var(--bb-deep); }
.bb-refined main p { color:var(--bb-text); line-height:1.75; }
.bb-refined.bb-homepage main > section:not(.bb-hero):not(.bb-clients):not(.bb-integrations):not(.bb-closing), .bb-refined.bb-homepage #pricing > section { padding-top:72px; padding-bottom:72px; }
.bb-refined .bb-header { background:#ffffffed; border-bottom:1px solid var(--bb-line); box-shadow:none; backdrop-filter:blur(12px); }
.bb-refined .bb-header > .max-w-7xl { max-width:1248px; }
.bb-refined .bb-header > div > div { height:64px; }
.bb-refined .bb-header nav { gap:0; }
.bb-refined .bb-header nav > div > :is(a,button) { padding:8px 11px; font-size:13px; color:#50606c; }
.bb-refined .bb-header nav > div > a.bg-gray-100 { background:#f2f5f7; color:#172b35; }
.bb-refined .bb-header a[aria-label="Start your free trial"] { background:var(--bb-ink); border-radius:999px; font-size:13px; min-height:40px; padding:10px 18px; box-shadow:none; }
.bb-refined .bb-header a[aria-label="Start your free trial"]:hover { background:#233845; }
.bb-refined .bb-header a[href="/demo"] { border-radius:8px; background:#f0faf8; border-color:#bfe3dc; color:#0f766e; }
.bb-refined .bb-header a[aria-label="Log in to your account"] { font-size:13px; color:var(--bb-text); }
.bb-refined .bb-hero { min-height:0; padding-top:64px; display:block; background:#fff; }
.special-offer-page .bb-hero,
body.bb-special-offer .bb-hero,
.bb-refined .special-offer-page .bb-hero,
.bb-refined.bb-special-offer .bb-hero {
  padding-top: 116px !important;
}
@media (max-width: 639px) {
  .special-offer-page .bb-hero,
  body.bb-special-offer .bb-hero,
  .bb-refined .special-offer-page .bb-hero,
  .bb-refined.bb-special-offer .bb-hero {
    padding-top: 104px !important;
  }
}
.special-offer-page [id],
body.bb-special-offer [id] {
  scroll-margin-top: 120px;
}
.bb-refined .bb-hero-background { background-color:#fff; background-image:radial-gradient(70% 55% at 50% 0%,#cdeee7c9 0%,#e8f3fa8a 45%,#ffffff00 80%),linear-gradient(#edf2f6 1px,transparent 1px),linear-gradient(90deg,#edf2f6 1px,transparent 1px); background-size:100% 100%,32px 32px,32px 32px; }
.bb-refined .bb-hero-background > * { display:none; }
.bb-refined .bb-hero-background::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 55%,#fff 100%); pointer-events:none; }
.bb-refined .bb-hero > .bb-container { padding-top:48px; padding-bottom:42px; }
.bb-refined .bb-hero-copy { max-width:1020px; margin-bottom:38px; }
.bb-refined .bb-trust-badges { gap:10px; margin-bottom:22px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; }
.bb-refined .bb-trust-badges > div { background:#fff; border:1px solid #cdebe4; box-shadow:none; padding:6px 14px 6px 10px; gap:8px; border-radius:9999px; display:inline-flex; align-items:center; }
.bb-refined .bb-trust-badges > div.bb-badge-meta,
.bb-refined .bb-trust-badges > div:last-child:not(:first-child) { border-color:#dce4f3 !important; background:#ffffffeb !important; }
.bb-refined .bb-trust-badges > div > div { background:rgba(37,211,102,0.12); width:22px; height:22px; border-radius:9999px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.bb-refined .bb-trust-badges > div.bb-badge-meta > div,
.bb-refined .bb-trust-badges > div:last-child:not(:first-child) > div { background:rgba(0,100,224,0.12) !important; }
.bb-refined .bb-trust-badges > div > span { font-size:12px; font-weight:600; color:#0f5f58; white-space:nowrap; }
.bb-refined .bb-trust-badges > div.bb-badge-meta > span,
.bb-refined .bb-trust-badges > div:last-child:not(:first-child) > span { color:#1a448c !important; }
.bb-refined .bb-hero h1 { font-size:52px; font-weight:700; line-height:1.13; letter-spacing:-.03em; margin-bottom:21px; }
.bb-refined .bb-hero h1 > span.relative { display:table; max-width:100%; margin:3px auto 6px; }
.bb-refined .bb-hero h1 > span.relative > span { background:linear-gradient(90deg,#087c63,#15803d); background-clip:text; -webkit-background-clip:text; color:transparent; }
.bb-refined .bb-hero h1 > span:not(.relative) { font-size:.78em; }
.bb-refined .bb-hero h1 > span.relative > svg { bottom:-5px; opacity:.85; }
.bb-refined .bb-hero-copy > p { max-width:760px; font-size:17px; line-height:1.7; margin-bottom:24px; }
.bb-refined .bb-hero-copy > p span { color:var(--bb-ink); }
.bb-refined .bb-hero-action { margin-bottom:19px; }
.bb-refined.bb-homepage .bb-hero-action a:is([href*="/register"],[href*="/payment/"]) {
  background: linear-gradient(180deg, #0aa882 0%, #068b6b 100%) !important;
  border: 1px solid #067a5c !important;
  color: #fff !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.35) inset, 0 12px 24px -10px #079470 !important;
  transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease !important;
}
.bb-refined.bb-homepage .bb-hero-action a:is([href*="/register"],[href*="/payment/"]):hover {
  background: linear-gradient(180deg, #0cb88f 0%, #079976 100%) !important;
  border-color: #056e52 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.45) inset, 0 16px 28px -10px #079470 !important;
}
.bb-refined .bb-trial-notes { color:var(--bb-text); font-size:12px; gap:12px 22px; }
.bb-refined .bb-trial-notes svg { width:14px; height:14px; }
.bb-refined .bb-hero-media { max-width:1056px; }
.bb-refined .bb-hero-media > div > div[class*="blur-"] { opacity:.14; }
.bb-refined .bb-video-frame { border:1px solid #dce5e9; border-radius:17px; box-shadow:0 2px 5px #0b162006,0 28px 60px -32px #087c6340; background:#fff; }
.bb-refined .bb-video-frame::before { content:""; display:block; height:29px; border-bottom:1px solid #e7edf0; background:radial-gradient(circle at 17px 14px,#f2b8b5 0 3px,transparent 4px),radial-gradient(circle at 30px 14px,#f5d99a 0 3px,transparent 4px),radial-gradient(circle at 43px 14px,#a9ddb8 0 3px,transparent 4px),#fafcfd; }
.bb-refined .bb-video-frame > * { position:relative; }
.bb-refined .bb-hero-poster { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:2; pointer-events:none; background:#0b1f1a; opacity:1; transition:opacity .4s ease; }
.bb-refined .bb-hero-poster-hidden { opacity:0; }
.bb-refined .bb-hero-media .absolute.rounded-2xl { border-color:#e1e9e8; box-shadow:0 4px 16px #0b16200b; border-radius:12px; }
.bb-refined .bb-hero-stats { margin-top:44px; gap:16px; grid-template-columns:repeat(3,minmax(0,1fr)); }
.bb-refined .bb-hero-stats > div { padding:20px 14px; border:1px solid var(--bb-line); border-radius:14px; background:#ffffffeb; }
.bb-refined .bb-hero-stats .text-3xl { font-family:'Inter Tight',Inter,sans-serif!important; font-size:29px; font-weight:800; letter-spacing:-.035em; color:var(--bb-ink); }
.bb-refined .bb-hero-stats .text-sm { font-size:12px; color:var(--bb-text); }
.bb-refined .bb-clients { padding:36px 0 40px; background:#fff; border-top:0; border-bottom:1px solid #edf1f4; }
.bb-refined .bb-clients .bb-container > p { margin-bottom:26px; font-size:11px; color:var(--bb-muted); letter-spacing:.09em; }
.bb-refined .bb-client-logo { height:39px; max-width:136px; filter:none; }
.bb-refined .bb-clients .mt-12 { margin-top:28px; }
.bb-refined .bb-section-heading { max-width:850px; margin:0 auto 42px; text-align:center; }
.bb-refined .bb-section-heading > p { max-width:680px; font-size:16px; line-height:1.7; color:var(--bb-text); }
.bb-refined .bb-section-heading > div:first-child { background:#f1f8f6; border:1px solid #deece8; box-shadow:none; padding:6px 12px; margin-bottom:17px; }
.bb-refined .bb-section-heading > div:first-child > span { font-size:11px; font-weight:600; color:#237560; }
.bb-refined .bb-section-heading > div:first-child > svg { width:13px; height:13px; }
.bb-refined .bb-setup, .bb-refined .bb-features { background:#fff; }
.bb-refined :is(.bb-setup,.bb-features,.bb-premium,.bb-pricing,.bb-reviews,.bb-faq,.bb-closing) > div.absolute { display:none; }
.bb-refined .bb-setup-card { background:#fff; border:1px solid var(--bb-line); border-radius:15px; box-shadow:0 2px 5px #0b162003; }
.bb-refined .bb-setup-card:hover { border-color:#c7d9d5; box-shadow:0 5px 15px #0b162008; }
.bb-refined .bb-setup-card h3 { font-size:19px; line-height:1.35; font-weight:700; }
.bb-refined .bb-setup-card p { font-size:13px; color:var(--bb-text); }
.bb-refined .bb-setup-card > div.absolute > div { background:#e7f5f0; border:1px solid #d5e9e1; box-shadow:none; border-radius:10px; }
.bb-refined .bb-setup-card > div.absolute > div > span { color:var(--bb-deep); font-size:12px; }
.bb-refined .bb-setup-card > div:not(.absolute) > svg { color:#168768; }
.bb-refined .bb-setup .grid.grid-cols-4 > div.absolute { background:#e2ebe9; }
.bb-refined .bb-setup-card .rounded-full { background:#f5f8fa; font-size:10px; }
.bb-refined .bb-setup .mt-16 { margin-top:38px; }
.bb-refined .bb-feature-card { border:1px solid var(--bb-line); border-radius:17px; background:#fff; box-shadow:0 2px 5px #0b162003; }
.bb-refined .bb-feature-card:hover { box-shadow:0 6px 20px #0b162008; }
.bb-refined .bb-feature-copy { padding:38px; }
.bb-refined .bb-feature-copy h3 { font-size:29px; font-weight:700; line-height:1.2; letter-spacing:-.025em; margin-bottom:17px; }
.bb-refined .bb-feature-copy > p { font-size:15px; line-height:1.75; margin-bottom:23px; }
.bb-refined .bb-feature-copy ul { color:#435663; font-size:13px; line-height:1.65; margin-bottom:24px; }
.bb-refined .bb-feature-copy li { align-items:flex-start; }
.bb-refined .bb-feature-copy li svg { flex-shrink:0; width:15px; height:15px; margin-top:2px; }
.bb-refined .bb-feature-copy > div:first-child { background:#e8f5f0; border-radius:12px; }
.bb-refined .bb-feature-copy > div:first-child > svg { color:var(--bb-deep); }
.bb-refined .bb-feature-visual { background:#f1f6f8; padding:26px; border-color:var(--bb-line); }
.bb-refined .bb-feature-card:nth-child(3n+2) .bb-feature-visual { background:#edf6f2; }
.bb-refined .bb-feature-card:nth-child(3n) .bb-feature-visual { background:#f3f4f9; }
.bb-refined .bb-feature-visual > div.absolute { opacity:.16; }
.bb-refined .bb-feature-visual img { max-height:400px; object-fit:contain; box-shadow:none !important; border:none !important; }
.bb-refined .bb-custom-feature-img { max-width:100%; height:auto; aspect-ratio:4/3; object-fit:contain; display:block; margin:0 auto; content-visibility:auto; box-shadow:none !important; border:none !important; border-radius:0 !important; }
.bb-refined .bb-feature-mini img.bb-custom-feature-img { max-height:280px; width:auto; box-shadow:none !important; border:none !important; border-radius:0 !important; }
.bb-refined .bb-feature-mini { background:#fff; border:1px solid var(--bb-line); border-radius:17px; box-shadow:none; }
.bb-refined .bb-feature-mini h3 { font-size:26px; line-height:1.25; font-weight:700; }
.bb-refined .bb-feature-mini p { font-size:14px; }
.bb-refined .bb-premium { background:#f7f9fb; border-block:1px solid #edf1f4; }
.bb-refined .bb-advanced-card { background:#fff; border:1px solid var(--bb-line); border-radius:13px; box-shadow:none; }
.bb-refined .bb-advanced-card:hover { transform:translateY(-2px); border-color:#c4d8d1; box-shadow:0 4px 12px #0b162005; }
.bb-refined .bb-advanced-card h3 { font-size:17px; font-weight:700; line-height:1.3; }
.bb-refined .bb-advanced-card p { font-size:12px; line-height:1.65; color:var(--bb-muted); }
.bb-refined .bb-advanced-card > div.absolute > span { border-radius:5px; box-shadow:none; font-size:9px; background:#e4f4ed; color:#237560; }
.bb-refined .bb-integrations { background:var(--bb-ink); padding:58px 0; }
.bb-refined .bb-integrations > div.absolute { display:none; }
.bb-refined .bb-integrations h2 { color:#fff; }
.bb-refined .bb-integrations .bb-section-heading { margin-bottom:32px; }
.bb-refined .bb-integrations .bb-section-heading > div:first-child { background:#ffffff0a; border-color:#ffffff15; }
.bb-refined .bb-integrations .bb-section-heading > div:first-child > span { color:#badbd0; }
.bb-refined .bb-integrations .bb-section-heading p { color:#b6c5cf; }
.bb-refined .bb-integration-tile { background:#fff; border:1px solid #e2e8ed; border-radius:11px; box-shadow:none; }
.bb-refined .bb-integration-tile:hover { transform:translateY(-2px); box-shadow:0 5px 14px #0002; }
.bb-refined .bb-integration-tile p { color:#3e5261; font-size:11px; }
.bb-refined .bb-pricing { background:#fff; }
.bb-refined .bb-pricing .bb-section-heading > .bg-\[\#08aa80\] { padding:7px 14px; background:#e8f6f0; color:#176a50; border:1px solid #d5ebdf; box-shadow:none; font-size:12px; }
.bb-refined .bb-price-card { border:1px solid var(--bb-line); border-radius:17px; box-shadow:0 2px 5px #0b162003; transform:none; }
.bb-refined :is(.bb-price-card.bg-gray-900, .bb-price-card.bb-plan-growth, .bb-pricing .bb-price-card:nth-child(2)) { background:#ffffff !important; background-color:#ffffff !important; background-image:none !important; color:#0c2619 !important; border:2px solid #08aa80 !important; --tw-ring-shadow:0 0 #0000; box-shadow:0 10px 30px -4px rgba(8,170,128,0.14),0 4px 12px rgba(11,22,32,0.04) !important; }
.bb-refined .bb-price-card h3 { font-size:23px; font-weight:700; color:#0c2619 !important; }
.bb-refined .bb-price-card .text-white { color:#0c2619 !important; }
.bb-refined .bb-price-card :is(.text-gray-400,.text-gray-300,.text-gray-200) { color:#556c60 !important; }
.bb-refined .bb-price-card .text-amber-300 { color:#806633; }
.bb-refined .bb-price-card :is(.border-white\/10,.border-white\/20) { border-color:#dceae3; }
.bb-refined .bb-price-card > div.absolute > span { box-shadow:none; font-size:10px; font-weight:600; }
.bb-refined .bb-price-card > div.absolute > span.bg-yellow-400 { background:#e7f2eb; color:#206342; }
.bb-refined .bb-price-card > div.absolute > span.bg-\[\#08aa80\] { background:#08aa80; color:#fff; }
.bb-refined .bb-price-card [class*="text-3xl"] { font-family:'Inter Tight',Inter,sans-serif; font-weight:800; }
.bb-refined .bb-reviews { background:#fff; }
.bb-refined .bb-reviews [class*="rounded-2xl"] { border-color:var(--bb-line); border-radius:15px; box-shadow:none; }
.bb-refined .bb-reviews p { line-height:1.75; }
.bb-refined .bb-faq { background:#f8fafb; border-top:1px solid #edf1f4; }
.bb-refined .bb-faq-question { background:#fff; border:1px solid var(--bb-line); border-radius:12px; box-shadow:none; padding:18px 20px; }
.bb-refined .bb-faq-question.text-white { background:#edf7f3; border-color:#b9ddd0; }
.bb-refined .bb-faq-question .text-white { color:#0c6c53; }
.bb-refined .bb-faq-question.text-white > div > div { background:#daede5; }
.bb-refined .bb-faq-question.text-white svg { color:#0c6c53; }
.bb-refined .bb-faq p { font-size:14px; line-height:1.8; }
.bb-refined .bb-closing { background:#fff; padding:64px 24px; }
.bb-refined .bb-closing .bb-container { max-width:1152px; padding:46px 34px; border:1px solid #dcebe7; border-radius:22px; background:radial-gradient(80% 120% at 50% 0%,#cdeee7 0%,#e8f3fa 55%,#f6fafc 100%); margin:0 auto; }
.bb-refined .bb-closing h2 { max-width:820px; margin-left:auto; margin-right:auto; font-size:40px; color:var(--bb-ink); }
.bb-refined .bb-closing h2 [class*="bg-clip-text"] { color:#087c63; }
.bb-refined .bb-closing .text-white { color:var(--bb-ink); }
.bb-refined .bb-closing .text-gray-300,
.bb-refined .bb-closing .text-gray-400 { color:var(--bb-text); }
.bb-refined .bb-closing .bg-white\/10 { background:#fff; border-color:#d6e5df; }
.bb-refined .bb-closing a:not([href*="/register"]) { background:#fff; color:var(--bb-ink); border:1px solid #cbd6df; box-shadow:none; }
.bb-refined main a:is([href*="/register"],[href*="/payment/"]) { background:var(--bb-ink); border:1px solid var(--bb-ink); color:#fff; border-radius:999px; box-shadow:none; min-height:46px; padding:12px 23px; font-size:14px; font-weight:600; }
.bb-refined main a:is([href*="/register"],[href*="/payment/"]):hover { background:#233845; border-color:#233845; box-shadow:0 4px 10px #0b162012; }
.bb-refined .bb-price-card a:is([href*="/register"],[href*="/payment/"]) { color:#fff; }
.bb-refined .bb-price-card.bg-gray-900 a[href*="/payment/"] { background:#087c63; border-color:#087c63; }
.bb-refined :is(a,button):focus-visible { outline:3px solid #08aa80; outline-offset:4px; }
.bb-refined main .animate,
.bb-refined main .load-fade-up { animation:none!important; opacity:1!important; transform:none!important; }
.bb-refined footer { background:#f8fafc; border-top:1px solid var(--bb-line); color:var(--bb-text); }
.bb-refined footer > div.absolute { display:none; }
.bb-refined footer :is(h3,h4), .bb-refined footer .text-white { color:var(--bb-ink); }
.bb-refined footer [class*="text-gray-"] { color:#62707c; }
.bb-refined footer [class*="border-"] { border-color:#e0e7ec; }
.bb-refined footer h3 { font-family:'Inter Tight',Inter,sans-serif; font-size:28px; line-height:1.2; letter-spacing:-.025em; }
.bb-refined footer input { background:#fff; color:var(--bb-ink); border:1px solid #dce4e9; min-height:44px; }
.bb-refined footer input::placeholder { color:#6c7b88; }
.bb-refined footer button[type="submit"] { background:var(--bb-ink); color:#fff; }
.bb-refined footer .bg-gray-900 { background:#fff; }
.bb-refined .bb-header > [class~="lg:hidden"] { max-height:calc(100dvh - 64px); overflow-y:auto; }
@media(min-width:1024px) and (max-width:1199px) {
 .bb-refined .bb-header nav { display:none!important; }
 .bb-refined .bb-header [class~="lg:hidden"] { display:block!important; }
 .bb-refined .bb-header a { white-space:nowrap; }
}
@media(max-width:1023px) {
 .bb-refined .bb-hero h1 { font-size:43px; }
 .bb-refined main h2 { font-size:34px; }
 .bb-refined .bb-feature-copy { padding:30px; }
 .bb-refined .bb-feature-copy h3 { font-size:27px; }
 .bb-refined .bb-hero-stats { gap:12px; }
 .bb-refined .bb-hero-stats > div { padding:17px 12px; }
}
@media(max-width:639px) {
 .bb-refined .bb-hero > .bb-container { padding-top:30px; padding-bottom:30px; }
 .bb-refined .bb-trust-badges { gap:8px; margin-bottom:22px; }
 .bb-refined .bb-trust-badges > div { padding:6px 10px; }
 .bb-refined .bb-trust-badges > div > span { font-size:10px; }
 .bb-refined .bb-hero h1 { font-size:clamp(29px,7.6vw,36px); line-height:1.17; letter-spacing:-.02em; }
 .bb-refined .bb-hero h1 > span.relative > svg { bottom:-3px; }
 .bb-refined .bb-hero-copy > p { font-size:15px; line-height:1.75; }
 .bb-refined .bb-hero-copy { margin-bottom:28px; }
 .bb-refined .bb-trial-notes { font-size:10px; gap:10px 12px; }
 .bb-refined .bb-trial-notes svg { width:12px; height:12px; }
 .bb-refined .bb-video-frame { border-radius:12px; }
 .bb-refined .bb-video-frame::before { height:25px; background-position:0 -2px; }
 .bb-refined .bb-hero-stats { margin-top:28px; gap:10px; }
 .bb-refined .bb-hero-stats > div { padding:16px 10px; }
 .bb-refined .bb-hero-stats .text-3xl { font-size:26px; }
 .bb-refined .bb-hero-stats .text-sm { font-size:11px; }
 .bb-refined .bb-client-logo { max-width:105px; height:32px; }
 .bb-refined .bb-clients { padding:30px 0; }
 .bb-refined.bb-homepage main > section:not(.bb-hero):not(.bb-clients):not(.bb-integrations):not(.bb-closing), .bb-refined.bb-homepage #pricing > section { padding-top:52px; padding-bottom:52px; }
 .bb-refined main h2 { font-size:29px; line-height:1.2; }
 .bb-refined .bb-section-heading { margin-bottom:30px; }
 .bb-refined .bb-section-heading > p { font-size:14px; }
 .bb-refined .bb-feature-copy { padding:25px; }
 .bb-refined .bb-feature-copy h3 { font-size:25px; }
 .bb-refined .bb-feature-copy > p { font-size:14px; }
 .bb-refined .bb-feature-copy ul { font-size:12px; }
 .bb-refined .bb-feature-visual { padding:17px; }
 .bb-refined .bb-feature-visual img { max-height:330px; }
 .bb-refined .bb-feature-mini h3 { font-size:24px; }
 .bb-refined .bb-faq-question { padding:17px 16px; font-size:14px; }
 .bb-refined .bb-closing { padding:40px 16px; }
 .bb-refined .bb-closing .bb-container { padding:32px 21px; border-radius:17px; }
 .bb-refined .bb-closing h2 { font-size:31px; }
 .bb-refined footer h3 { font-size:25px; }
}
@media(prefers-reduced-motion:reduce) {
 .bb-refined *, .bb-refined *::before, .bb-refined *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}

.bb-refined .bb-closing a[href*="/register"] { color:#fff; }
.bb-refined .bb-closing [class*="text-white/"] { color:#435e69; }
.bb-refined .bb-closing .bb-section-heading > div:first-child { background:none; border:0; box-shadow:none; padding:0; margin:0 0 20px; }
.bb-refined .bb-closing .bb-section-heading > div:first-child > div { background:#ffffffbd; border:1px solid #cde2db; margin-bottom:0; }


.bb-refined.bb-homepage main > section:not(.bb-hero):not(.bb-clients):not(.bb-integrations):not(.bb-closing), .bb-refined.bb-homepage #pricing > section { padding-top:44px; padding-bottom:44px; }
.bb-refined main h2 { font-size:33px; line-height:1.2; }
.bb-refined .bb-section-heading { margin-bottom:26px; }
.bb-refined .bb-section-heading > div:first-child { margin-bottom:12px; padding:5px 10px; }
.bb-refined .bb-section-heading > p { font-size:15px; line-height:1.6; }
.bb-refined .bb-hero > .bb-container { padding-top:28px; padding-bottom:26px; }
.bb-refined .bb-hero-copy { margin-bottom:26px; }
.bb-refined .bb-trust-badges { margin-bottom:16px; }
.bb-refined .bb-hero h1 { font-size:46px; line-height:1.1; margin-bottom:16px; }
.bb-refined .bb-hero h1 > span.relative { margin-top:2px; margin-bottom:5px; }
.bb-refined .bb-hero-copy > p { font-size:16px; line-height:1.6; margin-bottom:18px; }
.bb-refined .bb-hero-action { margin-bottom:14px; }
.bb-refined .bb-trial-notes { gap:10px 18px; }
.bb-refined .bb-hero-media { max-width:920px; }
.bb-refined .bb-video-frame::before { height:25px; background-position:0 -2px; }
.bb-refined .bb-hero-stats { margin-top:28px; gap:12px; }
.bb-refined .bb-hero-stats > div { padding:14px 12px; border-radius:11px; }
.bb-refined .bb-hero-stats .text-3xl { font-size:27px; margin-bottom:2px; }
.bb-refined .bb-clients { padding:25px 0 28px; }
.bb-refined .bb-clients .bb-container > p { margin-bottom:18px; }
.bb-refined .bb-clients .bb-container > .flex.flex-wrap { column-gap:28px; row-gap:18px; }
.bb-refined .bb-client-logo { max-width:116px; height:33px; }
.bb-refined .bb-clients .mt-12 { margin-top:20px; }
.bb-refined .bb-setup-card { padding:20px; border-radius:13px; }
.bb-refined .bb-setup-card h3 { font-size:18px; margin-bottom:8px; }
.bb-refined .bb-setup-card p { font-size:12px; line-height:1.6; margin-bottom:12px; }
.bb-refined .bb-setup-card > div.absolute > div { width:30px; height:30px; border-radius:8px; }
.bb-refined .bb-setup .grid.grid-cols-4 > div.absolute { display:none; }
.bb-refined .bb-setup .mt-16 { margin-top:24px; }
.bb-refined .bb-icon-tile { position:relative; background:#f6fbf8; border:1px solid #d8e8e0; border-radius:11px; padding:0; box-shadow:inset 0 1px 0 #fff,0 1px 2px #0b162006; transform:none; }
.bb-refined .bb-icon-tile > svg { opacity:0; }
.bb-refined .bb-icon-tile::after { content:""; position:absolute; inset:7px; background-image:var(--bb-glyph); background-position:center; background-size:contain; background-repeat:no-repeat; }
.bb-refined .bb-setup-card .bb-icon-tile { width:40px; height:40px; margin-top:10px; margin-bottom:12px; }
.bb-refined .bb-icon-heading::before { content:""; display:inline-block; width:31px; height:31px; margin-right:9px; vertical-align:-7px; border:1px solid #d8e8e0; border-radius:9px; background-color:#f6fbf8; background-image:var(--bb-glyph); background-repeat:no-repeat; background-position:center; background-size:22px 22px; }
.bb-refined .bb-inline-emblem { font-size:0!important; vertical-align:middle; }
.bb-refined .bb-inline-emblem::after { content:""; display:inline-block; width:29px; height:29px; background:var(--bb-glyph) center/contain no-repeat; }
.bb-refined .bb-hero-media .bb-inline-emblem::after { width:23px; height:23px; }
.bb-refined .bb-feature-card { border-radius:14px; }
.bb-refined .bb-features .space-y-8 > :not([hidden]) ~ :not([hidden]) { margin-top:20px; }
.bb-refined .bb-feature-copy { padding:26px; }
.bb-refined .bb-feature-copy h3 { font-size:26px; line-height:1.24; margin-bottom:13px; }
.bb-refined .bb-feature-copy > p { font-size:14px; line-height:1.6; margin-bottom:16px; }
.bb-refined .bb-feature-copy ul { font-size:12px; line-height:1.5; margin-bottom:18px; }
.bb-refined .bb-feature-copy li > span { font-size:13px; line-height:1.5; }
.bb-refined .bb-feature-copy ul > :not([hidden]) ~ :not([hidden]) { margin-top:7px; }
.bb-refined .bb-feature-copy li > div { width:16px; height:16px; margin-top:1px; background:#edf7f2; }
.bb-refined .bb-feature-copy li svg { width:11px; height:11px; margin-top:0; stroke-width:1.9; }
.bb-refined .bb-feature-visual { padding:19px; }
.bb-refined .bb-feature-visual img { max-height:310px; }
.bb-refined .bb-feature-mini { padding:22px; border-radius:14px; }
.bb-refined .bb-feature-mini h3 { font-size:23px; margin-bottom:12px; }
.bb-refined .bb-feature-mini p { font-size:13px; line-height:1.6; }
.bb-refined .bb-capability-grid { gap:14px; }
.bb-refined .bb-advanced-card { display:grid; grid-template-columns:34px minmax(0,1fr); column-gap:11px; row-gap:5px; align-content:start; padding:17px; border-radius:12px; }
.bb-refined .bb-advanced-card .bb-icon-tile { grid-column:1; grid-row:1 / span 2; width:34px; height:34px; margin:0; border-radius:9px; }
.bb-refined .bb-advanced-card .bb-icon-tile::after { inset:5px; }
.bb-refined .bb-advanced-card h3 { grid-column:2; grid-row:1; margin:0; font-size:15px; line-height:1.35; }
.bb-refined .bb-advanced-card p { grid-column:2; grid-row:2; margin:0; font-size:12px; line-height:1.55; }
.bb-refined .bb-premium .mt-12 { margin-top:28px; }
.bb-refined .bb-premium .mt-16 { margin-top:30px; }
.bb-refined .bb-integrations { padding:40px 0; }
.bb-refined .bb-integrations .bb-section-heading { margin-bottom:24px; }
.bb-refined .bb-integration-tile { padding:12px; border-radius:9px; }
.bb-refined .bb-price-card { padding:23px; border-radius:14px; }
.bb-refined .bb-price-card h3 { font-size:21px; margin-bottom:7px; }
.bb-refined .bb-price-card > .mb-5 { margin-bottom:14px; }
.bb-refined .bb-price-card > .mb-6 { margin-bottom:18px; }
.bb-refined .bb-price-card ul > :not([hidden]) ~ :not([hidden]) { margin-top:6px; }
.bb-refined .bb-price-card ul li { font-size:12px; line-height:1.5; }
.bb-refined .bb-price-card ul li svg { width:14px; height:14px; flex-shrink:0; }
.bb-refined .bb-price-card .text-base { font-size:14px; }
.bb-refined .bb-price-card .text-sm { font-size:12px; }
.bb-refined .bb-pricing .bb-section-heading > .mt-8 { margin-top:20px; }
.bb-refined .bb-reviews .grid { gap:16px; }
.bb-refined .bb-reviews .grid > div.p-6 { padding:19px; }
.bb-refined .bb-reviews p { font-size:13px; line-height:1.6; }
.bb-refined .bb-reviews .mb-10 { margin-bottom:24px; }
.bb-refined .bb-reviews .mt-8 { margin-top:22px; }
.bb-refined .bb-faq-question { padding:14px 16px; min-height:48px; }
.bb-refined .bb-faq .space-y-4 > :not([hidden]) ~ :not([hidden]) { margin-top:10px; }
.bb-refined .bb-faq p { font-size:13px; line-height:1.65; }
.bb-refined .bb-closing { padding:40px 24px; }
.bb-refined .bb-closing .bb-container { padding:32px 28px; border-radius:18px; }
.bb-refined .bb-closing h2 { font-size:34px; margin-bottom:18px; }
.bb-refined .bb-closing .bb-container > p.mb-10 { margin-bottom:24px; font-size:16px; }
.bb-refined .bb-closing .bb-container > p.mt-8 { margin-top:22px; font-size:12px; }
.bb-refined .bb-closing .bb-section-heading > div:first-child { margin-bottom:15px; }
.bb-refined main a:is([href*="/register"],[href*="/payment/"]) { min-height:44px; padding:11px 21px; font-size:13px; }
.bb-refined .bb-footer-newsletter > div { padding-top:30px; padding-bottom:30px; }
.bb-refined .bb-footer-newsletter h3 { font-size:25px; }
.bb-refined .bb-footer-newsletter p { font-size:12px; line-height:1.6; }
.bb-refined .bb-footer-main { padding-top:38px; padding-bottom:38px; }
.bb-refined .bb-footer-main > .grid { gap:24px; }
.bb-refined .bb-footer-main > .mt-14 { margin-top:30px; padding-top:22px; }
.bb-refined footer .py-6 { padding-top:18px; padding-bottom:18px; }
.bb-refined :is(.bb-section-heading,.bb-trial-notes,.bb-faq-question,.bb-header) svg.lucide { stroke-width:1.75; }
@media(max-width:1023px) {
 .bb-refined .bb-hero h1 { font-size:39px; }
 .bb-refined .bb-feature-copy { padding:23px; }
 .bb-refined .bb-feature-copy h3 { font-size:24px; }
}
@media(max-width:639px) {
 .bb-refined.bb-homepage main > section:not(.bb-hero):not(.bb-clients):not(.bb-integrations):not(.bb-closing) { padding-top:34px; padding-bottom:34px; }
 .bb-refined .bb-hero > .bb-container { padding-top:22px; padding-bottom:22px; }
 .bb-refined .bb-hero h1 { font-size:clamp(27px,7.1vw,32px); line-height:1.14; }
 .bb-refined .bb-hero-copy > p { font-size:14px; line-height:1.6; margin-bottom:18px; }
 .bb-refined .bb-hero-copy { margin-bottom:22px; }
 .bb-refined .bb-trust-badges { margin-bottom:17px; }
 .bb-refined .bb-trial-notes { gap:8px 11px; }
 .bb-refined .bb-inline-emblem::after { width:22px; height:22px; }
 .bb-refined .bb-hero-stats { margin-top:22px; }
 .bb-refined .bb-hero-stats > div { padding:12px 8px; }
 .bb-refined .bb-hero-stats .text-3xl { font-size:24px; }
 .bb-refined main h2 { font-size:27px; }
 .bb-refined .bb-section-heading { margin-bottom:22px; }
 .bb-refined .bb-section-heading > p { font-size:13px; }
 .bb-refined .bb-clients { padding:22px 0; }
 .bb-refined .bb-client-logo { max-width:98px; height:29px; }
 .bb-refined .bb-setup-card { padding:18px; }
 .bb-refined .bb-feature-copy { padding:21px; }
 .bb-refined .bb-feature-copy h3 { font-size:23px; }
 .bb-refined .bb-feature-copy > p { font-size:14px; }
 .bb-refined .bb-feature-copy li > span { font-size:13px; }
 .bb-refined .bb-feature-visual { padding:14px; }
 .bb-refined .bb-feature-visual img { max-height:280px; }
 .bb-refined .bb-icon-heading::before { width:28px; height:28px; background-size:20px; margin-right:8px; vertical-align:-6px; }
 .bb-refined .bb-advanced-card { padding:15px; }
 .bb-refined .bb-price-card { padding:21px; }
 .bb-refined .bb-price-card ul li { font-size:12px; }
 .bb-refined .bb-integrations { padding:32px 0; }
 .bb-refined .bb-faq-question { padding:13px 14px; }
 .bb-refined .bb-closing { padding:30px 16px; }
 .bb-refined .bb-closing .bb-container { padding:26px 19px; }
 .bb-refined .bb-closing h2 { font-size:29px; }
 .bb-refined .bb-closing .bb-container > p.mb-10 { font-size:14px; }
 .bb-refined .bb-footer-newsletter h3 { font-size:24px; }
}
.bb-refined .bb-floating-icon-tile { background:#f4fbf7; border:1px solid #d8e8e0; box-shadow:none; }
.bb-refined .bb-feature-mini { padding:0; }
.bb-refined .bb-feature-mini > div:first-child { padding:18px; }
.bb-refined .bb-feature-mini [class*="h-[280px]"] { height:220px; }
@media(max-width:639px) {
 .bb-refined .bb-feature-mini > div:first-child { padding:14px; }
 .bb-refined .bb-feature-mini [class*="h-[280px]"] { height:190px; }
}


.bb-refined .bb-integrations { padding:34px 0; background:#0b1923; }
.bb-refined .bb-integrations .bb-container { display:grid; grid-template-columns:230px minmax(0,1fr); grid-template-rows:auto auto 1fr; gap:16px 30px; align-items:start; }
.bb-refined .bb-integrations .bb-section-heading { grid-column:1; grid-row:1; margin:0; max-width:none; text-align:left; }
.bb-refined .bb-integrations .bb-section-heading > div:first-child { padding:5px 9px; margin-bottom:13px; }
.bb-refined .bb-integrations h2 { font-size:31px; line-height:1.13; margin-bottom:12px; }
.bb-refined .bb-integrations .bb-section-heading p { font-size:13px; line-height:1.6; color:#acbeca; margin:0; }
.bb-refined .bb-integration-filters { grid-column:1; grid-row:2; justify-content:flex-start; gap:6px; margin:0; }
.bb-refined .bb-integration-filters button { min-height:30px; padding:5px 9px; border:1px solid #ffffff1a; border-radius:6px; background:#ffffff06; color:#c2d2dd; font-size:10px; line-height:1.35; }
.bb-refined .bb-integration-filters button:hover { background:#ffffff10; border-color:#ffffff30; color:#fff; }
.bb-refined .bb-integration-filters button[aria-pressed="true"] { background:#dff6eb; border-color:#b7dfcd; color:#14553e; }
.bb-refined .bb-integration-filters button:focus-visible { outline:2px solid #5dd8b2; outline-offset:3px; }
.bb-refined .bb-integration-grid { grid-column:2; grid-row:1 / span 3; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; align-content:start; }
.bb-refined .bb-integration-grid > div { min-width:0; }
.bb-refined .bb-integration-tile { display:flex; flex-direction:row; justify-content:flex-start; gap:8px; width:100%; height:54px; min-height:54px; aspect-ratio:auto; padding:8px; border:1px solid #ffffff14; border-radius:9px; background:#142632; box-shadow:none; transition:background .15s,border-color .15s; }
.bb-refined .bb-integration-tile:hover { background:#1a303c; border-color:#80bda54d; transform:none; box-shadow:none; }
.bb-refined .bb-integration-tile > img { flex:0 0 30px; width:30px; height:30px; max-width:30px; object-fit:contain; padding:4px; background:#fff; border:1px solid #e7edf1; border-radius:7px; transform:none; }
.bb-refined .bb-integration-tile > span { display:block; min-width:0; margin:0; font-size:11px; font-weight:500; line-height:1.35; color:#e2edf2; text-align:left; white-space:normal; overflow:visible; text-overflow:clip; -webkit-line-clamp:unset; -webkit-box-orient:initial; overflow-wrap:anywhere; }
.bb-refined .bb-integration-tile:hover > span { color:#fff; }
.bb-refined .bb-integration-link { grid-column:1; grid-row:3; margin:0; text-align:left; }
.bb-refined .bb-integration-link > a { padding:7px 0; color:#7ee0bd; font-size:12px; line-height:1.4; }
.bb-refined .bb-integration-link > a:hover { color:#c2f8e5; }
@media(max-width:1099px) {
 .bb-refined .bb-integrations .bb-container { display:block; }
 .bb-refined .bb-integrations .bb-section-heading { margin-bottom:16px; }
 .bb-refined .bb-integrations h2 { font-size:30px; margin-bottom:7px; }
 .bb-refined .bb-integrations .bb-section-heading > div:first-child { margin-bottom:9px; }
 .bb-refined .bb-integration-filters { margin-bottom:16px; }
 .bb-refined .bb-integration-grid { grid-template-columns:repeat(6,minmax(0,1fr)); }
 .bb-refined .bb-integration-link { margin-top:14px; }
}
@media(min-width:640px) and (max-width:767px) {
 .bb-refined .bb-integration-grid { grid-template-columns:repeat(5,minmax(0,1fr)); }
}
@media(max-width:639px) {
 .bb-refined .bb-integrations { padding:26px 0; }
 .bb-refined .bb-integrations h2 { font-size:28px; }
 .bb-refined .bb-integrations .bb-section-heading p { font-size:13px; }
 .bb-refined .bb-integration-filters { gap:6px; }
 .bb-refined .bb-integration-filters button { min-height:30px; font-size:10px; padding:5px 8px; }
 .bb-refined .bb-integration-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; }
 .bb-refined .bb-integration-tile { flex-direction:column; justify-content:center; gap:5px; height:auto; min-height:68px; padding:7px 5px; border-radius:8px; }
 .bb-refined .bb-integration-tile > img { flex-basis:25px; width:25px; height:25px; max-width:25px; padding:3px; border-radius:6px; }
 .bb-refined .bb-integration-tile > span { font-size:10px; line-height:1.25; text-align:center; overflow-wrap:anywhere; }
 .bb-refined .bb-integration-link { margin-top:12px; }
}
@media(max-width:359px) {
 .bb-refined .bb-integration-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:639px) {
 .bb-refined .bb-integration-tile { padding-left:4px; padding-right:4px; }
 .bb-refined .bb-integration-tile > span { font-family:'Inter Tight',Inter,sans-serif; font-size:10.5px; font-weight:600; letter-spacing:-.01em; }
}


.bb-plan-capacity,.bb-plan-inclusion,.bb-pricing-derived { display:none; }
.bb-refined .bb-pricing { background:#f7faf9; border-block:1px solid #e7eeea; }
.bb-refined .bb-pricing .bb-container { max-width:1200px; }
.bb-refined .bb-pricing .bb-section-heading { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:11px 24px; max-width:none; margin:0 0 28px; text-align:left; align-items:center; }
.bb-refined .bb-pricing .bb-section-heading > div:first-child { grid-column:1; grid-row:1; justify-self:start; margin:0; padding:5px 10px; }
.bb-refined .bb-pricing .bb-section-heading > h2 { grid-column:1 / -1; grid-row:2; font-size:34px; line-height:1.14; margin:0; max-width:1100px; }
.bb-refined .bb-pricing .bb-section-heading > p { grid-column:1; grid-row:3; margin:0; max-width:720px; font-size:14px; line-height:1.6; }
.bb-refined .bb-pricing .bb-pricing-offer { grid-column:2; grid-row:1; justify-self:end; margin:0; padding:6px 10px; font-size:11px; border-radius:7px; }
.bb-refined .bb-pricing .bb-inline-emblem::after { width:15px; height:15px; }
.bb-refined .bb-pricing .bb-pricing-currency { grid-column:2; grid-row:3; justify-self:end; margin:0; }
.bb-refined .bb-pricing-currency [role="tablist"] { border-radius:9px; border:1px solid #d9e3de; background:#edf3ef; padding:3px; }
.bb-refined .bb-pricing-currency [role="tab"] { border-radius:6px; min-height:36px; min-width:72px; padding:8px 13px; font-size:12px; }
.bb-refined .bb-pricing-currency [role="tab"][aria-selected="true"] { color:#123c2c; background:#fff; box-shadow:0 1px 4px #0b16200a; }
.bb-refined .bb-plan-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; max-width:none; margin:0 0 24px; align-items:stretch; }
.bb-refined .bb-pricing .bb-price-card { position:relative; display:flex; flex-direction:column; min-width:0; padding:26px 22px 22px; border:1px solid #dbe5e0; border-radius:18px; background:#ffffff; box-shadow:0 4px 16px -2px rgba(11,22,32,0.04); transform:none; transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; }
.bb-refined .bb-pricing .bb-price-card:hover { transform:translateY(-2px); box-shadow:0 10px 24px -4px rgba(11,22,32,0.08); }
.bb-price-card.bb-plan-growth,
.bb-pricing .bb-price-card.bb-plan-growth,
.bb-refined .bb-pricing .bb-price-card.bb-plan-growth { border:2px solid #08aa80 !important; padding:25px 21px 21px; background:#ffffff !important; background-color:#ffffff !important; background-image:none !important; color:#0c2619 !important; box-shadow:0 10px 30px -4px rgba(8,170,128,0.14),0 4px 12px rgba(11,22,32,0.04) !important; }
.bb-refined .bb-pricing .bb-price-card.bb-plan-growth:hover { box-shadow:0 14px 34px -4px rgba(8,170,128,0.2),0 6px 16px rgba(11,22,32,0.06) !important; }
.bb-refined .bb-pricing .bb-price-card > div.bb-plan-popular { position:absolute; top:-13px; left:50%; transform:translateX(-50%); z-index:2; margin:0; }
.bb-refined .bb-pricing .bb-price-card > div.bb-plan-popular > span { display:inline-flex; align-items:center; gap:5px; padding:4px 14px; border-radius:999px; background:#08aa80 !important; color:#ffffff !important; font-size:10px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; box-shadow:0 2px 6px rgba(8,170,128,0.25); white-space:nowrap; }
.bb-refined .bb-plan-discount { position:absolute; top:18px; right:18px; }
.bb-refined .bb-pricing .bb-price-card > div.bb-plan-discount > span { display:inline-block; padding:3px 7px; border:1px solid #cce5d7; border-radius:6px; background:#eef7f2; color:#176543; font-size:9.5px; font-weight:700; letter-spacing:.02em; }
.bb-refined .bb-wc-header { margin-bottom:14px; }
.bb-refined .bb-wc-title-row { display:flex; align-items:center; gap:10px; margin-bottom:6px; }
.bb-refined .bb-wc-plan-icon { display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:8px; background:#eaf7f1; color:#08aa80; flex-shrink:0; }
.bb-refined .bb-wc-icon-trial { background:#eaf7f1; color:#08aa80; }
.bb-refined .bb-wc-icon-growth { background:#d8f3e5; color:#067c5e; }
.bb-refined .bb-wc-icon-scale { background:#ebf3ff; color:#2563eb; }
.bb-refined .bb-wc-icon-custom { background:#e7f8ef; color:#16a34a; }
.bb-refined .bb-pricing .bb-price-card h3 { margin:0; font-family:'Inter Tight',Inter,sans-serif; font-size:21px; font-weight:700; line-height:1.2; color:#0d1e15; }
.bb-refined .bb-wc-subtitle { margin:0; font-size:12.5px; line-height:1.45; color:#55685f; min-height:36px; }
.bb-refined .bb-plan-billing { min-height:74px; margin:0 0 14px; display:flex; flex-direction:column; justify-content:flex-end; }
.bb-refined .bb-pricing .bb-plan-price { font-family:'Inter Tight',Inter,sans-serif; font-size:40px; font-weight:800; line-height:1.05; letter-spacing:-.04em; color:#0b1911; }
.bb-refined .bb-plan-billing > div > span:not(.bb-plan-price) { font-size:12.5px; color:#65776d; font-weight:500; margin-left:2px; }
.bb-refined .bb-plan-billing > p { font-size:12px; line-height:1.4; margin-top:4px; color:#435b4f; }
.bb-refined .bb-plan-billing > p:last-child { margin-top:1px; font-size:10.5px; font-weight:400; color:#718379; }
.bb-refined .bb-wc-save-pill { display:inline-block; margin-top:3px; font-size:11.5px; font-weight:700; color:#087c63; }
.bb-refined .bb-plan-native-features,.bb-refined .bb-plan-native-rates { display:none; }
.bb-refined .bb-pricing .bb-price-card .bb-plan-cta { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; min-height:44px; height:auto; margin:0 0 16px; border-radius:9px; padding:10px 16px; font-size:13.5px; font-weight:600; text-decoration:none; transition:all .15s ease; cursor:pointer; }
.bb-refined .bb-pricing .bb-price-card .bb-plan-cta,
.bb-refined .bb-pricing .bb-price-card .bb-plan-cta span,
.bb-refined .bb-pricing .bb-price-card .bb-plan-cta .bb-wc-cta-arrow,
.bb-refined .bb-pricing .bb-price-card .bb-plan-cta svg { color:#ffffff !important; fill:currentColor !important; }
.bb-refined .bb-pricing .bb-price-card.bb-plan-growth .bb-plan-cta,
.bb-refined .bb-pricing .bb-price-card:first-child .bb-plan-cta { background:#08aa80 !important; border:1px solid #08aa80 !important; color:#ffffff !important; box-shadow:0 3px 12px rgba(8,170,128,0.28) !important; }
.bb-refined .bb-pricing .bb-price-card.bb-plan-growth .bb-plan-cta:hover,
.bb-refined .bb-pricing .bb-price-card:first-child .bb-plan-cta:hover { background:#06896a !important; border-color:#06896a !important; box-shadow:0 6px 18px rgba(8,170,128,0.38) !important; }
.bb-refined .bb-pricing .bb-price-card.bb-plan-scale .bb-plan-cta,
.bb-refined .bb-pricing .bb-price-card:nth-child(2) .bb-plan-cta { background:#11281e !important; border:1px solid #11281e !important; color:#ffffff !important; box-shadow:0 2px 8px rgba(17,40,30,0.18) !important; }
.bb-refined .bb-pricing .bb-price-card.bb-plan-scale .bb-plan-cta:hover,
.bb-refined .bb-pricing .bb-price-card:nth-child(2) .bb-plan-cta:hover { background:#071912 !important; border-color:#071912 !important; box-shadow:0 4px 12px rgba(17,40,30,0.28) !important; }
.bb-refined .bb-pricing .bb-price-card.bb-plan-custom .bb-plan-cta,
.bb-refined .bb-pricing .bb-price-card:last-child .bb-plan-cta { background:#25D366 !important; border:1px solid #25D366 !important; color:#ffffff !important; box-shadow:0 3px 12px rgba(37,211,102,0.28) !important; }
.bb-refined .bb-pricing .bb-price-card.bb-plan-custom .bb-plan-cta:hover,
.bb-refined .bb-pricing .bb-price-card:last-child .bb-plan-cta:hover { background:#1eb956 !important; border-color:#1eb956 !important; box-shadow:0 6px 18px rgba(37,211,102,0.38) !important; }
.bb-refined .bb-wc-cta-arrow { display:inline-block; font-size:15px; line-height:1; transition:transform .15s ease; }
.bb-refined .bb-pricing .bb-price-card .bb-plan-cta:hover .bb-wc-cta-arrow { transform:translateX(3px); }
.bb-refined .bb-wc-grid { display:none !important; }
.bb-refined .bb-wc-feat-item.bb-wc-feat-capacity .bb-wc-feat-text { font-weight:650; color:#0c2619; }
.bb-refined .bb-wc-feat-item.bb-wc-feat-highlight .bb-wc-feat-text { font-weight:650; color:#087c63; }
.bb-refined .bb-card-meta-rates { margin-top:16px; padding:13px 15px; border:1px solid #dce8e1; border-radius:12px; background:#f8fbf9; }
.bb-refined :is(.bb-price-card.bg-gray-900, .bb-price-card.bb-plan-growth, .bb-pricing .bb-price-card:nth-child(2)) .bb-card-meta-rates { border-color:#b7e2cf !important; background:#ffffff !important; box-shadow:0 2px 8px rgba(8,124,99,0.05) !important; }
.bb-refined .bb-meta-rates-header { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:3px; }
.bb-refined .bb-meta-rates-title { font-size:10px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:#173d2c; }
.bb-refined .bb-meta-zero-markup { display:inline-flex; align-items:center; padding:2px 7px; border-radius:999px; background:#e6f7ef; border:1px solid #b2e4d0; color:#087c63; font-size:9px; font-weight:700; letter-spacing:.03em; text-transform:uppercase; flex-shrink:0; }
.bb-refined .bb-meta-rates-sub { margin:0 0 9px; font-size:11px; line-height:1.4; color:#556c60; }
.bb-refined .bb-meta-rates-list { display:flex; flex-direction:column; gap:5px; margin:0; padding:0; }
.bb-refined .bb-meta-rate-row { display:flex; align-items:baseline; justify-content:space-between; font-size:11.5px; padding:3px 0; border-bottom:1px dashed #e5ede8; }
.bb-refined .bb-meta-rate-row:last-child { border-bottom:0; }
.bb-refined .bb-meta-rate-label { color:#5a7064; font-weight:500; }
.bb-refined .bb-meta-rate-val { color:#0f241a; font-weight:700; font-family:'Inter Tight',Inter,sans-serif; }
.bb-refined .bb-meta-rate-val.bb-meta-free { color:#087c63; }
.bb-refined .bb-meta-rates-link { display:inline-block; margin-top:8px; font-size:10.5px; font-weight:600; color:#087c63; text-decoration:underline; text-underline-offset:2px; transition:color .15s; }
.bb-refined .bb-meta-rates-link:hover { color:#055844; }
.bb-refined .bb-wc-channels { display:none !important; }
.bb-refined .bb-wc-features { margin-top:18px; padding-top:16px; border-top:1px solid #e3ece6; display:flex; flex-direction:column; flex:1; }
.bb-refined :is(.bb-price-card.bg-gray-900, .bb-price-card.bb-plan-growth, .bb-pricing .bb-price-card:nth-child(2)) .bb-wc-features { border-top-color:#cde4d7 !important; }
.bb-refined .bb-wc-feat-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; }
.bb-refined .bb-wc-feat-title { font-size:10px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:#173d2b; }
.bb-refined .bb-wc-feat-pill { font-size:9.5px; font-weight:600; padding:2px 7px; border-radius:999px; background:#eaf5ee; color:#087c63; }
.bb-refined :is(.bb-price-card.bg-gray-900, .bb-price-card.bb-plan-growth, .bb-pricing .bb-price-card:nth-child(2)) .bb-wc-feat-pill { background:#d6f2e2 !important; color:#05664f !important; }
.bb-refined .bb-wc-feat-list { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:7px; flex:1; }
.bb-refined .bb-wc-feat-item { position:relative; display:flex; align-items:center; gap:8px; font-size:12px; line-height:1.4; color:#244132; }
.bb-refined .bb-wc-feat-item.bb-wc-feat-extra { display:flex !important; }
@keyframes bb-feat-in { from { opacity:0; transform:translateY(-3px); } to { opacity:1; transform:translateY(0); } }
.bb-refined .bb-wc-feat-check { display:inline-flex; align-items:center; justify-content:center; width:16px; height:16px; border-radius:50%; background:#08aa80; color:#ffffff; flex-shrink:0; }
.bb-refined :is(.bb-price-card.bg-gray-900, .bb-price-card.bb-plan-growth, .bb-pricing .bb-price-card:nth-child(2)) .bb-wc-feat-check { background:#08aa80 !important; }
.bb-refined .bb-wc-feat-text { font-weight:500; color:#1a392b; flex:1; }
.bb-refined .bb-wc-feat-item.bb-wc-feat-has-more { flex-wrap:wrap; }
.bb-refined .bb-wc-feat-more { flex-basis:100%; margin:2px 0 0 26px; font-size:12.5px; font-weight:600; color:#066b54; text-decoration:underline; text-underline-offset:3px; text-decoration-color:#9ad9bd; }
.bb-refined .bb-wc-feat-more:hover { color:#08aa80; }
.bb-refined .bb-wc-feat-info { position:relative; display:inline-flex; align-items:center; justify-content:center; width:16px; height:16px; color:#8da196; cursor:help; flex-shrink:0; transition:color .15s ease; }
.bb-refined .bb-wc-feat-info:hover,.bb-refined .bb-wc-feat-info:focus { color:#087c63; }
.bb-refined .bb-wc-tooltip { visibility:hidden; opacity:0; position:absolute; bottom:calc(100% + 8px); right:-8px; width:220px; padding:8px 11px; background:#0a271e; color:#ffffff; font-size:11px; font-weight:400; line-height:1.4; border-radius:7px; box-shadow:0 4px 14px rgba(0,0,0,0.18); pointer-events:none; z-index:100; transition:opacity .15s ease,transform .15s ease; transform:translateY(4px); text-align:left; }
.bb-refined .bb-wc-tooltip::after { content:''; position:absolute; top:100%; right:12px; border-width:5px; border-style:solid; border-color:#0a271e transparent transparent transparent; }
.bb-refined .bb-wc-feat-info:hover .bb-wc-tooltip,.bb-refined .bb-wc-feat-info:focus .bb-wc-tooltip { visibility:visible; opacity:1; transform:translateY(0); }
.bb-refined .bb-wc-feat-actions,
.bb-refined .bb-wc-feat-toggle { display:none !important; }
.bb-refined .bb-wc-compare-link { display:block; text-align:center; font-size:11px; font-weight:600; color:#087c63; text-decoration:none; padding:6px 10px; border-radius:7px; background:#f4f8f6; border:1px solid #dfeae4; transition:all .15s ease; }
.bb-refined .bb-wc-compare-link:hover { background:#e5f4ec; border-color:#08aa8066; color:#055844; }
.bb-refined .bb-plan-inclusion { display:none; }
.bb-refined .bb-pricing-derived { display:block; }
.bb-refined .bb-shared-rates { display:none; }
.bb-refined .bb-rates-header { display:flex; justify-content:space-between; align-items:center; gap:18px; margin-bottom:16px; }
.bb-refined .bb-rates-header h3 { margin:0; font-size:13px; line-height:1.4; font-weight:700; letter-spacing:.035em; }
.bb-refined .bb-rates-description { margin:4px 0 0; font-size:12px; line-height:1.5; color:#65776c; }
.bb-refined .bb-rates-link { max-width:260px; text-align:right; color:#087c63; text-decoration:underline; text-underline-offset:3px; font-size:11px; line-height:1.5; }
.bb-refined .bb-rate-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin:0; }
.bb-refined .bb-rate-grid > div { padding-right:18px; border-right:1px solid #e1eae4; }
.bb-refined .bb-rate-grid > div:last-child { padding-right:0; border-right:0; }
.bb-refined .bb-rate-grid dt { margin-bottom:5px; font-size:11px; color:#65776b; }
.bb-refined .bb-rate-grid dd { margin:0; font-size:13px; line-height:1.45; font-weight:600; color:#1c3b2b; }
.bb-refined .bb-rate-note { margin:12px 0 0; padding-top:11px; border-top:1px solid #edf1ee; color:#718176; font-size:10px; line-height:1.5; }
.bb-refined .bb-pricing-comparison { margin-top:16px; border:1px solid #dce7e0; border-radius:13px; background:#fff; overflow:hidden; }
.bb-refined .bb-pricing-comparison > summary { display:flex; justify-content:space-between; align-items:center; gap:20px; min-height:72px; padding:16px 20px; list-style:none; cursor:pointer; }
.bb-refined .bb-pricing-comparison > summary::-webkit-details-marker { display:none; }
.bb-refined .bb-pricing-comparison > summary:hover { background:#f7fbf9; }
.bb-refined .bb-pricing-comparison > summary:focus-visible { outline:3px solid #08aa80; outline-offset:-4px; }
.bb-refined .bb-compare-summary-copy { display:flex; flex-direction:column; gap:4px; }
.bb-refined .bb-compare-summary-copy strong { font:600 15px/1.4 'Inter Tight',Inter,sans-serif; color:#143728; }
.bb-refined .bb-compare-summary-copy > span { font:400 11px/1.5 Inter,sans-serif; color:#738276; }
.bb-refined .bb-compare-symbol { display:grid; place-items:center; flex-shrink:0; width:28px; height:28px; border:1px solid #dbe6de; border-radius:50%; font:300 22px/1 Inter,sans-serif; color:#276647; transition:transform .15s; }
.bb-refined .bb-pricing-comparison[open] .bb-compare-symbol { transform:rotate(45deg); }
.bb-refined .bb-pricing-comparison[open] > summary { border-bottom:1px solid #e0eae4; }
.bb-refined .bb-pricing-comparison:not([open]) > :not(summary) { display:none; }
.bb-refined .bb-comparison-scroll { max-width:100%; max-height:560px; overflow:auto; outline-offset:-3px; }
.bb-refined .bb-comparison-scroll:focus-visible { outline:2px solid #08aa80; }
.bb-refined .bb-comparison-table { width:100%; min-width:660px; table-layout:fixed; border-collapse:separate; border-spacing:0; font:400 12px/1.45 Inter,sans-serif; }
.bb-refined .bb-comparison-table th,.bb-refined .bb-comparison-table td { padding:11px 16px; border-bottom:1px solid #e7eee9; color:#324f3e; text-align:center; }
.bb-refined .bb-comparison-table tr > :first-child { width:37%; position:sticky; left:0; z-index:1; background:#fff; text-align:left; }
.bb-refined .bb-comparison-table thead th { position:sticky; top:0; z-index:2; background:#f3f8f5; font-size:12px; font-weight:600; color:#173e2a; }
.bb-refined .bb-comparison-table thead th:first-child { background:#f3f8f5; z-index:3; }
.bb-refined .bb-comparison-table tbody th { font-weight:400; }
.bb-refined .bb-comparison-table tr > :nth-child(3) { background:#f0faf5; color:#12653e; }
.bb-refined .bb-comparison-table thead th:nth-child(3) { background:#e3f3e9; }
.bb-refined .bb-compare-included { color:#087c63; font-size:16px; font-weight:600; }
.bb-refined .bb-compare-unlisted { color:#9aa89e; }
.bb-refined .bb-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.bb-refined .bb-comparison-hint { display:none; }
.bb-refined .bb-pricing-proof { max-width:none; margin-top:25px; }
.bb-refined .bb-pricing-proof > div { padding:20px 0 0; border:0; border-top:1px solid #dfe8e2; border-radius:0; background:transparent; }
.bb-refined .bb-pricing-proof > div > p { margin-bottom:16px; font-size:10px; letter-spacing:.08em; }
.bb-refined .bb-pricing-proof .grid > div { flex-direction:row; gap:9px; text-align:left; }
.bb-refined .bb-pricing-proof .grid > div > div { width:30px; height:30px; border-radius:8px; }
.bb-refined .bb-pricing-proof .grid > div > span { font-size:11px; line-height:1.45; color:#627568; }
@media(min-width:761px) and (max-width:1000px) {
 .bb-refined .bb-pricing .bb-price-card { padding:20px; }
 .bb-refined .bb-pricing .bb-price-card.bg-gray-900 { padding:19px; }
 .bb-refined .bb-pricing .bb-price-card > h3 { font-size:19px; min-height:29px; }
 .bb-refined .bb-plan-discount { top:12px; right:12px; }
 .bb-refined .bb-plan-capacity dt { font-size:11px; }
 .bb-refined .bb-plan-capacity dd { font-size:12px; }
}
@media(max-width:760px) {
 .bb-refined .bb-comparison-table { min-width:620px; }
 .bb-refined .bb-comparison-table tr > :first-child { width:156px; }
 .bb-refined .bb-comparison-table th,.bb-refined .bb-comparison-table td { padding:10px 12px; }
 .bb-refined .bb-pricing .bb-section-heading { display:flex; flex-direction:column; align-items:flex-start; gap:13px; margin-bottom:26px; }
 .bb-refined .bb-pricing .bb-section-heading > h2 { font-size:29px; line-height:1.15; }
 .bb-refined .bb-pricing .bb-section-heading > p { font-size:13px; }
 .bb-refined .bb-pricing .bb-pricing-offer { align-self:flex-start; }
 .bb-refined .bb-pricing .bb-pricing-currency { align-self:flex-start; }
 .bb-refined .bb-plan-grid { grid-template-columns:1fr; gap:22px; }
 .bb-refined .bb-pricing .bb-price-card { padding:24px; }
 .bb-refined .bb-pricing .bb-price-card.bg-gray-900 { padding:23px; }
 .bb-refined .bb-plan-billing { min-height:95px; }
 .bb-refined .bb-plan-capacity { margin-bottom:19px; }
 .bb-refined .bb-plan-capacity > div { min-height:28px; }
 .bb-refined .bb-plan-capacity dt { font-size:12px; }
 .bb-refined .bb-plan-capacity dd { font-size:13px; }
 .bb-refined .bb-shared-rates { padding:17px; }
 .bb-refined .bb-rates-header { align-items:flex-start; flex-direction:column; gap:9px; }
 .bb-refined .bb-rates-link { max-width:none; text-align:left; }
 .bb-refined .bb-rate-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }
 .bb-refined .bb-rate-grid > div { padding:0; border:0; }
 .bb-refined .bb-rate-grid dd { font-size:12px; }
 .bb-refined .bb-rate-note { font-size:10px; }
 .bb-refined .bb-pricing-comparison > summary { padding:16px; }
 .bb-refined .bb-compare-summary-copy strong { font-size:15px; }
 .bb-refined .bb-pricing-comparison[open] > .bb-comparison-hint { display:block; margin:0; padding:10px 16px; background:#f7fbf9; font-size:10px; color:#6e8073; }
}


.special-offer-page .fixed.bottom-0,
body.bb-special-offer .fixed.bottom-0,
.special-offer-page [class*="fixed"][class*="bottom-0"],
body.bb-special-offer [class*="fixed"][class*="bottom-0"],
.special-offer-page .bb-mobile-sticky-cta,
body.bb-special-offer .bb-mobile-sticky-cta,
.bb-mobile-sticky-cta {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  opacity: 0 !important;
}

@media (max-width: 767px) {
  .special-offer-page,
  body.bb-special-offer .special-offer-page {
    padding-bottom: 0 !important;
  }
}

/* site-refinements.css */
.bb-skip-link { position:fixed; top:-80px; left:16px; z-index:1000; padding:12px 18px; border-radius:8px; background:#0b1620; color:white; font:600 13px/1.4 Inter,sans-serif; }
.bb-skip-link:focus { top:12px; }
.bb-refined .bb-interior-main { padding-top:64px; padding-bottom:0; }
.bb-refined .bb-interior-main :is(h1,h2,h3) { font-family:'Inter Tight',Inter,Arial,sans-serif!important; color:#0b1620; letter-spacing:-.02em; }
.bb-refined .bb-page-section { padding-block:44px; }
.bb-refined .bb-page-container { max-width:1200px; }
.bb-refined .bb-page-hero { min-height:0; padding-top:50px; padding-bottom:42px; border-bottom:1px solid #e5eeea; background:radial-gradient(80% 140% at 45% 0%,#e4f4ee85,transparent 75%),linear-gradient(180deg,#f5f9fb,#fff); }
.bb-refined .bb-page-hero > .absolute { display:none; }
.bb-refined .bb-interior-main h1 { font-size:44px; font-weight:700; line-height:1.12; letter-spacing:-.035em; text-wrap:balance; }
.bb-refined .bb-interior-main h2 { font-size:30px; line-height:1.2; font-weight:700; text-wrap:balance; }
.bb-refined .bb-interior-main h3 { font-size:19px; line-height:1.3; }
.bb-refined .bb-interior-main p { font-size:14px; line-height:1.75; }
.bb-refined .bb-page-intro > p { font-size:16px; line-height:1.7; max-width:720px; }
.bb-refined .bb-interior-main :is(h1,h2) :is([class*="bg-clip-text"],[class*="text-[#08aa80]"]) { color:#087c63; background:none; -webkit-text-fill-color:#087c63; }
.bb-refined .bb-page-intro > .inline-flex:first-child { box-shadow:none; border:1px solid #d4e8de; border-radius:7px; font-size:11px; font-weight:600; padding:6px 10px; }
.bb-refined .bb-interior-main .mb-16 { margin-bottom:32px; }
.bb-refined .bb-interior-main .mb-12 { margin-bottom:28px; }
.bb-refined .bb-interior-main .mt-16 { margin-top:32px; }
.bb-refined .bb-interior-main .mt-12 { margin-top:28px; }
.bb-refined .bb-interior-main .gap-8 { gap:24px; }
.bb-refined .bb-interior-main .gap-12 { gap:32px; }
.bb-refined .bb-page-card { border:1px solid #dee7e3; border-radius:14px; background:#fff; box-shadow:0 2px 8px #0b162003; padding:22px; min-width:0; transition:border-color .15s,box-shadow .15s; }
.bb-refined .bb-page-card:hover { transform:none; border-color:#b9d4c8; box-shadow:0 5px 16px #0b162008; }
.bb-refined .bb-page-card h3 { margin-bottom:10px; }
.bb-refined .bb-page-card p { font-size:13px; line-height:1.7; }
.bb-refined .bb-page-card > .bb-icon-tile { width:42px; height:42px; border:1px solid #d3e8dd; border-radius:10px; background:#eff8f3; margin-bottom:17px; }
.bb-refined .bb-page-card > .bb-icon-tile::after { inset:7px; }
.bb-refined .bb-dark-section,.bb-refined .bb-page-card-dark { background:#0b1923; }
.bb-refined .bb-dark-section :is(h1,h2,h3),.bb-refined .bb-page-card-dark :is(h1,h2,h3) { color:#f3faf6; }
.bb-refined .bb-dark-section p,.bb-refined .bb-page-card-dark p { color:#b4c6cf; }
.bb-refined .bb-dark-section .bb-page-card:not(.bb-page-card-dark) :is(h2,h3) { color:#0b1620; }
.bb-refined .bb-dark-section .bb-page-card:not(.bb-page-card-dark) p { color:#50606c; }
.bb-refined .bb-interior-main .bb-dark-section a[href*="/register"] { background:#dff6eb; border-color:#dff6eb; color:#123d2a; }
.bb-refined .bb-interior-main .bb-dark-section a[href*="/register"]:hover { background:#c9efdd; }
.bb-refined .bb-interior-main :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea) { max-width:100%; border:1px solid #ccdcd3; border-radius:8px; background:#fff; color:#173c29; font:400 14px/1.5 Inter,sans-serif; min-height:44px; box-shadow:none; }
.bb-refined .bb-interior-main textarea { min-height:120px; }
.bb-refined .bb-interior-main :is(input,select,textarea):focus { border-color:#087c63; outline:2px solid #c5eadd; outline-offset:2px; }
.bb-refined .bb-interior-main label { font-size:13px; color:#314e3e; }
.bb-refined .bb-interior-main :is(button[type="submit"],a[href="/demo"]) { min-height:44px; border-radius:8px; font-size:13px; font-weight:600; box-shadow:none; }
.bb-refined .bb-interior-main svg.lucide { stroke-width:1.7; }
.bb-refined .bb-page-accordion { border-radius:9px; box-shadow:none; font-size:14px; }
.bb-refined .bb-page-accordion[aria-expanded="true"] { background:#edf7f2; border-color:#b9dac9; }
.bb-refined .bb-data-scroll { max-width:100%; overflow:auto; overscroll-behavior-inline:contain; }
.bb-refined .bb-data-scroll:focus-visible { outline:2px solid #087c63; outline-offset:3px; }
.bb-refined .bb-interior-main table { font-size:13px; }
.bb-refined .bb-interior-main table :is(th,td) { overflow-wrap:normal; }
.bb-refined .bb-interior-main img { max-width:100%; }
.bb-refined .bb-interior-main .bb-pricing { border-top:0; padding-top:28px; }
.bb-refined .bb-interior-main .bb-plan-grid h3 { font-size:21px; }
.bb-refined .bb-interior-main .bb-plan-inclusion { font-size:11px; }
.bb-refined .bb-interior-main .bb-rates-description { font-size:12px; }
.bb-refined .bb-interior-main .bb-rate-note { font-size:10px; }
.bb-refined .bb-interior-main .bb-plan-billing > p { font-size:13px; }
.bb-refined .bb-interior-main .bb-plan-billing > p:last-child { font-size:11px; }
.bb-refined[data-bb-page="pricing"] .bb-page-hero { padding-top:30px; padding-bottom:26px; }
.bb-refined[data-bb-page="pricing"] .bb-page-intro h1 { font-size:36px; margin-bottom:14px; }
.bb-refined[data-bb-page="pricing"] .bb-page-intro > p { font-size:14px; margin-bottom:17px; }
.bb-refined[data-bb-page="pricing"] .bb-page-intro > .inline-flex:first-child { margin-bottom:16px; }
.bb-refined[data-bb-page="pricing"] .bb-page-intro > .inline-flex:last-child { padding:7px 11px; border:1px solid #cfe7db; border-radius:7px; background:#eaf6ef; color:#226445; box-shadow:none; font-size:11px; }
.bb-refined[data-bb-page="pricing"] .bb-pricing-currency { display:flex; justify-content:flex-end; margin:0 0 22px; }
.bb-refined[data-bb-page="legal"] .bb-page-hero { padding-block:38px; }
.bb-refined[data-bb-page="legal"] .bb-interior-main h1 { font-size:40px; }
.bb-refined[data-bb-page="legal"] .bb-interior-main :is(p,li) { font-size:14px; line-height:1.85; }
.bb-refined[data-bb-page="legal"] .bb-interior-main h2 { font-size:23px; }
.bb-refined[data-bb-page="legal"] .bb-interior-main h3 { font-size:19px; }
.bb-refined[data-bb-page="legal"] .bb-interior-main :is(h2,h3) { scroll-margin-top:86px; }
.bb-refined[data-bb-page="solution"] .sol-hero-left h1 { font-size:43px; }
.bb-refined[data-bb-page="solution"] .sol-hero-left > p { font-size:15px; }
.bb-refined[data-bb-page="blog"] .bb-page-hero h1 { font-size:44px; }
.bb-refined[data-bb-page="blog"] article :is(p,li) { font-size:16px; line-height:1.85; }
.bb-refined .bb-interior-main pre { max-width:100%; overflow-x:auto; }
.bb-refined .bb-interior-main :is(.grid,.flex) > * { min-width:0; }
.bb-refined .bb-interior-main > footer h3 { font-size:25px; }
.bb-refined .bb-interior-main > footer p { font-size:12px; }
.bb-refined .bb-flow-root :is(h1,h2,h3) { font-family:'Inter Tight',Inter,sans-serif!important; letter-spacing:-.025em; }
.bb-refined .bb-flow-root h1 { font-size:32px; line-height:1.18; }
.bb-refined .bb-flow-root :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea) { min-height:44px; border-radius:8px; font-size:14px; border-color:#d0dfd6; }
.bb-refined .bb-flow-root :is(input,select,textarea):focus { outline:2px solid #b7e6d4; outline-offset:2px; }
.bb-refined .bb-flow-root .shadow-xl { box-shadow:0 8px 32px #0b37200c; }
.bb-refined .bb-flow-root button[type="submit"] { min-height:44px; box-shadow:none; }
@media(max-width:1023px) {
 .bb-refined .bb-interior-main h1,.bb-refined[data-bb-page="solution"] .sol-hero-left h1 { font-size:36px; }
 .bb-refined .bb-interior-main h2 { font-size:28px; }
 .bb-refined .bb-page-card { padding:20px; }
}
@media(max-width:639px) {
 .bb-refined .bb-page-section { padding-block:32px; }
 .bb-refined .bb-page-hero { padding-top:32px; padding-bottom:30px; }
 .bb-refined .bb-interior-main h1,.bb-refined[data-bb-page="solution"] .sol-hero-left h1,.bb-refined[data-bb-page="legal"] .bb-interior-main h1,.bb-refined[data-bb-page="blog"] .bb-page-hero h1 { font-size:30px; line-height:1.15; }
 .bb-refined .bb-interior-main h2 { font-size:26px; }
 .bb-refined .bb-interior-main h3 { font-size:19px; }
 .bb-refined .bb-page-intro > p { font-size:14px; }
 .bb-refined .bb-page-card { padding:18px; }
 .bb-refined .bb-interior-main .mb-12,.bb-refined .bb-interior-main .mb-16 { margin-bottom:24px; }
 .bb-refined .bb-interior-main .gap-8 { gap:18px; }
 .bb-refined .bb-interior-main .gap-12 { gap:24px; }
 .bb-refined .bb-interior-main .bb-pricing { padding-top:22px; }
 .bb-refined[data-bb-page="pricing"] .bb-page-intro h1 { font-size:30px; }
}
@media(prefers-reduced-motion:reduce) {
 .bb-refined *, .bb-refined *::before,.bb-refined *::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
}


.bb-tp-block, .bb-tp-native-toggle, .bb-tp-heading-preview, .bb-tp-note { display:none !important; }
.bb-refined main > .bb-tp-enhanced { padding-top:48px; padding-bottom:52px; background:#fafbf9; border-block:1px solid #e5e9e3; scroll-margin-top:70px; }
.bb-refined .bb-tp-enhanced .bb-section-heading { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px 24px; align-items:end; text-align:left; max-width:none; margin-bottom:24px; }
.bb-refined .bb-tp-enhanced .bb-section-heading > div:first-child { grid-column:1; grid-row:1; justify-self:start; margin:0; }
.bb-refined .bb-tp-enhanced .bb-section-heading > h2 { grid-column:1; grid-row:2; margin:0; font-size:32px; font-weight:800; }
.bb-refined .bb-tp-enhanced .bb-section-heading > p { grid-column:2; grid-row:2; margin:0; max-width:380px; font-size:13px; color:#526056; }
.bb-refined .bb-tp-block { display:block !important; scroll-margin-top:80px; }
.bb-refined .bb-tp-layout { display:grid; grid-template-columns:250px minmax(0,1fr); gap:24px; align-items:stretch; }


.bb-refined .bb-tp-summary { display:flex; flex-direction:column; align-items:flex-start; border:1px solid #e0e5df; border-radius:18px; background:#fff; padding:24px 22px; box-shadow:0 1px 3px rgba(11,31,26,0.04); text-decoration:none !important; color:inherit !important; cursor:pointer; transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.bb-refined .bb-tp-summary:hover { transform:translateY(-3px); border-color:#08aa80; box-shadow:0 16px 32px -12px rgba(8,170,128,0.2); }
.bb-refined .bb-tp-logo { width:124px; height:31px; object-fit:contain; object-position:left; }
.bb-refined .bb-tp-rating { display:flex; align-items:baseline; gap:6px; margin-top:16px; }
.bb-refined .bb-tp-rating strong { color:#17221c; font:800 46px/1 'Inter Tight',Inter,sans-serif; letter-spacing:-.04em; }
.bb-refined .bb-tp-rating > span { color:#6b756e; font-size:13px; font-weight:600; }
.bb-refined .bb-tp-block .bb-tp-label { margin:6px 0 10px; color:#1c2920; font-size:16px; font-weight:700; line-height:1.3; }
.bb-refined .bb-tp-aggregate-stars { display:block; width:148px; height:28px; object-fit:contain; }
.bb-refined .bb-tp-block .bb-tp-score-meta { margin:12px 0 16px; padding-bottom:16px; width:100%; border-bottom:1px solid #edf0e9; font-size:12px; color:#69716a; }
.bb-refined .bb-tp-all-reviews { display:inline-flex; align-items:center; justify-content:center; gap:6px; margin-top:auto; padding:10px 16px; width:100%; border-radius:12px; background:#17221c; color:#fff !important; text-decoration:none !important; font-size:12.5px; font-weight:600; transition:background-color .15s; }
.bb-refined .bb-tp-all-reviews:hover { background:#08aa80; }


.bb-refined .bb-tp-browser { min-width:0; display:flex; flex-direction:column; }
.bb-refined .bb-tp-tools { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px 14px; margin-bottom:14px; }
.bb-refined .bb-tp-trust-pill { display:inline-flex; align-items:center; gap:6px; font-size:12.5px; font-weight:600; color:#283a2e; background:#eef4ee; border:1px solid #d8e4d6; padding:5px 12px; border-radius:999px; }
.bb-refined .bb-tp-pill-star { color:#00b67a; font-size:14px; }
.bb-refined .bb-tp-controls { display:flex; align-items:center; gap:8px; }
.bb-refined .bb-tp-arrow { display:grid; place-items:center; width:34px; height:34px; border:1px solid #cbd5e1; border-radius:50%; background:#fff; color:#253d2e; cursor:pointer; transition:border-color .15s,background .15s,color .15s; }
.bb-refined .bb-tp-arrow::before { content:''; width:7px; height:7px; border-top:1.5px solid currentColor; border-right:1.5px solid currentColor; }
.bb-refined .bb-tp-arrow-prev::before { transform:translateX(1px) rotate(-135deg); }
.bb-refined .bb-tp-arrow-next::before { transform:translateX(-1px) rotate(45deg); }
.bb-refined .bb-tp-arrow:hover { background:#08aa80; border-color:#08aa80; color:#fff; }


.bb-refined .bb-tp-rail { display:flex; gap:16px; overflow-x:auto; scroll-behavior:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; padding:4px 4px 14px; cursor:grab; }
.bb-refined .bb-tp-rail::-webkit-scrollbar { display:none; }
.bb-refined .bb-tp-rail:active { cursor:grabbing; }
.bb-refined .bb-tp-rail:focus-visible { outline:2px solid #08aa80; outline-offset:3px; border-radius:12px; }


.bb-refined .bb-tp-card { display:flex; flex-direction:column; flex:0 0 350px; width:350px; min-width:350px; min-height:260px; padding:20px 22px; border:1px solid #e0e4de; border-radius:16px; background:#fff; box-shadow:0 1px 3px rgba(11,31,26,0.04); text-decoration:none !important; color:inherit !important; cursor:pointer; transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.bb-refined .bb-tp-card:hover { transform:translateY(-4px); border-color:#08aa80; box-shadow:0 16px 32px -12px rgba(8,170,128,0.2); }
.bb-refined .bb-tp-card-top { display:flex; flex-direction:row; align-items:center; justify-content:space-between; gap:8px; margin-bottom:12px; }
.bb-refined .bb-tp-review-stars { display:block; width:96px; height:18px; object-fit:contain; }
.bb-refined .bb-tp-card time { font-size:11px; color:#737970; line-height:1.4; text-align:right; }
.bb-refined .bb-tp-card h3 { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font:700 15px/1.35 'Inter Tight',Inter,sans-serif; letter-spacing:-.015em; color:#1d281f; margin:0 0 9px; min-height:40px; }
.bb-refined .bb-tp-card blockquote { margin:0 0 16px; font-size:13.5px; line-height:1.6; color:#4e584e; white-space:pre-line; flex-grow:1; }
.bb-refined .bb-tp-person { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:auto; padding-top:13px; border-top:1px solid #edf0e9; }
.bb-refined .bb-tp-person-left { display:flex; align-items:center; gap:9px; min-width:0; }
.bb-refined .bb-tp-avatar { display:grid; place-items:center; flex:0 0 32px; width:32px; height:32px; border-radius:50%; background:#eef2ea; color:#065f46; font-size:11px; font-weight:700; }
.bb-refined .bb-tp-author { display:flex; flex-direction:column; gap:2px; min-width:0; }
.bb-refined .bb-tp-author strong { font-size:12px; font-weight:600; line-height:1.35; color:#2a382d; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.bb-refined .bb-tp-author span { color:#788075; font-size:10px; line-height:1.4; white-space:nowrap; }
.bb-refined .bb-tp-source { font-size:11px; font-weight:600; color:#08aa80; text-decoration:none; white-space:nowrap; }
.bb-refined .bb-tp-card:hover .bb-tp-source { text-decoration:underline; }


.bb-refined .bb-tp-enhanced .bb-review-native-block { display:none !important; }

@media(min-width:761px) and (max-width:1099px) {
  .bb-refined .bb-tp-layout { grid-template-columns:220px minmax(0,1fr); gap:20px; }
  .bb-refined .bb-tp-card { flex:0 0 320px; width:320px; min-width:320px; }
}
@media(max-width:760px) {
  .bb-refined .bb-tp-enhanced .bb-section-heading { display:block; }
  .bb-refined .bb-tp-enhanced .bb-section-heading > div:first-child { margin-bottom:10px; }
  .bb-refined .bb-tp-enhanced .bb-section-heading > h2 { margin-bottom:8px; font-size:26px; }
  .bb-refined .bb-tp-enhanced .bb-section-heading > p { max-width:none; font-size:12.5px; }
  .bb-refined .bb-tp-layout { grid-template-columns:1fr; gap:20px; }
  .bb-refined .bb-tp-card { flex:0 0 290px; width:290px; min-width:290px; }
}
 .bb-refined .bb-tp-enhanced .bb-section-heading > p { max-width:none; font-size:12px; }
 .bb-refined .bb-tp-enhanced .bb-tp-heading-preview { margin-top:11px; }
 .bb-refined .bb-tp-layout { grid-template-columns:1fr; gap:20px; padding-top:19px; }
 .bb-refined .bb-tp-summary { display:grid; grid-template-columns:1fr auto; align-items:center; column-gap:16px; border-right:0; border-bottom:1px solid #e0e5df; padding:0 0 18px; }
 .bb-refined .bb-tp-logo-link { grid-column:1; grid-row:1; }
 .bb-refined .bb-tp-logo { width:120px; height:30px; }
 .bb-refined .bb-tp-rating { grid-column:2; grid-row:1 / span 2; margin:0; align-self:start; }
 .bb-refined .bb-tp-rating strong { font-size:43px; }
 .bb-refined .bb-tp-block .bb-tp-label { grid-column:1; grid-row:2; margin:7px 0 11px; font-size:13px; }
 .bb-refined .bb-tp-aggregate-stars { grid-column:1; grid-row:3; width:130px; height:24px; }
 .bb-refined .bb-tp-block .bb-tp-score-meta { grid-column:2; grid-row:3; text-align:right; font-size:10px; margin:0; }
 .bb-refined .bb-tp-all-reviews { grid-column:1 / -1; grid-row:4; margin-top:12px; font-size:11px; }
 .bb-refined .bb-tp-rail { grid-auto-columns:calc(100% - 24px); gap:12px; }
 .bb-refined .bb-tp-card { min-height:253px; padding:17px; }
 .bb-refined .bb-tp-card-top { flex-direction:row; align-items:center; justify-content:space-between; gap:10px; }
 .bb-refined .bb-tp-card time { font-size:9px; text-align:right; }
 .bb-refined .bb-tp-card h3 { min-height:0; font-size:17px; }
 .bb-refined .bb-tp-person strong { font-size:12px; }
 .bb-refined .bb-tp-person > div > span { font-size:10px; }
 .bb-refined .bb-tp-source { font-size:11px; }
 .bb-refined .bb-tp-tools > p { font-size:11px; }
 .bb-refined .bb-tp-preview-label { font-size:9px; }

/* polish.css */
:root,
.bb-refined {
  --p-ink:#0b1f1a; --p-text:#4b5c57; --p-muted:#6b7b76; --p-line:#e2ebe7; --p-line-2:#d3e6dd;
  --p-green:#08aa80; --p-green-2:#079470; --p-deep:#066b54; --p-mint:#f1faf6; --p-mint-2:#e3f5ec;
  --p-action:#08785b; --p-action-hover:#06644d;
  --p-forest:#072e25; --p-head:'Plus Jakarta Sans','Inter Tight',Inter,sans-serif;
  --p-shadow:0 1px 2px #0b1f1a0a,0 8px 24px -12px #0b1f1a1f;
}
body.bb-refined { font-family:Inter,system-ui,sans-serif; color:var(--p-ink); -webkit-font-smoothing:antialiased; }
body.bb-refined main :is(h1,h2,h3), body.bb-refined footer h3 { font-family:var(--p-head)!important; letter-spacing:-.028em; color:var(--p-ink); }
body.bb-refined ::selection { background:#bfeedd; color:var(--p-ink); }


.bb-refined .bb-header { background:#ffffffe6; border-bottom:1px solid #e9efec; backdrop-filter:saturate(1.6) blur(14px); -webkit-backdrop-filter:saturate(1.6) blur(14px); }
.bb-refined .bb-header a > span.text-lg { font-family:var(--p-head); font-weight:800; letter-spacing:-.03em; font-size:19px; }
.bb-refined .bb-header nav > div > :is(a,button) { font-size:14px; font-weight:500; color:#3c4d48; border-radius:8px; padding:8px 12px; transition:background-color .15s,color .15s; }
.bb-refined .bb-header nav > div > :is(a,button):hover { background:var(--p-mint); color:var(--p-ink); }
.bb-refined .bb-header nav > div > a.bg-gray-100 { background:transparent; color:var(--p-ink); font-weight:600; }
.bb-refined .bb-header a[href="/demo"] { border:1px solid transparent!important; background:var(--p-mint-2); color:var(--p-deep); font-weight:600; }
.bb-refined .bb-header a[href="/demo"]:hover { background:#d2efe2; }
.bb-refined .bb-header a[aria-label="Log in to your account"] { font-size:14px; font-weight:500; color:#3c4d48; }
.bb-refined .bb-header a[aria-label="Log in to your account"]:hover { color:var(--p-deep); }
.bb-refined .bb-header a[aria-label="Start your free trial"] { background:var(--p-action); border-radius:10px; font-size:14px; font-weight:600; min-height:42px; padding:10px 18px; box-shadow:0 1px 0 #ffffff40 inset,0 6px 16px -8px #08aa80; transition:background-color .15s,transform .15s; }
.bb-refined .bb-header a[aria-label="Start your free trial"]:hover { background:var(--p-action-hover); transform:translateY(-1px); }


.bb-refined main a:is([href*="/register"],[href*="/payment/"]) { background:var(--p-action); border-color:var(--p-action); color:#fff; border-radius:12px; font-weight:600; box-shadow:0 1px 0 #ffffff40 inset,0 10px 22px -12px #079470; transition:background-color .15s,transform .15s,box-shadow .15s; }
.bb-refined main a:is([href*="/register"],[href*="/payment/"]):hover { background:var(--p-action-hover); border-color:var(--p-action-hover); transform:translateY(-1px); box-shadow:0 1px 0 #ffffff40 inset,0 14px 26px -12px #079470; }
.bb-refined main a:is([href*="/register"],[href*="/payment/"]) svg { transition:transform .15s; }
.bb-refined main a:is([href*="/register"],[href*="/payment/"]):hover svg { transform:translateX(3px); }


.bb-refined.bb-homepage main > section:not(.bb-hero):not(.bb-clients):not(.bb-integrations):not(.bb-closing) { padding-top:72px; padding-bottom:72px; }
.bb-refined.bb-homepage main h2 { font-size:40px; line-height:1.12; font-weight:800; }
.bb-refined.bb-homepage main h2 [class*="bg-clip-text"], .bb-refined.bb-homepage main h2 .text-\[\#08aa80\] { color:var(--p-green-2); -webkit-text-fill-color:var(--p-green-2); background:none; }
.bb-refined.bb-homepage main h2 svg { display:none; }
.bb-refined.bb-homepage main h2 span, .bb-refined.bb-homepage main h2 span::before, .bb-refined.bb-homepage main h2 span::after { background-color:transparent!important; }
.bb-refined.bb-homepage main h2 span > span.absolute { display:none; }
.bb-refined.bb-homepage .bb-section-heading { margin-bottom:40px; }
.bb-refined.bb-homepage .bb-section-heading > p { font-size:17px; line-height:1.6; color:var(--p-text); max-width:640px; margin-inline:auto; }
.bb-refined.bb-homepage .bb-section-heading > div:first-child { background:#fff; border:1px solid var(--p-line-2); border-radius:999px; padding:5px 12px 5px 10px; margin-bottom:16px; box-shadow:0 1px 2px #0b1f1a08; }
.bb-refined.bb-homepage .bb-section-heading > div:first-child > span { font-size:12px; font-weight:600; color:var(--p-deep); letter-spacing:.01em; }
.bb-refined.bb-homepage .bb-section-heading > div:first-child > svg { color:var(--p-green); }


.bb-refined.bb-homepage .bb-hero { padding-top:64px; }
.special-offer-page .bb-hero,
body.bb-special-offer .bb-hero,
.bb-refined.bb-homepage .special-offer-page .bb-hero,
.bb-refined.bb-special-offer .bb-hero {
  padding-top: 116px !important;
}
@media (max-width: 639px) {
  .special-offer-page .bb-hero,
  body.bb-special-offer .bb-hero,
  .bb-refined.bb-homepage .special-offer-page .bb-hero,
  .bb-refined.bb-special-offer .bb-hero {
    padding-top: 104px !important;
  }
}
.bb-refined.bb-homepage .bb-hero-background { background-color:#fff; background-image:radial-gradient(60% 50% at 50% 0%,#d7f3e7 0%,#eef9f4 45%,#fff0 78%),radial-gradient(#cfe3db 1px,transparent 1.2px); background-size:100% 100%,22px 22px; }
.bb-refined.bb-homepage .bb-hero-background::after { background:linear-gradient(180deg,#fff0 45%,#fff 92%); }
.bb-refined.bb-homepage .bb-hero > .bb-container { padding-top:56px; padding-bottom:56px; }
.bb-refined.bb-homepage .bb-hero-copy { margin-bottom:44px; max-width:980px; }
.bb-refined.bb-homepage .bb-trust-badges { margin-bottom:22px; }
.bb-refined.bb-homepage .bb-trust-badges > div { background:#ffffffd9; border:1px solid var(--p-line-2); padding:6px 14px 6px 8px; box-shadow:0 1px 2px #0b1f1a0a; backdrop-filter:blur(6px); }
.bb-refined.bb-homepage .bb-trust-badges > div > span { font-size:12.5px; font-weight:600; color:#1d4a3d; }
.bb-refined.bb-homepage .bb-trust-badges > div.bb-badge-meta,
.bb-refined.bb-homepage .bb-trust-badges > div:last-child:not(:first-child) {
  border-color: #dce4f3 !important;
  background: #ffffffeb !important;
}
.bb-refined.bb-homepage .bb-trust-badges > div.bb-badge-meta > span,
.bb-refined.bb-homepage .bb-trust-badges > div:last-child:not(:first-child) > span {
  color: #1a448c !important;
}
.bb-refined.bb-homepage .bb-trust-badges > div.bb-badge-meta > div,
.bb-refined.bb-homepage .bb-trust-badges > div:last-child:not(:first-child) > div {
  background: rgba(0, 100, 224, 0.12) !important;
}
.bb-refined.bb-homepage .bb-hero h1 { font-size:60px; line-height:1.06; font-weight:800; letter-spacing:-.042em; margin-bottom:22px; }
.bb-refined.bb-homepage .bb-hero h1 > span.relative > span { background:none; color:var(--p-green-2); -webkit-text-fill-color:var(--p-green-2); }
.bb-refined.bb-homepage .bb-hero h1 > span.relative > svg { opacity:.5; }
.bb-refined.bb-homepage .bb-hero h1 > span:not(.relative) { font-size:1em; }
.bb-refined.bb-homepage .bb-hero-copy > p { font-size:19px; line-height:1.6; max-width:680px; margin-bottom:30px; color:var(--p-text); }
.bb-refined.bb-homepage .bb-hero-copy > p span { color:var(--p-ink); font-weight:600; }
.bb-refined.bb-homepage .bb-hero-action { margin-bottom:18px; }
.bb-refined.bb-homepage .bb-hero-action a { min-height:54px; padding:14px 28px; font-size:16px; border-radius:14px; }
.bb-refined.bb-homepage .bb-trial-notes { font-size:13.5px; color:var(--p-text); gap:10px 24px; }
.bb-refined.bb-homepage .bb-trial-notes svg { width:16px; height:16px; color:var(--p-green); }
.bb-refined.bb-homepage .bb-hero-media { max-width:1000px; }
.bb-refined.bb-homepage .bb-hero-media > div > div[class*="blur-"] { opacity:.35; inset:-24px; background:radial-gradient(60% 60% at 50% 40%,#08aa8040,transparent 70%); }
.bb-refined.bb-homepage .bb-video-frame { padding:8px; border:1px solid var(--p-line-2); border-radius:22px; background:#ffffffcc; box-shadow:0 2px 4px #0b1f1a08,0 40px 80px -40px #066b5459; }
.bb-refined.bb-homepage .bb-video-frame::before { display:none; }
.bb-refined.bb-homepage .bb-video-frame > * { border-radius:15px; overflow:hidden; }
.bb-refined.bb-homepage .bb-hero-stats { max-width:880px; margin:40px auto 0; gap:0; border:1px solid var(--p-line); border-radius:18px; background:#fff; box-shadow:var(--p-shadow); overflow:hidden; }
.bb-refined.bb-homepage .bb-hero-stats > div { border:0; border-radius:0; padding:22px 16px; background:transparent; }
.bb-refined.bb-homepage .bb-hero-stats > div + div { border-left:1px solid var(--p-line); }
.bb-refined.bb-homepage .bb-hero-stats .text-3xl { font-family:var(--p-head)!important; font-size:34px; font-weight:800; letter-spacing:-.04em; color:var(--p-ink); }
.bb-refined.bb-homepage .bb-hero-stats .text-sm { font-size:13px; color:var(--p-muted); }


.bb-refined.bb-homepage .bb-clients { padding:40px 0 44px; border-block:1px solid #eef3f1; }
.bb-refined.bb-homepage .bb-clients .bb-container > p { font-size:12px; font-weight:600; letter-spacing:.14em; color:var(--p-muted); margin-bottom:26px; }
.bb-refined.bb-homepage .bb-clients .bb-container > .flex.flex-wrap { column-gap:44px; row-gap:22px; max-width:1040px; margin-inline:auto; }
.bb-refined.bb-homepage .bb-client-logo { height:34px; max-width:120px; object-fit:contain; filter:grayscale(1) contrast(1.15); opacity:.6; transition:filter .2s,opacity .2s; }
.bb-refined.bb-homepage .bb-client-logo:hover { filter:none; opacity:1; }
.bb-refined.bb-homepage .bb-marquee-viewport { overflow:hidden; max-width:1200px; -webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent); mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent); }
.bb-refined.bb-homepage .bb-clients .bb-container > .bb-marquee { flex-wrap:nowrap; justify-content:flex-start; width:max-content; max-width:none; gap:0; margin:0; animation:p-marquee 48s linear infinite; }
.bb-refined.bb-homepage .bb-marquee > * { flex:0 0 auto; padding-right:56px; animation:none!important; opacity:1!important; transform:none!important; }
.bb-refined.bb-homepage .bb-clients .bb-container > .bb-marquee:hover { animation-play-state:paused; }
@keyframes p-marquee { to { transform:translateX(-50%); } }
@media (prefers-reduced-motion:reduce) { .bb-refined.bb-homepage .bb-clients .bb-container > .bb-marquee { animation:none; flex-wrap:wrap; width:auto; justify-content:center; } .bb-refined.bb-homepage .bb-marquee-clone { display:none; } }


.bb-refined.bb-homepage .bb-setup-card { padding:24px; border:1px solid var(--p-line); border-radius:18px; background:#fff; box-shadow:0 1px 2px #0b1f1a06; transition:border-color .2s,box-shadow .2s,transform .2s; }
.bb-refined.bb-homepage .bb-setup-card:hover { border-color:var(--p-line-2); box-shadow:var(--p-shadow); transform:translateY(-2px); }
.bb-refined.bb-homepage .bb-setup-card > div.absolute > div { background:var(--p-green); border:0; border-radius:8px; }
.bb-refined.bb-homepage .bb-setup-card > div.absolute > div > span { color:#fff; font-weight:700; }
.bb-refined.bb-homepage .bb-setup-card h3 { font-size:19px; font-weight:700; letter-spacing:-.02em; }
.bb-refined.bb-homepage .bb-setup-card p { font-size:14px; line-height:1.6; color:var(--p-text); }
.bb-refined.bb-homepage .bb-setup-card .rounded-full { background:var(--p-mint); color:#215443; border:1px solid var(--p-mint-2); font-size:11px; }
.bb-refined.bb-homepage .bb-setup .mt-16 { margin-top:32px; }
.bb-refined.bb-homepage .bb-setup .mt-16 a { min-height:50px; padding:13px 26px; font-size:15px; }


.bb-refined.bb-homepage .bb-features .space-y-8 > :not([hidden]) ~ :not([hidden]) { margin-top:24px; }
.bb-refined.bb-homepage .bb-feature-card { overflow:hidden; border:1px solid var(--p-line); border-radius:24px; background:#fff; box-shadow:0 1px 2px #0b1f1a06; transition:box-shadow .25s,border-color .25s; }
.bb-refined.bb-homepage .bb-feature-card:hover { border-color:var(--p-line-2); box-shadow:0 24px 48px -28px #0b1f1a33; }
.bb-refined.bb-homepage .bb-feature-visual, .bb-refined.bb-homepage .bb-feature-card:nth-child(n) .bb-feature-visual { display:flex; align-items:center; justify-content:center; padding:32px; max-height:460px; overflow:hidden; background-color:var(--p-mint); background-image:radial-gradient(#cfe7dc 1px,transparent 1.2px); background-size:18px 18px; border:0; }
.bb-refined.bb-homepage .bb-feature-visual > div.absolute { display:none; }
.bb-refined.bb-homepage .bb-feature-visual > * { width:100%; }
.bb-refined.bb-homepage .bb-feature-visual img { border-radius:14px; max-height:380px; box-shadow:0 18px 40px -24px #0b1f1a4d; }
.bb-refined.bb-homepage .bb-feature-visual :is(p,span,li,div) { line-height:1.35; }
.bb-refined.bb-homepage .bb-feature-copy { padding:44px 48px; }
.bb-refined.bb-homepage .bb-feature-copy h3 { font-size:28px; line-height:1.18; font-weight:800; letter-spacing:-.032em; margin-bottom:14px; }
.bb-refined.bb-homepage .bb-icon-heading::before { width:36px; height:36px; margin-right:12px; vertical-align:-8px; border-radius:10px; border-color:var(--p-line-2); background-color:var(--p-mint); background-size:22px; }
.bb-refined.bb-homepage .bb-feature-copy > p { font-size:16px; line-height:1.65; color:var(--p-text); margin-bottom:20px; }
.bb-refined.bb-homepage .bb-feature-copy ul > :not([hidden]) ~ :not([hidden]) { margin-top:10px; }
.bb-refined.bb-homepage .bb-feature-copy li > span { font-size:14.5px; color:#2b3d38; }
.bb-refined.bb-homepage .bb-feature-copy li > div { width:20px; height:20px; border-radius:50%; background:var(--p-mint-2); }
.bb-refined.bb-homepage .bb-feature-copy li svg { width:12px; height:12px; color:var(--p-deep); stroke-width:2.4; }
.bb-refined.bb-homepage :is(.bb-feature-copy,.bb-feature-mini) a[href*="/register"] { background:#fff; color:var(--p-deep); border:1.5px solid var(--p-line-2); box-shadow:none; min-height:44px; padding:10px 20px; border-radius:11px; }
.bb-refined.bb-homepage :is(.bb-feature-copy,.bb-feature-mini) a[href*="/register"]:hover { background:var(--p-action); border-color:var(--p-action); color:#fff; box-shadow:0 10px 22px -12px #079470; }
.bb-refined.bb-homepage .bb-feature-mini { overflow:hidden; border:1px solid var(--p-line); border-radius:24px; transition:box-shadow .25s; }
.bb-refined.bb-homepage .bb-feature-mini:hover { box-shadow:0 24px 48px -28px #0b1f1a33; }
.bb-refined.bb-homepage .bb-feature-mini > div:first-child { background-color:var(--p-mint); background-image:radial-gradient(#cfe7dc 1px,transparent 1.2px); background-size:18px 18px; }
.bb-refined.bb-homepage .bb-feature-mini h3 { font-size:24px; font-weight:800; }
.bb-refined.bb-homepage .bb-feature-mini p { font-size:15px; color:var(--p-text); }
.bb-refined.bb-homepage .bb-feature-mini li span { font-size:14px; }


.bb-refined.bb-homepage .bb-premium { background:#f7faf9; border-block:1px solid #ebf1ee; }
.bb-refined.bb-homepage .bb-capability-grid { gap:16px; }
.bb-refined.bb-homepage .bb-advanced-card { padding:20px; border:1px solid var(--p-line); border-radius:16px; background:#fff; grid-template-columns:40px minmax(0,1fr); column-gap:14px; transition:border-color .2s,box-shadow .2s,transform .2s; }
.bb-refined.bb-homepage .bb-advanced-card:hover { border-color:var(--p-line-2); box-shadow:var(--p-shadow); transform:translateY(-2px); }
.bb-refined.bb-homepage .bb-advanced-card .bb-icon-tile { width:40px; height:40px; border-radius:11px; background:var(--p-mint); border-color:var(--p-line-2); }
.bb-refined.bb-homepage .bb-advanced-card h3 { font-size:16px; font-weight:700; letter-spacing:-.02em; }
.bb-refined.bb-homepage .bb-advanced-card p { font-size:13.5px; line-height:1.55; color:var(--p-text); }
.bb-refined.bb-homepage .bb-advanced-card > div.absolute > span { background:var(--p-green); color:#fff; font-weight:700; letter-spacing:.04em; border-radius:6px; padding:3px 7px; }
.bb-refined.bb-homepage .bb-premium .bg-gray-900.rounded-3xl { margin-top:32px; padding:32px 24px; border-radius:22px; background-color:var(--p-forest); background-image:radial-gradient(#ffffff12 1px,transparent 1.2px),radial-gradient(70% 120% at 0% 0%,#08aa8038,transparent 60%); background-size:20px 20px,100% 100%; }
.bb-refined.bb-homepage .bb-premium .bg-gray-900.rounded-3xl > div + div { border-left:1px solid #ffffff1a; }
.bb-refined.bb-homepage .bb-premium .bg-gray-900.rounded-3xl > div > :first-child { font-family:var(--p-head); font-weight:800; letter-spacing:-.035em; color:#fff; font-size:38px; }
.bb-refined.bb-homepage .bb-premium .bg-gray-900.rounded-3xl > div > :last-child { color:#a8cdbf; font-size:14px; }
.bb-refined.bb-homepage .bb-premium .mt-12 a { background:var(--p-ink); border-color:var(--p-ink); }
.bb-refined.bb-homepage .bb-premium .mt-12 a:hover { background:#16332b; }


.bb-refined.bb-homepage .bb-integrations { padding:64px 0; background-color:var(--p-forest); background-image:radial-gradient(#ffffff0f 1px,transparent 1.2px); background-size:20px 20px; }
.bb-refined.bb-homepage .bb-integrations h2, .bb-refined.bb-homepage .bb-integrations h2 * { color:#fff!important; -webkit-text-fill-color:#fff!important; }
.bb-refined.bb-homepage .bb-integrations h2 .text-\[\#08aa80\] { color:#5fe0b4!important; -webkit-text-fill-color:#5fe0b4!important; }
.bb-refined.bb-homepage .bb-integrations h2 { font-size:36px; }
.bb-refined.bb-homepage .bb-integrations .bb-section-heading > div:first-child { background:#ffffff10; border-color:#ffffff1f; box-shadow:none; }
.bb-refined.bb-homepage .bb-integrations .bb-section-heading > div:first-child > span { color:#c4e6d9; }
.bb-refined.bb-homepage .bb-integrations .bb-section-heading p { color:#a9c7bc; font-size:14px; }
.bb-refined.bb-homepage .bb-integration-tile { background:#0d3a2f; border-color:#ffffff14; }
.bb-refined.bb-homepage .bb-integration-tile:hover { background:#124738; border-color:#5fe0b44d; }
.bb-refined.bb-homepage .bb-integration-filters button { border-radius:999px; padding:5px 12px; font-size:11px; color:#cfe5dc; }
.bb-refined.bb-homepage .bb-integration-filters button[aria-pressed="true"] { background:#5fe0b4; border-color:#5fe0b4; color:#052a20; font-weight:600; }
.bb-refined.bb-homepage .bb-integration-link > a { color:#5fe0b4; font-weight:600; }


.bb-refined.bb-homepage .bb-pricing .bb-section-heading > h2 { font-size:40px; }
.bb-refined .bb-pricing .bb-price-card { border-radius:20px; transition:box-shadow .2s,transform .2s; }
.bb-refined .bb-pricing .bb-price-card:hover { box-shadow:0 24px 48px -30px #0b1f1a40; transform:translateY(-2px); }
.bb-refined .bb-pricing .bb-price-card.bg-gray-900 { border-color:var(--p-green); background:linear-gradient(180deg,#e6f7ef 0%,#fff 55%); }
.bb-refined .bb-pricing .bb-price-card.bg-gray-900 .bb-plan-cta { background:var(--p-action); border-color:var(--p-action); }
.bb-refined .bb-pricing .bb-price-card.bg-gray-900 .bb-plan-cta:hover { background:var(--p-action-hover); }
.bb-refined .bb-pricing .bb-price-card:last-child .bb-plan-cta { background:var(--p-ink); border-color:var(--p-ink); box-shadow:none; }
.bb-refined .bb-pricing .bb-price-card .bb-plan-cta { border-radius:11px; min-height:46px; }
.bb-refined .bb-pricing .bb-price-card > div.bb-plan-popular > span { background:var(--p-green); }
.bb-refined .bb-pricing .bb-plan-price { font-family:var(--p-head); font-weight:800; }
.bb-refined.bb-homepage .bb-reviews .bb-tp-card { border-radius:16px; transition:box-shadow .2s,border-color .2s; }
.bb-refined.bb-homepage .bb-reviews .bb-tp-card:hover { border-color:var(--p-line-2); box-shadow:var(--p-shadow); }
.bb-refined.bb-homepage .bb-faq { background:#fff; }
.bb-refined.bb-homepage .bb-faq-question { border-radius:14px; border-color:var(--p-line); transition:border-color .15s,background-color .15s; }
.bb-refined.bb-homepage .bb-faq-question:hover { border-color:var(--p-line-2); background:#fbfdfc; }
.bb-refined.bb-homepage .bb-faq-question.text-white { background:var(--p-mint); border-color:var(--p-line-2); }
.bb-refined.bb-homepage .bb-faq-question span { font-size:15px; font-weight:600; }
.bb-refined.bb-homepage .bb-faq p { font-size:14.5px; line-height:1.7; color:var(--p-text); }


.bb-refined.bb-homepage .bb-closing { padding:56px 24px 72px; background:#fff; }
.bb-refined.bb-homepage .bb-closing .bb-container { position:relative; overflow:hidden; max-width:1200px; padding:64px 40px; border:0; border-radius:28px; background-color:var(--p-forest); background-image:radial-gradient(#ffffff14 1px,transparent 1.2px),radial-gradient(60% 90% at 50% 0%,#08aa8059,transparent 70%); background-size:22px 22px,100% 100%; }
.bb-refined.bb-homepage .bb-closing h2 { color:#fff; font-size:44px; max-width:760px; }
.bb-refined.bb-homepage .bb-closing h2 [class*="bg-clip-text"] { color:#5fe0b4; -webkit-text-fill-color:#5fe0b4; }
.bb-refined.bb-homepage .bb-closing .bb-container > p { color:#b9d6cb; }
.bb-refined.bb-homepage .bb-closing .bb-container > p.mt-8 { color:#8fb5a7; }
.bb-refined.bb-homepage .bb-closing .bb-section-heading > div:first-child > div { background:#ffffff12; border-color:#ffffff26; }
.bb-refined.bb-homepage .bb-closing .bb-section-heading > div:first-child span { color:#d6efe5; }
.bb-refined.bb-homepage .bb-closing a[href*="/register"] { background:#fff; border-color:#fff; color:var(--p-forest); box-shadow:0 12px 28px -14px #000; min-height:52px; padding:13px 26px; font-size:15px; }
.bb-refined.bb-homepage .bb-closing a[href*="/register"]:hover { background:#e8fbf3; border-color:#e8fbf3; }
.bb-refined.bb-homepage .bb-closing a:not([href*="/register"]) { background:transparent; color:#fff; border:1.5px solid #ffffff4d; border-radius:12px; min-height:52px; padding:13px 26px; font-size:15px; transition:background-color .15s,border-color .15s; }
.bb-refined.bb-homepage .bb-closing a:not([href*="/register"]):hover { background:#ffffff14; border-color:#ffffffa6; }


.bb-refined footer { background:#f8fbfa; }
.bb-refined .bb-footer-newsletter { background:var(--p-mint); border-bottom:1px solid var(--p-line); }
.bb-refined footer button[type="submit"] { background:var(--p-green); border-radius:11px; box-shadow:0 10px 22px -12px #079470; }
.bb-refined footer button[type="submit"]:hover { background:var(--p-green-2); }
.bb-refined footer input { border-radius:11px; }
.bb-refined footer input:focus { border-color:var(--p-green); outline:3px solid #08aa8026; }
.bb-refined footer a { transition:color .15s; }
.bb-refined footer a:hover { color:var(--p-deep); }
.bb-refined footer h4 { font-size:12px; letter-spacing:.12em; color:var(--p-ink); }


@media (prefers-reduced-motion:no-preference) {
  .bb-refined.bb-homepage .bb-hero-copy > * { animation:p-rise .6s cubic-bezier(.2,.7,.2,1) both; }
  .bb-refined.bb-homepage .bb-hero-copy > :nth-child(2) { animation-delay:.06s; }
  .bb-refined.bb-homepage .bb-hero-copy > :nth-child(3) { animation-delay:.12s; }
  .bb-refined.bb-homepage .bb-hero-copy > :nth-child(4) { animation-delay:.18s; }
  .bb-refined.bb-homepage .bb-hero-copy > :nth-child(5) { animation-delay:.22s; }
  .bb-refined.bb-homepage .bb-hero-media { animation:p-rise .8s .25s cubic-bezier(.2,.7,.2,1) both; }
}
@keyframes p-rise { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:none; } }

@media (max-width:1023px) {
  .bb-refined.bb-homepage .bb-hero h1 { font-size:46px; }
  .bb-refined.bb-homepage main h2 { font-size:34px; }
  .bb-refined.bb-homepage .bb-feature-copy { padding:32px; }
  .bb-refined.bb-homepage .bb-feature-copy h3 { font-size:25px; }
  .bb-refined.bb-homepage .bb-closing h2 { font-size:36px; }
}
@media (max-width:639px) {
  .bb-refined.bb-homepage main > section:not(.bb-hero):not(.bb-clients):not(.bb-integrations):not(.bb-closing) { padding-top:48px; padding-bottom:48px; }
  .bb-refined.bb-homepage .bb-hero > .bb-container { padding-top:28px; padding-bottom:32px; }
  .bb-refined.bb-homepage .bb-hero h1 { font-size:clamp(30px,8.6vw,38px); line-height:1.1; letter-spacing:-.035em; }
  .bb-refined.bb-homepage .bb-hero-copy > p { font-size:15.5px; }
  .bb-refined.bb-homepage .bb-hero-action a { width:100%; }
  .bb-refined.bb-homepage .bb-video-frame { padding:5px; border-radius:16px; }
  .bb-refined.bb-homepage .bb-video-frame > * { border-radius:12px; }
  .bb-refined.bb-homepage .bb-hero-stats { margin-top:28px; border-radius:14px; }
  .bb-refined.bb-homepage .bb-hero-stats > div { padding:14px 6px; }
  .bb-refined.bb-homepage .bb-hero-stats .text-3xl { font-size:24px; }
  .bb-refined.bb-homepage .bb-hero-stats .text-sm { font-size:11px; }
  .bb-refined.bb-homepage main h2, .bb-refined.bb-homepage .bb-pricing .bb-section-heading > h2 { font-size:29px; }
  .bb-refined.bb-homepage .bb-section-heading > p { font-size:15px; }
  .bb-refined.bb-homepage .bb-clients .bb-container > .flex.flex-wrap { column-gap:26px; }
  .bb-refined.bb-homepage .bb-client-logo { height:28px; max-width:92px; }
  .bb-refined.bb-homepage .bb-feature-card, .bb-refined.bb-homepage .bb-feature-mini { border-radius:18px; }
  .bb-refined.bb-homepage .bb-feature-visual { padding:18px; max-height:360px; }
  .bb-refined.bb-homepage .bb-feature-copy { padding:24px; }
  .bb-refined.bb-homepage .bb-feature-copy h3 { font-size:22px; }
  .bb-refined.bb-homepage .bb-feature-copy > p { font-size:15px; }
  .bb-refined.bb-homepage .bb-premium .bg-gray-900.rounded-3xl > div + div { border-left:0; }
  .bb-refined.bb-homepage .bb-premium .bg-gray-900.rounded-3xl > div > :first-child { font-size:30px; }
  .bb-refined.bb-homepage .bb-integrations { padding:44px 0; }
  .bb-refined.bb-homepage .bb-integrations h2 { font-size:28px; }
  .bb-refined.bb-homepage .bb-closing { padding:32px 16px 48px; }
  .bb-refined.bb-homepage .bb-closing .bb-container { padding:40px 22px; border-radius:20px; }
  .bb-refined.bb-homepage .bb-closing h2 { font-size:29px; }
}


.bb-refined .bb-header a.animated-border-link::before, .bb-refined .bb-header a.animated-border-link::after { display:none!important; content:none!important; }
.bb-refined.bb-homepage .bb-client-logo { height:40px; max-width:132px; opacity:.72; }
.bb-refined .bb-pricing .bb-price-card:first-child .bb-plan-cta { box-shadow:none; }
.bb-refined.bb-homepage .bb-premium .mt-12 a { box-shadow:0 10px 22px -14px #0b1f1a; }
.bb-refined.bb-homepage .bb-closing { padding-top:24px; }
.bb-refined.bb-homepage .bb-closing .bb-section-heading > div:first-child { background:transparent!important; border:0!important; box-shadow:none!important; padding:0!important; margin:0 0 18px!important; }
.bb-refined.bb-homepage .bb-closing .bb-section-heading > div:first-child > div { display:inline-flex; background:#ffffff12!important; border:1px solid #ffffff26!important; border-radius:999px; padding:6px 14px; }
.bb-refined.bb-homepage .bb-closing .bb-section-heading > div:first-child span { color:#d6efe5!important; }
.bb-refined.bb-homepage .bb-setup .absolute.left-4.top-0 > div { background:var(--p-green)!important; border-radius:10px; box-shadow:0 8px 18px -10px #079470; }
.bb-refined.bb-homepage .bb-setup .absolute.left-4.top-0 ~ * [class*="bg-gradient"], .bb-refined.bb-homepage .bb-setup .relative.pl-20 > [class*="bg-gradient"] { background:var(--p-mint-2)!important; }


.bb-refined .bb-header > div > div { height:60px; }
.bb-refined .bb-header nav > div > :is(a,button) { font-size:13.5px; padding:7px 10px; }
.bb-refined .bb-header a[aria-label="Start your free trial"] { min-height:38px; padding:8px 16px; font-size:13.5px; }
.bb-refined.bb-homepage main > section:not(.bb-hero):not(.bb-clients):not(.bb-integrations):not(.bb-closing) { padding-top:44px; padding-bottom:44px; }
.bb-refined.bb-homepage main h2, .bb-refined.bb-homepage .bb-pricing .bb-section-heading > h2 { font-size:30px; line-height:1.18; font-weight:700; }
.bb-refined.bb-homepage .bb-section-heading { margin-bottom:24px; }
.bb-refined.bb-homepage .bb-section-heading > div:first-child { margin-bottom:10px; padding:4px 10px 4px 8px; }
.bb-refined.bb-homepage .bb-section-heading > div:first-child > span { font-size:11.5px; }
.bb-refined.bb-homepage .bb-section-heading > p { font-size:15px; line-height:1.55; }
.bb-refined.bb-homepage .bb-hero > .bb-container { padding-top:28px; padding-bottom:28px; }
.bb-refined.bb-homepage .bb-hero-copy { margin-bottom:26px; max-width:860px; }
.bb-refined.bb-homepage .bb-trust-badges { margin-bottom:14px; }
.bb-refined.bb-homepage .bb-trust-badges > div > span { font-size:11.5px; }
.bb-refined.bb-homepage .bb-hero h1 { font-size:44px; line-height:1.1; font-weight:800; letter-spacing:-.035em; margin-bottom:14px; }
.bb-refined.bb-homepage .bb-hero h1 > span.relative { margin:0 auto 2px; }
.bb-refined.bb-homepage .bb-hero-copy > p { font-size:16px; line-height:1.55; max-width:620px; margin-bottom:18px; }
.bb-refined.bb-homepage .bb-hero-action { margin-bottom:12px; }
.bb-refined.bb-homepage .bb-hero-action a { min-height:46px; padding:11px 22px; font-size:14.5px; border-radius:11px; }
.bb-refined.bb-homepage .bb-trial-notes { font-size:12.5px; gap:8px 18px; }
.bb-refined.bb-homepage .bb-trial-notes svg { width:14px; height:14px; }
.bb-refined.bb-homepage .bb-hero-media { max-width:860px; }
.bb-refined.bb-homepage .bb-video-frame { padding:6px; border-radius:18px; }
.bb-refined.bb-homepage .bb-video-frame > * { border-radius:13px; }
.bb-refined.bb-homepage .bb-hero-stats { max-width:760px; margin-top:24px; border-radius:14px; }
.bb-refined.bb-homepage .bb-hero-stats > div { padding:14px 12px; }
.bb-refined.bb-homepage .bb-hero-stats .text-3xl { font-size:26px; }
.bb-refined.bb-homepage .bb-hero-stats .text-sm { font-size:12px; }
.bb-refined.bb-homepage .bb-clients { padding:24px 0 26px; }
.bb-refined.bb-homepage .bb-clients .bb-container > p { margin-bottom:16px; font-size:11px; }
.bb-refined.bb-homepage .bb-client-logo { height:34px; max-width:116px; }
.bb-refined.bb-homepage .bb-marquee > * { padding-right:44px; }
.bb-refined.bb-homepage .bb-setup-card { padding:18px; border-radius:14px; }
.bb-refined.bb-homepage .bb-setup-card h3 { font-size:16.5px; margin-bottom:6px; }
.bb-refined.bb-homepage .bb-setup-card p { font-size:13px; line-height:1.55; margin-bottom:10px; }
.bb-refined.bb-homepage .bb-setup-card .bb-icon-tile { width:36px; height:36px; margin-top:6px; margin-bottom:10px; }
.bb-refined.bb-homepage .bb-setup .mt-16 { margin-top:22px; }
.bb-refined.bb-homepage .bb-setup .mt-16 a { min-height:44px; padding:10px 22px; font-size:14px; }
.bb-refined.bb-homepage .bb-features .space-y-8 > :not([hidden]) ~ :not([hidden]) { margin-top:16px; }
.bb-refined.bb-homepage .bb-feature-card, .bb-refined.bb-homepage .bb-feature-mini { border-radius:18px; }
.bb-refined.bb-homepage .bb-feature-visual, .bb-refined.bb-homepage .bb-feature-card:nth-child(n) .bb-feature-visual { padding:22px; max-height:360px; }
.bb-refined.bb-homepage .bb-feature-visual img { max-height:300px; border-radius:10px; }
.bb-refined.bb-homepage .bb-feature-copy { padding:28px 32px; }
.bb-refined.bb-homepage .bb-feature-copy h3 { font-size:22px; line-height:1.25; font-weight:700; letter-spacing:-.025em; margin-bottom:10px; }
.bb-refined.bb-homepage .bb-icon-heading::before { width:30px; height:30px; margin-right:9px; vertical-align:-7px; border-radius:8px; background-size:19px; }
.bb-refined.bb-homepage .bb-feature-copy > p { font-size:14px; line-height:1.6; margin-bottom:14px; }
.bb-refined.bb-homepage .bb-feature-copy ul { margin-bottom:16px; }
.bb-refined.bb-homepage .bb-feature-copy ul > :not([hidden]) ~ :not([hidden]) { margin-top:6px; }
.bb-refined.bb-homepage .bb-feature-copy li > span { font-size:13px; }
.bb-refined.bb-homepage .bb-feature-copy li > div { width:17px; height:17px; }
.bb-refined.bb-homepage .bb-feature-copy li svg { width:10px; height:10px; }
.bb-refined.bb-homepage :is(.bb-feature-copy,.bb-feature-mini) a[href*="/register"] { min-height:38px; padding:8px 16px; font-size:13px; border-radius:10px; }
.bb-refined.bb-homepage .bb-feature-mini > div:first-child { padding:16px; }
.bb-refined.bb-homepage .bb-feature-mini [class*="h-[280px]"] { height:200px; }
.bb-refined.bb-homepage .bb-feature-mini h3 { font-size:20px; font-weight:700; margin-bottom:8px; }
.bb-refined.bb-homepage .bb-feature-mini p { font-size:13.5px; line-height:1.6; }
.bb-refined.bb-homepage .bb-feature-mini li span { font-size:13px; }
.bb-refined.bb-homepage .bb-capability-grid { gap:12px; }
.bb-refined.bb-homepage .bb-advanced-card { padding:16px; border-radius:13px; grid-template-columns:34px minmax(0,1fr); column-gap:11px; }
.bb-refined.bb-homepage .bb-advanced-card .bb-icon-tile { width:34px; height:34px; border-radius:9px; }
.bb-refined.bb-homepage .bb-advanced-card h3 { font-size:14.5px; }
.bb-refined.bb-homepage .bb-advanced-card p { font-size:12.5px; line-height:1.5; }
.bb-refined.bb-homepage .bb-premium .bg-gray-900.rounded-3xl { margin-top:22px; padding:22px 18px; border-radius:16px; }
.bb-refined.bb-homepage .bb-premium .bg-gray-900.rounded-3xl > div > :first-child { font-size:28px; }
.bb-refined.bb-homepage .bb-premium .bg-gray-900.rounded-3xl > div > :last-child { font-size:12.5px; }
.bb-refined.bb-homepage .bb-premium .mt-12 { margin-top:22px; }
.bb-refined.bb-homepage .bb-integrations { padding:40px 0; }
.bb-refined.bb-homepage .bb-integrations h2 { font-size:28px; }
.bb-refined.bb-homepage .bb-integrations .bb-section-heading p { font-size:13px; }
.bb-refined .bb-pricing .bb-price-card { border-radius:16px; }
.bb-refined .bb-pricing .bb-price-card .bb-plan-cta { min-height:42px; border-radius:10px; }
.bb-refined .bb-pricing .bb-plan-price { font-size:38px; }
.bb-refined.bb-homepage .bb-faq-question { border-radius:11px; padding:12px 16px; min-height:44px; }
.bb-refined.bb-homepage .bb-faq-question span { font-size:14px; }
.bb-refined.bb-homepage .bb-faq p { font-size:13.5px; line-height:1.65; }
.bb-refined.bb-homepage .bb-closing { padding:16px 24px 44px; }
.bb-refined.bb-homepage .bb-closing .bb-container { padding:40px 32px; border-radius:20px; max-width:1100px; }
.bb-refined.bb-homepage .bb-closing h2 { font-size:32px; max-width:640px; margin-bottom:12px; }
.bb-refined.bb-homepage .bb-closing .bb-container > p.mb-10 { font-size:15px; margin-bottom:20px; }
.bb-refined.bb-homepage .bb-closing .bb-container > p.mt-8 { margin-top:16px; }
.bb-refined.bb-homepage .bb-closing a[href*="/register"], .bb-refined.bb-homepage .bb-closing a:not([href*="/register"]) { min-height:44px; padding:10px 22px; font-size:14px; border-radius:11px; }
.bb-refined .bb-footer-newsletter h3 { font-size:22px; }
@media (max-width:1023px) {
  .bb-refined.bb-homepage .bb-hero h1 { font-size:38px; }
  .bb-refined.bb-homepage main h2 { font-size:28px; }
  .bb-refined.bb-homepage .bb-feature-copy { padding:24px; }
  .bb-refined.bb-homepage .bb-closing h2 { font-size:28px; }
}
@media (max-width:639px) {
  .bb-refined.bb-homepage main > section:not(.bb-hero):not(.bb-clients):not(.bb-integrations):not(.bb-closing) { padding-top:34px; padding-bottom:34px; }
  .bb-refined.bb-homepage .bb-hero > .bb-container { padding-top:18px; padding-bottom:22px; }
  .bb-refined.bb-homepage .bb-hero h1 { font-size:clamp(26px,7.4vw,31px); line-height:1.13; }
  .bb-refined.bb-homepage .bb-hero-copy > p { font-size:14.5px; }
  .bb-refined.bb-homepage .bb-hero-action a { min-height:46px; }
  .bb-refined.bb-homepage main h2, .bb-refined.bb-homepage .bb-pricing .bb-section-heading > h2 { font-size:24px; }
  .bb-refined.bb-homepage .bb-section-heading > p { font-size:14px; }
  .bb-refined.bb-homepage .bb-hero-stats .text-3xl { font-size:21px; }
  .bb-refined.bb-homepage .bb-feature-visual { padding:14px; max-height:300px; }
  .bb-refined.bb-homepage .bb-feature-copy { padding:20px; }
  .bb-refined.bb-homepage .bb-feature-copy h3 { font-size:19px; }
  .bb-refined.bb-homepage .bb-feature-copy > p { font-size:13.5px; }
  .bb-refined.bb-homepage .bb-client-logo { height:26px; max-width:88px; }
  .bb-refined.bb-homepage .bb-integrations h2 { font-size:24px; }
  .bb-refined.bb-homepage .bb-closing .bb-container { padding:30px 20px; }
  .bb-refined.bb-homepage .bb-closing h2 { font-size:24px; }
}
.bb-refined.bb-homepage main h2 span.relative > div.absolute { display:none; }
.bb-refined.bb-homepage .bb-hero h1,
[data-testid="hero-section"] h1,
main > section:first-of-type h1 {
  font-family: var(--p-head, 'Inter Tight', Inter, sans-serif) !important;
  font-size: 40px !important;
  line-height: 1.1 !important;
  letter-spacing: -0.035em !important;
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
}
.bb-refined.bb-homepage .bb-hero-media { max-width:720px; }
.bb-refined.bb-homepage .bb-hero-stats { max-width:720px; }
.bb-refined.bb-homepage .bb-faq .from-gray-900 { padding:26px 30px; border-radius:18px; background:var(--p-forest); background-image:radial-gradient(#ffffff12 1px,transparent 1.2px); background-size:20px 20px; }
.bb-refined.bb-homepage .bb-faq .from-gray-900 h3 { color:#fff; font-size:20px; margin-bottom:4px; }
.bb-refined.bb-homepage .bb-faq .from-gray-900 p { color:#a9c7bc; }
.bb-refined.bb-homepage .bb-faq .from-gray-900 a { min-height:42px; border-radius:11px; box-shadow:none; }
.bb-refined.bb-homepage .bb-faq .from-gray-900 a[href*="/register"] { background:#fff; border-color:#fff; color:var(--p-forest); }
@media (max-width:1023px) {
  .bb-refined.bb-homepage .bb-hero h1,
  [data-testid="hero-section"] h1,
  main > section:first-of-type h1 {
    font-size: 34px !important;
  }
}
@media (max-width:639px) {
  .bb-refined.bb-homepage .bb-hero h1,
  [data-testid="hero-section"] h1,
  main > section:first-of-type h1 {
    font-size: clamp(25px,7vw,29px) !important;
  }
  .bb-refined.bb-homepage .bb-hero h1 > span.relative > svg,
  [data-testid="hero-section"] h1 > span.relative > svg {
    display: none;
  }
}
.bb-refined footer > :last-child { background:#eef4f1!important; border-color:var(--p-line)!important; }
.bb-refined footer > :last-child :is(p,span,a) { color:#46574f; }
.bb-refined.bb-homepage .bb-pricing .bb-section-heading > p { margin-inline:0; }
.bb-refined.bb-homepage .bb-client-logo { opacity:.85; filter:grayscale(1) contrast(1.3); }


.bb-refined.bb-homepage .bb-client-logo { width:auto; max-width:none; height:var(--bb-logo-h,34px); object-fit:contain; filter:grayscale(1) contrast(1.05); opacity:.78; }
.bb-refined.bb-homepage .bb-client-logo:hover { filter:none; opacity:1; }
.bb-refined.bb-homepage .bb-marquee > * { padding-right:56px; }
.bb-refined.bb-homepage .bb-marquee > * > .relative > .absolute { display:none; }
@media (max-width:639px) {
  .bb-refined.bb-homepage .bb-client-logo { height:calc(var(--bb-logo-h,34px) * .78); max-width:none; }
  .bb-refined.bb-homepage .bb-marquee > * { padding-right:36px; }
}
.bb-refined.bb-homepage .bb-clients .bb-container > .bb-marquee { width:max-content!important; max-width:none!important; animation-duration:60s; }


body.bb-refined footer { position:relative; overflow:hidden; background:#0d3f34!important; color:#bdd6cd; border-top:0; background-image:radial-gradient(#ffffff10 1px,transparent 1.2px),radial-gradient(50% 60% at 15% 0%,#08aa8038,transparent 70%),radial-gradient(40% 50% at 100% 100%,#08aa8028,transparent 70%)!important; background-size:22px 22px,100% 100%,100% 100%!important; }
body.bb-refined footer::after { content:"Botbiz"; position:absolute; left:50%; bottom:-.24em; transform:translateX(-50%); font:800 clamp(120px,19vw,300px)/1 var(--p-head); letter-spacing:-.06em; color:transparent; -webkit-text-stroke:1px #ffffff12; background:linear-gradient(180deg,#5fe0b414,#5fe0b400 75%); -webkit-background-clip:text; background-clip:text; pointer-events:none; white-space:nowrap; }
body.bb-refined footer > * { position:relative; z-index:1; }
body.bb-refined footer > div.absolute { display:none; }
body.bb-refined footer [class*="border-"] { border-color:#ffffff14!important; }
body.bb-refined footer :is(h3,h4,.text-white,p.text-white) { color:#fff!important; }
body.bb-refined footer [class*="text-gray-"] { color:#bdd6cd!important; }


body.bb-refined .bb-footer-newsletter { background:transparent!important; border:0!important; }
body.bb-refined .bb-footer-newsletter > div { padding-top:40px!important; padding-bottom:0!important; }
body.bb-refined .bb-footer-newsletter > div > .grid { padding:26px 30px; border:1px solid #ffffff1a; border-radius:20px; background:linear-gradient(120deg,#17594acc,#0f4538cc); box-shadow:inset 0 1px 0 #ffffff14,0 24px 48px -28px #000; backdrop-filter:blur(12px); gap:20px 40px; }
body.bb-refined .bb-footer-newsletter .inline-flex.rounded-full { background:#5fe0b41a!important; color:#7ff0c6!important; border:1px solid #5fe0b433; }
body.bb-refined .bb-footer-newsletter .inline-flex span span { background:#5fe0b4!important; }
body.bb-refined .bb-footer-newsletter h3 { font-size:22px!important; letter-spacing:-.025em; }
body.bb-refined .bb-footer-newsletter p { color:#b3cfc5!important; font-size:13px; }
body.bb-refined footer input { background:#ffffff0d!important; border:1px solid #ffffff24!important; color:#fff!important; border-radius:12px!important; min-height:46px; transition:border-color .15s,background-color .15s; }
body.bb-refined footer input::placeholder { color:#9bbbb0!important; }
body.bb-refined footer input:focus { background:#ffffff14!important; border-color:#5fe0b4!important; outline:3px solid #5fe0b426!important; }
body.bb-refined footer form svg.lucide-mail { color:#9bbbb0!important; }
body.bb-refined footer button[type="submit"] { background:#5fe0b4!important; color:#042a20!important; border-radius:12px!important; min-height:46px; box-shadow:0 10px 24px -12px #5fe0b4!important; transition:background-color .15s,transform .15s; }
body.bb-refined footer button[type="submit"]:hover { background:#8ff5d1!important; transform:translateY(-1px); }


body.bb-refined .bb-footer-main { padding-top:44px!important; padding-bottom:36px!important; }
body.bb-refined .bb-footer-main > .grid { gap:28px 24px!important; }
body.bb-refined .bb-footer-main a > span.text-xl { font-family:var(--p-head); font-weight:800; letter-spacing:-.03em; }
body.bb-refined .bb-footer-main > .grid > :first-child > p { font-size:13.5px; line-height:1.65; color:#bdd6cd!important; }
body.bb-refined .bb-footer-main h4 { font-size:11px!important; letter-spacing:.14em!important; color:#7ff0c6!important; margin-bottom:16px!important; }
body.bb-refined .bb-footer-main ul.space-y-3 > :not([hidden]) ~ :not([hidden]) { margin-top:10px; }
body.bb-refined .bb-footer-main .lg\:col-span-2 a { position:relative; font-size:13.5px; color:#cfe2db!important; transition:color .15s,transform .15s; }
body.bb-refined .bb-footer-main .lg\:col-span-2 a::after { content:""; position:absolute; left:0; right:0; bottom:-2px; height:1px; background:#5fe0b4; transform:scaleX(0); transform-origin:left; transition:transform .2s; }
body.bb-refined .bb-footer-main .lg\:col-span-2 a:hover { color:#fff!important; transform:translateX(2px); }
body.bb-refined .bb-footer-main .lg\:col-span-2 a:hover::after { transform:scaleX(1); }
body.bb-refined .bb-footer-main li a > span:first-child, body.bb-refined .bb-footer-main li > span:first-child { background:#5fe0b414!important; border-color:#5fe0b42e!important; color:#7ff0c6; border-radius:9px; }
body.bb-refined .bb-footer-main li a:hover > span:first-child { background:#5fe0b42e!important; border-color:#5fe0b466!important; }
body.bb-refined .bb-footer-main li a, body.bb-refined .bb-footer-main li.inline-flex { color:#cfe2db!important; font-size:13.5px; }
body.bb-refined .bb-footer-main li a:hover { color:#fff!important; }
body.bb-refined .bb-footer-main li .text-emerald-400 { color:#5fe0b4!important; }
body.bb-refined .bb-footer-main .flex.items-center.gap-2 > a { width:38px; height:38px; border-radius:11px; background:#ffffff0a!important; border-color:#ffffff1f!important; color:#cfe2db!important; transition:background-color .15s,color .15s,transform .15s,border-color .15s; }
body.bb-refined .bb-footer-main .flex.items-center.gap-2 > a:hover { background:#5fe0b4!important; border-color:#5fe0b4!important; color:#042a20!important; transform:translateY(-2px); }


body.bb-refined .bb-footer-main > .mt-14 { margin-top:32px!important; padding-top:24px!important; }
body.bb-refined .bb-footer-main > .mt-14 > div { background:#ffffff08!important; border-color:#ffffff17!important; border-radius:14px; padding:12px 16px; transition:border-color .15s,background-color .15s; }
body.bb-refined .bb-footer-main > .mt-14 > div:hover { background:#5fe0b40f!important; border-color:#5fe0b440!important; }
body.bb-refined .bb-footer-main > .mt-14 > div > div:first-child { background:#5fe0b41f!important; color:#5fe0b4!important; border-radius:9px; }
body.bb-refined .bb-footer-main > .mt-14 p.text-xs { color:#a4c3b8!important; }


body.bb-refined footer > :last-child { background:#00000026!important; border-top:1px solid #ffffff12!important; padding-bottom:64px; }
body.bb-refined footer > :last-child :is(p,span,a) { color:#a4c3b8!important; }
body.bb-refined footer > :last-child a:hover { color:#fff!important; }
@media (max-width:1023px) { body.bb-refined footer > :last-child { padding-bottom:40px; } }
@media (max-width:639px) {
  body.bb-refined .bb-footer-newsletter > div > .grid { padding:20px; border-radius:16px; }
  body.bb-refined .bb-footer-newsletter h3 { font-size:19px!important; }
  body.bb-refined footer::after { font-size:96px; bottom:-.2em; }
  body.bb-refined footer > :last-child { padding-bottom:28px; }
}
body.bb-refined footer button[type="submit"] { background-image:none!important; border:0!important; }
body.bb-refined .bb-footer-main .lg\:col-span-2 a { background:transparent!important; padding:0!important; border:0!important; }
body.bb-refined footer::after { background:none; -webkit-text-stroke:1.5px #5fe0b41c; bottom:-.2em; }
body.bb-refined footer > :last-child { background:linear-gradient(180deg,#0000,#00000033)!important; }
body.bb-refined .bb-footer-main .lg\:col-span-2 li a > span:first-child { background:transparent!important; border:0!important; color:inherit; border-radius:0; }
body.bb-refined .bb-footer-newsletter .inline-flex:not(button) { background:#5fe0b41a!important; }
body.bb-refined .bb-footer-newsletter button[type="submit"] { background:#5fe0b4!important; color:#042a20!important; }
body.bb-refined .bb-footer-newsletter button[type="submit"]:hover { background:#8ff5d1!important; }
body.bb-refined .bb-footer-newsletter span.relative.flex > span { background-color:#5fe0b4!important; }


.bb-refined.bb-homepage .bb-pricing { background:linear-gradient(180deg,#f6faf8,#fff 70%); border-block:1px solid #e8efec; }
.bb-refined.bb-homepage .bb-pricing .bb-section-heading { display:flex; flex-direction:column; align-items:center; text-align:center; gap:0; max-width:820px; margin:0 auto 30px; }
.bb-refined.bb-homepage .bb-pricing .bb-section-heading > div:first-child { margin:0 0 12px; justify-self:auto; }
.bb-refined.bb-homepage .bb-pricing .bb-section-heading > h2 { margin:0 0 10px; }
.bb-refined.bb-homepage .bb-pricing .bb-section-heading > p { margin:0 auto 18px; max-width:620px; font-size:15px; }
.bb-refined.bb-homepage .bb-pricing .bb-pricing-offer { order:5; margin:12px 0 0; justify-self:auto; padding:6px 12px; border-radius:999px; background:#fff7e6; border:1px solid #f4dfae; color:#7a5310; font-size:12px; font-weight:600; }
.bb-refined.bb-homepage .bb-pricing .bb-pricing-offer svg, .bb-refined.bb-homepage .bb-pricing .bb-pricing-offer .bb-inline-emblem { color:#b7791f; }
.bb-refined.bb-homepage .bb-pricing .bb-pricing-currency { order:4; margin:0; justify-self:auto; }
.bb-refined .bb-pricing-currency [role="tablist"] { background:#fff; border:1px solid var(--p-line-2); border-radius:999px; padding:4px; box-shadow:0 1px 2px #0b1f1a0a; }
.bb-refined .bb-pricing-currency [role="tab"] { border-radius:999px; min-height:34px; min-width:78px; font-weight:600; color:var(--p-muted); transition:background-color .15s,color .15s; }
.bb-refined .bb-pricing-currency [role="tab"][aria-selected="true"] { background:var(--p-ink); color:#fff; box-shadow:0 4px 10px -4px #0b1f1a80; }
.bb-refined .bb-plan-grid { gap:20px; align-items:stretch; margin-bottom:22px; }
.bb-refined .bb-pricing .bb-price-card { padding:26px; border:1px solid var(--p-line); border-radius:18px; background:#fff; box-shadow:0 1px 2px #0b1f1a08; }
.bb-refined .bb-pricing .bb-price-card.bg-gray-900 { padding:26px; border:1px solid var(--p-green); background:#fff; box-shadow:0 0 0 4px #08aa8014,0 28px 56px -32px #066b5466; }
.bb-refined .bb-pricing .bb-price-card.bg-gray-900::before { content:""; position:absolute; inset:0 0 auto; height:4px; border-radius:18px 18px 0 0; background:linear-gradient(90deg,#08aa80,#5fe0b4); }
.bb-refined .bb-pricing .bb-price-card > h3 { font-size:17px!important; font-weight:700; letter-spacing:-.015em; margin-bottom:12px; color:var(--p-ink); }
.bb-refined .bb-pricing .bb-plan-price { font-size:40px; letter-spacing:-.045em; }
.bb-refined .bb-plan-billing { min-height:92px; margin-bottom:14px; }
.bb-refined .bb-plan-billing > p { font-size:13px; color:#33463f; font-weight:500; }
.bb-refined .bb-plan-capacity { padding-top:12px; margin-bottom:20px; border-top:1px solid var(--p-line); }
.bb-refined .bb-plan-capacity > div { min-height:34px; align-items:center; }
.bb-refined .bb-plan-capacity > div + div { border-top:1px dashed #e4ece8; }
.bb-refined .bb-plan-capacity dt { font-size:13px; color:var(--p-text); display:flex; align-items:center; gap:8px; }
.bb-refined .bb-plan-capacity dt::before { content:""; width:16px; height:16px; flex:0 0 16px; border-radius:50%; background:#e3f5ec url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23066b54' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E") center/10px no-repeat; }
.bb-refined .bb-plan-capacity dd { font-size:13.5px; font-weight:700; color:var(--p-ink); font-variant-numeric:tabular-nums; }
.bb-refined .bb-plan-inclusion { margin-top:12px; font-size:12px; color:var(--p-muted); }
.bb-refined .bb-pricing .bb-price-card > div.bb-plan-popular { top:-12px; }
.bb-refined .bb-pricing .bb-price-card > div.bb-plan-popular > span { padding:5px 12px; font-size:10.5px; letter-spacing:.06em; text-transform:uppercase; background:var(--p-ink); box-shadow:0 6px 14px -6px #0b1f1a80; }
.bb-refined .bb-pricing .bb-price-card > div.bb-plan-discount > span { border-radius:999px; padding:3px 9px; background:#fff7e6; border-color:#f4dfae; color:#7a5310; font-weight:700; }
.bb-refined .bb-pricing .bb-price-card:last-child .bb-plan-cta { background:var(--p-ink); }
.bb-refined .bb-pricing .bb-price-card:last-child .bb-plan-cta:hover { background:#17352d; }
.bb-refined .bb-shared-rates { padding:20px 22px; border:1px solid var(--p-line); border-radius:18px; background:#fff; }
.bb-refined .bb-rates-header { margin-bottom:14px; }
.bb-refined .bb-rates-header h3 { display:flex; align-items:center; gap:10px; font-size:12px!important; letter-spacing:.08em; color:var(--p-ink); }
.bb-refined .bb-rates-header h3::before { content:""; width:28px; height:28px; border-radius:8px; background:#e3f5ec url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23066b54' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a9 9 0 1 1-3.5-7.1L21 3v6h-6'/%3E%3Cpath d='M9 12h6'/%3E%3C/svg%3E") center/15px no-repeat; }
.bb-refined .bb-rates-description { margin-left:38px; }
.bb-refined .bb-rates-link { font-weight:600; font-size:12px; text-decoration:none; padding:7px 12px; border:1px solid var(--p-line-2); border-radius:999px; transition:background-color .15s; }
.bb-refined .bb-rates-link:hover { background:var(--p-mint); }
.bb-refined .bb-rate-grid { gap:12px; }
.bb-refined .bb-rate-grid > div, .bb-refined .bb-rate-grid > div:last-child { padding:12px 14px; border:1px solid #e7efeb; border-radius:12px; background:#f7fbf9; }
.bb-refined .bb-rate-grid dt { font-size:11px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--p-muted); }
.bb-refined .bb-rate-grid dd { font-size:15px; font-weight:700; color:var(--p-ink); font-variant-numeric:tabular-nums; }
.bb-refined .bb-rate-note { border-top:0; padding-top:0; margin-top:12px; font-size:11px; }
.bb-refined .bb-pricing-comparison { border-radius:18px; border-color:var(--p-line); }
.bb-refined .bb-pricing-comparison > summary { min-height:64px; }
.bb-refined .bb-compare-symbol { background:var(--p-mint); border-color:var(--p-line-2); }
.bb-refined .bb-comparison-table thead th { background:#f3f8f6; font-size:12px; letter-spacing:.02em; }
.bb-refined .bb-comparison-table tbody tr:hover > * { background:#f7fbf9; }
.bb-refined .bb-pricing-proof { margin-top:22px; }
.bb-refined .bb-pricing-proof > div { padding:18px 24px!important; border:1px solid var(--p-line)!important; border-radius:18px!important; background:#fff!important; }
.bb-refined .bb-pricing-proof > div > p { margin-bottom:14px; font-size:10.5px; letter-spacing:.14em; color:var(--p-muted); }
.bb-refined .bb-pricing-proof .grid > div { align-items:center; }
.bb-refined .bb-pricing-proof .grid > div > div { background:#e3f5ec; border-radius:9px; }
.bb-refined .bb-pricing-proof .grid > div > span { font-size:12px; font-weight:600; color:#2b3d38; }


.bb-refined main > .bb-tp-enhanced { background:#f6f9f8; border-block:1px solid #e8efec; padding-top:44px; padding-bottom:44px; }
.bb-refined .bb-tp-enhanced .bb-section-heading { align-items:end; margin-bottom:22px; }
.bb-refined .bb-tp-enhanced .bb-section-heading > p { font-size:14px; color:var(--p-text); max-width:340px; text-align:right; justify-self:end; }
.bb-refined .bb-tp-preview-label { border-radius:999px; font-size:10px; padding:3px 9px; background:#fff; }
.bb-refined .bb-tp-layout { grid-template-columns:250px minmax(0,1fr); gap:24px; padding-top:0; align-items:stretch; }
.bb-refined .bb-tp-summary { display:flex; flex-direction:column; align-items:flex-start; border:1px solid var(--p-line); border-radius:18px; background:#fff; padding:24px 22px; box-shadow:0 1px 3px #0b1f1a08; text-decoration:none!important; color:inherit!important; cursor:pointer; transition:transform .2s,border-color .2s,box-shadow .2s; }
.bb-refined .bb-tp-summary:hover { transform:translateY(-3px); border-color:var(--p-green); box-shadow:0 16px 32px -12px rgba(8,170,128,.2); }
.bb-refined .bb-tp-logo { width:124px; height:31px; }
.bb-refined .bb-tp-rating { margin-top:16px; }
.bb-refined .bb-tp-rating strong { font-family:var(--p-head); font-size:46px; font-weight:800; color:var(--p-ink); }
.bb-refined .bb-tp-block .bb-tp-label { margin:6px 0 10px; font-size:15px; font-weight:700; color:var(--p-ink); }
.bb-refined .bb-tp-aggregate-stars { width:144px; height:27px; }
.bb-refined .bb-tp-block .bb-tp-score-meta { margin:12px 0 16px; padding-bottom:16px; width:100%; border-bottom:1px solid var(--p-line); font-size:12px; color:var(--p-muted); }
.bb-refined .bb-tp-all-reviews { display:inline-flex; align-items:center; justify-content:center; gap:6px; margin-top:auto; width:100%; padding:10px 16px; border-radius:12px; background:var(--p-ink); color:#fff!important; text-decoration:none!important; font-size:12.5px; font-weight:600; transition:background-color .15s; }
.bb-refined .bb-tp-all-reviews:hover { background:var(--p-green); }
.bb-refined .bb-tp-tools { margin-bottom:14px; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; }
.bb-refined .bb-tp-trust-pill { display:inline-flex; align-items:center; gap:6px; font-size:12.5px; font-weight:600; color:var(--p-ink); background:#eef4ee; border:1px solid #d8e4d6; padding:5px 12px; border-radius:999px; }
.bb-refined .bb-tp-pill-star { color:#00b67a; font-size:14px; }
.bb-refined .bb-tp-arrow { width:34px; height:34px; border-color:var(--p-line-2); background:#fff; color:var(--p-ink); transition:background-color .15s,border-color .15s,color .15s; }
.bb-refined .bb-tp-arrow:hover { background:var(--p-green); border-color:var(--p-green); color:#fff; }
.bb-refined .bb-tp-rail { display:flex!important; gap:16px; overflow-x:auto; scroll-behavior:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; padding:4px 4px 14px; cursor:grab; }
.bb-refined .bb-tp-rail::-webkit-scrollbar { display:none; }
.bb-refined .bb-tp-rail:active { cursor:grabbing; }
.bb-refined .bb-tp-card { display:flex; flex-direction:column; flex:0 0 350px!important; width:350px!important; min-width:350px!important; min-height:260px; padding:20px 22px; border:1px solid var(--p-line); border-radius:16px; background:#fff; box-shadow:0 1px 3px #0b1f1a08; text-decoration:none!important; color:inherit!important; cursor:pointer; transition:border-color .2s,box-shadow .2s,transform .2s; }
.bb-refined .bb-tp-card:hover { border-color:var(--p-green); box-shadow:0 16px 32px -12px rgba(8,170,128,.2); transform:translateY(-4px); }
.bb-refined .bb-tp-card h3 { font-family:var(--p-head)!important; font-size:15px; font-weight:700; color:var(--p-ink); min-height:40px; margin:0 0 8px; }
.bb-refined .bb-tp-card blockquote { position:relative; font-size:13.5px; line-height:1.6; color:var(--p-text); margin:0 0 16px; flex-grow:1; }
.bb-refined .bb-tp-card time { font-size:11px; color:var(--p-muted); }
.bb-refined .bb-tp-person { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:auto; padding-top:13px; border-top:1px solid #edf2ef; }
.bb-refined .bb-tp-person-left { display:flex; align-items:center; gap:9px; min-width:0; }
.bb-refined .bb-tp-avatar { background:var(--p-mint-2); color:var(--p-deep); font-weight:700; flex:0 0 32px; width:32px; height:32px; border-radius:50%; display:grid; place-items:center; font-size:11px; }
.bb-refined .bb-tp-author { display:flex; flex-direction:column; gap:2px; min-width:0; }
.bb-refined .bb-tp-author strong { font-size:12px; color:var(--p-ink); font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.bb-refined .bb-tp-author span { font-size:10px; color:var(--p-muted); white-space:nowrap; }
.bb-refined .bb-tp-source { font-size:11px; font-weight:600; color:var(--p-deep); text-decoration:none; white-space:nowrap; }
.bb-refined .bb-tp-card:hover .bb-tp-source { text-decoration:underline; }
.bb-refined .bb-tp-block .bb-tp-note, .bb-refined .bb-tp-native-toggle, .bb-refined .bb-tp-heading-preview { display:none!important; }


.bb-refined.bb-homepage .bb-faq { background:#fff; }
.bb-refined.bb-homepage .bb-faq .bb-container { max-width:1200px; display:grid; grid-template-columns:minmax(0,370px) minmax(0,1fr); grid-template-rows:auto 1fr; column-gap:64px; align-items:start; }
.bb-refined.bb-homepage .bb-faq .bb-section-heading { grid-column:1; grid-row:1; text-align:left; margin:0 0 22px; max-width:none; }
.bb-refined.bb-homepage .bb-faq .bb-section-heading > p { margin:10px 0 0; font-size:15px; }
.bb-refined.bb-homepage .bb-faq .bb-container > .grid { grid-column:2; grid-row:1 / span 2; grid-template-columns:1fr; gap:0; border-top:1px solid var(--p-line); }
.bb-refined.bb-homepage .bb-faq .bb-container > .grid .space-y-4 > :not([hidden]) ~ :not([hidden]) { margin-top:0; }
.bb-refined.bb-homepage .bb-faq .bb-container > .grid .space-y-4 > div { border-bottom:1px solid var(--p-line); }
.bb-refined.bb-homepage .bb-faq-question, .bb-refined.bb-homepage .bb-faq-question.text-white { padding:17px 4px; min-height:0; border:0; border-radius:0; background:transparent!important; box-shadow:none; color:var(--p-ink); }
.bb-refined.bb-homepage .bb-faq-question:hover { background:transparent; }
.bb-refined.bb-homepage .bb-faq-question span, .bb-refined.bb-homepage .bb-faq-question .text-white { font-size:15px; font-weight:600; color:var(--p-ink)!important; transition:color .15s; }
.bb-refined.bb-homepage .bb-faq-question:hover span { color:var(--p-deep)!important; }
.bb-refined.bb-homepage .bb-faq-question > div > div { width:30px; height:30px; flex:0 0 30px; border-radius:50%; background:#f2f6f4!important; transition:background-color .15s,transform .2s; }
.bb-refined.bb-homepage .bb-faq-question svg { color:var(--p-ink)!important; width:16px; height:16px; }
.bb-refined.bb-homepage .bb-faq-question.text-white > div > div { background:var(--p-green)!important; }
.bb-refined.bb-homepage .bb-faq-question.text-white svg { color:#fff!important; }
.bb-refined.bb-homepage .bb-faq-question + div { margin-top:0!important; }
.bb-refined.bb-homepage .bb-faq-question + div > div { padding:0 48px 18px 4px; }
.bb-refined.bb-homepage .bb-faq-question + div p { font-size:14px; line-height:1.7; color:var(--p-text); }
.bb-refined.bb-homepage .bb-faq .bb-container > :last-child:not(.grid) { grid-column:1; grid-row:2; margin:0; }
.bb-refined.bb-homepage .bb-faq .from-gray-900 { padding:24px; border-radius:18px; }
.bb-refined.bb-homepage .bb-faq .from-gray-900 > div { flex-direction:column!important; align-items:flex-start!important; gap:16px!important; text-align:left; }
.bb-refined.bb-homepage .bb-faq .from-gray-900 > div > :last-child { display:flex; flex-wrap:wrap; gap:10px; width:100%; }
.bb-refined.bb-homepage .bb-faq .from-gray-900 a { flex:1 1 auto; justify-content:center; min-height:42px; padding:9px 16px; font-size:13.5px; }
.bb-refined.bb-homepage .bb-faq .from-gray-900 h3 { font-size:18px; }
.bb-refined.bb-homepage .bb-faq .from-gray-900 p { font-size:13.5px; }

@media (max-width:1023px) {
  .bb-refined.bb-homepage .bb-faq .bb-container { display:block; }
  .bb-refined.bb-homepage .bb-faq .bb-container > :last-child:not(.grid) { margin-top:24px; }
  .bb-refined .bb-tp-layout { grid-template-columns:1fr; }
  .bb-refined .bb-tp-summary { display:grid; grid-template-columns:1fr auto; align-items:center; }
}
@media (max-width:760px) {
  .bb-refined.bb-homepage .bb-pricing .bb-section-heading { align-items:center; }
  .bb-refined .bb-rate-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .bb-refined .bb-rates-description { margin-left:0; }
  .bb-refined .bb-tp-enhanced .bb-section-heading > p { text-align:left; }
  .bb-refined .bb-tp-rail { grid-auto-columns:calc(100% - 28px); }
  .bb-refined .bb-tp-summary { padding:18px; }
  .bb-refined .bb-tp-all-reviews { grid-column:1 / -1; justify-self:start; }
  .bb-refined.bb-homepage .bb-faq-question span { font-size:14px; }
  .bb-refined.bb-homepage .bb-faq-question + div > div { padding-right:8px; }
}
@media (max-width:1023px) {
  .bb-refined .bb-tp-summary { display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; gap:6px 18px; }
  .bb-refined .bb-tp-summary .bb-tp-logo-link { flex-basis:100%; }
  .bb-refined .bb-tp-rating { margin:4px 0 0; }
  .bb-refined .bb-tp-block .bb-tp-label { margin:0; }
  .bb-refined .bb-tp-block .bb-tp-score-meta { flex-basis:100%; margin:4px 0 8px; padding-bottom:12px; text-align:left; }
}


.bb-refined .bb-menu-panel { margin-top:10px; padding:10px!important; border:1px solid var(--p-line)!important; border-radius:18px!important; background:#fffffff7!important; box-shadow:0 1px 2px #0b1f1a0d,0 24px 60px -24px #0b1f1a40,0 0 0 6px #f4faf7a6!important; backdrop-filter:blur(16px); animation:p-menu-in .18s cubic-bezier(.2,.7,.2,1) both; }
.bb-refined .bb-menu-panel::before { content:""; position:absolute; left:0; right:0; top:-14px; height:14px; }
@keyframes p-menu-in { from { opacity:0; transform:translate(-50%,6px) scale(.985); } to { opacity:1; transform:translate(-50%,0) scale(1); } }
.bb-refined .bb-menu-panel > .grid { gap:2px!important; }
.bb-refined .bb-menu-item { position:relative; display:grid!important; grid-template-columns:38px minmax(0,1fr); grid-template-rows:auto auto; column-gap:12px; row-gap:2px; align-items:start; padding:11px 12px!important; border-radius:12px!important; transition:background-color .15s; }
.bb-refined .bb-menu-item > div:first-child { display:contents!important; }
.bb-refined .bb-menu-item .bb-icon-tile { grid-column:1; grid-row:1 / span 2; width:38px!important; height:38px!important; border-radius:11px!important; background:var(--p-mint)!important; border:1px solid var(--p-line-2)!important; transition:border-color .15s,background-color .15s,transform .15s; }
.bb-refined .bb-menu-item .bb-icon-tile::after { inset:8px; }
.bb-refined .bb-menu-item .bb-menu-title { grid-column:2; grid-row:1; align-self:end; font-size:13.5px!important; font-weight:600!important; line-height:1.3; letter-spacing:-.005em; color:var(--p-ink)!important; }
.bb-refined .bb-menu-item > p { grid-column:2; grid-row:2; margin:0!important; font-size:12px!important; line-height:1.4!important; color:var(--p-muted)!important; }
.bb-refined .bb-menu-item > div:first-child > svg { position:absolute; top:13px; right:12px; width:12px; height:12px; color:#9db3aa; }
.bb-refined .bb-menu-item:hover { background:#f3f9f6!important; }
.bb-refined .bb-menu-item:hover .bb-icon-tile { background:#fff!important; border-color:#08aa8066!important; transform:translateY(-1px); box-shadow:0 6px 14px -8px #066b5466; }
.bb-refined .bb-menu-item:hover .bb-menu-title { color:var(--p-deep)!important; }
.bb-refined .bb-menu-item:focus-visible { outline:2px solid var(--p-green); outline-offset:1px; }

.bb-refined .bb-menu-panel > .flex.border-b { margin:4px 8px 10px!important; padding-bottom:12px!important; border-color:var(--p-line)!important; }
.bb-refined .bb-menu-panel > .flex.border-b h3 { font-family:var(--p-head); font-size:15px!important; font-weight:700; letter-spacing:-.02em; color:var(--p-ink); }
.bb-refined .bb-menu-panel > .flex.border-b a { padding:6px 11px; border:1px solid var(--p-line-2); border-radius:999px; color:var(--p-deep)!important; font-weight:600; transition:background-color .15s; }
.bb-refined .bb-menu-panel > .flex.border-b a:hover { background:var(--p-mint); }
.bb-refined .bb-menu-panel button.group { border-color:transparent!important; border-radius:12px!important; padding:10px 12px!important; transition:background-color .15s; }
.bb-refined .bb-menu-panel button.group:hover { background:#f3f9f6!important; }
.bb-refined .bb-menu-panel button.group > div:first-child { width:38px!important; height:38px!important; border-radius:11px!important; border-color:var(--p-line-2)!important; background:#fff!important; transition:border-color .15s,transform .15s; }
.bb-refined .bb-menu-panel button.group:hover > div:first-child { border-color:#08aa8066!important; transform:translateY(-1px); box-shadow:0 6px 14px -8px #066b5466; }
.bb-refined .bb-menu-panel button.group span { font-size:13.5px!important; font-weight:600!important; color:var(--p-ink)!important; }
.bb-refined .bb-menu-panel button.group:hover span { color:var(--p-deep)!important; }
.bb-refined .bb-menu-panel button.group p { font-size:11.5px!important; color:var(--p-muted)!important; }
.bb-refined .bb-menu-panel > .flex.border-t { margin:10px 0 0!important; padding:12px 10px 4px!important; border-color:var(--p-line)!important; }
.bb-refined .bb-menu-panel > .flex.border-t a { background:var(--p-action)!important; border-radius:10px!important; padding:8px 14px!important; font-weight:600; box-shadow:0 8px 18px -10px #079470; }
.bb-refined .bb-menu-panel > .flex.border-t a:hover { background:var(--p-action-hover)!important; }
@media (prefers-reduced-motion:reduce) { .bb-refined .bb-menu-panel { animation:none; } }
.bb-refined .bb-menu-panel { background:#fff!important; }
.bb-refined .bb-menu-panel[class*="w-[620px]"] { width:780px!important; }
.bb-refined .bb-menu-panel { max-width:min(900px,calc(100vw - 32px)); }
.bb-refined .bb-menu-item { align-content:start; }
.bb-refined .bb-menu-item .bb-menu-title { align-self:start; padding-top:1px; padding-right:16px; }
.bb-refined .bb-menu-item > p { padding-right:6px; }
.bb-refined .bb-menu-panel[data-bb-menu] { left:var(--bb-menu-left,0px)!important; transform:none!important; --tw-translate-x:0!important; animation-name:p-menu-in-left; }
@keyframes p-menu-in-left { from { opacity:0; transform:translateY(6px) scale(.985); } to { opacity:1; transform:none; } }

.bb-refined .bb-menu-panel { transition:none!important; animation:none; }
.bb-refined .bb-menu-panel.invisible { animation:none!important; opacity:0!important; visibility:hidden!important; pointer-events:none!important; }
.bb-refined .bb-menu-panel.visible { animation:p-menu-in .14s ease-out both; }
.bb-refined .bb-menu-panel[data-bb-menu].visible { animation-name:p-menu-in-left; }
.bb-refined .bb-menu-panel { padding:8px!important; margin-top:8px; border-radius:16px!important; }
.bb-refined .bb-menu-panel[class*="w-[620px]"] { width:720px!important; }
.bb-refined .bb-menu-item { grid-template-columns:32px minmax(0,1fr); column-gap:10px; row-gap:1px; padding:7px 10px!important; border-radius:10px!important; }
.bb-refined .bb-menu-item .bb-icon-tile { width:32px!important; height:32px!important; border-radius:9px!important; }
.bb-refined .bb-menu-item .bb-icon-tile::after { inset:7px; }
.bb-refined .bb-menu-item .bb-menu-title { font-size:13px!important; padding-top:0; }
.bb-refined .bb-menu-item > p { font-size:11.5px!important; line-height:1.35!important; }
.bb-refined .bb-menu-item > div:first-child > svg { top:10px; right:10px; }
.bb-refined .bb-menu-panel button.group { padding:7px 10px!important; border-radius:10px!important; gap:10px!important; }
.bb-refined .bb-menu-panel button.group > div:first-child { width:32px!important; height:32px!important; border-radius:9px!important; }
.bb-refined .bb-menu-panel button.group span { font-size:13px!important; }
.bb-refined .bb-menu-panel button.group p { font-size:11px!important; line-height:1.35!important; }
.bb-refined .bb-menu-panel > .flex.border-b { margin:2px 6px 6px!important; padding-bottom:8px!important; }
.bb-refined .bb-menu-panel > .flex.border-b h3 { font-size:14px!important; }
.bb-refined .bb-menu-panel > .flex.border-t { margin:6px 0 0!important; padding:8px 8px 2px!important; }
.bb-refined .bb-menu-panel > .flex.border-t a { padding:7px 12px!important; font-size:13px; }
.bb-refined .bb-menu-panel .overflow-y-auto { max-height:min(470px,calc(100vh - 180px))!important; }

.bb-refined .bb-mobile-menu-item { gap:12px!important; padding:8px 12px!important; color:var(--p-ink)!important; font-weight:500; }
.bb-refined .bb-mobile-menu-item > svg { display:none; }
.bb-refined .bb-mobile-menu-item::before { content:""; flex:0 0 34px; width:34px; height:34px; border:1px solid var(--p-line-2); border-radius:10px; background:var(--p-mint) var(--bb-glyph) center/20px no-repeat; }
.bb-refined .bb-mobile-menu-item:hover, .bb-refined .bb-mobile-menu-item:active { background:#f3f9f6!important; }
.bb-refined .fixed.inset-0.z-40 a[href*="/register"] { background:var(--p-action)!important; border-radius:12px; box-shadow:0 10px 22px -12px #079470; }


.special-offer-page .fixed.bottom-0,
body.bb-special-offer .fixed.bottom-0,
.special-offer-page [class*="fixed"][class*="bottom-0"],
body.bb-special-offer [class*="fixed"][class*="bottom-0"],
.special-offer-page .bb-mobile-sticky-cta,
body.bb-special-offer .bb-mobile-sticky-cta,
.bb-mobile-sticky-cta {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  opacity: 0 !important;
}

@media (max-width: 767px) {
  .special-offer-page,
  body.bb-special-offer .special-offer-page {
    padding-bottom: 0 !important;
  }
}


.bb-refined .bb-header a.animated-border-link { animation:none; background:none; color:#374151; font-weight:500; }
.bb-refined .bb-header a.animated-border-link::before { display:none; }
.bb-refined .bb-header a.animated-border-link:hover { color:var(--bb-deep); }
.bb-refined .bb-header a[href="/demo"] { background:none; color:#374151; font-weight:500; }
.bb-refined .bb-header a[href="/demo"]:hover { background:none; color:var(--p-deep); }
.bb-refined .bb-hero h1 > span.relative > svg { display:none; }
.bb-refined .bb-hero h1 > span.relative { margin:0 auto; }
.bb-refined .bb-hero-action { gap:12px; }
.bb-refined .bb-hero-demo { display:inline-flex; align-items:center; justify-content:center; gap:8px; height:48px; padding:0 24px; border:1px solid #cfdcd6; border-radius:999px; background:#fff; color:var(--bb-ink); font-size:15px; font-weight:600; text-decoration:none; transition:border-color .15s ease, background .15s ease; }
.bb-refined .bb-hero-demo:hover { border-color:#9fbab0; background:#f6faf8; }
.bb-refined.bb-homepage :is(.bb-feature-copy,.bb-feature-mini) a[href*="/register"][data-track] { height:auto; min-height:0; padding:0; border:0; border-radius:0; background:none; box-shadow:none; color:var(--p-deep); font-size:14px; font-weight:600; gap:6px; }
.bb-refined.bb-homepage :is(.bb-feature-copy,.bb-feature-mini) a[href*="/register"][data-track]:hover { background:none; color:#0b5a46; text-decoration:underline; text-underline-offset:4px; }
@media (max-width:639px){
 .bb-refined .bb-hero-demo { width:100%; }
}


.bb-refined .bb-hero h1 .bb-inline-emblem[data-bb-glyph="award"] { display:none; }
.bb-refined.bb-homepage .bb-video-frame { border-color:#dde5ea; box-shadow:0 1px 2px #0b16200a,0 24px 48px -28px #0b162033; }
.bb-refined .bb-trust-strip { list-style:none; margin:22px auto 0; padding:14px 20px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:10px 30px; border:1px solid var(--bb-line); border-radius:14px; background:#ffffffeb; }
.bb-refined .bb-trust-strip li { margin:0; padding:0; }
.bb-refined .bb-trust-item { display:inline-flex; align-items:center; gap:9px; font-size:13px; font-weight:500; line-height:1.3; color:#34444d; text-decoration:none; }
.bb-refined a.bb-trust-item:hover .bb-trust-label { color:var(--p-deep); text-decoration:underline; text-underline-offset:3px; }
.bb-refined .bb-trust-icon { position:relative; flex:0 0 auto; width:26px; height:26px; border-radius:8px; background:#f6fbf8; border:1px solid #d8e8e0; }
.bb-refined .bb-trust-icon::after { content:""; position:absolute; inset:5px; background:var(--bb-glyph) center/contain no-repeat; }
.bb-refined.bb-homepage .bb-pricing .bb-pricing-offer { background:#f4f7f6; border-color:#dfe7e3; color:#3b4a44; font-weight:500; }
.bb-refined.bb-homepage .bb-pricing .bb-pricing-offer svg, .bb-refined.bb-homepage .bb-pricing .bb-pricing-offer .bb-inline-emblem { color:#5b6b64; }
.bb-refined .bb-pricing .bb-price-card > div.bb-plan-discount > span { background:#eef3f1; border-color:#d8e3de; color:#2f4a40; font-weight:600; }
@media (max-width:1023px){
 .bb-refined .bb-trust-strip { gap:8px 20px; padding:12px 16px; }
}
@media (max-width:639px){
 .bb-refined .bb-trust-strip { margin-top:16px; padding:10px 12px; gap:8px 14px; justify-content:flex-start; border-radius:12px; }
 .bb-refined .bb-trust-item { font-size:12px; }
 .bb-refined .bb-trust-icon { width:22px; height:22px; border-radius:7px; }
}
@media (min-width:1024px){
 .bb-refined .bb-trust-strip { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; padding:14px 16px; }
 .bb-refined .bb-trust-strip li { display:flex; justify-content:center; }
 .bb-refined .bb-trust-item { font-size:12.5px; text-align:left; }
}


.bb-refined.bb-feature-page .bb-fp-section:not(.bb-fp-closing):not(.bb-fp-hero) a[href*="/register"] { min-height:0; height:auto; padding:0; border:0; border-radius:0; background:none; box-shadow:none; color:var(--p-deep); font-size:14px; font-weight:600; gap:6px; transform:none; }
.bb-refined.bb-feature-page .bb-fp-section:not(.bb-fp-closing):not(.bb-fp-hero) a[href*="/register"]:hover { background:none; color:#0b5a46; text-decoration:underline; text-underline-offset:4px; transform:none; box-shadow:none; }

.bb-refined .bb-fp-emoji { position:relative; font-size:0!important; line-height:0; }
.bb-refined .bb-fp-emoji::after { content:""; display:inline-block; width:18px; height:18px; background:var(--bb-glyph) center/contain no-repeat; vertical-align:middle; }
.bb-refined .bb-fp-emoji.w-14::after, .bb-refined .bb-fp-emoji.w-12::after { width:26px; height:26px; }
@media (max-width:639px){
 .bb-refined.bb-feature-page .bb-fp-section:not(.bb-fp-closing):not(.bb-fp-hero) a[href*="/register"] { min-height:44px; padding:10px 0; }
}


.bb-refined .bb-removed { display:none!important; }


.bb-refined .bb-yt { position:relative; aspect-ratio:16/9; border-radius:16px; overflow:hidden; background:#0b1620; border:1px solid #dde5ea; box-shadow:0 1px 2px #0b16200a,0 24px 48px -28px #0b162033; }
.bb-refined .bb-yt > img { width:100%; height:100%; object-fit:cover!important; display:block; }
.bb-refined .bb-yt > iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
.bb-refined .bb-yt-play { position:absolute; inset:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; background:linear-gradient(180deg,#0b162000,#0b162066); border:0; cursor:pointer; transition:background .2s; }
.bb-refined .bb-yt-play:hover { background:linear-gradient(180deg,#0b16200d,#0b162080); }
.bb-refined .bb-yt-play:focus-visible { outline:3px solid #5fe0b4; outline-offset:-3px; }
.bb-refined .bb-yt-play > span { width:72px; height:72px; border-radius:50%; background:#fff; box-shadow:0 12px 32px -8px #0b162099; display:flex; align-items:center; justify-content:center; transition:transform .2s; }
.bb-refined .bb-yt-play:hover > span { transform:scale(1.06); }
.bb-refined .bb-yt-play > span::after { content:""; margin-left:5px; border-style:solid; border-width:13px 0 13px 22px; border-color:transparent transparent transparent var(--p-green); }

.bb-refined .bb-fp-video .bb-page-container.max-w-5xl { max-width:1180px !important; }
.bb-refined .bb-fp-video .bb-yt { border-color:#ffffff1f; box-shadow:0 30px 60px -30px #000c; }
.bb-refined .bb-fp-video .bb-yt-box.aspect-video { aspect-ratio:auto; }
.bb-refined .bb-fp-video .shadow-2xl { box-shadow:none; }


.bb-co { position:fixed; inset:0; z-index:9999; display:none; align-items:center; justify-content:center; padding:16px; }
.bb-co.bb-co-open { display:flex; }
body.bb-co-lock { overflow:hidden; }
.bb-co-backdrop { position:absolute; inset:0; background:#0b162099; backdrop-filter:blur(3px); }
.bb-co-card { position:relative; width:100%; max-width:440px; max-height:calc(100vh - 32px); overflow:auto; padding:28px 26px 22px; border-radius:20px; background:#fff; box-shadow:0 40px 80px -30px #0b162099; animation:bb-co-in .22s ease-out; }
@keyframes bb-co-in { from { opacity:0; transform:translateY(10px) scale(.98); } to { opacity:1; transform:none; } }
.bb-co-close { position:absolute; top:14px; right:14px; width:36px; height:36px; display:inline-flex; align-items:center; justify-content:center; border:0; border-radius:50%; background:#f3f4f6; color:#4b5563; cursor:pointer; }
.bb-co-close:hover { background:#e5e7eb; color:#111827; }
.bb-co-eyebrow, .bb-co-title { padding-right:40px; }
.bb-co-eyebrow { margin:0 0 6px; font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--p-deep,#08785b); }
.bb-co-title { margin:0 0 16px; font-family:"Inter Tight",Inter,sans-serif; font-size:24px; line-height:1.2; font-weight:700; color:#111827; }
.bb-co-summary { display:flex; flex-direction:column; gap:6px; margin:0 0 18px; padding:14px 16px; border-radius:14px; background:#f6f8fa; border:1px solid #e5eaee; }
.bb-co-summary div { display:flex; justify-content:space-between; gap:12px; font-size:14px; color:#4b5563; }
.bb-co-summary dd { margin:0; font-weight:600; color:#111827; }
.bb-co-summary .bb-co-total { margin-top:4px; padding-top:8px; border-top:1px solid #e5eaee; font-size:15px; color:#111827; font-weight:600; }
.bb-co-summary .bb-co-total dd { font-size:18px; color:var(--p-deep,#08785b); }
.bb-co-form { display:flex; flex-direction:column; gap:12px; }
.bb-co-form label { display:flex; flex-direction:column; gap:5px; font-size:13px; font-weight:600; color:#374151; }
.bb-co-form input { width:100%; height:44px; padding:0 12px; border:1px solid #d1d9e0; border-radius:10px; font-size:15px; color:#111827; background:#fff; }
.bb-co-form input:focus { outline:2px solid #08aa80; outline-offset:0; border-color:#08aa80; }
.bb-co-tel { display:flex; align-items:stretch; }
.bb-co-tel b { display:inline-flex; align-items:center; padding:0 12px; border:1px solid #d1d9e0; border-right:0; border-radius:10px 0 0 10px; background:#f6f8fa; color:#374151; font-weight:600; font-size:14px; }
.bb-co-tel input { border-radius:0 10px 10px 0; }
.bb-co-form small { font-weight:400; color:#6b7280; font-size:12px; }
.bb-co-hp { position:absolute !important; left:-9999px !important; width:1px !important; height:1px !important; opacity:0; }
.bb-co-error { margin:0; padding:10px 12px; border-radius:10px; background:#fef2f2; color:#b91c1c; font-size:13px; }
.bb-co-pay { height:48px; border:0; border-radius:12px; background:var(--p-action,#08aa80); color:#fff; font-size:15px; font-weight:600; cursor:pointer; box-shadow:0 10px 22px -12px #079470; }
.bb-co-pay:hover { background:var(--p-action-hover,#079b74); }
.bb-co-pay:disabled { opacity:.7; cursor:wait; }
.bb-co-note { margin:0; font-size:12px; line-height:1.5; color:#6b7280; text-align:center; }
.bb-co-note a { color:var(--p-deep,#08785b); text-decoration:underline; }


.bb-refined .bb-pricing-currency { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:10px; }
.bb-refined .bb-billing-toggle [role="tab"] { display:inline-flex; align-items:center; justify-content:center; gap:7px; border:0; background:none; cursor:pointer; padding:0 14px; font-family:inherit; font-size:12px; }
.bb-refined .bb-billing-save { font-size:10px; font-weight:700; line-height:1; padding:4px 7px; border-radius:999px; background:var(--p-mint-2); color:var(--p-deep); }
.bb-refined .bb-billing-toggle [aria-selected="true"] .bb-billing-save { background:#5fe0b4; color:var(--p-forest); }
.bb-refined .bb-wc-cycle-hint { display:inline-block; margin-top:8px; font-size:11.5px; font-weight:600; color:var(--p-deep); }
.bb-refined.bb-cycle-monthly .bb-plan-discount { display:none !important; }


.bb-refined .bb-yt-source { display:none !important; }

/* feature-refinements.css */
.bb-refined.bb-content-page .bb-fp-main { padding-top:60px; background:#fff; }
.bb-refined.bb-content-page .bb-fp-main :is(h1,h2,h3) { font-family:var(--p-head)!important; letter-spacing:-.028em; }
.bb-refined.bb-content-page .bb-fp-section { padding-block:40px; }
.bb-refined.bb-content-page .bb-page-container { max-width:1200px; }
.bb-refined.bb-content-page .bb-fp-main h1 { font-size:40px; line-height:1.12; font-weight:800; letter-spacing:-.035em; margin-bottom:16px; }
.bb-refined.bb-content-page .bb-fp-main h2 { font-size:28px; line-height:1.2; font-weight:700; color:var(--p-ink); }
.bb-refined.bb-content-page .bb-fp-main :is(h1,h2) [class*="bg-clip-text"] { background:none; color:var(--p-action); -webkit-text-fill-color:var(--p-action); }
.bb-refined.bb-content-page .bb-fp-heading { margin:0 auto 24px; max-width:760px; }
.bb-refined.bb-content-page .bb-fp-heading h2 { margin-bottom:9px; }
.bb-refined.bb-content-page .bb-fp-heading > p { font-size:14px; line-height:1.6; color:var(--p-text); }


.bb-refined.bb-content-page .bb-fp-hero { padding-top:32px; padding-bottom:38px; border-bottom:1px solid var(--p-line); background-color:#fff; background-image:radial-gradient(65% 90% at 50% 0%,#dff4e9 0%,#f0faf5 45%,#fff0 85%),radial-gradient(#d6e8df .8px,transparent 1px); background-size:100% 100%,22px 22px; }
.bb-refined.bb-content-page .bb-fp-hero nav[aria-label="Breadcrumb"] { font-size:12px; margin-bottom:24px; }
.bb-refined.bb-content-page .bb-fp-hero nav[aria-label="Breadcrumb"] a { color:var(--p-muted); }
.bb-refined.bb-content-page .bb-fp-hero nav[aria-label="Breadcrumb"] [aria-current="page"] { color:var(--p-deep); }
.bb-refined.bb-content-page .bb-fp-hero-layout { gap:36px; align-items:center; }
.bb-refined.bb-content-page .bb-fp-copy { min-width:0; }
.bb-refined.bb-content-page .bb-fp-copy > p { font-size:15px; line-height:1.65; color:var(--p-text); max-width:700px; margin-bottom:20px; }
.bb-refined.bb-content-page .bb-fp-copy > p.font-semibold { font-size:16px; font-weight:600; line-height:1.5; color:var(--p-deep); margin-bottom:13px; }
.bb-refined.bb-content-page .bb-fp-copy > .bb-fp-eyebrow { display:inline-flex; align-items:center; gap:7px; padding:5px 11px 5px 8px; margin-bottom:16px; border:1px solid var(--p-line-2); border-radius:999px; background:#ffffffeb; color:var(--p-deep); font-size:11.5px; font-weight:600; line-height:1.5; box-shadow:0 1px 2px #0b1f1a08; }
.bb-refined.bb-content-page .bb-fp-copy > .bb-fp-eyebrow > svg { display:none; }
.bb-refined.bb-content-page .bb-fp-copy > .bb-fp-eyebrow::before { content:""; width:19px; height:19px; flex:0 0 19px; background:var(--bb-glyph) center/19px no-repeat; }
.bb-refined.bb-content-page .bb-fp-copy > div.inline-flex.bg-gray-900 { padding:10px 16px; margin-bottom:22px; border:1px solid var(--p-line-2); border-radius:12px; background:#fff; box-shadow:0 1px 2px #0b1f1a08; }
.bb-refined.bb-content-page .bb-fp-copy > div.inline-flex.bg-gray-900 :is(span,p) { color:var(--p-ink); }
.bb-refined.bb-content-page .bb-fp-copy > div.inline-flex.bg-gray-900 span.text-2xl { color:var(--p-deep); font-family:var(--p-head); font-size:23px; font-weight:800; }
.bb-refined.bb-content-page .bb-fp-copy a:is([href*="/register"],[href="/demo"]) { min-height:44px; padding:11px 20px; border-radius:11px; font-size:14px; font-weight:600; }
.bb-refined.bb-content-page .bb-fp-copy a[href="/demo"] { border:1px solid var(--p-line-2); background:#fff; color:var(--p-deep); }
.bb-refined.bb-content-page .bb-fp-copy a[href="/demo"]:hover { background:var(--p-mint-2); }
.bb-refined.bb-content-page .bb-fp-visual > .absolute[class*="blur-"] { display:none; }
.bb-refined.bb-content-page .bb-fp-visual > .relative { border:1px solid var(--p-line-2); border-radius:18px; box-shadow:0 20px 48px -30px #066b5466; }
.bb-refined.bb-content-page .bb-fp-visual img { display:block; border-radius:11px; }
.bb-refined.bb-content-page[data-bb-feature="overview"] .bb-fp-copy { max-width:820px; margin-inline:auto; }
.bb-refined.bb-content-page[data-bb-feature="overview"] .bb-fp-copy > p { max-width:670px; margin-inline:auto; }
.bb-refined.bb-content-page[data-bb-feature="coexistence"] .bb-fp-copy { max-width:820px; margin-inline:auto; }
.bb-refined.bb-content-page .bb-fp-main .text-white > p { color:inherit; }
.bb-refined.bb-content-page[data-bb-feature="coexistence"] .bb-fp-hero [class*="from-[#08aa80]"] { background-image:linear-gradient(145deg,var(--p-action),var(--p-action-hover)); }
.bb-refined.bb-content-page[data-bb-feature="coexistence"] .bb-fp-hero .text-center.text-white > p { font-size:16px; line-height:1.35; }
.bb-refined.bb-content-page[data-bb-feature="coexistence"] .bb-fp-hero .text-center.text-white > p[class*="text-[9px]"] { font-size:10px; }


.bb-refined.bb-content-page .bb-fp-catalog { gap:16px; }
.bb-refined.bb-content-page .bb-fp-catalog > *,.bb-refined.bb-content-page .bb-fp-catalog-card { height:100%; }
.bb-refined.bb-content-page .bb-fp-catalog-card { display:flex; flex-direction:column; padding:22px; border:1px solid var(--p-line); border-radius:16px; background:#fff; box-shadow:0 1px 2px #0b1f1a06; transition:border-color .18s,box-shadow .18s; }
.bb-refined.bb-content-page .bb-fp-catalog-card:hover { border-color:var(--p-line-2); box-shadow:var(--p-shadow); transform:none; }
.bb-refined.bb-content-page .bb-fp-catalog-card:focus-visible { outline:2px solid var(--p-action); outline-offset:3px; }
.bb-refined.bb-content-page .bb-fp-catalog-card > .bb-icon-tile { width:40px; height:40px; border-radius:11px; background:var(--p-mint); border-color:var(--p-line-2); margin-bottom:16px; }
.bb-refined.bb-content-page .bb-fp-catalog-card h3 { font-size:17px; font-weight:700; margin-bottom:9px; }
.bb-refined.bb-content-page .bb-fp-catalog-card p { color:var(--p-text); font-size:13.5px; line-height:1.6; margin-bottom:18px; }
.bb-refined.bb-content-page .bb-fp-catalog-card > :last-child { margin-top:auto; color:var(--p-action); font-size:12px; font-weight:600; }
.bb-refined.bb-content-page .bb-fp-tutorials { background:#f6faf8; border-block:1px solid #e9f0ec; }
.bb-refined.bb-content-page .bb-fp-tutorials .grid { gap:20px; }
.bb-refined.bb-content-page .bb-fp-tutorial-card { padding:0; overflow:hidden; border:1px solid var(--p-line); border-radius:18px; background:#fff; box-shadow:0 1px 2px #0b1f1a06; }
.bb-refined.bb-content-page .bb-fp-tutorial-card > a { border-radius:0; }
.bb-refined.bb-content-page .bb-fp-tutorial-card > div { padding:18px 20px; }
.bb-refined.bb-content-page .bb-fp-tutorial-card h3 { font-size:17px; font-weight:700; }
.bb-refined.bb-content-page .bb-fp-tutorial-card p { font-size:13px; line-height:1.6; color:var(--p-text); }
.bb-refined.bb-content-page .bb-fp-capabilities > .bb-page-container > h2 { text-align:center; margin-bottom:24px; }
.bb-refined.bb-content-page .bb-fp-capabilities .grid { gap:10px; }
.bb-refined.bb-content-page .bb-fp-capability { padding:13px 16px; border:1px solid var(--p-line); border-radius:12px; background:#fbfdfc; font-size:13px; color:var(--p-text); }
.bb-refined.bb-content-page .bb-fp-capability svg { color:var(--p-action); width:17px; height:17px; }


.bb-refined.bb-content-page .bb-fp-row { gap:42px; }
.bb-refined.bb-content-page .bb-fp-row-copy { max-width:540px; }
.bb-refined.bb-content-page .bb-fp-row-copy > h2 { margin-bottom:14px; }
.bb-refined.bb-content-page .bb-fp-row-copy > p { font-size:14px; line-height:1.7; color:var(--p-text); margin-bottom:18px; }
.bb-refined.bb-content-page .bb-fp-row-copy > :is(div,span).inline-flex { margin-bottom:13px; padding:5px 10px; border:1px solid var(--p-line-2); border-radius:999px; background:var(--p-mint); color:var(--p-deep); font-size:11px; font-weight:600; }
.bb-refined.bb-content-page .bb-fp-row-copy > a[href*="/register"] { min-height:44px; padding:10px 18px; border:1px solid var(--p-line-2); border-radius:11px; background:#fff; color:var(--p-deep); font-size:13.5px; box-shadow:none; }
.bb-refined.bb-content-page .bb-fp-row-copy > a[href*="/register"]:hover { background:var(--p-action); border-color:var(--p-action); color:#fff; }
.bb-refined.bb-content-page .bb-fp-row-copy li { font-size:13px; line-height:1.6; color:#334d42; }
.bb-refined.bb-content-page .bb-fp-row-copy li > svg { color:var(--p-action); }
.bb-refined.bb-content-page .bb-fp-row-visual { min-width:0; }
.bb-refined.bb-content-page .bb-fp-row-visual > div { border-radius:18px; border-color:var(--p-line-2); box-shadow:0 15px 35px -25px #066b5440; }
.bb-refined.bb-content-page .bb-fp-row-visual > div[class*="bg-gradient"] { background-color:var(--p-mint); background-image:radial-gradient(#d1e7dc .8px,transparent 1px); background-size:20px 20px; }
.bb-refined.bb-content-page .bb-fp-row-visual img { border-radius:12px; }
.bb-refined.bb-content-page .bb-dark-section { background:var(--p-forest); background-image:radial-gradient(#ffffff0d 1px,transparent 1.2px); background-size:22px 22px; }
.bb-refined.bb-content-page :is(.bb-dark-section,.bb-page-card-dark) :is(h2,h3) { color:#fff; }
.bb-refined.bb-content-page .bb-dark-section .bb-fp-heading > p { color:#b5d4c7; }
.bb-refined.bb-content-page .bb-dark-section iframe { border-radius:14px; }


.bb-refined.bb-content-page .bb-fp-benefits { background:#f6faf8; border-block:1px solid #e9f0ec; }
.bb-refined.bb-content-page .bb-fp-benefits .grid { gap:14px; }
.bb-refined.bb-content-page .bb-fp-benefits .bb-page-card { padding:20px; border-radius:14px; border-color:var(--p-line); box-shadow:0 1px 2px #0b1f1a06; }
.bb-refined.bb-content-page .bb-fp-benefits .bb-page-card h3 { font-size:16px; font-weight:700; }
.bb-refined.bb-content-page .bb-fp-benefits .bb-page-card p { font-size:13px; line-height:1.6; color:var(--p-text); }
.bb-refined.bb-content-page .bb-fp-benefits .bb-page-card > div:first-child { background:var(--p-mint); border:1px solid var(--p-line-2); border-radius:10px; }
.bb-refined.bb-content-page .bb-fp-use-cases .flex.flex-wrap { gap:10px; }
.bb-refined.bb-content-page .bb-fp-use-cases .flex.flex-wrap > span { max-width:100%; padding:9px 15px; border:1px solid var(--p-line-2); border-radius:999px; background:#fbfdfc; color:#385748; font-size:13px; line-height:1.5; }
.bb-refined.bb-content-page .bb-fp-apps { background:var(--p-forest); background-image:radial-gradient(#ffffff0d 1px,transparent 1.2px); background-size:22px 22px; }
.bb-refined.bb-content-page .bb-fp-apps h2 { color:#fff; }
.bb-refined.bb-content-page .bb-fp-apps h2 [class*="bg-clip-text"] { color:#5fe0b4; -webkit-text-fill-color:#5fe0b4; }
.bb-refined.bb-content-page .bb-fp-apps .bb-fp-heading > .inline-flex { background:#ffffff10; border-color:#ffffff26; color:#c4e6d9; }
.bb-refined.bb-content-page .bb-fp-apps button { padding:7px 14px; border:1px solid #ffffff30; border-radius:999px; background:transparent; color:#d5eddf; font-size:12px; font-weight:500; }
.bb-refined.bb-content-page .bb-fp-apps button[class~="bg-[#08aa80]"] { background:#5fe0b4; border-color:#5fe0b4; color:#052a20; font-weight:600; }
.bb-refined.bb-content-page .bb-fp-apps .bb-fp-heading > p { color:#b5d4c7; }
.bb-refined.bb-content-page .bb-fp-app-grid { gap:10px; }
.bb-refined.bb-content-page .bb-fp-app-tile { padding:14px; border:1px solid #dce9e2; border-radius:13px; background:#fff; box-shadow:none; }
.bb-refined.bb-content-page .bb-fp-app-tile:hover { transform:translateY(-2px); box-shadow:0 8px 16px #0002; }
.bb-refined.bb-content-page .bb-fp-app-tile img { width:34px; height:34px; }
.bb-refined.bb-content-page .bb-fp-app-tile span { color:#385748; font-size:11px; }
.bb-refined.bb-content-page .bb-fp-quote { padding-block:18px; background:#fff; }
.bb-refined.bb-content-page .bb-fp-quote > .bb-page-container { max-width:1000px; padding:26px 30px; border:1px solid var(--p-line-2); border-radius:18px; background:var(--p-mint); }
.bb-refined.bb-content-page .bb-fp-quote blockquote { color:var(--p-ink); font:600 19px/1.6 var(--p-head); letter-spacing:-.015em; margin-bottom:0; }
.bb-refined.bb-content-page .bb-fp-quote svg { color:var(--p-action); fill:var(--p-action); width:18px; height:18px; }
.bb-refined.bb-content-page .bb-fp-quote .flex.justify-center { margin-bottom:14px; }


.bb-refined.bb-content-page .bb-fp-closing { padding:24px 24px 44px; background:#fff; }
.bb-refined.bb-content-page .bb-fp-closing > .bb-page-container { max-width:1100px; padding:40px 32px; border-radius:20px; background-color:var(--p-forest); background-image:radial-gradient(#ffffff12 1px,transparent 1.2px),radial-gradient(60% 90% at 50% 0%,#08aa8030,transparent 70%); background-size:22px 22px,100% 100%; }
.bb-refined.bb-content-page .bb-fp-closing h2 { color:#fff; font-size:30px; margin-bottom:12px; }
.bb-refined.bb-content-page .bb-fp-closing p { color:#b5d4c7; font-size:14px; margin-bottom:20px; }
.bb-refined.bb-content-page .bb-fp-closing a { min-height:44px; padding:11px 22px; border-radius:11px; font-size:14px; font-weight:600; }
.bb-refined.bb-content-page .bb-fp-closing a[href*="/register"] { background:#fff; border-color:#fff; color:var(--p-forest); box-shadow:none; }
.bb-refined.bb-content-page .bb-fp-closing a[href*="/register"]:hover { background:#e8fbf3; border-color:#e8fbf3; }
.bb-refined.bb-content-page .bb-fp-closing a:not([href*="/register"]) { background:transparent; border:1px solid #ffffff50; color:#fff; }
.bb-refined.bb-content-page .bb-fp-closing a:not([href*="/register"]):hover { background:#ffffff12; }
.bb-refined.bb-content-page .bb-fp-closing .flex.mb-8 { margin-bottom:18px; }
.bb-refined.bb-content-page .bb-fp-closing > .bb-page-container > p:last-child { margin-bottom:0; font-size:12px; }

@media(max-width:1023px) {
 .bb-refined.bb-content-page .bb-fp-hero-layout,.bb-refined.bb-content-page .bb-fp-row { gap:26px; }
 .bb-refined.bb-content-page .bb-fp-main h1 { font-size:34px; }
 .bb-refined.bb-content-page .bb-fp-main h2 { font-size:26px; }
 .bb-refined.bb-content-page .bb-fp-row-copy { max-width:none; }
 .bb-refined.bb-content-page .bb-fp-visual { max-width:760px; width:100%; margin-inline:auto; }
}
@media(max-width:639px) {
 .bb-refined.bb-content-page .bb-fp-section { padding-block:30px; }
 .bb-refined.bb-content-page .bb-fp-hero { padding-top:22px; padding-bottom:28px; }
 .bb-refined.bb-content-page .bb-fp-main h1 { font-size:28px; line-height:1.16; letter-spacing:-.03em; }
 .bb-refined.bb-content-page .bb-fp-main h2 { font-size:23px; }
 .bb-refined.bb-content-page .bb-fp-copy > p { font-size:14px; }
 .bb-refined.bb-content-page .bb-fp-copy > p.font-semibold { font-size:15px; }
 .bb-refined.bb-content-page .bb-fp-heading { margin-bottom:20px; }
 .bb-refined.bb-content-page .bb-fp-heading > p { font-size:13px; }
 .bb-refined.bb-content-page .bb-fp-catalog { gap:12px; }
 .bb-refined.bb-content-page .bb-fp-catalog-card { padding:19px; }
 .bb-refined.bb-content-page .bb-fp-catalog-card p { margin-bottom:14px; }
 .bb-refined.bb-content-page .bb-fp-row { gap:22px; }
 .bb-refined.bb-content-page .bb-fp-row-copy > p { font-size:13.5px; }
 .bb-refined.bb-content-page .bb-fp-benefits .bb-page-card { padding:18px; }
 .bb-refined.bb-content-page .bb-fp-quote { padding:12px 16px; }
 .bb-refined.bb-content-page .bb-fp-quote > .bb-page-container { padding:22px 20px; }
 .bb-refined.bb-content-page .bb-fp-quote blockquote { font-size:16px; }
 .bb-refined.bb-content-page .bb-fp-closing { padding:18px 16px 32px; }
 .bb-refined.bb-content-page .bb-fp-closing > .bb-page-container { padding:30px 20px; border-radius:18px; }
 .bb-refined.bb-content-page .bb-fp-closing h2 { font-size:25px; }
 .bb-refined.bb-content-page .bb-fp-closing .flex { gap:10px; }
 .bb-refined.bb-content-page .bb-fp-closing .flex.items-center { flex-wrap:wrap; }
}

/* resource-refinements.css */
.bb-refined:is(.bb-solution-page,.bb-resource-page) .bb-fp-section { padding-block:38px; }
.bb-refined:is(.bb-solution-page,.bb-resource-page) .bb-page-container { max-width:1200px; margin-inline:auto; padding-inline:24px; }
.bb-refined:is(.bb-solution-page,.bb-resource-page) .bb-fp-hero { padding-block:32px 38px; }
.bb-refined:is(.bb-solution-page,.bb-resource-page) .bb-fp-hero > .absolute { display:none; }
.bb-refined:is(.bb-solution-page,.bb-resource-page) .bb-fp-hero .bb-page-container { padding-block:0; }
.bb-refined:is(.bb-solution-page,.bb-resource-page) .bb-fp-copy h1 { color:var(--p-ink); font-size:40px; line-height:1.15; }
.bb-refined:is(.bb-solution-page,.bb-resource-page) .bb-fp-copy > p { font-size:15px; line-height:1.65; }
.bb-refined:is(.bb-solution-page,.bb-resource-page) .bb-fp-copy > .bb-rp-badge { font-size:0; }
.bb-refined:is(.bb-solution-page,.bb-resource-page) .bb-rp-badge::after { content:attr(data-bb-label); font-size:11.5px; line-height:1.5; }
.bb-refined:is(.bb-solution-page,.bb-resource-page) .bb-fp-heading > .inline-flex { border:1px solid var(--p-line-2); border-radius:999px; background:var(--p-mint); color:var(--p-deep); font-size:11px; padding:5px 11px; margin-bottom:12px; }
.bb-refined:is(.bb-solution-page,.bb-resource-page) .bb-fp-heading > p:first-child:not(:last-child) { font-size:11px; font-weight:600; letter-spacing:.06em; color:var(--p-deep); }
.bb-refined:is(.bb-solution-page,.bb-resource-page) .bb-page-card { border-color:var(--p-line); border-radius:15px; padding:21px; box-shadow:0 1px 2px #0b1f1a06; }
.bb-refined:is(.bb-solution-page,.bb-resource-page) .bb-page-card:hover { border-color:var(--p-line-2); box-shadow:0 8px 24px -16px #066b5440; transform:translateY(-2px); }
.bb-refined:is(.bb-solution-page,.bb-resource-page) .bb-page-card h3 { font-size:17px; line-height:1.4; margin-bottom:10px; }
.bb-refined:is(.bb-solution-page,.bb-resource-page) .bb-page-card p { font-size:13px; line-height:1.65; }
.bb-refined:is(.bb-solution-page,.bb-resource-page) .bb-page-section .grid { gap:16px; }
.bb-refined:is(.bb-solution-page,.bb-resource-page) .bb-rp-panel { border-radius:18px; border:1px solid #ffffff1a; background:var(--p-forest); background-image:radial-gradient(#ffffff0d .8px,transparent 1px); background-size:22px 22px; padding:32px; box-shadow:none; color:#fff; }
.bb-refined:is(.bb-solution-page,.bb-resource-page) .bb-rp-panel :is(h2,h3) { color:#fff; }
.bb-refined:is(.bb-solution-page,.bb-resource-page) .bb-rp-panel p { color:#bfdace; }
.bb-refined:is(.bb-solution-page,.bb-resource-page) .bb-rp-panel > .absolute { display:none; }
.bb-refined:is(.bb-solution-page,.bb-resource-page) .bb-rp-panel :is(a,button).bg-white { background:#fff; color:var(--p-deep); border:1px solid #fff; }
.bb-refined:is(.bb-solution-page,.bb-resource-page) :is(a,button):focus-visible { outline:3px solid #40bc94; outline-offset:4px; }
.bb-refined:is(.bb-solution-page,.bb-resource-page) .bb-data-scroll { max-width:100%; border:1px solid var(--p-line); border-radius:15px; background:#fff; }
.bb-refined:is(.bb-solution-page,.bb-resource-page) table { font-size:12px; }
.bb-refined:is(.bb-solution-page,.bb-resource-page) th { padding:14px 18px; font-size:11px; background:#f1f8f4; color:#3f5d4f; }
.bb-refined:is(.bb-solution-page,.bb-resource-page) td { padding:13px 18px; border-color:var(--p-line); color:var(--p-text); }
.bb-refined:is(.bb-solution-page,.bb-resource-page) input { border-color:var(--p-line-2); border-radius:11px; box-shadow:0 1px 2px #0b1f1a05; font-size:13px; }
.bb-refined:is(.bb-solution-page,.bb-resource-page) input:focus { border-color:var(--p-action); box-shadow:0 0 0 3px #08aa801a; }
.bb-refined:is(.bb-solution-page,.bb-resource-page) .bb-rp-faq h2 { text-align:center; margin-bottom:22px; }
.bb-refined:is(.bb-solution-page,.bb-resource-page) .bb-rp-faq button { font:600 14px/1.5 var(--p-head); color:var(--p-ink); padding-block:17px; }
.bb-refined:is(.bb-solution-page,.bb-resource-page) .bb-rp-faq button[aria-expanded="true"] { color:var(--p-deep); }
.bb-refined:is(.bb-solution-page,.bb-resource-page) .bb-rp-faq button + div { font-size:13px; }


.bb-refined.bb-solution-page .sol-container { width:100%; }
.bb-refined.bb-solution-page .sol-hero-split { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:52px; align-items:center; }
.bb-refined.bb-solution-page .sol-hero-left { min-width:0; width:100%; max-width:none; }
.bb-refined.bb-solution-page .sol-hero-left > .flex { gap:12px; margin-bottom:20px; }
.bb-refined.bb-solution-page .sol-hero-left > .flex:last-child { gap:8px 18px; margin-bottom:0; font-size:11px; }
.bb-refined.bb-solution-page .sol-hero-right { position:relative; width:100%; max-width:400px; margin-inline:auto; padding:14px; }
.bb-refined.bb-solution-page .sol-phone-frame { width:100%; border:6px solid #183e35; border-radius:28px; box-shadow:0 18px 45px -28px #066b5470; }
.bb-refined.bb-solution-page .sol-phone-header { padding:13px; background:var(--p-forest); }
.bb-refined.bb-solution-page .sol-phone-body { height:410px; min-height:0; padding:14px; gap:10px; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#bdcfc4 transparent; }
.bb-refined.bb-solution-page .sol-phone-body > * { flex-shrink:0; }
.bb-refined.bb-solution-page .sol-float-pill { padding:10px 12px; border:1px solid var(--p-line-2); border-radius:12px; box-shadow:0 6px 20px -12px #066b5440; }
.bb-refined.bb-solution-page .sol-float-pill > span { font-size:0; }
.bb-refined.bb-solution-page .sol-float-pill > span::after { content:'↗'; display:block; font:600 22px/1 var(--p-head); color:var(--p-action); }
.bb-refined.bb-solution-page .bb-rp-metrics { padding-block:23px; }
.bb-refined.bb-solution-page .bb-rp-metrics .grid { gap:0; }
.bb-refined.bb-solution-page .bb-rp-metrics .grid > div { padding:0 20px; border:0; border-right:1px solid var(--p-line); border-radius:0; background:transparent; box-shadow:none; }
.bb-refined.bb-solution-page .bb-rp-metrics .grid > div:last-child { border:0; }
.bb-refined.bb-solution-page .bb-rp-metrics .grid > div > div:first-child { font:800 28px/1.3 var(--p-head); color:var(--p-deep); }
.bb-refined.bb-solution-page .bb-rp-metrics p { font-size:11px; }
.bb-refined.bb-solution-page .bb-rp-card { display:flex; flex-direction:column; justify-content:space-between; padding:22px; border:1px solid var(--p-line); border-radius:16px; background:#fff; box-shadow:0 1px 2px #0b1f1a05; }
.bb-refined.bb-solution-page .bb-rp-card h3 { font-size:17px; line-height:1.4; margin-bottom:10px; color:var(--p-ink); }
.bb-refined.bb-solution-page .bb-rp-card p { font-size:13px; line-height:1.65; margin-bottom:18px; }
.bb-refined.bb-solution-page .bb-rp-card .bb-icon-tile { display:block; width:40px; height:40px; font-size:0; }
.bb-refined.bb-solution-page .bb-rp-card .bb-icon-tile::after { inset:8px; }
.bb-refined.bb-solution-page .bb-rp-card > div > .flex > span:last-child { font-size:10px; background:var(--p-mint); color:var(--p-deep); font-weight:500; }
.bb-refined.bb-solution-page .bb-rp-steps .grid > div { border:1px solid var(--p-line); border-radius:15px; padding:22px; background:#fff; }
.bb-refined.bb-solution-page .bb-rp-steps h3 { font-size:17px; line-height:1.45; }
.bb-refined.bb-solution-page .bb-rp-steps p { font-size:13px; }
.bb-refined.bb-solution-page .bb-rp-faq > .bb-page-container { max-width:850px; }
.bb-refined.bb-solution-page .bb-rp-faq .space-y-4 > div { border:1px solid var(--p-line); border-radius:12px; box-shadow:none; }
.bb-refined.bb-solution-page .bb-rp-faq button { padding-inline:20px; }
.bb-refined.bb-solution-page .bb-fp-closing { padding:22px 24px 40px; }


.bb-refined.bb-resource-page[data-bb-resource="blog"] .bb-fp-copy { max-width:850px; }
.bb-refined.bb-resource-page[data-bb-resource="blog"] .bb-fp-copy > p { margin-inline:auto; margin-bottom:20px; }
.bb-refined.bb-resource-page[data-bb-resource="blog"] .bb-fp-copy > .max-w-xl { margin-bottom:18px; }
.bb-refined.bb-resource-page[data-bb-resource="blog"] .bb-fp-hero button { padding:8px 13px; border:1px solid var(--p-line); border-radius:999px; color:var(--p-text); font-size:12px; background:#fff; }
.bb-refined.bb-resource-page[data-bb-resource="blog"] .bb-fp-hero button[aria-pressed="true"] { background:var(--p-action); border-color:var(--p-action); color:#fff; }
.bb-refined.bb-resource-page[data-bb-resource="blog"] .bb-fp-section:nth-of-type(2) { padding-inline:24px; }
.bb-refined.bb-resource-page .bb-rp-featured { border:1px solid var(--p-line); border-radius:18px; overflow:hidden; box-shadow:0 2px 5px #0b1f1a04; }
.bb-refined.bb-resource-page .bb-rp-featured h2 { font-size:27px; line-height:1.3; }
.bb-refined.bb-resource-page .blog-featured-img-wrap { padding:0; background:var(--p-mint); }
.bb-refined.bb-resource-page .blog-featured-img-wrap img { width:100%; height:100%; object-fit:contain!important; }
.bb-refined.bb-resource-page .bb-rp-post { overflow:hidden; border:1px solid var(--p-line); border-radius:15px; padding:0; box-shadow:0 1px 2px #0b1f1a06; }
.bb-refined.bb-resource-page .bb-rp-post > div:last-child { padding:19px; }
.bb-refined.bb-resource-page .bb-rp-post img { aspect-ratio:16/9; object-fit:cover; }
.bb-refined.bb-resource-page .bb-rp-post h3 { font-size:17px; line-height:1.45; }
.bb-refined.bb-resource-page .bb-rp-post p { font-size:13px; line-height:1.65; }
.bb-refined.bb-resource-page[data-bb-resource="changelog"] .bb-page-container { max-width:1050px; }
.bb-refined.bb-resource-page .bb-rp-filterbar { padding-block:0; top:60px; box-shadow:0 4px 10px #0b1f1a04; }
.bb-refined.bb-resource-page .bb-rp-filterbar .bb-page-container { padding-block:14px; }
.bb-refined.bb-resource-page .bb-rp-filterbar button { min-height:38px; border-radius:10px; font-size:12px; padding:8px 14px; }
.bb-refined.bb-resource-page .bb-rp-filterbar button[aria-pressed="true"] { background:var(--p-action); color:#fff; border-color:var(--p-action); }
.bb-refined.bb-resource-page .bb-rp-release { border-color:var(--p-line); border-radius:14px; box-shadow:0 1px 2px #0b1f1a04; }
.bb-refined.bb-resource-page .bb-rp-release h3 { font:600 10px/1.5 var(--p-head); letter-spacing:.05em; }
.bb-refined.bb-resource-page .bb-rp-release li { font-size:13px; line-height:1.65; }
.bb-refined.bb-resource-page[data-bb-resource="onboarding"] .bb-fp-hero-layout { gap:36px; }
.bb-refined.bb-resource-page .bb-rp-progress > div { border:1px solid var(--p-line-2); border-radius:17px; background:#fff; box-shadow:0 16px 36px -28px #066b5466; }
.bb-refined.bb-resource-page .bb-rp-progress h2 { font-size:23px; }
.bb-refined.bb-resource-page[data-bb-resource="onboarding"] .bb-fp-copy a { min-height:44px; padding:11px 20px; border-radius:11px; font-size:14px; }
.bb-refined.bb-resource-page .bb-page-card > .absolute[class*="blur-"] { display:none; }
.bb-refined.bb-resource-page .bb-rp-playbook { background:#f5faf7; border-block:1px solid var(--p-line); scroll-margin-top:76px; }
.bb-refined.bb-resource-page .bb-rp-playbook .grid { grid-template-columns:300px minmax(0,1fr); gap:22px; }
.bb-refined.bb-resource-page .bb-rp-guide-column { min-width:0; }
.bb-refined.bb-resource-page .bb-rp-playbook button { border-radius:11px; }
.bb-refined.bb-resource-page .bb-rp-playbook h3 { font-size:20px; line-height:1.4; }
.bb-refined.bb-resource-page .bb-rp-playbook p { font-size:13px; }
.bb-refined.bb-resource-page .bb-rp-playbook iframe { border-radius:12px; }
.bb-refined.bb-resource-page[data-bb-resource="meta-per-message-cost"] .bb-fp-section:nth-of-type(3) > .bb-page-container > div { border:1px solid var(--p-line); border-radius:17px; box-shadow:0 1px 3px #0b1f1a06; }
.bb-refined.bb-resource-page[data-bb-resource="meta-per-message-cost"] .bb-fp-section:nth-of-type(3) h2 { font-size:21px; }
.bb-refined.bb-resource-page[data-bb-resource="meta-per-message-cost"] .bb-data-scroll { border:0; border-radius:0; }
.bb-refined.bb-resource-page[data-bb-resource="meta-per-message-cost"] .bb-fp-section:last-child { padding-block:0 30px; }
.bb-refined.bb-resource-page .bb-rp-credit { padding:22px; border:1px solid var(--p-line); border-radius:16px; box-shadow:0 1px 2px #0b1f1a06; }
.bb-refined.bb-resource-page .bb-rp-credit h3 { font-size:20px; }
.bb-refined.bb-resource-page .bb-rp-credit a { min-height:42px; padding-block:10px; border-radius:10px; }
.bb-refined.bb-resource-page .bb-rp-credit:has(> .absolute) { border-color:var(--p-action); background:#fbfefc; }
.bb-refined.bb-resource-page .bb-rp-credit > .absolute { background:var(--p-action); color:#fff; }
.bb-refined.bb-resource-page[data-bb-resource="support"] .bb-fp-hero { background:#fff; border:0; }
.bb-refined.bb-resource-page[data-bb-resource="support"] .bb-fp-copy { max-width:750px; margin:0 auto 28px; padding:12px 0 0; }
.bb-refined.bb-resource-page[data-bb-resource="support"] .bb-fp-copy p { margin-inline:auto; }
.bb-refined.bb-resource-page[data-bb-resource="support"] .grid { margin-bottom:32px; }
.bb-refined.bb-resource-page[data-bb-resource="support"] .bb-page-card > .bb-icon-tile { margin-bottom:14px; }
.bb-refined.bb-resource-page[data-bb-resource="support"] .bb-page-container > .max-w-3xl { margin-bottom:32px; }
.bb-refined.bb-resource-page[data-bb-resource="support"] .bb-fp-hero h2 { font-size:25px; }


.bb-refined.bb-resource-page .bb-rp-article { max-width:920px; margin:0 auto; padding:30px 24px 10px; }
.bb-refined.bb-resource-page .bb-rp-article > nav { font-size:11px; margin-bottom:22px; }
.bb-refined.bb-resource-page .bb-rp-article > nav span:last-child { min-width:0; }
.bb-refined.bb-resource-page .bb-rp-article h1 { max-width:840px; font-size:38px; line-height:1.18; margin-bottom:14px; }
.bb-refined.bb-resource-page .bb-rp-article > p { font-size:16px; line-height:1.65; margin-bottom:22px; }
.bb-refined.bb-resource-page .bb-rp-article > .border-y { margin-bottom:26px; padding-block:15px; }
.bb-refined.bb-resource-page .bb-rp-cover { border:1px solid var(--p-line); border-radius:17px; margin-bottom:32px; box-shadow:none; }
.bb-refined.bb-resource-page .blog-content { max-width:760px; margin-inline:auto; font-size:15px; line-height:1.8; color:var(--p-text); }
.bb-refined.bb-resource-page .blog-content :is(p,li) { font-size:15px!important; line-height:1.8!important; color:var(--p-text); }
.bb-refined.bb-resource-page .blog-content h2 { margin:30px 0 14px!important; font-size:24px!important; line-height:1.35!important; color:var(--p-ink); }
.bb-refined.bb-resource-page .blog-content h3 { font-size:19px!important; line-height:1.4; }
.bb-refined.bb-resource-page .blog-content blockquote { padding:17px 21px!important; border-left:3px solid var(--p-action)!important; background:var(--p-mint)!important; border-radius:0 12px 12px 0; color:#274c3c; }
.bb-refined.bb-resource-page .blog-content a { color:var(--p-deep); text-decoration:underline; text-underline-offset:3px; }
.bb-refined.bb-resource-page .blog-content figure { margin-block:25px!important; }
.bb-refined.bb-resource-page .blog-content figure img { border-radius:13px; }
.bb-refined.bb-resource-page .blog-content table :is(th,td) { font-size:12px; line-height:1.6; }
.bb-refined.bb-resource-page .bb-rp-article .bb-rp-panel h3 { font-size:22px; line-height:1.35; }

@media(max-width:1023px) {
 .bb-refined.bb-solution-page .sol-hero-split { grid-template-columns:1fr 1fr; gap:24px; }
 .bb-refined:is(.bb-solution-page,.bb-resource-page) .bb-fp-copy h1 { font-size:34px; }
 .bb-refined.bb-resource-page .bb-rp-playbook .grid { grid-template-columns:250px minmax(0,1fr); }
 .bb-refined.bb-solution-page .bb-rp-metrics .grid > div { padding:10px 16px; }
 .bb-refined.bb-solution-page .bb-rp-metrics .grid > div:nth-child(2) { border:0; }
}
@media(max-width:767px) {
 .bb-refined.bb-solution-page .sol-hero-split { grid-template-columns:1fr; gap:28px; }
 .bb-refined.bb-solution-page .sol-hero-left { max-width:640px; }
 .bb-refined.bb-solution-page .sol-hero-right { max-width:370px; display:grid; grid-template-columns:1fr 1fr; gap:10px; }
 .bb-refined.bb-solution-page .sol-phone-frame { grid-column:1/-1; }
 .bb-refined.bb-solution-page .sol-float-pill { position:static; display:flex; min-width:0; padding:9px; box-shadow:none; }
 .bb-refined.bb-solution-page .sol-float-pill > span { display:none; }
 .bb-refined.bb-solution-page .sol-float-pill .text-xs { font-size:10px; }
 .bb-refined.bb-solution-page .sol-float-pill [class*="text-[10px]"] { font-size:9px; }
 .bb-refined.bb-resource-page .bb-rp-playbook .grid { grid-template-columns:1fr; }
 .bb-refined.bb-resource-page .bb-rp-playbook .bb-rp-guide-column:first-child { position:static; }
}
@media(max-width:639px) {
 .bb-refined:is(.bb-solution-page,.bb-resource-page) .bb-fp-section { padding-block:28px; }
 .bb-refined:is(.bb-solution-page,.bb-resource-page) .bb-page-container { padding-inline:16px; }
 .bb-refined:is(.bb-solution-page,.bb-resource-page) .bb-fp-hero { padding-block:24px 28px; }
 .bb-refined:is(.bb-solution-page,.bb-resource-page) .bb-fp-copy h1 { font-size:29px; }
 .bb-refined:is(.bb-solution-page,.bb-resource-page) .bb-fp-copy > p { font-size:14px; }
 .bb-refined:is(.bb-solution-page,.bb-resource-page) .bb-rp-card { padding:19px; }
 .bb-refined:is(.bb-solution-page,.bb-resource-page) .bb-rp-panel { padding:25px 20px; }
 .bb-refined:is(.bb-solution-page,.bb-resource-page) .bb-rp-faq button { font-size:13px; }
 .bb-refined.bb-solution-page .sol-hero-left > .bb-rp-badge::after { font-size:10px; }
 .bb-refined.bb-solution-page .sol-hero-left > .flex { align-items:stretch; }
 .bb-refined.bb-solution-page .sol-hero-left > .flex:last-child { align-items:center; gap:8px 12px; font-size:10px; }
 .bb-refined.bb-solution-page .sol-hero-right { padding:0; }
 .bb-refined.bb-solution-page .sol-phone-body { height:380px; }
 .bb-refined.bb-solution-page .bb-rp-metrics { padding-block:12px; }
 .bb-refined.bb-solution-page .bb-rp-metrics .grid > div { padding:10px; }
 .bb-refined.bb-solution-page .bb-rp-metrics .grid > div > div:first-child { font-size:25px; }
 .bb-refined.bb-solution-page .bb-fp-closing { padding:18px 16px 32px; }
 .bb-refined.bb-resource-page[data-bb-resource="blog"] .bb-fp-section:nth-of-type(2) { padding-inline:16px; }
 .bb-refined.bb-resource-page .bb-rp-featured h2 { font-size:23px; }
 .bb-refined.bb-resource-page .bb-rp-featured > .blog-featured-content { padding:20px; }
 .bb-refined.bb-resource-page .blog-featured-img-wrap { height:auto!important; aspect-ratio:16/9; }
 .bb-refined.bb-resource-page .bb-rp-filterbar { padding-block:0; }
 .bb-refined.bb-resource-page .bb-rp-filterbar button { padding:8px 11px; font-size:11px; }
 .bb-refined.bb-resource-page .bb-rp-article { padding:24px 16px 0; }
 .bb-refined.bb-resource-page .bb-rp-article h1 { font-size:28px; }
 .bb-refined.bb-resource-page .bb-rp-article > p { font-size:14px; }
 .bb-refined.bb-resource-page .blog-content :is(p,li) { font-size:14px!important; }
 .bb-refined.bb-resource-page .blog-content h2 { font-size:21px!important; }
}

/* feature-clarity.css */
.bb-fc-graphic,.bb-fc-image-steps { display:none; }
.bb-refined.bb-clean-features .bb-fc-source { display:none!important; }
.bb-refined.bb-clean-features .bb-fp-main { padding-top:60px; }
.bb-refined.bb-clean-features .bb-page-container { max-width:1160px; padding-inline:24px; }
.bb-refined.bb-clean-features .bb-fp-section { padding-block:38px; }
.bb-refined.bb-clean-features .bb-fp-hero { background:#f3faf6; background-image:linear-gradient(125deg,#f7fcf9,#edf8f1 75%,#f8fcfa); padding-block:27px 34px; border-color:#e1ede5; }
.bb-refined.bb-clean-features .bb-fp-main h1 { font-size:38px; line-height:1.15; letter-spacing:-.035em; }
.bb-refined.bb-clean-features .bb-fp-main h2 { font-size:27px; line-height:1.25; letter-spacing:-.025em; }
.bb-refined.bb-clean-features .bb-fp-hero-layout { gap:42px; grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
.bb-refined.bb-clean-features .bb-fp-copy > p { font-size:14px; line-height:1.75; margin-bottom:20px; }
.bb-refined.bb-clean-features .bb-fp-copy > p.font-semibold { font-size:16px; color:var(--p-deep); line-height:1.55; margin-bottom:12px; }
.bb-refined.bb-clean-features .bb-fp-hero nav[aria-label="Breadcrumb"] { margin-bottom:22px; font-size:11px; }
.bb-refined.bb-clean-features .bb-fp-copy > .bb-fp-eyebrow { background:#fff; border-radius:999px; padding:4px 10px 4px 7px; font-size:11px; margin-bottom:14px; box-shadow:none; }
.bb-refined.bb-clean-features .bb-fp-copy > div.inline-flex.bg-gray-900 { background:transparent; padding:0; border:0; border-radius:0; box-shadow:none; gap:10px; margin-bottom:20px; }
.bb-refined.bb-clean-features .bb-fp-copy > div.inline-flex.bg-gray-900 span.text-2xl { font-size:23px; }
.bb-refined.bb-clean-features .bb-fp-copy > div.inline-flex.bg-gray-900 span.text-sm { font-size:12px; color:var(--p-text); }
.bb-refined.bb-clean-features .bb-fp-section:has(.bb-fp-row) { border-bottom:1px solid #edf2ee; background:#fff; }
.bb-refined.bb-clean-features .bb-fp-row { gap:48px; align-items:center; }
.bb-refined.bb-clean-features .bb-fp-row-copy > h2 { margin-bottom:13px; }
.bb-refined.bb-clean-features .bb-fp-row-copy > p { font-size:14px; line-height:1.75; margin-bottom:17px; }
.bb-refined.bb-clean-features .bb-fp-row-copy > :is(div,span).inline-flex { padding:0; border:0; border-radius:0; background:transparent; color:var(--p-action); font-size:10px; font-weight:700; letter-spacing:.07em; margin-bottom:11px; }
.bb-refined.bb-clean-features .bb-fp-row-copy li { font-size:12.5px; line-height:1.65; }
.bb-refined.bb-clean-features .bb-fp-row-copy li > svg { width:16px; height:16px; margin-top:2px; }
.bb-refined.bb-clean-features .bb-fp-row-copy > .flex.flex-wrap { gap:6px 12px; margin-top:17px; }
.bb-refined.bb-clean-features .bb-fp-row-copy > .flex.flex-wrap > span { padding:0; background:none; border:0; color:#607368; font-size:10.5px; border-radius:0; }
.bb-refined.bb-clean-features .bb-fp-demo { background:#f7faf8; background-image:none; border-bottom:1px solid #e5eee8; }
.bb-refined.bb-clean-features .bb-fp-demo .bb-page-container { max-width:900px; }
.bb-refined.bb-clean-features .bb-fp-demo :is(h2,h3) { color:var(--p-ink); }
.bb-refined.bb-clean-features .bb-fp-demo .bb-fp-heading > p { color:var(--p-text); }
.bb-refined.bb-clean-features .bb-fp-demo iframe { border-radius:13px; }
.bb-refined.bb-clean-features .bb-fp-benefits { background:#f7faf8; border-color:#e6eee8; }
.bb-refined.bb-clean-features .bb-fp-benefits .bb-page-card { padding:18px; background:#fff; border-radius:12px; box-shadow:none; }
.bb-refined.bb-clean-features .bb-fp-benefits .bb-page-card h3 { font-size:15px; }
.bb-refined.bb-clean-features .bb-fp-benefits .bb-page-card p { font-size:12px; }
.bb-refined.bb-clean-features .bb-fp-use-cases .flex.flex-wrap > span { border-color:#e2eae4; padding:8px 13px; font-size:12px; background:#fff; }
.bb-refined.bb-clean-features .bb-fp-catalog { gap:16px; }
.bb-refined.bb-clean-features .bb-fp-catalog-card { padding:23px; border-radius:15px; box-shadow:0 1px 2px #0b1f1a03; }
.bb-refined.bb-clean-features .bb-fp-catalog-card:hover { transform:none; box-shadow:0 5px 18px -13px #0b1f1a30; }
.bb-refined.bb-clean-features .bb-fp-apps { background:#fff; background-image:none; border-bottom:1px solid #e5eee8; }
.bb-refined.bb-clean-features .bb-fp-apps h2 { color:var(--p-ink); }
.bb-refined.bb-clean-features .bb-fp-apps h2 [class*="bg-clip-text"] { color:var(--p-action); -webkit-text-fill-color:var(--p-action); }
.bb-refined.bb-clean-features .bb-fp-apps .bb-fp-heading > p { color:var(--p-text); }
.bb-refined.bb-clean-features .bb-fp-apps .bb-fp-heading > .inline-flex { border-color:#d6e8dd; background:#f1f8f3; color:var(--p-deep); }
.bb-refined.bb-clean-features .bb-fp-apps button { border-color:#dce7df; background:#fff; color:#526e5c; }
.bb-refined.bb-clean-features .bb-fp-apps button[aria-pressed="true"] { border-color:var(--p-action); background:var(--p-action); color:#fff; }
.bb-refined.bb-clean-features .bb-fp-app-tile { border-radius:11px; border-color:#e0e9e2; background:#fbfdfb; box-shadow:none; }
.bb-refined.bb-clean-features .bb-fp-app-tile:hover { transform:none; box-shadow:none; border-color:#bfdac8; }
.bb-refined.bb-clean-features .bb-fp-app-tile img { width:31px; height:31px; }
.bb-refined.bb-clean-features .bb-fp-quote > .bb-page-container { padding:22px 28px; border-radius:13px; background:#f7faf8; }
.bb-refined.bb-clean-features .bb-fp-quote blockquote { font-size:17px; font-weight:500; line-height:1.65; }
.bb-refined.bb-clean-features .bb-fp-quote .flex.justify-center { display:none; }
.bb-refined.bb-clean-features .bb-fp-closing { padding:22px 24px 38px; }
.bb-refined.bb-clean-features .bb-fp-closing > .bb-page-container { padding:32px; border-radius:17px; background-image:none; }
.bb-refined.bb-clean-features[data-bb-feature="coexistence"] .bb-fp-hero > .bb-page-container { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:24px 42px; }
.bb-refined.bb-clean-features[data-bb-feature="coexistence"] .bb-fp-hero > .bb-page-container > a { grid-column:1/-1; margin-bottom:0; }
.bb-refined.bb-clean-features[data-bb-feature="coexistence"] .bb-fp-copy { text-align:left; margin:0; }
.bb-refined.bb-clean-features[data-bb-feature="coexistence"] .bb-fp-copy > p { margin-inline:0; }
.bb-refined.bb-clean-features[data-bb-feature="coexistence"] .bb-fp-copy > .flex { justify-content:flex-start; margin-bottom:18px; }
.bb-refined.bb-clean-features[data-bb-feature="coexistence"] .bb-fp-copy > .flex:last-child { margin-bottom:0; }


.bb-refined.bb-clean-features .bb-fc-coded { display:block; min-width:0; height:auto; width:100%; }
.bb-refined.bb-clean-features .bb-fc-graphic { display:block; width:100%; margin:0; overflow:hidden; border:1px solid #dce8df; border-radius:17px; background:#fff; box-shadow:0 12px 28px -24px #153c2b55; text-align:left; font:400 12.5px/1.55 Inter,Arial,sans-serif; color:#425b4d; }
.bb-refined.bb-clean-features .bb-fc-graphic * { box-sizing:border-box; }
.bb-refined.bb-clean-features .bb-fc-graphic svg { display:block; flex-shrink:0; width:20px; height:20px; color:var(--p-action); }
.bb-refined.bb-clean-features .bb-fc-graphic > figcaption { display:flex; align-items:center; gap:10px; padding:15px 18px; border-bottom:1px solid #e6eee8; background:#fff; color:#173d2b; font:600 13px/1.5 var(--p-head); }
.bb-refined.bb-clean-features .bb-fc-caption-icon { display:flex; align-items:center; justify-content:center; flex-shrink:0; width:30px; height:30px; border:1px solid #dcece1; border-radius:8px; background:#f2f9f4; }
.bb-refined.bb-clean-features .bb-fc-caption-icon svg { width:18px; height:18px; }
.bb-refined.bb-clean-features .bb-fc-example { margin-left:auto; align-self:flex-start; flex-shrink:0; border:1px solid #e1e9e3; border-radius:5px; padding:2px 6px; color:#657b6d; background:#f8faf8; font:500 9px/1.5 Inter,Arial,sans-serif; }
.bb-refined.bb-clean-features .bb-fc-canvas { padding:22px; background:#f5faf6; }
.bb-refined.bb-clean-features .bb-fc-graphic > .bb-fc-note { margin:0; padding:13px 18px; border-top:1px solid #e6eee8; background:#fff; color:#5c7264; font-size:11.5px; line-height:1.6; }
.bb-refined.bb-clean-features .bb-fc-graphic strong { color:#183d2b; font-weight:600; }
.bb-refined.bb-clean-features .bb-fc-label { display:block; margin-bottom:10px; color:#657b6d; font:600 9.5px/1.5 Inter,Arial,sans-serif; letter-spacing:.06em; text-transform:uppercase; }
.bb-refined.bb-clean-features .bb-fc-flow { display:grid; grid-template-columns:repeat(var(--bb-fc-flow-count,3),minmax(0,1fr)); align-items:stretch; gap:15px; list-style:none; margin:0; padding:0; }
.bb-refined.bb-clean-features .bb-fc-flow > li { position:relative; display:flex; flex-direction:column; align-items:flex-start; gap:8px; min-width:0; padding:14px 12px; border:1px solid #dce8df; border-radius:11px; background:#fff; }
.bb-refined.bb-clean-features .bb-fc-node-icon { display:flex; align-items:center; justify-content:center; width:34px; height:34px; margin-bottom:3px; border-radius:9px; background:#edf7f0; color:var(--p-action); }
.bb-refined.bb-clean-features .bb-fc-flow strong { font:600 12px/1.5 var(--p-head); }
.bb-refined.bb-clean-features .bb-fc-flow li > span:last-child:not(.bb-fc-arrow) { font-size:11px; line-height:1.65; color:#62796a; }
.bb-refined.bb-clean-features .bb-fc-step-number { font-size:9px; font-weight:600; color:#748a7c; }
.bb-refined.bb-clean-features .bb-fc-arrow { position:absolute; right:-13px; top:50%; z-index:1; display:grid; place-items:center; width:14px; height:23px; background:#f5faf6; transform:translateY(-50%); }
.bb-refined.bb-clean-features .bb-fc-arrow svg { width:13px; height:13px; }
.bb-refined.bb-clean-features .bb-fc-down { display:block; margin:8px auto; text-align:center; font-size:20px; line-height:1.2; color:#79a98c; }
.bb-refined.bb-clean-features .bb-fc-timeline { display:grid; gap:0; margin:0; padding:0; list-style:none; }
.bb-refined.bb-clean-features .bb-fc-timeline li { position:relative; display:flex; align-items:center; gap:13px; padding:12px 0; }
.bb-refined.bb-clean-features .bb-fc-timeline li:not(:last-child)::after { content:""; position:absolute; left:19px; bottom:-12px; width:1px; height:24px; background:#bfd9c7; }
.bb-refined.bb-clean-features .bb-fc-timeline-icon { display:grid; place-items:center; z-index:1; width:39px; height:39px; flex-shrink:0; border:1px solid #d6e7dc; border-radius:11px; background:#fff; }
.bb-refined.bb-clean-features .bb-fc-timeline li > div { display:flex; flex-direction:column; gap:3px; min-width:0; }
.bb-refined.bb-clean-features .bb-fc-timeline strong { font-size:12.5px; }
.bb-refined.bb-clean-features .bb-fc-timeline li > div > span { color:#62796a; font-size:11.5px; }
.bb-refined.bb-clean-features .bb-fc-order { margin-left:auto; color:#90a697; font:600 11px/1.5 var(--p-head); }
.bb-refined.bb-clean-features .bb-fc-records { border:1px solid #dce8df; border-radius:12px; overflow:hidden; background:#fff; }
.bb-refined.bb-clean-features .bb-fc-records > div { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:16px; padding:14px; }
.bb-refined.bb-clean-features .bb-fc-records > div + div { border-top:1px solid #e8efea; }
.bb-refined.bb-clean-features .bb-fc-record-key { display:flex; align-items:center; gap:8px; color:#506c5a; font-size:11.5px; overflow-wrap:anywhere; }
.bb-refined.bb-clean-features .bb-fc-record-dot { display:grid; place-items:center; width:22px; height:22px; flex-shrink:0; border-radius:6px; background:#edf7f0; color:#6f907c; font-size:8px; font-weight:600; }
.bb-refined.bb-clean-features .bb-fc-records strong { font-size:11.5px; line-height:1.6; overflow-wrap:anywhere; }
.bb-refined.bb-clean-features .bb-fc-mapping > div { grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr); }
.bb-refined.bb-clean-features .bb-fc-map-arrow { color:#82ac91; text-align:center; }
.bb-refined.bb-clean-features .bb-fc-mapping strong { justify-self:start; padding:4px 8px; border:1px solid #d8eadf; border-radius:6px; background:#f3faf5; color:#1f6041; }
.bb-refined.bb-clean-features .bb-fc-thread { display:flex; flex-direction:column; align-items:flex-start; gap:16px; }
.bb-refined.bb-clean-features .bb-fc-bubble { max-width:90%; border:1px solid #dce8df; border-radius:12px 12px 12px 3px; background:#fff; padding:13px 15px; }
.bb-refined.bb-clean-features .bb-fc-bubble > span { display:block; margin-bottom:6px; color:#6b8173; font-size:10px; font-weight:600; }
.bb-refined.bb-clean-features .bb-fc-bubble > p { margin:0; color:#264936; font-size:12.5px; line-height:1.7; }
.bb-refined.bb-clean-features .bb-fc-reply { align-self:flex-end; border-color:#cce4d4; border-radius:12px 12px 3px 12px; background:#e8f5ec; }
.bb-refined.bb-clean-features .bb-fc-branch { text-align:center; }
.bb-refined.bb-clean-features .bb-fc-trigger { display:flex; align-items:center; justify-content:center; gap:10px; padding:12px 14px; border:1px solid #dce8df; border-radius:10px; background:#fff; color:#3f604b; font-size:12px; }
.bb-refined.bb-clean-features .bb-fc-condition { display:flex; align-items:center; justify-content:center; gap:10px; margin-inline:auto; padding:11px 14px; border:1px solid #acd0ba; border-radius:9px; background:#e7f5ec; font-size:12px; }
.bb-refined.bb-clean-features .bb-fc-branches { position:relative; display:grid; grid-template-columns:repeat(var(--bb-fc-branches,2),minmax(0,1fr)); gap:12px; padding-top:24px; }
.bb-refined.bb-clean-features .bb-fc-branches::before { content:""; position:absolute; left:16%; right:16%; top:11px; height:1px; background:#b9d6c2; }
.bb-refined.bb-clean-features .bb-fc-branches::after { content:""; position:absolute; left:50%; top:0; width:1px; height:12px; background:#b9d6c2; }
.bb-refined.bb-clean-features .bb-fc-branches > div { position:relative; display:flex; flex-direction:column; align-items:center; gap:7px; padding:14px 10px; border:1px solid #dce8df; border-radius:10px; background:#fff; }
.bb-refined.bb-clean-features .bb-fc-branches > div::before { content:""; position:absolute; left:50%; top:-13px; width:1px; height:12px; background:#b9d6c2; }
.bb-refined.bb-clean-features .bb-fc-branches strong { font-size:11.5px; }
.bb-refined.bb-clean-features .bb-fc-branches > div > span:last-child { font-size:11px; color:#62796a; }
.bb-refined.bb-clean-features .bb-fc-template,.bb-refined.bb-clean-features .bb-fc-delivered { border:1px solid #dce8df; border-radius:11px; padding:15px; background:#fff; }
.bb-refined.bb-clean-features .bb-fc-personal p { margin:0; font-size:13px; line-height:1.8; color:#254a34; }
.bb-refined.bb-clean-features .bb-fc-template mark { padding:2px 4px; border:1px solid #c9e3d3; border-radius:4px; background:#e7f5ec; color:#08785b; white-space:nowrap; }
.bb-refined.bb-clean-features .bb-fc-variables { display:flex; flex-wrap:wrap; justify-content:center; gap:7px; padding-top:13px; }
.bb-refined.bb-clean-features .bb-fc-variables > span { display:inline-flex; align-items:center; gap:7px; padding:5px 8px; border:1px solid #dce8df; border-radius:6px; background:#fff; font-size:10px; }
.bb-refined.bb-clean-features .bb-fc-variables code { font-size:10px; color:#597563; }
.bb-refined.bb-clean-features .bb-fc-delivered { border-color:#cce4d4; background:#e7f5ec; }
.bb-refined.bb-clean-features .bb-fc-receipt { display:flex; align-items:center; justify-content:flex-end; gap:5px; margin-top:10px; color:#507b60; font-size:9px; }
.bb-refined.bb-clean-features .bb-fc-receipt svg { width:13px; height:13px; }
.bb-refined.bb-clean-features .bb-fc-actions .bb-fc-bubble { max-width:100%; }
.bb-refined.bb-clean-features .bb-fc-action-options { display:grid; gap:7px; margin-top:10px; }
.bb-refined.bb-clean-features .bb-fc-action-options > span { display:flex; align-items:center; justify-content:center; gap:8px; padding:10px; border:1px solid #d4e5da; border-radius:8px; background:#fff; color:#21613f; font-size:12px; font-weight:500; }
.bb-refined.bb-clean-features .bb-fc-action-options svg { width:17px; height:17px; }
.bb-refined.bb-clean-features .bb-fc-action-result { display:flex; align-items:center; justify-content:center; gap:8px; margin-top:16px; color:#5a7b66; font-size:11px; }
.bb-refined.bb-clean-features .bb-fc-inbox { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); overflow:hidden; border:1px solid #dce8df; border-radius:12px; background:#fff; }
.bb-refined.bb-clean-features .bb-fc-inbox-list { padding:13px 10px; border-right:1px solid #e3ece6; background:#fbfdfb; }
.bb-refined.bb-clean-features .bb-fc-inbox-list > .bb-fc-label { padding-inline:5px; }
.bb-refined.bb-clean-features .bb-fc-contact { display:flex; align-items:center; gap:7px; margin-bottom:8px; padding:10px 7px; border:1px solid transparent; border-radius:8px; }
.bb-refined.bb-clean-features .bb-fc-contact-selected { border-color:#d4e8db; background:#eaf6ee; }
.bb-refined.bb-clean-features .bb-fc-contact > span { display:grid; place-items:center; width:27px; height:27px; flex-shrink:0; border:1px solid #d8e8de; border-radius:50%; background:#fff; color:#4b7a5c; font-size:8px; font-weight:600; }
.bb-refined.bb-clean-features .bb-fc-contact > div { min-width:0; }
.bb-refined.bb-clean-features .bb-fc-contact strong { display:block; font-size:10px; line-height:1.5; }
.bb-refined.bb-clean-features .bb-fc-contact small { display:block; color:#728779; font-size:9px; }
.bb-refined.bb-clean-features .bb-fc-inbox-team { display:flex; align-items:center; gap:6px; margin:16px 5px 0; font-size:9px; color:#6c8675; }
.bb-refined.bb-clean-features .bb-fc-inbox-team svg { width:14px; height:14px; }
.bb-refined.bb-clean-features .bb-fc-inbox-chat { display:flex; flex-direction:column; gap:12px; padding:13px; }
.bb-refined.bb-clean-features .bb-fc-assignee { display:flex; align-items:center; gap:6px; color:#668471; font-size:9px; }
.bb-refined.bb-clean-features .bb-fc-assignee svg { width:14px; height:14px; }
.bb-refined.bb-clean-features .bb-fc-inbox-chat .bb-fc-bubble { max-width:100%; padding:10px 12px; }
.bb-refined.bb-clean-features .bb-fc-inbox-chat .bb-fc-bubble p { font-size:11px; }
.bb-refined.bb-clean-features .bb-fc-private-note { display:flex; align-items:center; gap:6px; margin-top:3px; padding-top:10px; border-top:1px solid #e6eee8; color:#728778; font-size:8.5px; }
.bb-refined.bb-clean-features .bb-fc-private-note svg { width:13px; height:13px; }
.bb-refined.bb-clean-features .bb-fc-app-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.bb-refined.bb-clean-features .bb-fc-app-grid > span { display:grid; place-items:center; min-height:40px; padding:8px 5px; border:1px solid #dce8df; border-radius:8px; background:#fff; color:#4b6a55; font-size:10.5px; font-weight:500; text-align:center; }
.bb-refined.bb-clean-features .bb-fc-app-hub,.bb-refined.bb-clean-features .bb-fc-app-result { display:flex; align-items:center; justify-content:center; gap:9px; max-width:250px; margin:auto; padding:12px; border:1px solid #c7e2d0; border-radius:10px; background:#e7f5ec; }
.bb-refined.bb-clean-features .bb-fc-app-result { border-color:#dce8df; background:#fff; font-size:12px; }
.bb-refined.bb-clean-features .bb-fc-coexist-hero { width:100%; min-width:0; max-width:820px; }
.bb-refined.bb-clean-features .bb-fc-one-number { display:flex; align-items:center; justify-content:center; gap:12px; width:max-content; max-width:100%; margin:0 auto; padding:12px 23px; border:1px solid #b5d8c2; border-radius:11px; background:#e7f5ec; }
.bb-refined.bb-clean-features .bb-fc-one-number > svg { width:27px; height:27px; }
.bb-refined.bb-clean-features .bb-fc-one-number > div { display:flex; flex-direction:column; gap:2px; }
.bb-refined.bb-clean-features .bb-fc-one-number span { font-size:10px; color:#607f6b; }
.bb-refined.bb-clean-features .bb-fc-one-number strong { font:600 14px/1.5 var(--p-head); }
.bb-refined.bb-clean-features .bb-fc-coexist-branches { position:relative; display:grid; grid-template-columns:1fr 1fr; gap:14px; padding-top:25px; }
.bb-refined.bb-clean-features .bb-fc-coexist-branches::before { content:""; position:absolute; left:25%; right:25%; top:12px; height:1px; background:#bed8c7; }
.bb-refined.bb-clean-features .bb-fc-coexist-branches::after { content:""; position:absolute; left:50%; top:0; height:13px; width:1px; background:#bed8c7; }
.bb-refined.bb-clean-features .bb-fc-coexist-branches > div { position:relative; display:flex; flex-direction:column; align-items:center; gap:6px; border:1px solid #dce8df; border-radius:11px; background:#fff; padding:18px 12px; text-align:center; }
.bb-refined.bb-clean-features .bb-fc-coexist-branches > div::before { content:""; position:absolute; left:50%; top:-14px; height:13px; width:1px; background:#bed8c7; }
.bb-refined.bb-clean-features .bb-fc-coexist-branches strong { font:600 12px/1.5 var(--p-head); margin-block:4px; }
.bb-refined.bb-clean-features .bb-fc-coexist-branches span { font-size:11px; color:#667d6e; }
.bb-refined.bb-clean-features .bb-fc-sync { display:flex; align-items:center; justify-content:center; gap:8px; margin-top:17px; color:#5e7e68; font-size:11px; }
.bb-refined.bb-clean-features .bb-fc-sync svg { width:16px; height:16px; }


.bb-refined.bb-clean-features .bb-fc-image { display:block; min-width:0; }
.bb-refined.bb-clean-features .bb-fc-image > :is(div.relative,div[class*="bg-gradient"]) { padding:12px; border:1px solid #dfe9e2; border-radius:15px; background:#f7faf8; background-image:none; box-shadow:none; }
.bb-refined.bb-clean-features .bb-fc-image img { width:100%; max-height:400px; height:auto; object-fit:contain; border-radius:10px; }
.bb-refined.bb-clean-features .bb-fc-image > .absolute { display:none; }
.bb-refined.bb-clean-features .bb-fc-image-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:14px 0 0; padding:0; list-style:none; }
.bb-refined.bb-clean-features .bb-fc-image-steps li { display:flex; align-items:flex-start; gap:6px; min-width:0; font-size:10.5px; line-height:1.6; color:#526e5b; }
.bb-refined.bb-clean-features .bb-fc-image-steps li > span { display:grid; place-items:center; width:19px; height:19px; flex-shrink:0; border:1px solid #d8e7dd; border-radius:50%; background:#f1f8f3; color:#578167; font-size:8px; font-weight:600; }

@media(max-width:1023px) {
 .bb-refined.bb-clean-features .bb-fp-main h1 { font-size:33px; }
 .bb-refined.bb-clean-features .bb-fp-hero-layout { gap:27px; }
 .bb-refined.bb-clean-features .bb-fp-row { gap:30px; }
 .bb-refined.bb-clean-features .bb-fc-canvas { padding:17px; }
 .bb-refined.bb-clean-features .bb-fc-flow { gap:10px; }
 .bb-refined.bb-clean-features .bb-fc-flow > li { padding:12px 9px; }
 .bb-refined.bb-clean-features .bb-fc-arrow { right:-11px; width:12px; }
 .bb-refined.bb-clean-features .bb-fc-inbox { grid-template-columns:1fr; }
 .bb-refined.bb-clean-features .bb-fc-inbox-list { display:none; }
 .bb-refined.bb-clean-features .bb-fc-inbox-chat .bb-fc-bubble p { font-size:12px; }
}
@media(max-width:767px) {
 .bb-refined.bb-clean-features[data-bb-feature="coexistence"] .bb-fp-hero > .bb-page-container { grid-template-columns:1fr; gap:24px; }
 .bb-refined.bb-clean-features .bb-fp-hero-layout { grid-template-columns:1fr; gap:26px; }
 .bb-refined.bb-clean-features .bb-fp-row { gap:24px; }
 .bb-refined.bb-clean-features .bb-fp-copy { max-width:650px; }
 .bb-refined.bb-clean-features .bb-fp-visual { max-width:600px; width:100%; margin-inline:auto; }
 .bb-refined.bb-clean-features .bb-fc-flow.bb-fc-stages { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
 .bb-refined.bb-clean-features .bb-fc-stages .bb-fc-arrow { display:none; }
 .bb-refined.bb-clean-features .bb-fc-stages > li { display:grid; grid-template-columns:28px 1fr; gap:5px 8px; padding:12px; }
 .bb-refined.bb-clean-features .bb-fc-stages .bb-fc-node-icon { grid-row:1 / span 3; width:28px; height:28px; }
 .bb-refined.bb-clean-features .bb-fc-stages .bb-fc-step-number { grid-column:2; }
 .bb-refined.bb-clean-features .bb-fc-stages > li > strong { grid-column:2; }
 .bb-refined.bb-clean-features .bb-fc-stages > li > span:not(.bb-fc-node-icon):not(.bb-fc-step-number) { grid-column:2; }
 .bb-refined.bb-clean-features .bb-fc-inbox { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); }
 .bb-refined.bb-clean-features .bb-fc-inbox-list { display:block; }
}
@media(max-width:639px) {
 .bb-refined.bb-clean-features .bb-page-container { padding-inline:16px; }
 .bb-refined.bb-clean-features .bb-fp-section { padding-block:29px; }
 .bb-refined.bb-clean-features .bb-fp-hero { padding-block:22px 28px; }
 .bb-refined.bb-clean-features .bb-fp-main h1 { font-size:28px; line-height:1.2; }
 .bb-refined.bb-clean-features .bb-fp-main h2 { font-size:23px; }
 .bb-refined.bb-clean-features .bb-fp-copy > p { font-size:13.5px; }
 .bb-refined.bb-clean-features .bb-fp-copy > p.font-semibold { font-size:15px; }
 .bb-refined.bb-clean-features .bb-fp-row-copy > p { font-size:13.5px; }
 .bb-refined.bb-clean-features .bb-fp-row-copy li { font-size:12px; }
 .bb-refined.bb-clean-features .bb-fp-row-copy > .flex.flex-wrap > span { font-size:10px; }
 .bb-refined.bb-clean-features .bb-fc-graphic > figcaption { gap:8px; padding:12px 13px; font-size:12px; }
 .bb-refined.bb-clean-features .bb-fc-caption-icon { width:27px; height:27px; }
 .bb-refined.bb-clean-features .bb-fc-example { font-size:8px; padding:2px 4px; }
 .bb-refined.bb-clean-features .bb-fc-canvas { padding:15px; }
 .bb-refined.bb-clean-features .bb-fc-graphic > .bb-fc-note { padding:11px 14px; font-size:10.5px; }
 .bb-refined.bb-clean-features .bb-fc-flow:not(.bb-fc-stages) { grid-template-columns:1fr; gap:19px; }
 .bb-refined.bb-clean-features .bb-fc-flow:not(.bb-fc-stages) > li { display:grid; grid-template-columns:34px 1fr; padding:12px; gap:4px 12px; }
 .bb-refined.bb-clean-features .bb-fc-flow:not(.bb-fc-stages) .bb-fc-node-icon { grid-column:1; grid-row:1 / span 3; align-self:center; }
 .bb-refined.bb-clean-features .bb-fc-flow:not(.bb-fc-stages) :is(.bb-fc-step-number,strong) { grid-column:2; }
 .bb-refined.bb-clean-features .bb-fc-flow:not(.bb-fc-stages) > li > span:last-child:not(.bb-fc-arrow) { grid-column:2; }
 .bb-refined.bb-clean-features .bb-fc-flow:not(.bb-fc-stages) .bb-fc-arrow { left:50%; right:auto; top:auto; bottom:-22px; transform:translateX(-50%) rotate(90deg); }
 .bb-refined.bb-clean-features .bb-fc-flow strong { font-size:12px; }
 .bb-refined.bb-clean-features .bb-fc-records > div { padding:12px 10px; gap:9px; }
 .bb-refined.bb-clean-features .bb-fc-record-key { gap:6px; font-size:10.5px; }
 .bb-refined.bb-clean-features .bb-fc-record-dot { display:none; }
 .bb-refined.bb-clean-features .bb-fc-records strong { font-size:11px; }
 .bb-refined.bb-clean-features .bb-fc-branches { gap:8px; }
 .bb-refined.bb-clean-features .bb-fc-branches > div { padding:12px 7px; }
 .bb-refined.bb-clean-features .bb-fc-branches strong { font-size:10.5px; }
 .bb-refined.bb-clean-features .bb-fc-branches > div > span:last-child { font-size:10px; }
 .bb-refined.bb-clean-features .bb-fc-bubble { padding:12px; }
 .bb-refined.bb-clean-features .bb-fc-bubble > p { font-size:12px; }
 .bb-refined.bb-clean-features .bb-fc-app-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .bb-refined.bb-clean-features .bb-fc-one-number { padding:11px 16px; }
 .bb-refined.bb-clean-features .bb-fc-coexist-branches { gap:10px; }
 .bb-refined.bb-clean-features .bb-fc-coexist-branches strong { font-size:11px; }
 .bb-refined.bb-clean-features .bb-fc-coexist-branches span { font-size:10px; }
 .bb-refined.bb-clean-features .bb-fc-sync { font-size:10px; }
 .bb-refined.bb-clean-features .bb-fc-inbox { grid-template-columns:1fr; }
 .bb-refined.bb-clean-features .bb-fc-inbox-list { display:none; }
 .bb-refined.bb-clean-features .bb-fc-private-note { font-size:9px; }
 .bb-refined.bb-clean-features .bb-fc-image-steps { gap:8px; }
 .bb-refined.bb-clean-features .bb-fc-image-steps li { font-size:9.5px; gap:5px; }
 .bb-refined.bb-clean-features .bb-fp-quote blockquote { font-size:15px; }
 .bb-refined.bb-clean-features .bb-fp-closing { padding:18px 16px 30px; }
 .bb-refined.bb-clean-features .bb-fp-closing > .bb-page-container { padding:27px 20px; }
}
@media(prefers-reduced-motion:reduce) {
 .bb-refined.bb-clean-features :is(.bb-fc-graphic,.bb-fp-catalog-card) { animation:none; transition:none; }
}


.bb-refined.bb-clean-features .bb-fp-main { --p-ink:#20242b; --p-text:#56616d; --p-muted:#626974; --p-deep:#20242b; --p-line:#e3e5e8; --p-line-2:#dfe3e8; --p-mint:#f3f4f6; --p-mint-2:#f7f8fa; }
.bb-refined.bb-clean-features .bb-fp-hero { background:#f8f9fa; background-image:none; border-color:#e3e5e8; }
.bb-refined.bb-clean-features .bb-fp-main h1 { color:#20242b; }
.bb-refined.bb-clean-features .bb-fp-section:has(.bb-fp-row) { border-color:#eceef1; }
.bb-refined.bb-clean-features .bb-fp-row-copy li { color:#424a55; }
.bb-refined.bb-clean-features .bb-fp-row-copy > .flex.flex-wrap > span { color:#626974; }
.bb-refined.bb-clean-features :is(.bb-fp-demo,.bb-fp-benefits,.bb-fp-tutorials) { background:#f7f8fa; background-image:none; border-color:#e3e5e8; }
.bb-refined.bb-clean-features .bb-fp-quote > .bb-page-container { background:#f7f8fa; border-color:#e3e5e8; }
.bb-refined.bb-clean-features .bb-fp-use-cases .flex.flex-wrap > span { background:#fff; border-color:#e3e5e8; color:#424a55; }
.bb-refined.bb-clean-features .bb-fp-catalog-card { padding:20px; border-radius:12px; border-color:#e3e5e8; }
.bb-refined.bb-clean-features .bb-fp-catalog-card > .bb-icon-tile { width:36px; height:36px; margin-bottom:13px; background:#f7f8fa; border-color:#e3e5e8; border-radius:9px; }
.bb-refined.bb-clean-features .bb-fp-tutorial-card { border-radius:12px; }
.bb-refined.bb-clean-features .bb-fp-tutorial-card > div { padding:15px 18px; }
.bb-refined.bb-clean-features .bb-fp-capability { background:#fafbfc; border-color:#e3e5e8; }
.bb-refined.bb-clean-features .bb-fc-image { min-width:0; }
.bb-refined.bb-clean-features .bb-fc-image > .relative { background:#fff; border:1px solid #e3e5e8; border-radius:12px; box-shadow:0 4px 16px -12px #20242b30; overflow:hidden; }
.bb-refined.bb-clean-features .bb-fc-image img { width:100%; height:auto; object-fit:contain; border-radius:11px; }
.bb-refined.bb-clean-features .bb-fc-image > div.relative:has(> img) { padding:10px; background:#f7f8fa; }
.bb-refined.bb-clean-features .bb-fp-apps { border-color:#e3e5e8; }
.bb-refined.bb-clean-features .bb-fp-apps .bb-fp-heading > .inline-flex { background:#f3f4f6; border-color:#e3e5e8; color:#424a55; }
.bb-refined.bb-clean-features .bb-fp-apps button { border-color:#dfe3e8; color:#56616d; }
.bb-refined.bb-clean-features .bb-fp-apps button[aria-pressed="true"] { color:#fff; }
.bb-refined.bb-clean-features .bb-fp-app-tile { background:#fafbfc; border-color:#e3e5e8; border-radius:10px; padding:12px; }
.bb-refined.bb-clean-features .bb-fp-app-tile span { color:#424a55; }
@media(max-width:639px) {
 .bb-refined.bb-clean-features .bb-fp-catalog-card { padding:17px; }
 .bb-refined.bb-clean-features .bb-fc-image > div.relative:has(> img) { padding:7px; }
}

/* broadcast-graphics.css */
.bb-refined.bb-clean-features[data-bb-feature="broadcasting"] .bb-bcg {
  --bcg-ink:#20242b; --bcg-muted:#626974; --bcg-line:#e3e5e8; --bcg-green:#08785b;
  border:1px solid #e3e5e8; border-radius:16px; background:#fff;
  box-shadow:0 3px 6px #20242b03,0 18px 40px -24px #20242b29;
  font:400 12px/1.55 Inter,Arial,sans-serif; color:var(--bcg-ink); container-type:inline-size;
}
.bb-refined.bb-clean-features .bb-bcg :where(p,ol,dl,dd) { margin:0; }
.bb-refined.bb-clean-features .bb-bcg p { color:var(--bcg-ink); }
.bb-refined.bb-clean-features .bb-bcg strong { color:var(--bcg-ink); font-weight:600; }
.bb-refined.bb-clean-features .bb-bcg svg { width:17px; height:17px; color:currentColor; }
.bb-refined.bb-clean-features .bb-bcg > .bb-bcg-heading { display:flex; align-items:center; gap:10px; padding:15px 18px; background:#fff; border-bottom:1px solid var(--bcg-line); }
.bb-refined.bb-clean-features .bb-bcg-brand-icon { display:grid; place-items:center; flex-shrink:0; width:34px; height:34px; border:1px solid #e3e5e8; border-radius:9px; background:#f0f2f4; color:var(--bcg-green); }
.bb-refined.bb-clean-features .bb-bcg-brand-icon svg { width:18px; height:18px; }
.bb-refined.bb-clean-features .bb-bcg-heading > div { min-width:0; }
.bb-refined.bb-clean-features .bb-bcg-kicker { display:block; font:500 10px/1.4 Inter,Arial,sans-serif; color:var(--bcg-muted); margin-bottom:3px; }
.bb-refined.bb-clean-features .bb-bcg-heading strong { display:block; font:600 14px/1.5 var(--p-head); letter-spacing:-.025em; }
.bb-refined.bb-clean-features .bb-bcg-workspace { padding:18px; background:#f7f8fa; }
.bb-refined.bb-clean-features .bb-bcg > .bb-bcg-footnote { display:flex; align-items:flex-start; gap:8px; padding:11px 18px; border-top:1px solid var(--bcg-line); color:#626974; font-size:11px; line-height:1.65; }
.bb-refined.bb-clean-features .bb-bcg-footnote svg { width:15px; height:15px; margin-top:2px; color:var(--bcg-green); }
.bb-refined.bb-clean-features .bb-bcg-step { display:flex; align-items:center; gap:7px; margin-bottom:13px; font-size:11px; font-weight:600; color:#626974; }
.bb-refined.bb-clean-features .bb-bcg-step > span { display:grid; place-items:center; width:19px; height:19px; border:1px solid #e3e5e8; background:#fff; border-radius:5px; color:#626974; font-size:9px; }
.bb-refined.bb-clean-features .bb-bcg-overline { display:block; color:var(--bcg-muted); font-size:9px; line-height:1.5; letter-spacing:.055em; text-transform:uppercase; font-weight:500; }
.bb-refined.bb-clean-features .bb-bcg-personal-grid { display:grid; grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr); gap:10px; align-items:start; }
.bb-refined.bb-clean-features .bb-bcg-editor { padding:15px; border:1px solid #e3e5e8; border-radius:9px; background:#fff; }
.bb-refined.bb-clean-features .bb-bcg-editor p { margin-top:9px; font-size:13px; line-height:1.95; }
.bb-refined.bb-clean-features .bb-bcg mark { padding:2px 4px; border-radius:3px; background:#f0f2f4; color:#20242b; font:500 11px/1.5 Inter,Arial,sans-serif; white-space:nowrap; }
.bb-refined.bb-clean-features .bb-bcg-field-heading { display:flex; align-items:center; gap:6px; margin-top:12px; margin-bottom:7px; color:#626974; font-size:10px; }
.bb-refined.bb-clean-features .bb-bcg-field-heading svg { width:14px; height:14px; }
.bb-refined.bb-clean-features .bb-bcg-fields { border-top:1px solid var(--bcg-line); }
.bb-refined.bb-clean-features .bb-bcg-fields > div { display:flex; justify-content:space-between; align-items:center; gap:5px; padding:8px 0; border-bottom:1px solid var(--bcg-line); }
.bb-refined.bb-clean-features .bb-bcg-fields dt { color:#626974; font-size:10px; }
.bb-refined.bb-clean-features .bb-bcg-fields dd { color:#20242b; font-size:11px; font-weight:600; }
.bb-refined.bb-clean-features .bb-bcg-transfer { display:flex; align-items:center; justify-content:center; height:150px; color:#8b929c; }
.bb-refined.bb-clean-features .bb-bcg-chat { border:1px solid #e3e5e8; border-radius:10px; overflow:hidden; box-shadow:0 4px 12px #20242b04; }
.bb-refined.bb-clean-features .bb-bcg-chat-head { display:flex; align-items:center; gap:8px; background:#fff; border-bottom:1px solid #e3e5e8; padding:12px; }
.bb-refined.bb-clean-features .bb-bcg-chat-head > div { flex:1; }
.bb-refined.bb-clean-features .bb-bcg-chat-head strong { display:block; font-size:11px; }
.bb-refined.bb-clean-features .bb-bcg-chat-head small { display:block; font-size:9px; color:var(--bcg-muted); }
.bb-refined.bb-clean-features .bb-bcg-chat-head > svg { width:15px; height:15px; color:#626974; }
.bb-refined.bb-clean-features .bb-bcg-avatar { display:grid; place-items:center; flex-shrink:0; width:28px; height:28px; border-radius:50%; background:#f0f2f4; color:#626974; font-size:10px; font-weight:600; }
.bb-refined.bb-clean-features .bb-bcg-chat-body { padding:17px 12px 21px; background:#f0f2f4; min-height:140px; }
.bb-refined.bb-clean-features .bb-bcg-message { position:relative; padding:13px 12px 9px; border:1px solid #dce1e7; border-radius:9px 2px 9px 9px; background:#f0f2f4; box-shadow:0 2px 2px #20242b10; }
.bb-refined.bb-clean-features .bb-bcg-message p { font-size:13px; line-height:1.8; }
.bb-refined.bb-clean-features .bb-bcg-message-receipt { display:flex; justify-content:flex-end; margin-top:9px; color:#538eaa; }
.bb-refined.bb-clean-features .bb-bcg-message-receipt svg { width:18px; height:12px; }
.bb-refined.bb-clean-features .bb-bcg-auto { display:flex; justify-content:center; align-items:center; gap:5px; padding-top:10px; color:#626974; font-size:9px; }
.bb-refined.bb-clean-features .bb-bcg-auto svg { width:12px; height:12px; }
.bb-refined.bb-clean-features .bb-bcg-filter-panel { background:#fff; border:1px solid var(--bcg-line); border-radius:10px; overflow:hidden; }
.bb-refined.bb-clean-features .bb-bcg-panel-title { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:13px 15px; border-bottom:1px solid var(--bcg-line); }
.bb-refined.bb-clean-features .bb-bcg-panel-title > span:first-child { display:flex; align-items:center; gap:8px; font-size:12px; font-weight:600; }
.bb-refined.bb-clean-features .bb-bcg-panel-title svg { color:var(--bcg-green); width:15px; height:15px; }
.bb-refined.bb-clean-features .bb-bcg-rule-mode { border:1px solid #e3e5e8; background:#f0f2f4; border-radius:5px; padding:3px 7px; color:#626974; font-size:9px; }
.bb-refined.bb-clean-features .bb-bcg-rules { padding:7px 15px 12px; }
.bb-refined.bb-clean-features .bb-bcg-rule { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,.65fr) minmax(0,1fr); position:relative; gap:8px; padding:8px 0; align-items:center; font-size:12px; }
.bb-refined.bb-clean-features .bb-bcg-rule + .bb-bcg-rule { padding-top:16px; border-top:1px solid #e3e5e8; }
.bb-refined.bb-clean-features .bb-bcg-and { position:absolute; left:0; top:-7px; padding-right:8px; background:#fff; font-size:9px; color:#626974; letter-spacing:.04em; }
.bb-refined.bb-clean-features .bb-bcg-rule-op { color:#626974; font-size:10px; }
.bb-refined.bb-clean-features .bb-bcg-rule strong { padding:5px 9px; border:1px solid #e3e5e8; border-radius:5px; background:#fafbfc; font-size:11px; }
.bb-refined.bb-clean-features .bb-bcg-filter-connector { display:flex; flex-direction:column; align-items:center; height:29px; color:#8b929c; }
.bb-refined.bb-clean-features .bb-bcg-filter-connector > span { height:12px; width:1px; background:#c9cfd6; }
.bb-refined.bb-clean-features .bb-bcg-filter-connector svg { transform:rotate(90deg); height:16px; }
.bb-refined.bb-clean-features .bb-bcg-audience-result { display:flex; align-items:center; gap:12px; padding:12px; border:1px solid #dce1e7; background:#f0f2f4; border-radius:10px; }
.bb-refined.bb-clean-features .bb-bcg-result-icon { display:grid; place-items:center; flex-shrink:0; width:36px; height:36px; border-radius:9px; background:#fff; border:1px solid #e3e5e8; color:var(--bcg-green); }
.bb-refined.bb-clean-features .bb-bcg-result-icon svg { width:19px; height:19px; }
.bb-refined.bb-clean-features .bb-bcg-audience-result > div { flex:1; min-width:0; }
.bb-refined.bb-clean-features .bb-bcg-audience-result strong { display:block; font-size:12px; margin:3px 0; }
.bb-refined.bb-clean-features .bb-bcg-audience-result > div > span:last-child { display:block; font-size:10px; color:#626974; }
.bb-refined.bb-clean-features .bb-bcg-audience-result > svg { color:var(--bcg-green); }
.bb-refined.bb-clean-features .bb-bcg-report { border:1px solid var(--bcg-line); border-radius:10px; overflow:hidden; background:#fff; }
.bb-refined.bb-clean-features .bb-bcg-report-head { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:15px; }
.bb-refined.bb-clean-features .bb-bcg-report-head strong { display:block; margin-top:3px; font-size:13px; }
.bb-refined.bb-clean-features .bb-bcg-status { display:inline-flex; align-items:center; gap:5px; padding:4px 6px; border:1px solid #e3e5e8; border-radius:5px; background:#f0f2f4; color:#626974; font-size:9px; white-space:nowrap; line-height:1.4; }
.bb-refined.bb-clean-features .bb-bcg-status svg { width:12px; height:12px; }
.bb-refined.bb-clean-features .bb-bcg-status-flow { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; list-style:none; padding:4px 15px 16px; }
.bb-refined.bb-clean-features .bb-bcg-status-flow li { position:relative; display:flex; flex-direction:column; align-items:center; min-width:0; text-align:center; }
.bb-refined.bb-clean-features .bb-bcg-status-flow li:not(:last-child)::after { content:""; position:absolute; height:1px; background:#e3e5e8; width:calc(100% - 36px); top:18px; left:calc(50% + 23px); }
.bb-refined.bb-clean-features .bb-bcg-stage-icon { display:grid; place-items:center; width:37px; height:37px; border:1px solid #e3e5e8; border-radius:50%; background:#f0f2f4; color:#20242b; margin-bottom:8px; }
.bb-refined.bb-clean-features .bb-bcg-status-flow strong { font-size:11px; }
.bb-refined.bb-clean-features .bb-bcg-status-flow small { font-size:9px; color:#626974; line-height:1.5; margin-top:3px; }
.bb-refined.bb-clean-features .bb-bcg-table-row { display:grid; grid-template-columns:1fr 1fr 1.2fr; align-items:center; gap:10px; padding:8px 15px; border-top:1px solid #e3e5e8; font-size:11px; }
.bb-refined.bb-clean-features .bb-bcg-table-head { background:#f7f8fa; color:#626974; font-size:9px; padding-block:8px; }
.bb-refined.bb-clean-features .bb-bcg-contact { display:flex; align-items:center; gap:7px; font-weight:500; }
.bb-refined.bb-clean-features .bb-bcg-contact .bb-bcg-avatar { width:24px; height:24px; font-size:9px; background:#f0f2f4; }
.bb-refined.bb-clean-features .bb-bcg-status-read { color:#39738c; background:#f0f7fa; border-color:#dceaf1; }
.bb-refined.bb-clean-features .bb-bcg-status-clicked { color:#20242b; background:#f0f2f4; border-color:#e3e5e8; }
.bb-refined.bb-clean-features .bb-bcg-activity { font-size:10px; color:#626974; }
.bb-refined.bb-clean-features .bb-bcg-schedule { border:1px solid var(--bcg-line); border-radius:11px; background:#fff; overflow:hidden; }
.bb-refined.bb-clean-features .bb-bcg-schedule-header { display:flex; align-items:center; gap:20px; padding:20px; }
.bb-refined.bb-clean-features .bb-bcg-date { overflow:hidden; flex-shrink:0; width:78px; border:1px solid #e3e5e8; border-radius:10px; background:#fff; text-align:center; box-shadow:0 3px 8px #20242b06; }
.bb-refined.bb-clean-features .bb-bcg-date > span { display:block; padding:5px; background:#f0f2f4; border-bottom:1px solid #e3e5e8; color:#20242b; font-size:10px; font-weight:600; letter-spacing:.1em; }
.bb-refined.bb-clean-features .bb-bcg-date > strong { display:block; padding:7px; font:600 34px/1.3 var(--p-head); }
.bb-refined.bb-clean-features .bb-bcg-campaign > strong { display:block; font:600 16px/1.5 var(--p-head); margin:3px 0 9px; }
.bb-refined.bb-clean-features .bb-bcg-status-scheduled { color:#20242b; background:#f0f2f4; border-color:#e3e5e8; }
.bb-refined.bb-clean-features .bb-bcg-schedule-details { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin:0 23px; padding:17px 0; border-top:1px solid var(--bcg-line); border-bottom:1px solid var(--bcg-line); }
.bb-refined.bb-clean-features .bb-bcg-schedule-details dt { display:flex; align-items:center; gap:6px; color:#626974; font-size:10px; }
.bb-refined.bb-clean-features .bb-bcg-schedule-details dt svg { width:13px; height:13px; }
.bb-refined.bb-clean-features .bb-bcg-schedule-details dd { margin-top:7px; font-size:14px; color:#20242b; font-weight:500; }
.bb-refined.bb-clean-features .bb-bcg-timezone { display:flex; align-items:center; justify-content:center; gap:6px; padding:13px; color:#626974; font-size:10px; }
.bb-refined.bb-clean-features .bb-bcg-timezone svg { width:14px; height:14px; }
.bb-refined.bb-clean-features .bb-bcg-schedule-path { display:flex; justify-content:center; gap:12px; align-items:center; margin-top:19px; padding:0; list-style:none; color:#626974; font-size:10px; }
.bb-refined.bb-clean-features .bb-bcg-schedule-path li { display:flex; align-items:center; gap:7px; }
.bb-refined.bb-clean-features .bb-bcg-schedule-path li > svg { width:15px; height:15px; }
.bb-refined.bb-clean-features .bb-bcg-action-preview { overflow:hidden; border:1px solid #e3e5e8; border-radius:11px; background:#fff; }
.bb-refined.bb-clean-features .bb-bcg-action-message { display:grid; grid-template-columns:minmax(0,1fr) 142px; gap:12px 22px; padding:20px; }
.bb-refined.bb-clean-features .bb-bcg-business { display:flex; align-items:center; gap:8px; }
.bb-refined.bb-clean-features .bb-bcg-business-icon { display:grid; place-items:center; width:30px; height:30px; flex-shrink:0; border-radius:50%; border:1px solid #e3e5e8; background:#f0f2f4; color:#626974; }
.bb-refined.bb-clean-features .bb-bcg-business strong { display:block; font-size:11px; }
.bb-refined.bb-clean-features .bb-bcg-business small { display:block; font-size:9px; color:#626974; }
.bb-refined.bb-clean-features .bb-bcg-action-message > p { grid-column:1; font-size:12px; line-height:1.8; }
.bb-refined.bb-clean-features .bb-bcg-promo { grid-column:2; grid-row:1 / span 2; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding:16px; border:1px solid #e3e5e8; border-radius:8px; background:#f0f2f4; color:#626974; }
.bb-refined.bb-clean-features .bb-bcg-promo > span:first-child { font-size:9px; letter-spacing:.1em; font-weight:600; }
.bb-refined.bb-clean-features .bb-bcg-promo > strong { color:#20242b; font:600 45px/1.2 var(--p-head); margin:4px 0; letter-spacing:-.05em; white-space:nowrap; }
.bb-refined.bb-clean-features .bb-bcg-promo > strong > span { font-size:12px; letter-spacing:0; }
.bb-refined.bb-clean-features .bb-bcg-promo > span:last-child { font-size:9px; }
.bb-refined.bb-clean-features .bb-bcg-action-labels { display:grid; grid-template-columns:1fr 1fr; gap:35px; padding:8px 20px; background:#f7f8fa; color:#626974; font-size:9px; border-block:1px solid #e3e5e8; }
.bb-refined.bb-clean-features .bb-bcg-actions { padding:0 20px; list-style:none; }
.bb-refined.bb-clean-features .bb-bcg-actions li { display:grid; grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr); gap:15px; align-items:center; padding:13px 0; }
.bb-refined.bb-clean-features .bb-bcg-actions li + li { border-top:1px solid #e3e5e8; }
.bb-refined.bb-clean-features .bb-bcg-action-label { display:flex; align-items:center; gap:7px; color:#20242b; font-size:12px; font-weight:500; }
.bb-refined.bb-clean-features .bb-bcg-action-label svg { width:15px; height:15px; }
.bb-refined.bb-clean-features .bb-bcg-action-arrow { color:#8b929c; }
.bb-refined.bb-clean-features .bb-bcg-action-arrow svg { width:15px; height:15px; }
.bb-refined.bb-clean-features .bb-bcg-action-outcome { font-size:10px; color:#626974; }
@container (max-width:440px) {
  .bb-refined.bb-clean-features .bb-bcg > .bb-bcg-heading { padding:15px; flex-wrap:wrap; gap:8px; }
  .bb-refined.bb-clean-features .bb-bcg-heading > div { flex:1; }
  .bb-refined.bb-clean-features .bb-bcg-heading strong { font-size:12px; }
  .bb-refined.bb-clean-features .bb-bcg-workspace { padding:17px; }
  .bb-refined.bb-clean-features .bb-bcg-personal-grid { grid-template-columns:1fr; gap:0; }
  .bb-refined.bb-clean-features .bb-bcg-fields { display:grid; grid-template-columns:1fr 1fr; column-gap:16px; }
  .bb-refined.bb-clean-features .bb-bcg-transfer { height:33px; }
  .bb-refined.bb-clean-features .bb-bcg-transfer svg { transform:rotate(90deg); }
  .bb-refined.bb-clean-features .bb-bcg-chat-body { min-height:0; padding:14px 16px 18px; }
  .bb-refined.bb-clean-features .bb-bcg-chat-head { padding:10px 13px; }
  .bb-refined.bb-clean-features .bb-bcg-message { max-width:260px; margin-left:auto; }
  .bb-refined.bb-clean-features .bb-bcg-editor p { font-size:13px; }
  .bb-refined.bb-clean-features .bb-bcg-report-head { padding:12px; flex-wrap:wrap; }
  .bb-refined.bb-clean-features .bb-bcg-report-head .bb-bcg-status { font-size:9px; }
  .bb-refined.bb-clean-features .bb-bcg-status-flow { padding:10px 12px 17px; gap:6px; }
  .bb-refined.bb-clean-features .bb-bcg-status-flow small { display:none; }
  .bb-refined.bb-clean-features .bb-bcg-status-flow strong { font-size:10px; }
  .bb-refined.bb-clean-features .bb-bcg-table-row { padding:11px 12px; grid-template-columns:.9fr 1fr; gap:6px; }
  .bb-refined.bb-clean-features .bb-bcg-table-row > :last-child { display:none; }
  .bb-refined.bb-clean-features .bb-bcg-rule { grid-template-columns:1.1fr .55fr 1fr; gap:6px; font-size:10px; }
  .bb-refined.bb-clean-features .bb-bcg-rule strong { font-size:10px; padding:5px 7px; }
  .bb-refined.bb-clean-features .bb-bcg-rule-op { font-size:9px; }
  .bb-refined.bb-clean-features .bb-bcg-audience-result { gap:9px; padding:12px; }
  .bb-refined.bb-clean-features .bb-bcg-audience-result strong { font-size:11px; }
  .bb-refined.bb-clean-features .bb-bcg-audience-result > svg { display:none; }
  .bb-refined.bb-clean-features .bb-bcg-schedule-header { padding:18px; gap:15px; }
  .bb-refined.bb-clean-features .bb-bcg-campaign > strong { font-size:14px; }
  .bb-refined.bb-clean-features .bb-bcg-date { width:65px; }
  .bb-refined.bb-clean-features .bb-bcg-schedule-details { margin-inline:18px; }
  .bb-refined.bb-clean-features .bb-bcg-schedule-path { font-size:9px; gap:8px; }
  .bb-refined.bb-clean-features .bb-bcg-schedule-path li { flex-direction:column; gap:5px; text-align:center; }
  .bb-refined.bb-clean-features .bb-bcg-action-message { padding:16px; grid-template-columns:1fr; gap:13px; }
  .bb-refined.bb-clean-features .bb-bcg-promo { grid-column:1; grid-row:auto; flex-direction:row; align-items:center; justify-content:space-between; gap:10px; padding:13px; }
  .bb-refined.bb-clean-features .bb-bcg-promo > span:first-child { max-width:44px; line-height:1.7; }
  .bb-refined.bb-clean-features .bb-bcg-promo > strong { margin:0; font-size:35px; }
  .bb-refined.bb-clean-features .bb-bcg-promo > span:last-child { max-width:73px; line-height:1.7; }
  .bb-refined.bb-clean-features .bb-bcg-action-labels { padding-inline:16px; gap:27px; }
  .bb-refined.bb-clean-features .bb-bcg-actions { padding-inline:16px; }
  .bb-refined.bb-clean-features .bb-bcg-actions li { gap:8px; grid-template-columns:minmax(0,1fr) 15px minmax(0,1fr); }
  .bb-refined.bb-clean-features .bb-bcg-action-label { font-size:11px; gap:5px; }
  .bb-refined.bb-clean-features .bb-bcg-action-outcome { font-size:9px; }
  .bb-refined.bb-clean-features .bb-bcg > .bb-bcg-footnote { padding:12px 15px; font-size:10.5px; }
}
@container (max-width:340px) {
  .bb-refined.bb-clean-features .bb-bcg-promo { display:grid; grid-template-columns:auto 1fr; gap:7px 14px; }
  .bb-refined.bb-clean-features .bb-bcg-promo > span:first-child { grid-column:1/-1; max-width:none; }
  .bb-refined.bb-clean-features .bb-bcg-promo > span:last-child { max-width:none; }
}


.bb-refined.bb-clean-features .bb-bcg .bb-bcg-swap { display:grid; min-width:0; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-swap > [data-bcg-frame] { grid-area:1/1; opacity:0; visibility:hidden; transition:opacity .32s ease; }
.bb-refined.bb-clean-features .bb-bcg[data-stage="0"] [data-bcg-frame="0"],
.bb-refined.bb-clean-features .bb-bcg[data-stage="1"] [data-bcg-frame="1"],
.bb-refined.bb-clean-features .bb-bcg[data-stage="2"] [data-bcg-frame="2"],
.bb-refined.bb-clean-features .bb-bcg[data-stage="3"] [data-bcg-frame="3"] { opacity:1; visibility:visible; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-motion-description { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }


.bb-refined.bb-clean-features .bb-bcg .bb-bcg-fields > div { transition:background .3s,box-shadow .3s; }
.bb-refined.bb-clean-features .bb-bcg[data-stage="1"] .bb-bcg-fields > div:first-child,
.bb-refined.bb-clean-features .bb-bcg[data-stage="2"] .bb-bcg-fields > div:last-child { background:#f0f2f4; box-shadow:0 0 0 5px #f0f2f4; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-transfer { transition:color .3s; }
.bb-refined.bb-clean-features .bb-bcg:is([data-stage="1"],[data-stage="2"]) .bb-bcg-transfer { color:#08785b; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-message { transition:background .35s,border-color .35s; }
.bb-refined.bb-clean-features .bb-bcg[data-stage="0"] .bb-bcg-message { background:#f7f8fa; border-color:#e3e5e8; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-message-receipt { opacity:0; transition:opacity .3s; }
.bb-refined.bb-clean-features .bb-bcg[data-stage="3"] .bb-bcg-message-receipt { opacity:1; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-auto { opacity:.5; transition:opacity .3s; }
.bb-refined.bb-clean-features .bb-bcg[data-stage="3"] .bb-bcg-auto { opacity:1; }


.bb-refined.bb-clean-features .bb-bcg .bb-bcg-filter-chips { display:grid; grid-template-columns:1.25fr 1fr .7fr; gap:7px; list-style:none; padding:13px 14px; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-filter-chips li { position:relative; min-width:0; padding:8px 9px; border:1px dashed #e3e5e8; background:#fafbfc; border-radius:7px; transition:background .3s,border-color .3s; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-filter-chips li > span { display:block; color:#626974; font-size:9px; margin-bottom:3px; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-filter-chips strong { display:block; font-size:11px; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-filter-chips svg { position:absolute; right:6px; top:6px; width:12px; height:12px; color:#08785b; opacity:0; }
.bb-refined.bb-clean-features .bb-bcg:is([data-stage="1"],[data-stage="2"],[data-stage="3"]) [data-filter="1"],
.bb-refined.bb-clean-features .bb-bcg:is([data-stage="2"],[data-stage="3"]) [data-filter="2"],
.bb-refined.bb-clean-features .bb-bcg[data-stage="3"] [data-filter="3"] { border-style:solid; border-color:#c9cfd6; background:#f0f2f4; }
.bb-refined.bb-clean-features .bb-bcg:is([data-stage="1"],[data-stage="2"],[data-stage="3"]) [data-filter="1"] svg,
.bb-refined.bb-clean-features .bb-bcg:is([data-stage="2"],[data-stage="3"]) [data-filter="2"] svg,
.bb-refined.bb-clean-features .bb-bcg[data-stage="3"] [data-filter="3"] svg { opacity:1; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-list-heading { padding:0 14px 8px; color:#626974; font-size:9px; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-audience-list { padding:0 14px; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-audience-contact { display:flex; align-items:center; gap:9px; padding:7px 0; border-top:1px solid #e3e5e8; transition:opacity .35s,background .35s; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-audience-contact > div { flex:1; min-width:0; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-audience-contact strong { display:block; font-size:12px; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-audience-contact small { display:block; color:#626974; font-size:10px; margin-top:2px; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-match { display:flex; align-items:center; gap:4px; color:#626974; font-size:9px; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-match svg { width:13px; height:13px; }
.bb-refined.bb-clean-features .bb-bcg [data-excluded="true"] { opacity:.5; }
.bb-refined.bb-clean-features .bb-bcg [data-excluded="true"] .bb-bcg-match svg { opacity:0; }
.bb-refined.bb-clean-features .bb-bcg[data-stage="3"] [data-excluded="false"] { background:#f0f2f4; box-shadow:0 0 0 6px #f0f2f4; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-audience-summary { display:flex; align-items:center; gap:7px; padding:12px 14px; border-top:1px solid var(--bcg-line); background:#f7f8fa; color:#626974; font-size:11px; }


.bb-refined.bb-clean-features .bb-bcg .bb-bcg-stage-icon { color:#626974; border-color:#e3e5e8; background:#f7f8fa; transition:all .3s; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-status-flow li:first-child .bb-bcg-stage-icon,
.bb-refined.bb-clean-features .bb-bcg:is([data-stage="1"],[data-stage="2"],[data-stage="3"]) .bb-bcg-status-flow li:nth-child(2) .bb-bcg-stage-icon,
.bb-refined.bb-clean-features .bb-bcg:is([data-stage="2"],[data-stage="3"]) .bb-bcg-status-flow li:nth-child(3) .bb-bcg-stage-icon,
.bb-refined.bb-clean-features .bb-bcg[data-stage="3"] .bb-bcg-status-flow li:nth-child(4) .bb-bcg-stage-icon { background:#f0f2f4; border-color:#c9cfd6; color:#08785b; }
.bb-refined.bb-clean-features .bb-bcg [data-tracked-contact] { background:#f0f2f4; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-table .bb-bcg-swap { min-height:24px; align-items:center; }


.bb-refined.bb-clean-features .bb-bcg .bb-bcg-date,
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-schedule-details > div { transition:box-shadow .3s,background .3s; }
.bb-refined.bb-clean-features .bb-bcg[data-stage="0"] .bb-bcg-date { box-shadow:0 0 0 3px #dce1e7; }
.bb-refined.bb-clean-features .bb-bcg[data-stage="1"] .bb-bcg-schedule-details > div:last-child { background:#f0f2f4; box-shadow:0 0 0 8px #f0f2f4; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-clock-line { display:flex; align-items:center; gap:7px; margin-top:15px; padding:11px 12px; border:1px solid #e3e5e8; border-radius:7px; background:#fff; font-size:10px; color:#626974; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-clock-line > strong { font-size:11px; margin-left:auto; font-variant-numeric:tabular-nums; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-clock-result { display:flex; align-items:center; gap:4px; opacity:0; color:#08785b; }
.bb-refined.bb-clean-features .bb-bcg[data-stage="3"] .bb-bcg-clock-result { opacity:1; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-clock-result svg { width:13px; height:13px; }
.bb-refined.bb-clean-features .bb-bcg[data-stage="3"] .bb-bcg-schedule-path > li:last-child { color:#08785b; font-weight:600; }


.bb-refined.bb-clean-features .bb-bcg .bb-bcg-promo { display:grid; align-items:stretch; padding:15px; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-offer-scene,
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-shop-scene { grid-area:1/1; display:flex; flex-direction:column; justify-content:center; gap:5px; transition:opacity .35s,transform .35s; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-offer-scene > span:first-child { font-size:9px; letter-spacing:.04em; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-offer-scene > strong { color:#20242b; font:600 43px/1.2 var(--p-head); letter-spacing:-.05em; white-space:nowrap; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-offer-scene > strong > span { font-size:12px; letter-spacing:0; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-offer-scene > span:last-child { font-size:9px; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-shop-scene { opacity:0; visibility:hidden; transform:translateY(5px); align-items:center; text-align:center; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-shop-scene > svg { width:27px; height:27px; color:#08785b; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-shop-scene strong { font-size:15px; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-shop-scene > span { font-size:10px; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-shop-scene small { font-size:9px; color:#626974; }
.bb-refined.bb-clean-features .bb-bcg[data-stage="3"] .bb-bcg-offer-scene { opacity:0; visibility:hidden; transform:translateY(-5px); }
.bb-refined.bb-clean-features .bb-bcg[data-stage="3"] .bb-bcg-shop-scene { opacity:1; visibility:visible; transform:translateY(0); }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-action-label { position:relative; transition:background .3s; }
.bb-refined.bb-clean-features .bb-bcg:is([data-stage="1"],[data-stage="2"],[data-stage="3"]) .bb-bcg-actions li:first-child .bb-bcg-action-label { background:#f0f2f4; box-shadow:0 0 0 7px #f0f2f4; border-radius:3px; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-tap { position:absolute; right:0; top:-4px; color:#20242b; opacity:0; transform:translate(5px,5px); }
.bb-refined.bb-clean-features .bb-bcg[data-stage="2"] .bb-bcg-tap { opacity:1; animation:bb-bcg-tap .8s ease both; }
.bb-refined.bb-clean-features .bb-bcg[data-stage="2"] .bb-bcg-actions li:first-child .bb-bcg-action-arrow { color:#08785b; animation:bb-bcg-travel .8s ease both; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-action-outcome { opacity:.45; transition:opacity .35s; }
.bb-refined.bb-clean-features .bb-bcg[data-stage="3"] .bb-bcg-actions li:first-child .bb-bcg-action-outcome { opacity:1; color:#08785b; }
@keyframes bb-bcg-tap { 0% {transform:translate(7px,7px) scale(1.15)} 55% {transform:translate(0,0) scale(.9)} 100% {transform:translate(0,0) scale(1)} }
@keyframes bb-bcg-travel { from {transform:translateX(-5px);opacity:.2} to {transform:translateX(0);opacity:1} }
.bb-refined.bb-clean-features .bb-bcg[data-playing="false"] * { animation-play-state:paused; }
@container(max-width:440px) {
 .bb-refined.bb-clean-features .bb-bcg .bb-bcg-filter-chips { padding:11px; gap:5px; }
 .bb-refined.bb-clean-features .bb-bcg .bb-bcg-filter-chips li { padding:7px; }
 .bb-refined.bb-clean-features .bb-bcg .bb-bcg-filter-chips strong { font-size:10px; }
 .bb-refined.bb-clean-features .bb-bcg .bb-bcg-filter-chips svg { display:none; }
 .bb-refined.bb-clean-features .bb-bcg .bb-bcg-audience-contact { gap:7px; padding:10px 0; }
 .bb-refined.bb-clean-features .bb-bcg .bb-bcg-audience-contact small { font-size:9px; }
 .bb-refined.bb-clean-features .bb-bcg .bb-bcg-match { font-size:9px; }
 .bb-refined.bb-clean-features .bb-bcg .bb-bcg-match svg { display:none; }
 .bb-refined.bb-clean-features .bb-bcg .bb-bcg-clock-line { flex-wrap:wrap; font-size:9px; }
 .bb-refined.bb-clean-features .bb-bcg .bb-bcg-clock-result { width:100%; justify-content:center; }
 .bb-refined.bb-clean-features .bb-bcg .bb-bcg-promo { min-height:113px; }
 .bb-refined.bb-clean-features .bb-bcg .bb-bcg-offer-scene { flex-direction:row; align-items:center; gap:12px; }
 .bb-refined.bb-clean-features .bb-bcg .bb-bcg-offer-scene > span { flex:1; }
 .bb-refined.bb-clean-features .bb-bcg .bb-bcg-offer-scene > strong { font-size:35px; }
 .bb-refined.bb-clean-features .bb-bcg .bb-bcg-shop-scene { gap:3px; }
}
@container(max-width:340px) {
 .bb-refined.bb-clean-features .bb-bcg .bb-bcg-offer-scene { display:grid; grid-template-columns:auto 1fr; gap:6px 13px; }
 .bb-refined.bb-clean-features .bb-bcg .bb-bcg-offer-scene > span:first-child { grid-column:1/-1; }
}
@media(prefers-reduced-motion:reduce) {
 .bb-refined.bb-clean-features .bb-bcg * { animation:none!important; transition:none!important; }
}

.bb-refined.bb-clean-features .bb-bcg [data-excluded="true"] { opacity:1; background:#fafbfc; }
.bb-refined.bb-clean-features .bb-bcg [data-excluded="true"] :is(strong,small,.bb-bcg-match) { color:#626974; }
.bb-refined.bb-clean-features .bb-bcg [data-excluded="true"] .bb-bcg-avatar { background:#f0f2f4; color:#626974; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-action-outcome { opacity:1; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-clock-result { visibility:hidden; }
.bb-refined.bb-clean-features .bb-bcg[data-stage="3"] .bb-bcg-clock-result { visibility:visible; }

.bb-refined.bb-clean-features .bb-bcg .bb-bcg-auto { opacity:1; }

.bb-refined.bb-clean-features .bb-bcg .bb-bcg-match { width:63px; flex-shrink:0; justify-content:flex-end; }
@container(max-width:440px) {
 .bb-refined.bb-clean-features .bb-bcg .bb-bcg-match { width:44px; }
}


.bb-refined.bb-clean-features[data-bb-feature="broadcasting"] .bb-bcg { border-radius:12px; box-shadow:0 1px 3px #20242b06,0 12px 30px -25px #20242b22; }
.bb-refined.bb-clean-features .bb-bcg > .bb-bcg-heading { padding:10px 13px; gap:9px; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-brand-icon { width:28px; height:28px; border-radius:7px; color:#424a55; background:#f7f8fa; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-brand-icon svg { width:18px; height:18px; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-heading strong { font-size:13px; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-workspace { padding:12px; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-step { gap:6px; margin-bottom:7px; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-editor { padding:10px 11px; border-radius:7px; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-editor p { margin-top:5px; line-height:1.65; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-field-heading { margin-top:8px; margin-bottom:5px; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-fields > div { padding:5px 0; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-transfer { height:123px; color:#7c8590; }
.bb-refined.bb-clean-features .bb-bcg:is([data-stage="1"],[data-stage="2"]) .bb-bcg-transfer { color:#424a55; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-chat-head { padding:8px 10px; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-chat-body { padding:11px 10px 13px; min-height:0; background:#f3f4f6; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-message { padding:10px 11px 7px; background:#f5faf7; border-color:#dfe7e2; box-shadow:0 1px 2px #20242b08; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-message p { line-height:1.65; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-message-receipt { margin-top:5px; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-auto { padding-top:6px; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-panel-title { padding:9px 11px; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-panel-title svg { color:#424a55; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-filter-chips { padding:10px 11px; gap:6px; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-filter-chips li { padding:6px 8px; border-radius:5px; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-list-heading { padding:0 11px 5px; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-audience-list { padding:0 11px; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-audience-contact { padding:5px 0; gap:8px; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-audience-contact small { margin-top:0; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-audience-summary { padding:9px 11px; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-report-head { padding:10px 11px; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-status-flow { padding:3px 11px 12px; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-stage-icon { width:30px; height:30px; margin-bottom:6px; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-status-flow li:not(:last-child)::after { top:15px; left:calc(50% + 19px); width:calc(100% - 29px); background:#d7dce2; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-table-row { padding:6px 11px; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-table-head { padding-block:6px; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-schedule-header { padding:13px; gap:14px; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-date { width:63px; border-radius:7px; box-shadow:none; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-date > strong { padding:4px; font-size:30px; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-date > span { padding:3px; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-campaign > strong { font-size:15px; margin:2px 0 6px; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-schedule-details { margin-inline:13px; padding:11px 0; gap:15px; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-schedule-details dd { margin-top:4px; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-timezone { padding:8px; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-schedule-path { margin-top:11px; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-clock-line { padding:8px 10px; margin-top:9px; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-action-message { padding:13px; gap:9px 15px; grid-template-columns:minmax(0,1fr) 130px; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-promo { padding:12px; background:#f3f4f6; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-business-icon { color:#424a55; background:#f7f8fa; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-offer-scene > strong { font-size:37px; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-shop-scene > svg { color:#424a55; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-action-labels { padding:6px 13px; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-actions { padding-inline:13px; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-actions li { padding:9px 0; }
@container(max-width:440px) {
 .bb-refined.bb-clean-features .bb-bcg > .bb-bcg-heading { flex-wrap:nowrap; padding:10px 12px; gap:8px; }
 .bb-refined.bb-clean-features .bb-bcg .bb-bcg-heading strong { font-size:12px; }
 .bb-refined.bb-clean-features .bb-bcg .bb-bcg-workspace { padding:11px; }
 .bb-refined.bb-clean-features .bb-bcg .bb-bcg-transfer { height:22px; }
 .bb-refined.bb-clean-features .bb-bcg .bb-bcg-fields { column-gap:12px; }
 .bb-refined.bb-clean-features .bb-bcg .bb-bcg-chat-head { padding:7px 10px; }
 .bb-refined.bb-clean-features .bb-bcg .bb-bcg-chat-body { padding:10px; }
 .bb-refined.bb-clean-features .bb-bcg .bb-bcg-message { max-width:none; }
 .bb-refined.bb-clean-features .bb-bcg .bb-bcg-filter-chips { padding:9px; gap:5px; }
 .bb-refined.bb-clean-features .bb-bcg .bb-bcg-filter-chips li { padding:5px 6px; }
 .bb-refined.bb-clean-features .bb-bcg .bb-bcg-audience-contact { gap:6px; }
 .bb-refined.bb-clean-features .bb-bcg .bb-bcg-audience-contact small { line-height:1.45; }
 .bb-refined.bb-clean-features .bb-bcg .bb-bcg-table-row { padding:7px 10px; }
 .bb-refined.bb-clean-features .bb-bcg .bb-bcg-schedule-header { padding:12px; gap:12px; }
 .bb-refined.bb-clean-features .bb-bcg .bb-bcg-campaign > strong { font-size:14px; }
 .bb-refined.bb-clean-features .bb-bcg .bb-bcg-schedule-path { font-size:9px; }
 .bb-refined.bb-clean-features .bb-bcg .bb-bcg-clock-line { gap:5px; }
 .bb-refined.bb-clean-features .bb-bcg .bb-bcg-action-message { padding:12px; grid-template-columns:1fr; gap:8px; }
 .bb-refined.bb-clean-features .bb-bcg .bb-bcg-promo { min-height:90px; padding:10px 12px; }
 .bb-refined.bb-clean-features .bb-bcg .bb-bcg-offer-scene > strong { font-size:32px; }
 .bb-refined.bb-clean-features .bb-bcg .bb-bcg-action-labels { padding:6px 12px; }
 .bb-refined.bb-clean-features .bb-bcg .bb-bcg-actions { padding-inline:12px; }
 .bb-refined.bb-clean-features .bb-bcg .bb-bcg-actions li { padding:8px 0; }
}


.bb-refined.bb-clean-features .bb-bcg .bb-bcg-motion-control { appearance:none; display:inline-flex; align-items:center; justify-content:center; flex:0 0 28px; width:28px; height:28px; min-height:28px; margin:0 0 0 auto; padding:5px; border:1px solid #e3e5e8; border-radius:6px; background:#fff; color:#626974; box-shadow:none; cursor:pointer; transform:none; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-motion-control:hover { background:#f0f2f4; color:#20242b; border-color:#c9cfd6; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-motion-control:focus-visible { outline:2px solid #08785b; outline-offset:3px; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-motion-control svg { width:16px; height:16px; }
.bb-refined.bb-clean-features .bb-bcg .bb-bcg-motion-control > span { display:none; }
.bb-refined.bb-clean-features .bb-bcg [data-control="pause"] [data-control-icon="pause"],
.bb-refined.bb-clean-features .bb-bcg [data-control="play"] [data-control-icon="play"],
.bb-refined.bb-clean-features .bb-bcg [data-control="replay"] [data-control-icon="replay"],
.bb-refined.bb-clean-features .bb-bcg [data-control="next"] [data-control-icon="next"] { display:flex; }

/* feature-graphics.css */
.bb-refined.bb-clean-features .bb-fg { --fg-ink:#20242b; --fg-muted:#626974; --fg-line:#e3e5e8; --fg-accent:#08785b; container-type:inline-size; border:1px solid var(--fg-line); border-radius:12px; background:#fff; color:var(--fg-ink); box-shadow:0 1px 3px #20242b06,0 12px 30px -25px #20242b22; font:400 12px/1.55 Inter,Arial,sans-serif; }
.bb-refined.bb-clean-features .bb-fg :where(p,ol,ul,dl,dd) { margin:0; }
.bb-refined.bb-clean-features .bb-fg :where(ol,ul) { padding:0; list-style:none; }
.bb-refined.bb-clean-features .bb-fg p { color:var(--fg-muted); }
.bb-refined.bb-clean-features .bb-fg strong { color:var(--fg-ink); font-weight:600; }
.bb-refined.bb-clean-features .bb-fg svg { display:block; flex-shrink:0; width:18px; height:18px; color:currentColor; }
.bb-refined.bb-clean-features .bb-fg [hidden] { display:none!important; }
.bb-refined.bb-clean-features .bb-fg [data-fm-frame][hidden] { display:block!important; visibility:hidden; pointer-events:none; }
.bb-refined.bb-clean-features .bb-fg .bb-fg-sr { position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; border:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.bb-refined.bb-clean-features .bb-fg > .bb-fg-heading { display:flex; align-items:center; gap:9px; margin:0; padding:10px 13px; border-bottom:1px solid var(--fg-line); background:#fff; }
.bb-refined.bb-clean-features .bb-fg-heading > strong { flex:1; min-width:0; font:600 13px/1.5 var(--p-head); letter-spacing:-.02em; }
.bb-refined.bb-clean-features .bb-fg .bb-fg-icon { display:inline-grid; place-items:center; flex:0 0 30px; width:30px; height:30px; border:1px solid var(--fg-line); border-radius:7px; background:#f7f8fa; color:#424a55; }
.bb-refined.bb-clean-features .bb-fg .bb-fg-heading-icon { width:28px; height:28px; flex-basis:28px; }
.bb-refined.bb-clean-features .bb-fg .bb-fg-control { appearance:none; display:inline-flex; align-items:center; justify-content:center; flex:0 0 28px; width:28px; height:28px; min-height:28px; padding:5px; margin:0; border:1px solid var(--fg-line); border-radius:6px; background:#fff; color:var(--fg-muted); box-shadow:none; transform:none; cursor:pointer; }
.bb-refined.bb-clean-features .bb-fg .bb-fg-control:hover { background:#f0f2f4; border-color:#c9cfd6; color:var(--fg-ink); }
.bb-refined.bb-clean-features .bb-fg .bb-fg-control:focus-visible { outline:2px solid var(--fg-accent); outline-offset:3px; }
.bb-refined.bb-clean-features .bb-fg .bb-fg-control > span { display:flex; }
.bb-refined.bb-clean-features .bb-fg .bb-fg-control svg { width:16px; height:16px; }
.bb-refined.bb-clean-features .bb-fg-scene { padding:12px; background:#f7f8fa; }
.bb-refined.bb-clean-features .bb-fg .bb-fg-panel-label { display:block; color:var(--fg-muted); font-size:10px; line-height:1.5; font-weight:500; }
.bb-refined.bb-clean-features .bb-fg .bb-fg-arrow { display:grid; place-items:center; color:#7c8590; }
.bb-refined.bb-clean-features .bb-fg .bb-fg-arrow svg { width:16px; height:16px; }
.bb-refined.bb-clean-features .bb-fg [data-fm-at] { transition:opacity .35s ease,transform .35s ease; }
.bb-refined.bb-clean-features .bb-fg [data-fm-revealed="false"] { visibility:hidden; opacity:0; transform:translateY(3px); }
.bb-refined.bb-clean-features .bb-fg [data-fm-revealed="true"] { visibility:visible; opacity:1; transform:none; }
.bb-refined.bb-clean-features .bb-fg [data-fm-focus] { transition:background .3s,border-color .3s,box-shadow .3s; }
.bb-refined.bb-clean-features .bb-fg .bb-fg-swap { display:grid; min-width:0; }
.bb-refined.bb-clean-features .bb-fg .bb-fg-swap > span { grid-area:1/1; min-width:0; }
.bb-refined.bb-clean-features .bb-fg .bb-fg-done { display:grid; place-items:center; flex:0 0 20px; width:20px; height:20px; margin-left:auto; color:var(--fg-accent); }
.bb-refined.bb-clean-features .bb-fg .bb-fg-done svg { width:16px; height:16px; }
.bb-refined.bb-clean-features .bb-fg .bb-fg-badge { display:inline-flex; align-items:center; gap:6px; border:1px solid var(--fg-line); border-radius:5px; padding:5px 8px; background:#fff; color:var(--fg-muted); font-size:10px; }
.bb-refined.bb-clean-features .bb-fg .bb-fg-badge svg { width:14px; height:14px; }


.bb-refined.bb-clean-features .bb-fg-flow { display:grid; grid-template-columns:repeat(var(--fg-columns),minmax(0,1fr)); gap:20px; }
.bb-refined.bb-clean-features .bb-fg-flow > li { position:relative; min-width:0; }
.bb-refined.bb-clean-features .bb-fg-flow-card { min-height:165px; height:100%; padding:12px 11px; border:1px solid var(--fg-line); border-radius:8px; background:#fff; }
.bb-refined.bb-clean-features .bb-fg-node-top { display:flex; justify-content:space-between; align-items:center; margin-bottom:11px; gap:6px; }
.bb-refined.bb-clean-features .bb-fg-number { color:var(--fg-muted); font-size:9px; }
.bb-refined.bb-clean-features .bb-fg-flow-card > strong { display:block; font:600 12px/1.5 var(--p-head); margin-bottom:5px; }
.bb-refined.bb-clean-features .bb-fg-flow-card > p { font-size:11px; line-height:1.6; }
.bb-refined.bb-clean-features .bb-fg-flow-link { display:grid; place-items:center; position:absolute; top:50%; right:-20px; width:20px; height:20px; color:#8b929c; }
.bb-refined.bb-clean-features .bb-fg-flow-link svg { width:14px; height:14px; }
.bb-refined.bb-clean-features .bb-fg-flow > li[data-fm-active="true"] .bb-fg-flow-card { border-color:#c9cfd6; background:#fafbfc; }
.bb-refined.bb-clean-features .bb-fg-flow > li[data-fm-active="true"] .bb-fg-icon { border-color:#dce1e7; color:var(--fg-accent); background:#f0f2f4; }


.bb-refined.bb-clean-features .bb-fg-progress { border:1px solid var(--fg-line); border-radius:8px; background:#fff; overflow:hidden; }
.bb-refined.bb-clean-features .bb-fg-progress-stages { display:grid; grid-template-columns:repeat(var(--fg-columns),minmax(0,1fr)); gap:10px; padding:17px 12px!important; }
.bb-refined.bb-clean-features .bb-fg-progress-stages > li { position:relative; min-width:0; display:flex; align-items:center; flex-direction:column; gap:8px; text-align:center; }
.bb-refined.bb-clean-features .bb-fg-progress-stages > li:not(:last-child)::after { content:""; position:absolute; left:calc(50% + 20px); right:calc(-50% + 10px); top:15px; height:1px; background:#d7dce2; }
.bb-refined.bb-clean-features .bb-fg-stage-glyph { display:grid; place-items:center; position:relative; width:32px; height:32px; border-radius:50%; background:#f7f8fa; border:1px solid var(--fg-line); color:var(--fg-muted); }
.bb-refined.bb-clean-features .bb-fg-stage-ring { position:absolute; inset:-1px; border:1px solid #bfc9c3; border-radius:50%; }
.bb-refined.bb-clean-features .bb-fg-progress-stages strong { font-size:10px; line-height:1.5; overflow-wrap:anywhere; }
.bb-refined.bb-clean-features .bb-fg-progress-stages [data-fm-active="true"] .bb-fg-stage-glyph { color:var(--fg-accent); background:#f0f2f4; }
.bb-refined.bb-clean-features .bb-fg-progress-detail { padding:13px; border-top:1px solid var(--fg-line); background:#fafbfc; }
.bb-refined.bb-clean-features .bb-fg-progress-current { display:flex; align-items:center; gap:10px; }
.bb-refined.bb-clean-features .bb-fg-progress-current > span:last-child { min-width:0; display:flex; flex-direction:column; gap:3px; }
.bb-refined.bb-clean-features .bb-fg-progress-current strong { font-size:12px; }
.bb-refined.bb-clean-features .bb-fg-progress-current > span > span { font-size:11px; color:var(--fg-muted); }

.bb-refined.bb-clean-features .bb-fg-timeline { padding:0 4px!important; }
.bb-refined.bb-clean-features .bb-fg-timeline > li { display:flex; position:relative; align-items:center; gap:12px; padding:11px 9px; border:1px solid transparent; border-radius:7px; }
.bb-refined.bb-clean-features .bb-fg-timeline > li:not(:last-child)::after { content:""; position:absolute; left:25px; bottom:-11px; width:1px; height:22px; background:#d7dce2; }
.bb-refined.bb-clean-features .bb-fg-timeline-node { position:relative; display:grid; place-items:center; z-index:1; flex:0 0 32px; width:32px; height:32px; border:1px solid var(--fg-line); border-radius:8px; background:#fff; color:#626974; }
.bb-refined.bb-clean-features .bb-fg-node-complete { position:absolute; inset:0; display:grid; place-items:center; border-radius:7px; background:#f3f7f4; color:var(--fg-accent); }
.bb-refined.bb-clean-features .bb-fg-timeline > li > div { min-width:0; }
.bb-refined.bb-clean-features .bb-fg-timeline strong { display:block; font-size:12px; }
.bb-refined.bb-clean-features .bb-fg-timeline p { margin-top:3px; font-size:11px; }
.bb-refined.bb-clean-features .bb-fg-timeline > li[data-fm-active="true"] { background:#fff; border-color:#d7dce2; }


.bb-refined.bb-clean-features .bb-fg-mapping,.bb-refined.bb-clean-features .bb-fg-record-panel { overflow:hidden; border:1px solid var(--fg-line); border-radius:8px; background:#fff; }
.bb-refined.bb-clean-features .bb-fg-map-heading { display:grid; grid-template-columns:1fr 1fr; gap:34px; padding:9px 12px; color:var(--fg-muted); font-size:10px; background:#fafbfc; border-bottom:1px solid var(--fg-line); }
.bb-refined.bb-clean-features .bb-fg-map-row { display:grid; grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr); align-items:center; gap:8px; padding:10px 12px; min-height:58px; }
.bb-refined.bb-clean-features .bb-fg-map-row + .bb-fg-map-row { border-top:1px solid #edf0f2; }
.bb-refined.bb-clean-features .bb-fg-map-row dt { display:flex; align-items:center; gap:8px; min-width:0; font-size:11px; overflow-wrap:anywhere; }
.bb-refined.bb-clean-features .bb-fg-map-row dt .bb-fg-icon { width:25px; height:25px; flex-basis:25px; border-radius:5px; }
.bb-refined.bb-clean-features .bb-fg-map-row dt svg { width:15px; height:15px; }
.bb-refined.bb-clean-features .bb-fg-map-link { color:#74867d; }
.bb-refined.bb-clean-features .bb-fg-map-link svg { width:15px; height:15px; }
.bb-refined.bb-clean-features .bb-fg-map-row dd { min-width:0; }
.bb-refined.bb-clean-features .bb-fg-map-value { display:block; border:1px solid #dce1e7; border-radius:5px; padding:5px 7px; background:#f7f8fa; font-size:11px; color:#424a55; overflow-wrap:anywhere; }
.bb-refined.bb-clean-features .bb-fg-map-row[data-fm-active="true"] { background:#fafbfc; }
.bb-refined.bb-clean-features .bb-fg-map-row[data-fm-active="true"] .bb-fg-map-value { background:#f2f7f4; border-color:#d4e2d9; color:#245b43; }
.bb-refined.bb-clean-features .bb-fg-record-panel > .bb-fg-panel-label { padding:9px 12px; border-bottom:1px solid var(--fg-line); background:#fafbfc; }
.bb-refined.bb-clean-features .bb-fg-record-list > li { display:flex; align-items:center; gap:10px; padding:11px 12px; min-width:0; }
.bb-refined.bb-clean-features .bb-fg-record-list > li + li { border-top:1px solid #edf0f2; }
.bb-refined.bb-clean-features .bb-fg-record-list > li[data-fm-active="true"] { background:#f7f8fa; }
.bb-refined.bb-clean-features .bb-fg-record-list strong { display:block; font-size:11px; }
.bb-refined.bb-clean-features .bb-fg-record-list p { font-size:10px; margin-top:3px; }
.bb-refined.bb-clean-features .bb-fg-source-list > li > div { min-width:0; flex:1; }
.bb-refined.bb-clean-features .bb-fg-record-person { display:flex; align-items:center; gap:8px; min-width:0; flex:1; }
.bb-refined.bb-clean-features .bb-fg-tags { display:flex; gap:5px; flex-wrap:wrap; justify-content:flex-end; max-width:52%; }
.bb-refined.bb-clean-features .bb-fg-tags > span { border:1px solid #dce1e7; padding:3px 6px; border-radius:4px; background:#f7f8fa; color:#424a55; font-size:10px; }
.bb-refined.bb-clean-features .bb-fg-masked-number { font-size:11px; color:#626974; white-space:nowrap; }
.bb-refined.bb-clean-features .bb-fg-privacy { color:var(--fg-accent); }
.bb-refined.bb-clean-features .bb-fg-privacy svg { width:16px; height:16px; }
.bb-refined.bb-clean-features .bb-fg-models > li { display:flex; align-items:center; gap:10px; padding:11px 12px; min-height:62px; }
.bb-refined.bb-clean-features .bb-fg-models > li + li { border-top:1px solid #edf0f2; }
.bb-refined.bb-clean-features .bb-fg-models > li > div { min-width:0; flex:1; }
.bb-refined.bb-clean-features .bb-fg-models strong { font-size:12px; }
.bb-refined.bb-clean-features .bb-fg-models p { font-size:10px; margin-top:3px; }
.bb-refined.bb-clean-features .bb-fg-radio { display:grid; place-items:center; flex:0 0 15px; width:15px; height:15px; border:1px solid #c9cfd6; border-radius:50%; background:#fff; }
.bb-refined.bb-clean-features .bb-fg-models > li[data-fm-active="true"] { background:#f7f8fa; }
.bb-refined.bb-clean-features .bb-fg-models > li[data-fm-active="true"] .bb-fg-radio { border-color:var(--fg-accent); }
.bb-refined.bb-clean-features .bb-fg-models > li[data-fm-active="true"] .bb-fg-radio::after { content:""; width:7px; height:7px; background:var(--fg-accent); border-radius:50%; }
.bb-refined.bb-clean-features .bb-fg-model-selection { color:var(--fg-accent); font-size:9px; }
.bb-refined.bb-clean-features .bb-fg-trigger-labels { display:grid; grid-template-columns:1fr 1fr; gap:32px; padding:9px 12px; border-bottom:1px solid var(--fg-line); font-size:10px; color:var(--fg-muted); background:#fafbfc; }
.bb-refined.bb-clean-features .bb-fg-trigger-list > li { display:grid; grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr); align-items:center; gap:10px; padding:14px 12px; font-size:11px; }
.bb-refined.bb-clean-features .bb-fg-trigger-list > li + li { border-top:1px solid #edf0f2; }
.bb-refined.bb-clean-features .bb-fg-trigger-list > li[data-fm-active="true"] { background:#f5f7f8; }
.bb-refined.bb-clean-features .bb-fg-trigger-arrow { color:#7c8590; }
.bb-refined.bb-clean-features .bb-fg-trigger-list > li[data-fm-active="true"] .bb-fg-trigger-arrow { color:var(--fg-accent); animation:bb-fg-travel .65s ease both; }


.bb-refined.bb-clean-features .bb-fg-conversations { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); border:1px solid var(--fg-line); border-radius:8px; overflow:hidden; background:#fff; }
.bb-refined.bb-clean-features .bb-fg-conversation-list { padding:6px!important; border-right:1px solid var(--fg-line); }
.bb-refined.bb-clean-features .bb-fg-conversation-list > li { display:flex; align-items:center; gap:8px; border:1px solid transparent; border-radius:6px; padding:9px 7px; }
.bb-refined.bb-clean-features .bb-fg-conversation-list > li + li { margin-top:3px; }
.bb-refined.bb-clean-features .bb-fg-conversation-list > li[data-fm-active="true"] { background:#f0f2f4; border-color:#e3e5e8; }
.bb-refined.bb-clean-features .bb-fg-conversation-list > li > div { min-width:0; }
.bb-refined.bb-clean-features .bb-fg-conversation-list strong { display:block; font-size:10px; }
.bb-refined.bb-clean-features .bb-fg-conversation-list > li > div > span { display:block; font-size:9px; color:var(--fg-muted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.bb-refined.bb-clean-features .bb-fg-avatar { display:grid; place-items:center; flex:0 0 26px; width:26px; height:26px; border:1px solid var(--fg-line); border-radius:50%; background:#f0f2f4; color:#626974; font-size:9px; font-weight:500; }
.bb-refined.bb-clean-features .bb-fg-conversation-preview { padding:14px 12px; background:#fafbfc; }
.bb-refined.bb-clean-features .bb-fg-preview-content { display:flex; flex-direction:column; gap:10px; min-width:0; }
.bb-refined.bb-clean-features .bb-fg-preview-content > strong { font-size:12px; }
.bb-refined.bb-clean-features .bb-fg-preview-message { display:block; border:1px solid #e0e5e9; border-radius:7px 7px 7px 2px; background:#fff; padding:10px; color:#424a55; font-size:11px; line-height:1.7; }
.bb-refined.bb-clean-features .bb-fg-chat-panel { border:1px solid var(--fg-line); border-radius:8px; background:#fff; overflow:hidden; }
.bb-refined.bb-clean-features .bb-fg-chat-top { display:flex; align-items:center; gap:8px; padding:9px 11px; border-bottom:1px solid var(--fg-line); }
.bb-refined.bb-clean-features .bb-fg-chat-top > strong { font-size:11px; flex:1; }
.bb-refined.bb-clean-features .bb-fg-chat-top .bb-fg-icon { width:26px; height:26px; flex-basis:26px; border-radius:6px; }
.bb-refined.bb-clean-features .bb-fg-chat-top > svg { width:15px; height:15px; color:var(--fg-muted); }
.bb-refined.bb-clean-features .bb-fg-thread { display:flex; flex-direction:column; align-items:flex-start; gap:12px; padding:14px; background:#f3f4f6; }
.bb-refined.bb-clean-features .bb-fg-turn { display:grid; max-width:90%; min-width:0; }
.bb-refined.bb-clean-features .bb-fg-turn > * { grid-area:1/1; }
.bb-refined.bb-clean-features .bb-fg-outgoing { align-self:flex-end; }
.bb-refined.bb-clean-features .bb-fg-bubble { border:1px solid #dfe3e8; border-radius:8px 8px 8px 2px; background:#fff; padding:10px 12px; }
.bb-refined.bb-clean-features .bb-fg-bubble > span:first-child { display:block; color:var(--fg-muted); font-size:9px; margin-bottom:5px; font-weight:500; }
.bb-refined.bb-clean-features .bb-fg-bubble p { margin:0; color:var(--fg-ink); font-size:12px; line-height:1.7; }
.bb-refined.bb-clean-features .bb-fg-outgoing .bb-fg-bubble { background:#f5faf7; border-color:#dfe7e2; border-radius:8px 2px 8px 8px; }
.bb-refined.bb-clean-features .bb-fg-typing { display:flex; align-items:center; gap:10px; align-self:start; justify-self:start; padding:10px 12px; border:1px solid var(--fg-line); border-radius:7px; background:#fff; color:var(--fg-muted); font-size:10px; }
.bb-refined.bb-clean-features .bb-fg-outgoing .bb-fg-typing { justify-self:end; }
.bb-refined.bb-clean-features .bb-fg-typing-dots { display:flex; gap:3px; }
.bb-refined.bb-clean-features .bb-fg-typing-dots i { width:4px; height:4px; border-radius:50%; background:#7c8590; animation:bb-fg-typing 1s infinite ease-in-out; }
.bb-refined.bb-clean-features .bb-fg-typing-dots i:nth-child(2) { animation-delay:.15s; }
.bb-refined.bb-clean-features .bb-fg-typing-dots i:nth-child(3) { animation-delay:.3s; }
.bb-refined.bb-clean-features .bb-fg-inbox { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); overflow:hidden; border:1px solid var(--fg-line); border-radius:8px; background:#fff; }
.bb-refined.bb-clean-features .bb-fg-inbox-sidebar { padding:11px 8px; border-right:1px solid var(--fg-line); }
.bb-refined.bb-clean-features .bb-fg-inbox-sidebar > .bb-fg-panel-label { margin:0 4px 9px; }
.bb-refined.bb-clean-features .bb-fg-inbox-contact { display:flex; align-items:center; gap:7px; padding:9px 6px; margin-bottom:5px; border:1px solid transparent; border-radius:6px; }
.bb-refined.bb-clean-features .bb-fg-inbox-selected { background:#f0f2f4; border-color:#e3e5e8; }
.bb-refined.bb-clean-features .bb-fg-inbox-contact > div { min-width:0; }
.bb-refined.bb-clean-features .bb-fg-inbox-contact strong { display:block; font-size:10px; }
.bb-refined.bb-clean-features .bb-fg-inbox-contact small { display:block; font-size:9px; color:var(--fg-muted); }
.bb-refined.bb-clean-features .bb-fg-team-label { display:flex; align-items:center; gap:6px; margin:15px 5px 0; color:var(--fg-muted); font-size:9px; }
.bb-refined.bb-clean-features .bb-fg-team-label svg { width:14px; height:14px; }
.bb-refined.bb-clean-features .bb-fg-inbox-main { min-width:0; }
.bb-refined.bb-clean-features .bb-fg-assignment { display:flex; align-items:center; gap:6px; min-height:43px; padding:10px; font-size:9px; color:var(--fg-muted); border-bottom:1px solid var(--fg-line); }
.bb-refined.bb-clean-features .bb-fg-assignment > svg { width:14px; height:14px; }
.bb-refined.bb-clean-features .bb-fg-inbox .bb-fg-thread { padding:11px; gap:11px; }
.bb-refined.bb-clean-features .bb-fg-inbox .bb-fg-turn { max-width:100%; }
.bb-refined.bb-clean-features .bb-fg-inbox .bb-fg-bubble { padding:9px 10px; }
.bb-refined.bb-clean-features .bb-fg-inbox .bb-fg-bubble p { font-size:11px; }


.bb-refined.bb-clean-features .bb-fg-branch-trigger { display:flex; align-items:center; gap:10px; padding:11px 12px; border:1px solid var(--fg-line); border-radius:8px; background:#fff; font-size:12px; }
.bb-refined.bb-clean-features .bb-fg-down { display:grid; place-items:center; height:25px; color:#7c8590; }
.bb-refined.bb-clean-features .bb-fg-down svg { width:16px; height:16px; transform:rotate(90deg); }
.bb-refined.bb-clean-features .bb-fg-condition { display:flex; align-items:center; justify-content:center; gap:8px; padding:10px 12px; border:1px solid #d7dce2; border-radius:7px; background:#f0f2f4; font-size:11px; }
.bb-refined.bb-clean-features .bb-fg-condition svg { width:16px; height:16px; }
.bb-refined.bb-clean-features .bb-fg-branch-options { display:grid; grid-template-columns:repeat(var(--fg-choices),minmax(0,1fr)); gap:10px; padding-top:24px; }
.bb-refined.bb-clean-features .bb-fg-branch-option { position:relative; display:flex; flex-direction:column; align-items:center; gap:7px; padding:12px 9px; min-width:0; border:1px solid var(--fg-line); border-radius:8px; background:#fff; text-align:center; }
.bb-refined.bb-clean-features .bb-fg-branch-wire { position:absolute; top:-25px; left:50%; width:1px; height:24px; background:#c9cfd6; }
.bb-refined.bb-clean-features .bb-fg-branch-option > strong { font:600 11px/1.5 var(--p-head); }
.bb-refined.bb-clean-features .bb-fg-branch-option > span:not(.bb-fg-icon,.bb-fg-branch-wire,.bb-fg-selected-route) { font-size:10px; color:var(--fg-muted); }
.bb-refined.bb-clean-features .bb-fg-branch-option[data-fm-active="true"] { background:#f5f7f8; border-color:#c3cec7; }
.bb-refined.bb-clean-features .bb-fg-selected-route { display:flex; align-items:center; gap:4px; margin-top:3px; color:var(--fg-accent); font-size:9px; }
.bb-refined.bb-clean-features .bb-fg-selected-route svg { width:12px; height:12px; }
.bb-refined.bb-clean-features .bb-fg-branch-result { display:flex; align-items:center; gap:8px; margin-top:11px; padding:10px 12px; border:1px solid #d7e2da; border-radius:7px; background:#f5faf7; color:#365642; font-size:11px; }
.bb-refined.bb-clean-features .bb-fg-branch-result > svg { width:16px; height:16px; }
.bb-refined.bb-clean-features .bb-fg-branch-result > svg:last-child { margin-left:auto; color:var(--fg-accent); }

.bb-refined.bb-clean-features .bb-fg-personal { display:grid; grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr); align-items:start; gap:10px; }
.bb-refined.bb-clean-features .bb-fg-personal .bb-fg-panel-label { margin-bottom:8px; }
.bb-refined.bb-clean-features .bb-fg-editor { border:1px solid var(--fg-line); border-radius:7px; padding:10px 11px; background:#fff; }
.bb-refined.bb-clean-features .bb-fg-editor p { color:var(--fg-ink); font-size:12px; line-height:1.8; }
.bb-refined.bb-clean-features .bb-fg mark { border-radius:3px; padding:2px 4px; background:#e9edf0; color:var(--fg-ink); font:500 11px/1.5 Inter,Arial,sans-serif; overflow-wrap:anywhere; }
.bb-refined.bb-clean-features .bb-fg-field-values { margin-top:9px!important; }
.bb-refined.bb-clean-features .bb-fg-field-values > div { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) 16px; align-items:center; gap:6px; padding:7px 0; border-bottom:1px solid var(--fg-line); font-size:10px; }
.bb-refined.bb-clean-features .bb-fg-field-values dt { color:var(--fg-muted); overflow-wrap:anywhere; }
.bb-refined.bb-clean-features .bb-fg-field-values dd { font-weight:500; }
.bb-refined.bb-clean-features .bb-fg-field-values .bb-fg-done { width:16px; height:16px; }
.bb-refined.bb-clean-features .bb-fg-field-values .bb-fg-done svg { width:13px; height:13px; }
.bb-refined.bb-clean-features .bb-fg-personal-arrow { display:grid; place-items:center; align-self:center; color:#7c8590; }
.bb-refined.bb-clean-features .bb-fg-personal-arrow svg { width:16px; height:16px; }
.bb-refined.bb-clean-features .bb-fg-customer-panel > .bb-fg-bubble { border-color:#dfe7e2; background:#f5faf7; }
.bb-refined.bb-clean-features .bb-fg .bb-fg-message-ready { display:flex; justify-content:flex-end; align-items:center; gap:4px; margin-top:8px; font-size:9px; color:#48735c; }
.bb-refined.bb-clean-features .bb-fg-message-ready svg { width:13px; height:13px; }


.bb-refined.bb-clean-features .bb-fg-number-hub { display:flex; align-items:center; gap:10px; width:max-content; max-width:100%; margin:0 auto 14px; border:1px solid #d7dce2; border-radius:8px; background:#fff; padding:10px 15px; }
.bb-refined.bb-clean-features .bb-fg-number-hub > div { min-width:0; }
.bb-refined.bb-clean-features .bb-fg-number-hub > div > span { display:block; color:var(--fg-muted); font-size:9px; }
.bb-refined.bb-clean-features .bb-fg-number-hub strong { font:600 13px/1.5 var(--p-head); }
.bb-refined.bb-clean-features .bb-fg-coexist-panels { display:grid; grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr); gap:9px; align-items:stretch; }
.bb-refined.bb-clean-features .bb-fg-coexist-side { min-width:0; border:1px solid var(--fg-line); border-radius:8px; background:#fff; padding:12px; }
.bb-refined.bb-clean-features .bb-fg-coexist-title { display:flex; gap:7px; align-items:center; }
.bb-refined.bb-clean-features .bb-fg-coexist-title strong { font:600 11px/1.5 var(--p-head); }
.bb-refined.bb-clean-features .bb-fg-coexist-title .bb-fg-icon { width:27px; height:27px; flex-basis:27px; }
.bb-refined.bb-clean-features .bb-fg-coexist-side ul { display:grid; gap:4px; margin:12px 0; color:var(--fg-muted); font-size:10px; }
.bb-refined.bb-clean-features .bb-fg-sync-message { display:flex; align-items:center; gap:7px; border:1px solid #e0e5e9; border-radius:6px; padding:9px 7px; background:#f7f8fa; color:#424a55; font-size:10px; }
.bb-refined.bb-clean-features .bb-fg-sync-message svg { width:14px; height:14px; }
.bb-refined.bb-clean-features .bb-fg-sync-bridge { display:grid; place-items:center; color:#7c8590; }
.bb-refined.bb-clean-features .bb-fg-sync-bridge[data-fm-active="true"] > svg { animation:bb-fg-sync 1.2s ease-in-out infinite; color:var(--fg-accent); }
.bb-refined.bb-clean-features .bb-fg-sync-status { margin-top:12px; text-align:center; }
.bb-refined.bb-clean-features .bb-fg-sync-status .bb-fg-badge { justify-content:center; background:transparent; border:0; padding:0; }
.bb-refined.bb-clean-features .bb-fg-app-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; }
.bb-refined.bb-clean-features .bb-fg-app-grid > span { display:grid; place-items:center; min-width:0; min-height:37px; padding:6px 4px; border:1px solid var(--fg-line); border-radius:6px; background:#fff; color:#424a55; text-align:center; font-size:10px; }
.bb-refined.bb-clean-features .bb-fg-app-grid > span[data-fm-active="true"] { border-color:#c9cfd6; background:#f0f2f4; }
.bb-refined.bb-clean-features .bb-fg-app-path { display:grid; grid-template-columns:minmax(0,1fr) 20px minmax(0,1.15fr); align-items:stretch; gap:8px; margin-top:14px; }
.bb-refined.bb-clean-features .bb-fg-app-event,.bb-refined.bb-clean-features .bb-fg-app-engine { display:flex; align-items:center; gap:8px; min-width:0; padding:11px 10px; border:1px solid var(--fg-line); border-radius:7px; background:#fff; }
.bb-refined.bb-clean-features .bb-fg-app-path strong { display:block; font-size:11px; }
.bb-refined.bb-clean-features .bb-fg-app-path > div > div > span { display:block; color:var(--fg-muted); font-size:10px; line-height:1.5; margin-top:3px; }
.bb-refined.bb-clean-features .bb-fg-app-path [data-fm-active="true"] { background:#f0f2f4; border-color:#c9cfd6; }
.bb-refined.bb-clean-features .bb-fg-app-message { display:flex; align-items:center; gap:9px; margin-top:12px; border:1px solid #d7e2da; border-radius:7px; padding:11px; background:#f5faf7; }
.bb-refined.bb-clean-features .bb-fg-app-message > div { flex:1; min-width:0; }
.bb-refined.bb-clean-features .bb-fg-app-message strong { display:block; font-size:12px; }
.bb-refined.bb-clean-features .bb-fg-app-message > div > span { display:block; font-size:10px; color:var(--fg-muted); margin-top:3px; }
.bb-refined.bb-clean-features .bb-fg-app-message > svg { width:16px; height:16px; color:var(--fg-accent); }

@container(max-width:440px) {
 .bb-refined.bb-clean-features .bb-fg > .bb-fg-heading { gap:8px; padding:10px 11px; }
 .bb-refined.bb-clean-features .bb-fg-heading > strong { font-size:12px; }
 .bb-refined.bb-clean-features .bb-fg-scene { padding:11px; }
 .bb-refined.bb-clean-features .bb-fg-flow { grid-template-columns:1fr; gap:18px; }
 .bb-refined.bb-clean-features .bb-fg-flow-card { display:grid; grid-template-columns:35px minmax(0,1fr); align-items:center; gap:3px 9px; padding:10px; min-height:0; }
 .bb-refined.bb-clean-features .bb-fg-node-top { grid-row:1/3; display:block; margin:0; }
 .bb-refined.bb-clean-features .bb-fg-number { display:none; }
 .bb-refined.bb-clean-features .bb-fg-flow-card > strong { font-size:11px; margin:0; }
 .bb-refined.bb-clean-features .bb-fg-flow-card > p { font-size:10px; }
 .bb-refined.bb-clean-features .bb-fg-flow-link { left:50%; right:auto; top:auto; bottom:-20px; width:18px; height:20px; }
 .bb-refined.bb-clean-features .bb-fg-flow-link svg { transform:translateX(-50%) rotate(90deg); }
 .bb-refined.bb-clean-features .bb-fg-progress-stages { gap:6px; padding:15px 9px!important; }
 .bb-refined.bb-clean-features .bb-fg-progress-stages strong { font-size:9px; }
 .bb-refined.bb-clean-features .bb-fg-stage-glyph { width:28px; height:28px; }
 .bb-refined.bb-clean-features .bb-fg-progress-stages > li:not(:last-child)::after { top:14px; left:calc(50% + 18px); right:calc(-50% + 12px); }
 .bb-refined.bb-clean-features .bb-fg-progress-detail { padding:11px; }
 .bb-refined.bb-clean-features .bb-fg-timeline > li { padding:10px 6px; gap:9px; }
 .bb-refined.bb-clean-features .bb-fg-timeline > li:not(:last-child)::after { left:22px; }
 .bb-refined.bb-clean-features .bb-fg-timeline strong { font-size:11px; }
 .bb-refined.bb-clean-features .bb-fg-timeline p { font-size:10px; }
 .bb-refined.bb-clean-features .bb-fg-map-row { grid-template-columns:minmax(0,1fr) 15px minmax(0,1fr); gap:6px; padding:9px; }
 .bb-refined.bb-clean-features .bb-fg-map-heading { gap:27px; padding:8px 9px; font-size:9px; }
 .bb-refined.bb-clean-features .bb-fg-map-row dt .bb-fg-icon { display:none; }
 .bb-refined.bb-clean-features .bb-fg-map-row dt,.bb-refined.bb-clean-features .bb-fg-map-value { font-size:10px; }
 .bb-refined.bb-clean-features .bb-fg-map-value { padding:5px 6px; }
 .bb-refined.bb-clean-features .bb-fg-record-list > li { padding:10px; gap:8px; }
 .bb-refined.bb-clean-features .bb-fg-tag-list > li { align-items:flex-start; }
 .bb-refined.bb-clean-features .bb-fg-record-person .bb-fg-icon { display:none; }
 .bb-refined.bb-clean-features .bb-fg-record-person strong { font-size:10px; }
 .bb-refined.bb-clean-features .bb-fg-tags > span { font-size:9px; padding:3px 5px; }
 .bb-refined.bb-clean-features .bb-fg-masked-number { font-size:10px; }
 .bb-refined.bb-clean-features .bb-fg-models > li { padding:10px; gap:8px; }
 .bb-refined.bb-clean-features .bb-fg-models strong { font-size:11px; }
 .bb-refined.bb-clean-features .bb-fg-model-selection { font-size:8px; }
 .bb-refined.bb-clean-features .bb-fg-trigger-labels { padding-inline:10px; gap:28px; font-size:9px; }
 .bb-refined.bb-clean-features .bb-fg-trigger-list > li { padding:12px 10px; gap:7px; grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr); font-size:10px; }
 .bb-refined.bb-clean-features .bb-fg-trigger-arrow svg { width:14px; height:14px; }
 .bb-refined.bb-clean-features .bb-fg-conversations { grid-template-columns:1fr; }
 .bb-refined.bb-clean-features .bb-fg-conversation-list { border-right:0; border-bottom:1px solid var(--fg-line); }
 .bb-refined.bb-clean-features .bb-fg-conversation-list > li { padding:7px; }
 .bb-refined.bb-clean-features .bb-fg-conversation-preview { padding:11px 12px; }
 .bb-refined.bb-clean-features .bb-fg-preview-content { gap:7px; }
 .bb-refined.bb-clean-features .bb-fg-preview-content > .bb-fg-panel-label { display:none; }
 .bb-refined.bb-clean-features .bb-fg-thread { padding:11px; gap:10px; }
 .bb-refined.bb-clean-features .bb-fg-turn { max-width:95%; }
 .bb-refined.bb-clean-features .bb-fg-bubble { padding:9px 10px; }
 .bb-refined.bb-clean-features .bb-fg-bubble p { font-size:11px; }
 .bb-refined.bb-clean-features .bb-fg-inbox { grid-template-columns:1fr; }
 .bb-refined.bb-clean-features .bb-fg-inbox-sidebar { padding:8px; border-right:0; border-bottom:1px solid var(--fg-line); }
 .bb-refined.bb-clean-features .bb-fg-inbox-sidebar > .bb-fg-panel-label,.bb-refined.bb-clean-features .bb-fg-inbox-contact:not(.bb-fg-inbox-selected),.bb-refined.bb-clean-features .bb-fg-team-label { display:none; }
 .bb-refined.bb-clean-features .bb-fg-inbox-selected { margin:0; padding:6px; }
 .bb-refined.bb-clean-features .bb-fg-inbox .bb-fg-turn { max-width:95%; }
 .bb-refined.bb-clean-features .bb-fg-assignment { min-height:37px; padding:8px 11px; }
 .bb-refined.bb-clean-features .bb-fg-branch-trigger { padding:10px; gap:8px; font-size:11px; }
 .bb-refined.bb-clean-features .bb-fg-condition { padding:9px; font-size:10px; }
 .bb-refined.bb-clean-features .bb-fg-branch-options { gap:7px; padding-top:21px; }
 .bb-refined.bb-clean-features .bb-fg-branch-option { padding:10px 6px; gap:6px; }
 .bb-refined.bb-clean-features .bb-fg-branch-option > strong { font-size:10px; }
 .bb-refined.bb-clean-features .bb-fg-branch-option > span:not(.bb-fg-icon,.bb-fg-branch-wire,.bb-fg-selected-route) { font-size:9px; }
 .bb-refined.bb-clean-features .bb-fg-branch-wire { top:-22px; height:21px; }
 .bb-refined.bb-clean-features .bb-fg-selected-route { font-size:8px; gap:3px; }
 .bb-refined.bb-clean-features .bb-fg-selected-route svg { width:10px; height:10px; }
 .bb-refined.bb-clean-features .bb-fg-branch-result { padding:9px 10px; font-size:10px; }
 .bb-refined.bb-clean-features .bb-fg-personal { grid-template-columns:1fr; gap:8px; }
 .bb-refined.bb-clean-features .bb-fg-personal-arrow { height:16px; }
 .bb-refined.bb-clean-features .bb-fg-personal-arrow svg { transform:rotate(90deg); }
 .bb-refined.bb-clean-features .bb-fg-field-values { margin-top:7px!important; }
 .bb-refined.bb-clean-features .bb-fg-field-values > div { padding:5px 0; }
 .bb-refined.bb-clean-features .bb-fg-coexist-panels { gap:6px; grid-template-columns:minmax(0,1fr) 17px minmax(0,1fr); }
 .bb-refined.bb-clean-features .bb-fg-coexist-side { padding:10px 8px; }
 .bb-refined.bb-clean-features .bb-fg-coexist-title { flex-direction:column; align-items:flex-start; gap:7px; min-height:65px; }
 .bb-refined.bb-clean-features .bb-fg-coexist-title strong { font-size:10px; }
 .bb-refined.bb-clean-features .bb-fg-coexist-side ul { font-size:9px; margin:9px 0; min-height:43px; }
 .bb-refined.bb-clean-features .bb-fg-sync-message { font-size:9px; padding:7px 6px; gap:5px; }
 .bb-refined.bb-clean-features .bb-fg-sync-message svg { display:none; }
 .bb-refined.bb-clean-features .bb-fg-sync-bridge svg { width:16px; height:16px; }
 .bb-refined.bb-clean-features .bb-fg-sync-status .bb-fg-badge { font-size:9px; }
 .bb-refined.bb-clean-features .bb-fg-app-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
 .bb-refined.bb-clean-features .bb-fg-app-grid > span { min-height:31px; font-size:10px; }
 .bb-refined.bb-clean-features .bb-fg-app-path { grid-template-columns:1fr; gap:6px; margin-top:11px; }
 .bb-refined.bb-clean-features .bb-fg-app-path > .bb-fg-arrow { height:17px; }
 .bb-refined.bb-clean-features .bb-fg-app-path > .bb-fg-arrow svg { transform:rotate(90deg); }
 .bb-refined.bb-clean-features .bb-fg-app-path strong { font-size:11px; }
 .bb-refined.bb-clean-features .bb-fg-app-path > div > div > span { font-size:10px; }
 .bb-refined.bb-clean-features .bb-fg-app-event,.bb-refined.bb-clean-features .bb-fg-app-engine { padding:9px 10px; }
}
@keyframes bb-fg-typing { 0%,70%,100% {transform:translateY(0);opacity:.6} 35% {transform:translateY(-2px);opacity:1} }
@keyframes bb-fg-travel { from {transform:translateX(-4px);opacity:.4} to {transform:translateX(0);opacity:1} }
@keyframes bb-fg-sync { to {transform:rotate(360deg)} }
.bb-refined.bb-clean-features .bb-fg[data-fm-playing="false"] * { animation-play-state:paused; }
@media(prefers-reduced-motion:reduce) { .bb-refined.bb-clean-features .bb-fg * { animation:none!important; transition:none!important; } }

/* solution-polish.css */
.bb-refined.bb-solution-page .bb-fp-main {
  --p-ink: #0b1f1a;
  --p-text: #4b5c57;
  --p-muted: #6b7b76;
  --p-line: #e2ebe7;
  --p-line-2: #d3e6dd;
  --p-green: #08aa80;
  --p-green-2: #079470;
  --p-deep: #066b54;
  --p-mint: #f1faf6;
  --p-mint-2: #e3f5ec;
  --p-action: #08785b;
  --p-action-hover: #06644d;
  --p-forest: #072e25;
  --p-head: 'Plus Jakarta Sans', 'Inter Tight', Inter, sans-serif;
  --p-shadow: 0 1px 2px #0b1f1a0a, 0 8px 24px -12px #0b1f1a1f;
  color: var(--p-ink);
  background: #fff;
  padding-bottom: 0;
}

.bb-refined.bb-solution-page .bb-page-container {
  max-width: 1200px;
  padding-inline: 24px;
}

.bb-refined.bb-solution-page .bb-fp-main :is(h1, h2, h3) {
  font-family: var(--p-head) !important;
  letter-spacing: -0.028em;
  color: var(--p-ink);
}


.bb-refined.bb-solution-page .bb-solution-breadcrumb {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  font-size: 12.5px;
  margin-bottom: 16px !important;
  color: var(--p-muted);
}
.bb-refined.bb-solution-page .bb-solution-breadcrumb a {
  color: var(--p-muted);
  text-decoration: none;
  transition: color 0.15s;
}
.bb-refined.bb-solution-page .bb-solution-breadcrumb a:hover {
  color: var(--p-deep);
}
.bb-refined.bb-solution-page .bb-solution-breadcrumb .sep {
  color: #c4d4cd;
  font-size: 11px;
}
.bb-refined.bb-solution-page .bb-solution-breadcrumb .active {
  color: var(--p-deep);
  font-weight: 600;
}


.bb-refined.bb-solution-page .bb-fp-hero {
  padding-top: 36px;
  padding-bottom: 68px;
  border-bottom: 1px solid var(--p-line);
  background-color: #fff !important;
  background-image: radial-gradient(65% 90% at 50% 0%, #dff4e9 0%, #f0faf5 45%, #fff0 85%),
                    radial-gradient(#d6e8df 0.8px, transparent 1px) !important;
  background-size: 100% 100%, 22px 22px !important;
}

.bb-refined.bb-solution-page .sol-hero-split {
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  gap: 48px;
  align-items: center;
}

.bb-refined.bb-solution-page .sol-hero-left {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  text-align: left;
}

.bb-refined.bb-solution-page .sol-hero-left h1 {
  font-size: 44px;
  line-height: 1.12;
  font-weight: 800;
  letter-spacing: -0.035em;
  color: var(--p-ink);
  margin-bottom: 18px;
}

.bb-refined.bb-solution-page .sol-hero-left h1 [class*="bg-clip-text"] {
  color: var(--p-green-2) !important;
  -webkit-text-fill-color: var(--p-green-2) !important;
  background: none !important;
}

.bb-refined.bb-solution-page .sol-hero-left > p {
  font-size: 16px;
  line-height: 1.65;
  color: var(--p-text);
  max-width: 540px;
  margin-bottom: 28px;
}


.bb-refined.bb-solution-page .sol-hero-left > .bb-fp-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px 6px 9px;
  margin-bottom: 18px;
  border: 1px solid var(--p-line-2);
  border-radius: 999px;
  background: #ffffffeb;
  color: var(--p-deep);
  font-size: 0;
  box-shadow: 0 1px 2px #0b1f1a08;
}

.bb-refined.bb-solution-page .sol-hero-left > .bb-fp-eyebrow::before {
  content: "";
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  background: var(--bb-glyph) center/18px no-repeat;
}

.bb-refined.bb-solution-page .sol-hero-left > .bb-fp-eyebrow::after {
  content: attr(data-bb-label);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
  color: var(--p-deep);
}

.bb-refined.bb-solution-page .sol-hero-left > .flex:not(:last-child) {
  gap: 12px;
  margin-bottom: 22px;
}

.bb-refined.bb-solution-page .sol-hero-left a:is([href*="/register"], [href="/demo"]) {
  min-height: 48px;
  padding: 13px 26px;
  border-radius: 12px;
  font-size: 14.5px;
  font-weight: 600;
  line-height: 1.5;
  transition: all 0.15s ease;
}

.bb-refined.bb-solution-page .sol-hero-left a[href*="/register"] {
  background: var(--p-action);
  color: #fff;
  border: 1px solid var(--p-action);
  box-shadow: 0 1px 0 #ffffff40 inset, 0 10px 22px -12px #079470;
}
.bb-refined.bb-solution-page .sol-hero-left a[href*="/register"]:hover {
  background: var(--p-action-hover);
  border-color: var(--p-action-hover);
  transform: translateY(-1px);
  box-shadow: 0 1px 0 #ffffff40 inset, 0 14px 26px -12px #079470;
}

.bb-refined.bb-solution-page .sol-hero-left a[href="/demo"] {
  background: #fff;
  border: 1px solid var(--p-line-2);
  color: var(--p-deep);
  box-shadow: 0 1px 2px #0b1f1a08;
}
.bb-refined.bb-solution-page .sol-hero-left a[href="/demo"]:hover {
  background: var(--p-mint-2);
  border-color: #bad8cc;
  transform: translateY(-1px);
}

.bb-refined.bb-solution-page .sol-hero-left > .flex:last-child {
  gap: 8px 22px;
  font-size: 12.5px;
  color: var(--p-text);
  font-weight: 500;
}
.bb-refined.bb-solution-page .sol-hero-left > .flex:last-child span.text-\[\#08aa80\] {
  color: var(--p-green);
  font-size: 13px;
  font-weight: 700;
}


.bb-refined.bb-solution-page .sol-hero-right {
  position: relative;
  width: 100%;
  max-width: 440px;
  margin-inline: auto;
  padding: 0;
  display: block;
}

.bb-refined.bb-solution-page .sol-hero-right::before {
  content: "";
  position: absolute;
  inset: -24px;
  background: radial-gradient(50% 50% at 50% 50%, rgba(8, 170, 128, 0.16) 0%, transparent 75%);
  pointer-events: none;
  z-index: 0;
}

.bb-refined.bb-solution-page .sol-phone-frame {
  position: relative;
  z-index: 1;
  width: 100%;
  border: 1px solid var(--p-line-2);
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 2px 4px #0b1f1a08, 0 30px 60px -20px rgba(6, 107, 84, 0.28);
  overflow: hidden;
}

.bb-refined.bb-solution-page .sol-phone-header {
  min-height: 60px;
  padding: 12px 16px;
  background: linear-gradient(135deg, #075e54 0%, #064e3b 100%);
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.bb-refined.bb-solution-page .sol-phone-header > .flex {
  min-width: 0;
  gap: 10px;
  align-items: center;
}

.bb-refined.bb-solution-page .sol-phone-header > .flex > div:first-child {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.22);
  color: #fff;
  font-weight: 700;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.bb-refined.bb-solution-page .sol-phone-header .text-left {
  min-width: 0;
}

.bb-refined.bb-solution-page .sol-phone-header .text-left > div:first-child {
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 5px;
}

.bb-refined.bb-solution-page .sol-phone-header .text-left > div:last-child {
  color: #bbf7d0;
  font-size: 10.5px;
  line-height: 1.3;
}

.bb-refined.bb-solution-page .sol-phone-body {
  height: 350px;
  padding: 14px;
  gap: 12px;
  background-color: #efeae2;
  background-image: radial-gradient(#ded7cb 1px, transparent 1px);
  background-size: 16px 16px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}

.bb-refined.bb-solution-page .sol-phone-body > .self-center {
  padding: 4px 10px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06);
  color: #54656f;
  font-size: 10px;
  font-weight: 500;
}

.bb-refined.bb-solution-page :is(.sol-bubble-in, .sol-bubble-out) {
  max-width: 90%;
  padding: 10px 12px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
  font-size: 12.5px;
  line-height: 1.55;
}

.bb-refined.bb-solution-page .sol-bubble-in {
  background: #fff;
  border-radius: 12px 12px 12px 3px;
  border: 1px solid #e1e7e4;
  color: #111b21;
}

.bb-refined.bb-solution-page .sol-bubble-out {
  background: #d9fdd3;
  border-radius: 12px 12px 3px 12px;
  border: 1px solid #c3ebbd;
  color: #111b21;
  align-self: flex-end;
}

.bb-refined.bb-solution-page .sol-btn-chip {
  min-height: 32px;
  padding: 6px 10px;
  border: 1px solid var(--p-line-2);
  border-radius: 8px;
  background: #fff;
  color: #075e54;
  font-weight: 600;
  font-size: 11px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  transition: all 0.15s ease;
}
.bb-refined.bb-solution-page .sol-btn-chip:hover {
  background: #075e54;
  color: #fff;
  border-color: #075e54;
}


.bb-refined.bb-solution-page .sol-float-pill {
  position: absolute !important;
  display: flex !important;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(8px);
  border: 1px solid var(--p-line-2);
  box-shadow: 0 10px 24px -6px rgba(6, 107, 84, 0.2), 0 2px 6px rgba(0, 0, 0, 0.04);
  z-index: 10;
}

.bb-refined.bb-solution-page .sol-float-pill > span {
  display: flex !important;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: var(--p-mint-2);
  border: 1px solid var(--p-line-2);
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 1;
  flex-shrink: 0;
}

.bb-refined.bb-solution-page .sol-float-pill > span::after {
  content: none !important;
  display: none !important;
}

.bb-refined.bb-solution-page .sol-float-pill.-top-4 {
  top: -16px !important;
  right: -20px !important;
}

.bb-refined.bb-solution-page .sol-float-pill.-bottom-4 {
  bottom: -16px !important;
  left: -20px !important;
}

.bb-refined.bb-solution-page .sol-float-pill .text-xs {
  font-family: var(--p-head);
  font-size: 13.5px;
  font-weight: 800;
  color: var(--p-ink);
}

.bb-refined.bb-solution-page .sol-float-pill [class*="text-[10px]"] {
  font-size: 11px;
  font-weight: 600;
  color: var(--p-green-2);
}


.bb-refined.bb-solution-page .bb-rp-metrics {
  padding-block: 0;
  background: transparent;
  border: 0;
  margin-top: -36px;
  position: relative;
  z-index: 20;
}

.bb-refined.bb-solution-page .bb-rp-metrics > .bb-page-container {
  background: #fff;
  border: 1px solid var(--p-line);
  border-radius: 20px;
  box-shadow: 0 8px 30px -8px rgba(7, 46, 37, 0.12), 0 2px 4px rgba(0, 0, 0, 0.04);
  padding: 24px 20px;
  max-width: 1080px;
}

.bb-refined.bb-solution-page .bb-rp-metrics .grid {
  gap: 0;
}

.bb-refined.bb-solution-page .bb-rp-metrics .grid > div {
  padding: 8px 24px;
  border: 0;
  text-align: center;
}

.bb-refined.bb-solution-page .bb-rp-metrics .grid > div:not(:last-child) {
  border-right: 1px solid var(--p-line);
}

.bb-refined.bb-solution-page .bb-rp-metrics .grid > div > div:first-child {
  font-family: var(--p-head) !important;
  font-size: 36px;
  font-weight: 800;
  color: var(--p-green-2);
  letter-spacing: -0.04em;
  line-height: 1.15;
  margin-bottom: 4px;
}

.bb-refined.bb-solution-page .bb-rp-metrics .grid > div > div:nth-child(2) {
  font-family: var(--p-head);
  font-size: 13.5px;
  font-weight: 700;
  color: var(--p-ink);
  margin-bottom: 2px;
}

.bb-refined.bb-solution-page .bb-rp-metrics .grid > div > div:last-child {
  font-size: 12px;
  color: var(--p-muted);
}


.bb-refined.bb-solution-page .bb-fp-section:has(.sol-feature-card) {
  background: #f8faf8;
  border-block: 1px solid var(--p-line);
  padding-block: 76px;
}

.bb-refined.bb-solution-page .bb-fp-heading {
  text-align: center;
  max-width: 700px;
  margin: 0 auto 44px;
}

.bb-refined.bb-solution-page .bb-fp-heading > .inline-flex {
  padding: 5px 14px;
  margin-bottom: 14px;
  border: 1px solid var(--p-line-2);
  border-radius: 999px;
  background: #fff;
  color: var(--p-deep);
  font-size: 12px;
  font-weight: 600;
  box-shadow: 0 1px 2px #0b1f1a08;
}

.bb-refined.bb-solution-page .bb-fp-heading > h2 {
  font-size: 34px;
  line-height: 1.18;
  font-weight: 800;
  letter-spacing: -0.028em;
  color: var(--p-ink);
  margin-bottom: 12px;
}

.bb-refined.bb-solution-page .bb-fp-heading > p {
  font-size: 15.5px;
  line-height: 1.6;
  color: var(--p-text);
}

.bb-refined.bb-solution-page .sol-feature-card {
  background: #fff;
  border: 1px solid var(--p-line);
  border-radius: 20px;
  padding: 28px;
  box-shadow: 0 1px 3px rgba(11, 31, 26, 0.04);
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
  display: flex;
  flex-direction: column;
}

.bb-refined.bb-solution-page .sol-feature-card:hover {
  transform: translateY(-4px);
  border-color: var(--p-line-2);
  box-shadow: 0 14px 32px -10px rgba(6, 107, 84, 0.15);
}

.bb-refined.bb-solution-page .sol-feature-card .bb-icon-tile {
  width: 46px;
  height: 46px;
  border-radius: 13px;
  background: var(--p-mint);
  border: 1px solid var(--p-line-2);
  display: flex;
  align-items: center;
  justify-content: center;
}

.bb-refined.bb-solution-page .sol-feature-card .flex:first-child > span:last-child {
  background: var(--p-mint-2);
  color: var(--p-deep);
  font-size: 11px;
  font-weight: 700;
  padding: 4px 11px;
  border-radius: 999px;
  border: 1px solid rgba(8, 170, 128, 0.15);
}

.bb-refined.bb-solution-page .sol-feature-card h3 {
  font-family: var(--p-head) !important;
  font-size: 18px;
  font-weight: 700;
  color: var(--p-ink);
  margin-top: 16px;
  margin-bottom: 8px;
  line-height: 1.3;
}

.bb-refined.bb-solution-page .sol-feature-card p {
  font-size: 13.5px;
  line-height: 1.6;
  color: var(--p-text);
  margin-bottom: 18px;
}

.bb-refined.bb-solution-page .sol-feature-card ul {
  border-top: 1px solid #edf3ef;
  padding-top: 16px;
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.bb-refined.bb-solution-page .sol-feature-card li {
  font-size: 12.5px;
  font-weight: 500;
  color: var(--p-ink);
  display: flex;
  align-items: center;
  gap: 9px;
}


.bb-refined.bb-solution-page .sol-feature-card li > span:first-child {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--p-mint-2);
  border: 1px solid var(--p-line-2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}

.bb-refined.bb-solution-page .sol-feature-card li > span:first-child::after {
  content: "";
  width: 8px;
  height: 4.5px;
  border-left: 1.8px solid var(--p-green-2);
  border-bottom: 1.8px solid var(--p-green-2);
  transform: rotate(-45deg) translate(1px, -0.5px);
}


.bb-refined.bb-solution-page .bb-fp-section:has(.sol-table) {
  padding-block: 76px;
  background: #fff;
}

.bb-refined.bb-solution-page .sol-table {
  border: 1px solid var(--p-line);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: var(--p-shadow);
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

.bb-refined.bb-solution-page .sol-table thead,
.bb-refined.bb-solution-page .sol-table thead tr {
  background: #0f241e !important;
}

.bb-refined.bb-solution-page .sol-table th {
  padding: 16px 20px;
  font-family: var(--p-head);
  font-size: 13.5px;
  font-weight: 700;
  color: #fff !important;
  background: #0f241e !important;
  text-align: left;
}

.bb-refined.bb-solution-page .sol-table th:nth-child(2) {
  background: linear-gradient(180deg, #08aa80 0%, #068a68 100%) !important;
  color: #fff !important;
  font-size: 14.5px;
  font-weight: 800;
  border-inline: 2px solid #08aa80;
}

.bb-refined.bb-solution-page .sol-table td {
  padding: 15px 20px;
  font-size: 13px;
  border-top: 1px solid #edf2ef;
  color: var(--p-text);
  background: #fff;
}

.bb-refined.bb-solution-page .sol-table tr:hover td {
  background: #fbfdfc;
}

.bb-refined.bb-solution-page .sol-table td:nth-child(2) {
  background: #eef8f3 !important;
  color: #066b54 !important;
  font-weight: 700 !important;
  border-inline: 2px solid #08aa80;
}


.bb-refined.bb-solution-page .bb-rp-steps {
  background: #f8faf8;
  border-block: 1px solid var(--p-line);
  padding-block: 76px;
}

.bb-refined.bb-solution-page .bb-rp-steps .grid {
  gap: 24px;
  position: relative;
}

.bb-refined.bb-solution-page .sol-step-item {
  background: #fff;
  border: 1px solid var(--p-line);
  border-radius: 20px;
  padding: 34px 26px;
  box-shadow: 0 1px 3px rgba(11, 31, 26, 0.04);
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
  position: relative;
  display: flex;
  flex-direction: column;
}

.bb-refined.bb-solution-page .sol-step-item:hover {
  transform: translateY(-4px);
  border-color: var(--p-line-2);
  box-shadow: 0 14px 30px -10px rgba(6, 107, 84, 0.15);
}

.bb-refined.bb-solution-page .sol-step-item > div:first-child {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: var(--p-action);
  color: #fff;
  font-family: var(--p-head);
  font-weight: 800;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px -2px rgba(8, 170, 128, 0.45);
  margin-bottom: 20px;
  border: 0;
}

.bb-refined.bb-solution-page .sol-step-item h3 {
  font-family: var(--p-head) !important;
  font-size: 18px;
  font-weight: 700;
  color: var(--p-ink);
  margin-bottom: 8px;
}

.bb-refined.bb-solution-page .sol-step-item p {
  font-size: 13.5px;
  line-height: 1.6;
  color: var(--p-text);
  margin-bottom: 18px;
}

.bb-refined.bb-solution-page .sol-step-item > span:last-child {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 13px;
  border-radius: 999px;
  background: var(--p-mint);
  color: var(--p-deep);
  font-size: 11.5px;
  font-weight: 700;
  border: 1px solid var(--p-line-2);
  margin-top: auto;
  align-self: flex-start;
}

@media(min-width: 1024px) {
  .bb-refined.bb-solution-page .bb-rp-steps .grid > div:not(:last-child)::after {
    content: "→";
    position: absolute;
    top: 50%;
    right: -16px;
    transform: translateY(-50%);
    font-size: 24px;
    color: #9cb5ab;
    font-weight: 400;
    z-index: 10;
    pointer-events: none;
  }
}


.bb-refined.bb-solution-page .bb-rp-faq {
  padding-block: 76px;
  background: #fff;
}

.bb-refined.bb-solution-page .bb-rp-faq > .bb-page-container {
  max-width: 860px;
}

.bb-refined.bb-solution-page .bb-rp-faq button {
  width: 100%;
  padding: 20px 24px;
  background: #fff;
  border: 1px solid var(--p-line);
  border-radius: 16px;
  font-family: var(--p-head) !important;
  font-size: 16px;
  font-weight: 700;
  color: var(--p-ink);
  text-align: left;
  transition: all 0.15s ease;
  box-shadow: 0 1px 2px rgba(11, 31, 26, 0.03);
}

.bb-refined.bb-solution-page .bb-rp-faq button:hover {
  border-color: var(--p-line-2);
  background: #fafcfb;
}

.bb-refined.bb-solution-page .bb-rp-faq button + div {
  padding: 4px 24px 22px;
  font-size: 14.5px;
  line-height: 1.7;
  color: var(--p-text);
  border: 1px solid var(--p-line);
  border-top: 0;
  border-radius: 0 0 16px 16px;
  margin-top: -8px;
  margin-bottom: 14px;
  background: #fff;
}


.bb-refined.bb-solution-page .bb-fp-closing {
  padding: 60px 16px 90px !important;
  background: #fff !important;
}

.bb-refined.bb-solution-page .bb-fp-closing > .bb-page-container {
  background-color: #072e25 !important;
  background-image: radial-gradient(circle at 50% 30%, rgba(8, 170, 128, 0.3) 0%, transparent 70%),
                    radial-gradient(#184e40 1px, transparent 1px),
                    linear-gradient(135deg, #072e25 0%, #064537 50%, #0b1f1a 100%) !important;
  background-size: 100% 100%, 24px 24px, 100% 100% !important;
  border-radius: 28px !important;
  padding: 68px 36px !important;
  text-align: center !important;
  box-shadow: 0 24px 60px -20px rgba(7, 46, 37, 0.35) !important;
  max-width: 1080px !important;
  margin-inline: auto !important;
}

.bb-refined.bb-solution-page .bb-fp-closing h2 {
  font-family: var(--p-head) !important;
  font-size: 40px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  color: #fff !important;
  letter-spacing: -0.03em !important;
  margin-bottom: 16px !important;
}

.bb-refined.bb-solution-page .bb-fp-closing p {
  font-size: 16.5px !important;
  line-height: 1.6 !important;
  color: #b7e4d5 !important;
  max-width: 600px !important;
  margin: 0 auto 36px !important;
}

.bb-refined.bb-solution-page .bb-fp-closing .flex {
  gap: 14px !important;
  justify-content: center !important;
}

.bb-refined.bb-solution-page .bb-fp-closing a[href*="/register"] {
  background: #fff !important;
  color: #064e3b !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  padding: 14px 32px !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !important;
  transition: transform 0.15s, background-color 0.15s !important;
}
.bb-refined.bb-solution-page .bb-fp-closing a[href*="/register"]:hover {
  background: #f0fdf4 !important;
  transform: translateY(-2px) !important;
}

.bb-refined.bb-solution-page .bb-fp-closing a[href="/demo"] {
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  color: #fff !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  padding: 14px 28px !important;
  border-radius: 12px !important;
  backdrop-filter: blur(4px) !important;
  transition: background-color 0.15s !important;
}
.bb-refined.bb-solution-page .bb-fp-closing a[href="/demo"]:hover {
  background: rgba(255, 255, 255, 0.2) !important;
}


@media(max-width: 1023px) {
  .bb-refined.bb-solution-page .sol-hero-split {
    grid-template-columns: minmax(0, 1fr);
    gap: 36px;
  }
  .bb-refined.bb-solution-page .sol-hero-left {
    align-items: center !important;
    text-align: center !important;
    max-width: 680px;
    margin-inline: auto;
  }
  .bb-refined.bb-solution-page .sol-hero-left > p {
    margin-inline: auto;
  }
  .bb-refined.bb-solution-page .sol-hero-left > .flex {
    justify-content: center;
  }
  .bb-refined.bb-solution-page .bb-solution-breadcrumb {
    justify-content: center;
  }
  .bb-refined.bb-solution-page .sol-hero-right {
    max-width: 440px;
  }
}

@media(max-width: 767px) {
  .bb-refined.bb-solution-page .bb-fp-hero {
    padding-top: 24px;
    padding-bottom: 48px;
  }
  .bb-refined.bb-solution-page .sol-hero-left h1 {
    font-size: 32px;
  }
  .bb-refined.bb-solution-page .bb-rp-metrics {
    margin-top: -20px;
  }
  .bb-refined.bb-solution-page .bb-rp-metrics .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .bb-refined.bb-solution-page .bb-rp-metrics .grid > div:nth-child(2) {
    border-right: 0;
  }
  .bb-refined.bb-solution-page .bb-rp-metrics .grid > div:nth-child(-n+2) {
    border-bottom: 1px solid var(--p-line);
    padding-bottom: 14px;
  }
  .bb-refined.bb-solution-page .bb-rp-metrics .grid > div:nth-child(n+3) {
    padding-top: 14px;
  }
  .bb-refined.bb-solution-page .bb-fp-heading > h2 {
    font-size: 26px;
  }
  .bb-refined.bb-solution-page .bb-fp-closing h2 {
    font-size: 28px !important;
  }
  .bb-refined.bb-solution-page .bb-fp-closing .flex {
    flex-direction: column !important;
  }
  .bb-refined.bb-solution-page .bb-fp-closing a {
    width: 100% !important;
  }
  .bb-refined.bb-solution-page .sol-float-pill {
    display: none !important;
  }
}

@media(prefers-reduced-motion: reduce) {
  .bb-refined.bb-solution-page :is(.sol-feature-card, .sol-step-item, .sol-btn-chip) {
    transition: none !important;
  }
}

/* resource-polish.css */
body:not(.bb-refined) .bb-rp-toc { display:none; }

.bb-refined.bb-resource-page .bb-interior-main {
  --p-ink:#20242b; --p-text:#56616d; --p-muted:#626974; --p-deep:#20242b;
  --p-line:#e3e5e8; --p-line-2:#d7dce2; --p-mint:#f3f4f6; --p-mint-2:#f7f8fa;
}
.bb-refined.bb-resource-page .bb-page-container { max-width:1160px; }
.bb-refined.bb-resource-page .bb-fp-section { padding-block:32px; }
.bb-refined.bb-resource-page .bb-fp-hero { padding-block:28px 32px; background:#f8f9fa; background-image:none; border-color:#e3e5e8; }
.bb-refined.bb-resource-page .bb-fp-copy h1 { font-size:38px; line-height:1.17; letter-spacing:-.035em; color:#20242b; }
.bb-refined.bb-resource-page .bb-fp-copy > p { font-size:14px; line-height:1.75; color:#56616d; }
.bb-refined.bb-resource-page .bb-fp-heading { margin-bottom:24px; }
.bb-refined.bb-resource-page .bb-fp-heading h2 { font-size:27px; line-height:1.3; letter-spacing:-.025em; color:#20242b; }
.bb-refined.bb-resource-page .bb-fp-heading > p { color:#626974; }
.bb-refined.bb-resource-page .bb-fp-heading > .inline-flex { background:#f3f4f6; border-color:#e3e5e8; color:#424a55; }
.bb-refined.bb-resource-page .bb-page-card { padding:18px; border:1px solid #e3e5e8; border-radius:12px; background:#fff; box-shadow:0 1px 2px #20242b04; }
.bb-refined.bb-resource-page .bb-page-card:hover { transform:none; border-color:#cdd3db; box-shadow:0 4px 14px -11px #20242b35; }
.bb-refined.bb-resource-page .bb-page-card h3 { font-size:16px; line-height:1.45; margin-bottom:8px; color:#20242b; }
.bb-refined.bb-resource-page .bb-page-card p { font-size:13px; line-height:1.7; color:#56616d; }
.bb-refined.bb-resource-page .bb-page-card > .bb-icon-tile { width:36px; height:36px; margin-bottom:12px; border-radius:9px; background:#f7f8fa; border-color:#e3e5e8; }
.bb-refined.bb-resource-page .bb-rp-panel { padding:28px; border:1px solid #303743; border-radius:14px; background:#20262e; background-image:none; box-shadow:none; }
.bb-refined.bb-resource-page .bb-rp-panel :is(h2,h3) { color:#fff; }
.bb-refined.bb-resource-page .bb-rp-panel p { color:#cbd1d8; }
.bb-refined.bb-resource-page .bb-rp-panel :is(a,button).bg-white { color:#20242b; }
.bb-refined.bb-resource-page .bb-dark-section { background:#20262e; background-image:none; }
.bb-refined.bb-resource-page .bb-rp-faq button { padding-block:14px; color:#20242b; font-size:14px; }
.bb-refined.bb-resource-page .bb-rp-faq button + div { color:#56616d; font-size:13px; line-height:1.75; }
.bb-refined.bb-resource-page .bb-interior-main :is(input,select,textarea) { border-color:#d7dce2; border-radius:9px; background-color:#fff; color:#20242b; box-shadow:none; }
.bb-refined.bb-resource-page .bb-interior-main input { min-height:40px; font-size:13px; }
.bb-refined.bb-resource-page .bb-interior-main :is(input,select,textarea):focus { border-color:#08785b; box-shadow:0 0 0 3px #08785b12; }
.bb-refined.bb-resource-page .bb-interior-main :is(a,button,summary):focus-visible { outline:2px solid #08785b; outline-offset:3px; }
.bb-refined.bb-resource-page .bb-data-scroll { max-width:100%; overflow-x:auto; overscroll-behavior-inline:contain; border-color:#e3e5e8; border-radius:12px; scrollbar-width:thin; scrollbar-color:#bcc4ce #f7f8fa; }
.bb-refined.bb-resource-page .bb-data-scroll:focus-visible { outline:2px solid #08785b; outline-offset:3px; }
.bb-refined.bb-resource-page .bb-interior-main th { padding:11px 14px; background:#f5f6f8; color:#424a55; border-color:#e3e5e8; font-size:10.5px; line-height:1.5; letter-spacing:.045em; }
.bb-refined.bb-resource-page .bb-interior-main td { padding:10px 14px; color:#424a55; border-color:#e3e5e8; font-size:12px; line-height:1.6; font-variant-numeric:tabular-nums; }


.bb-refined.bb-resource-page[data-bb-resource="blog"] .bb-fp-copy { max-width:820px; }
.bb-refined.bb-resource-page[data-bb-resource="blog"] .bb-fp-copy > p { margin-bottom:18px; }
.bb-refined.bb-resource-page[data-bb-resource="blog"] .bb-fp-copy > .max-w-xl { max-width:540px; margin-bottom:16px; }
.bb-refined.bb-resource-page[data-bb-resource="blog"] .bb-fp-hero button { min-height:34px; padding:7px 11px; border-color:#dfe3e8; border-radius:7px; background:#fff; color:#56616d; font-size:11.5px; line-height:1.4; }
.bb-refined.bb-resource-page[data-bb-resource="blog"] .bb-fp-hero button[aria-pressed="true"] { border-color:#20242b; background:#20242b; color:#fff; }
.bb-refined.bb-resource-page[data-bb-resource="blog"] .bb-fp-section:nth-of-type(2) > .space-y-12 > * + * { margin-top:24px; }
.bb-refined.bb-resource-page[data-bb-resource="blog"] .bb-fp-section:nth-of-type(2) .grid { gap:18px; }
.bb-refined.bb-resource-page .bb-rp-featured { border-color:#e3e5e8; border-radius:13px; background:#fff; box-shadow:none; }
.bb-refined.bb-resource-page .bb-rp-featured > .blog-featured-content { padding:25px; }
.bb-refined.bb-resource-page .bb-rp-featured h2 { font-size:26px; line-height:1.35; letter-spacing:-.025em; color:#20242b; }
.bb-refined.bb-resource-page .blog-featured-img-wrap { background:#f5f6f8; }
.bb-refined.bb-resource-page .bb-rp-post { padding:0; border-color:#e3e5e8; border-radius:12px; background:#fff; box-shadow:none; }
.bb-refined.bb-resource-page .bb-rp-post:hover { transform:none; border-color:#bfc7d1; box-shadow:0 4px 15px -11px #20242b30; }
.bb-refined.bb-resource-page .bb-rp-post > div:last-child { padding:17px; }
.bb-refined.bb-resource-page .bb-rp-post h3 { font-size:16px; line-height:1.5; letter-spacing:-.012em; color:#20242b; }
.bb-refined.bb-resource-page .bb-rp-post p { font-size:13px; line-height:1.7; color:#626974; }


.bb-refined.bb-resource-page[data-bb-resource="changelog"] .bb-page-container { max-width:1020px; }
.bb-refined.bb-resource-page .bb-rp-filterbar { padding-block:0; top:60px; border-color:#e3e5e8; background:#fffffff5; box-shadow:0 2px 8px #20242b04; }
.bb-refined.bb-resource-page .bb-rp-filterbar .bb-page-container { padding-block:11px; }
.bb-refined.bb-resource-page .bb-rp-filterbar button { min-height:36px; padding:7px 12px; border-radius:7px; color:#56616d; font-size:12px; }
.bb-refined.bb-resource-page .bb-rp-filterbar button[aria-pressed="true"] { background:#20242b; border-color:#20242b; color:#fff; box-shadow:none; }
.bb-refined.bb-resource-page .bb-rp-release { border-color:#e3e5e8; border-radius:12px; background:#fff; box-shadow:none; }
.bb-refined.bb-resource-page .bb-rp-release:hover { border-color:#cdd3db; box-shadow:none; }
.bb-refined.bb-resource-page .bb-rp-release > div:first-child { gap:8px; padding:12px 16px; background:#fafbfc; border-color:#e3e5e8; font-size:13px; }
.bb-refined.bb-resource-page .bb-rp-release > div:nth-child(2) { padding:16px; }
.bb-refined.bb-resource-page .bb-rp-release .space-y-5 > * + * { margin-top:16px; }
.bb-refined.bb-resource-page .bb-rp-release h3 { color:#424a55; font-size:10px; letter-spacing:.055em; }
.bb-refined.bb-resource-page .bb-rp-release li { font-size:13px; line-height:1.7; color:#424a55; }
.bb-refined.bb-resource-page[data-bb-resource="changelog"] .bb-fp-section:nth-of-type(3) .mb-14 { margin-bottom:34px; }
.bb-refined.bb-resource-page[data-bb-resource="changelog"] .bb-fp-section:nth-of-type(3) .space-y-6 > * + * { margin-top:18px; }
.bb-refined.bb-resource-page[data-bb-resource="changelog"] .bb-fp-section:nth-of-type(3) [aria-hidden="true"].w-px { background:#dde2e8; background-image:none; }
.bb-refined.bb-resource-page[data-bb-resource="changelog"] .relative:has(> .bb-rp-release) > .absolute { border-color:#d7dce2; box-shadow:none; }


.bb-refined.bb-resource-page[data-bb-resource="onboarding"] .bb-fp-hero-layout { gap:32px; }
.bb-refined.bb-resource-page .bb-rp-progress > div { padding:22px; border-color:#e3e5e8; border-radius:13px; background:#fff; box-shadow:0 7px 22px -18px #20242b45; }
.bb-refined.bb-resource-page .bb-rp-progress h2 { font-size:21px; color:#20242b; }
.bb-refined.bb-resource-page .bb-rp-playbook { background:#f7f8fa; border-color:#e3e5e8; scroll-margin-top:78px; }
.bb-refined.bb-resource-page .bb-rp-playbook .bb-page-container > .grid { grid-template-columns:280px minmax(0,1fr); gap:18px; }
.bb-refined.bb-resource-page .bb-rp-guide-column:first-child { top:80px; }
.bb-refined.bb-resource-page .bb-rp-guide-column:first-child > button { padding:12px; border:1px solid #dfe3e8; border-radius:10px; background:#fff; box-shadow:none; }
.bb-refined.bb-resource-page .bb-rp-guide-column:first-child > button:hover { border-color:#bac4ce; background:#fafbfc; }
.bb-refined.bb-resource-page .bb-rp-guide-column:first-child > button:is([class*="border-[#08aa80]"],[aria-selected="true"]) { border-color:#b4d4c9; background:#f5faf7; box-shadow:inset 3px 0 0 #08785b; }
.bb-refined.bb-resource-page .bb-rp-guide-column:first-child > button h3 { font-size:12.5px; line-height:1.45; color:#20242b; }
.bb-refined.bb-resource-page .bb-rp-guide-column:first-child > button .w-11.h-11 { width:34px; height:34px; border:1px solid #e3e5e8; border-radius:8px; background:#f3f4f6; background-image:none; color:#424a55; box-shadow:none; }
.bb-refined.bb-resource-page .bb-rp-guide-column:first-child > button .w-11.h-11 > svg { width:17px; height:17px; }
.bb-refined.bb-resource-page .bb-rp-guide-column:last-child > .rounded-2xl { border-color:#e3e5e8; border-radius:13px; box-shadow:none; }
.bb-refined.bb-resource-page .bb-rp-guide-column:last-child h3 { font-size:21px; line-height:1.4; color:#20242b; }
.bb-refined.bb-resource-page .bb-rp-playbook p { color:#56616d; font-size:13px; line-height:1.75; }
.bb-refined.bb-resource-page .bb-rp-playbook iframe { border-radius:10px; }


.bb-refined.bb-resource-page[data-bb-resource="meta-per-message-cost"] .bb-fp-section:nth-of-type(3) > .bb-page-container > div { border-color:#e3e5e8; border-radius:13px; box-shadow:none; }
.bb-refined.bb-resource-page[data-bb-resource="meta-per-message-cost"] .bb-fp-section:nth-of-type(3) > .bb-page-container > div > div:first-child { padding:17px 18px; background:#fafbfc; background-image:none; border-color:#e3e5e8; }
.bb-refined.bb-resource-page[data-bb-resource="meta-per-message-cost"] .bb-fp-section:nth-of-type(3) h2 { font-size:20px; line-height:1.4; color:#20242b; }
.bb-refined.bb-resource-page[data-bb-resource="meta-per-message-cost"] .bb-data-scroll { border:0; border-radius:0; }
.bb-refined.bb-resource-page[data-bb-resource="meta-per-message-cost"] th:first-child { min-width:180px; background:#f5f6f8; }
.bb-refined.bb-resource-page[data-bb-resource="meta-per-message-cost"] tbody tr:hover { background:#f7f8fa; }
.bb-refined.bb-resource-page[data-bb-resource="meta-per-message-cost"] tbody tr:hover > td:first-child { background:#f7f8fa; }
.bb-refined.bb-resource-page[data-bb-resource="meta-per-message-cost"] td .text-gray-300 { color:#78818d; }
.bb-refined.bb-resource-page[data-bb-resource="message-credit-addon"] .bb-fp-section:nth-of-type(2) { background:#f7f8fa; }
.bb-refined.bb-resource-page .bb-rp-credit { padding:20px; border:1px solid #e3e5e8; border-radius:12px; background:#fff; box-shadow:none; }
.bb-refined.bb-resource-page .bb-rp-credit:hover { transform:none; border-color:#c5cdd6; box-shadow:none; }
.bb-refined.bb-resource-page .bb-rp-credit h3 { margin-bottom:7px; color:#20242b; font-size:18px; line-height:1.4; }
.bb-refined.bb-resource-page .bb-rp-credit p { color:#626974; font-size:12px; line-height:1.65; }
.bb-refined.bb-resource-page .bb-rp-credit [class*="text-4xl"] { font-size:32px; line-height:1.2; letter-spacing:-.03em; color:#20242b; }
.bb-refined.bb-resource-page .bb-rp-credit a { min-height:40px; padding-block:9px; border-radius:8px; font-size:13px; }
.bb-refined.bb-resource-page .bb-rp-credit:has(> .absolute) { border-color:#86bfa9; background:#fff; }
.bb-refined.bb-resource-page .bb-rp-credit > .absolute { background:#08785b; box-shadow:none; }
.bb-refined.bb-resource-page[data-bb-resource="support"] .bb-fp-copy { margin-bottom:24px; padding-top:0; }
.bb-refined.bb-resource-page[data-bb-resource="support"] .grid { gap:16px; margin-bottom:26px; }
.bb-refined.bb-resource-page[data-bb-resource="support"] .bb-page-card { padding:20px; text-align:left; }
.bb-refined.bb-resource-page[data-bb-resource="support"] .bb-page-card > .bb-icon-tile { margin-inline:0; margin-bottom:12px; }
.bb-refined.bb-resource-page[data-bb-resource="support"] .bb-page-container > .max-w-3xl { margin-bottom:26px; }
.bb-refined.bb-resource-page[data-bb-resource="support"] .bb-fp-hero h2 { font-size:24px; line-height:1.35; color:#20242b; }


.bb-refined.bb-resource-page .bb-rp-article { max-width:900px; padding:28px 24px 8px; color:#424a55; }
.bb-refined.bb-resource-page .bb-rp-article > nav { margin-bottom:20px; color:#626974; font-size:11px; }
.bb-refined.bb-resource-page .bb-rp-article h1 { max-width:830px; margin-bottom:14px; font-size:36px; line-height:1.22; letter-spacing:-.035em; color:#20242b; }
.bb-refined.bb-resource-page .bb-rp-article > p { font-size:16px; line-height:1.75; color:#56616d; }
.bb-refined.bb-resource-page .bb-rp-article > .border-y { padding-block:13px; margin-bottom:24px; border-color:#e3e5e8; }
.bb-refined.bb-resource-page .bb-rp-cover { margin-bottom:26px; border-color:#e3e5e8; border-radius:12px; box-shadow:none; }
.bb-refined.bb-resource-page .blog-content { max-width:740px; font-size:16px; line-height:1.85; color:#424a55; }
.bb-refined.bb-resource-page .blog-content :is(p,li) { font-size:16px!important; line-height:1.85!important; color:#424a55; }
.bb-refined.bb-resource-page .blog-content p { margin-block:0 18px; }
.bb-refined.bb-resource-page .blog-content :is(ul,ol) { margin-block:16px 22px; }
.bb-refined.bb-resource-page .blog-content li + li { margin-top:7px; }
.bb-refined.bb-resource-page .blog-content :is(h2,h3,h4) { scroll-margin-top:90px; letter-spacing:-.018em; color:#20242b; }
.bb-refined.bb-resource-page .blog-content h2 { margin:32px 0 14px!important; font-size:25px!important; line-height:1.35!important; }
.bb-refined.bb-resource-page .blog-content h3 { margin-block:25px 11px; font-size:20px!important; line-height:1.45; }
.bb-refined.bb-resource-page .blog-content a { color:#08785b; text-decoration-thickness:1px; text-underline-offset:3px; }
.bb-refined.bb-resource-page .blog-content a:hover { color:#055d46; text-decoration-thickness:2px; }
.bb-refined.bb-resource-page .blog-content blockquote { padding:17px 20px!important; border-left:3px solid #08785b!important; border-radius:0 10px 10px 0; background:#f5f6f8!important; color:#424a55; }
.bb-refined.bb-resource-page .blog-content figure { margin-block:25px!important; }
.bb-refined.bb-resource-page .blog-content figure img { border-radius:10px; }
.bb-refined.bb-resource-page .blog-content figcaption { margin-top:8px; color:#626974; font-size:12px; line-height:1.6; }
.bb-refined.bb-resource-page .blog-content table :is(th,td) { padding:11px 13px; font-size:13px; line-height:1.65; }
.bb-refined.bb-resource-page .blog-content :is(pre,code) { font-size:.875em; }
.bb-refined.bb-resource-page .blog-content pre { max-width:100%; overflow-x:auto; border:1px solid #e3e5e8; border-radius:9px; background:#f7f8fa; }


.bb-refined.bb-resource-page .bb-rp-toc { max-width:740px; margin:0 auto 28px; border:1px solid #e3e5e8; border-radius:11px; background:#fafbfc; overflow:hidden; }
.bb-refined.bb-resource-page .bb-rp-toc-title { margin:0; padding:13px 16px; color:#20242b; font:600 13px/1.5 var(--p-head); }
.bb-refined.bb-resource-page .bb-rp-toc > summary { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:46px; padding:13px 16px; list-style:none; color:#20242b; cursor:pointer; font:600 13px/1.5 var(--p-head); }
.bb-refined.bb-resource-page .bb-rp-toc > summary::-webkit-details-marker { display:none; }
.bb-refined.bb-resource-page .bb-rp-toc > summary::after { content:""; width:7px; height:7px; margin-right:3px; flex-shrink:0; border-right:1.5px solid #626974; border-bottom:1.5px solid #626974; transform:rotate(45deg); }
.bb-refined.bb-resource-page .bb-rp-toc[open] > summary::after { transform:rotate(225deg); }
.bb-refined.bb-resource-page .bb-rp-toc > summary .bb-rp-toc-title { padding:0; }
.bb-refined.bb-resource-page .bb-rp-toc-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:3px 16px; margin:0; padding:12px; border-top:1px solid #e3e5e8; list-style:none; }
.bb-refined.bb-resource-page details.bb-rp-toc:not([open]) > .bb-rp-toc-links { display:none; }
.bb-refined.bb-resource-page .bb-rp-toc-links a { display:block; min-width:0; min-height:32px; padding:6px 8px; border-radius:6px; color:#56616d; font-size:12.5px; line-height:1.55; overflow-wrap:anywhere; text-decoration:none; }
.bb-refined.bb-resource-page .bb-rp-toc-links a:hover { background:#eef1f4; color:#20242b; }

@media(max-width:1023px) {
  .bb-refined.bb-resource-page .bb-fp-copy h1 { font-size:33px; }
  .bb-refined.bb-resource-page .bb-rp-playbook .bb-page-container > .grid { grid-template-columns:250px minmax(0,1fr); }
}
@media(max-width:767px) {
  .bb-refined.bb-resource-page .bb-rp-playbook .bb-page-container > .grid { grid-template-columns:1fr; gap:18px; }
  .bb-refined.bb-resource-page .bb-rp-guide-column:first-child { position:static; }
  .bb-refined.bb-resource-page .bb-rp-toc-links { grid-template-columns:1fr; }
}
@media(max-width:639px) {
  .bb-refined.bb-resource-page .bb-page-container { padding-inline:16px; }
  .bb-refined.bb-resource-page .bb-fp-section { padding-block:26px; }
  .bb-refined.bb-resource-page .bb-fp-hero { padding-block:23px 27px; }
  .bb-refined.bb-resource-page .bb-fp-copy h1 { font-size:29px; }
  .bb-refined.bb-resource-page .bb-fp-heading h2 { font-size:23px; }
  .bb-refined.bb-resource-page .bb-fp-heading { margin-bottom:20px; }
  .bb-refined.bb-resource-page .bb-page-card { padding:17px; }
  .bb-refined.bb-resource-page .bb-rp-panel { padding:24px 20px; }
  .bb-refined.bb-resource-page .bb-rp-featured > .blog-featured-content { padding:19px; }
  .bb-refined.bb-resource-page .bb-rp-featured h2 { font-size:22px; }
  .bb-refined.bb-resource-page .bb-rp-post > div:last-child { padding:16px; }
  .bb-refined.bb-resource-page .bb-rp-filterbar { padding-block:0; }
  .bb-refined.bb-resource-page .bb-rp-filterbar button { padding:7px 10px; font-size:11.5px; }
  .bb-refined.bb-resource-page .bb-rp-release > div:first-child { padding:11px 13px; }
  .bb-refined.bb-resource-page .bb-rp-release > div:nth-child(2) { padding:14px 13px; }
  .bb-refined.bb-resource-page .bb-rp-progress > div { padding:19px; }
  .bb-refined.bb-resource-page .bb-rp-guide-column:last-child h3 { font-size:19px; }
  .bb-refined.bb-resource-page .bb-rp-credit { padding:18px; }
  .bb-refined.bb-resource-page[data-bb-resource="meta-per-message-cost"] th:first-child { min-width:155px; }
  .bb-refined.bb-resource-page .bb-interior-main :is(th,td) { padding:10px 12px; }
  .bb-refined.bb-resource-page .bb-rp-article { padding:24px 16px 4px; }
  .bb-refined.bb-resource-page .bb-rp-article h1 { font-size:29px; line-height:1.25; }
  .bb-refined.bb-resource-page .bb-rp-article > p { font-size:15px; }
  .bb-refined.bb-resource-page .blog-content :is(p,li) { font-size:15px!important; line-height:1.85!important; }
  .bb-refined.bb-resource-page .blog-content h2 { font-size:22px!important; }
  .bb-refined.bb-resource-page .blog-content h3 { font-size:19px!important; }
  .bb-refined.bb-resource-page .bb-rp-toc { margin-bottom:24px; }
  .bb-refined.bb-resource-page .bb-rp-toc-links { padding:9px; }
}
@media(prefers-reduced-motion:reduce) {
  .bb-refined.bb-resource-page :is(.bb-page-card,.bb-rp-post,.bb-rp-release,.bb-rp-credit,.bb-rp-toc a) { transition:none; }
}


.bb-refined .bb-india-rates { max-width:1040px; margin:26px auto 0; padding:18px 20px 16px; border:1px solid #cfe3da; border-radius:18px; background:#fff; box-shadow:0 1px 2px #0b1f1a0a,0 14px 34px -24px #0b1f1a33; text-align:left; }
.bb-refined .bb-india-head { display:flex; align-items:center; gap:12px; margin-bottom:14px; }
.bb-refined .bb-india-flag { font-size:26px; line-height:1; }
.bb-refined .bb-india-head strong { display:block; font-family:var(--p-head); font-size:17px; font-weight:700; color:var(--p-ink); }
.bb-refined .bb-india-head span:not(.bb-india-flag) { font-size:12.5px; color:var(--p-text); }
.bb-refined .bb-india-rates dl { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; margin:0; }
.bb-refined .bb-india-rates dl > div { padding:10px 12px; border:1px solid var(--p-line); border-radius:12px; background:#f7faf8; }
.bb-refined .bb-india-rates dt { font-size:11px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:var(--p-muted); margin-bottom:4px; }
.bb-refined .bb-india-rates dd { margin:0; font-size:18px; font-weight:700; color:var(--p-deep); font-variant-numeric:tabular-nums; }
.bb-refined .bb-india-rates small { display:block; margin-top:3px; font-size:11px; color:var(--p-text); }
@media (max-width:900px) { .bb-refined .bb-india-rates dl { grid-template-columns:repeat(2,minmax(0,1fr)); } .bb-refined .bb-india-rates dl > div:last-child { grid-column:1 / -1; } }
@media (max-width:639px) { .bb-refined .bb-india-rates { margin-top:18px; padding:14px; } .bb-refined .bb-india-rates dd { font-size:16px; } }

/* integration-pages.css */
.bb-ip-hidden { display:none !important; }
.bb-refined.bb-generated-page main.bb-interior-main { display:block; padding:60px 0 0; align-items:stretch; justify-content:flex-start; } 
.bb-refined.bb-generated-page .bb-ip-page { width:100%; }
.bb-refined.bb-integration-page .bb-ip-eyebrow img { width:20px; height:20px; border-radius:5px; object-fit:contain; background:#fff; }
.bb-refined.bb-integration-page .bb-fp-row-copy a[href*="/register"] { background:none; border:0; box-shadow:none; padding:0; height:auto; color:var(--p-deep,#08785b); font-weight:600; }
.bb-refined.bb-integration-page .bb-fp-row-copy a[href*="/register"]:hover { text-decoration:underline; }


.bb-wa { max-width:390px; margin-inline:auto; border-radius:16px; overflow:hidden; background:#efeae2; box-shadow:0 1px 2px #0b16200a,0 28px 56px -30px #0b162040; font-size:14px; line-height:1.4; color:#111b21; }
.bb-wa-head { display:flex; align-items:center; gap:10px; padding:10px 12px; background:#008069; color:#fff; }
.bb-wa-avatar { width:36px; height:36px; border-radius:50%; background:#dfe5e7; color:#54656f; display:flex !important; align-items:center; justify-content:center; font-weight:700; font-size:15px; flex:0 0 36px; }
.bb-wa-name { display:flex; flex-direction:column; flex:1; min-width:0; line-height:1.2; }
.bb-wa-name strong { display:inline-flex; align-items:center; gap:5px; font-size:15px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.bb-wa-name small { font-size:12px; color:#ffffffc7; }
.bb-wa-tools { display:flex; gap:16px; opacity:.95; }
.bb-wa-body { position:relative; display:flex; flex-direction:column; gap:4px; padding:12px 10px 14px; min-height:220px; background-color:#efeae2; background-image:radial-gradient(#d1cabf 0.8px,transparent 1px),radial-gradient(#d1cabf 0.8px,transparent 1px); background-size:22px 22px; background-position:0 0,11px 11px; }
.bb-wa-day { align-self:center; margin-bottom:6px; padding:4px 10px; border-radius:8px; background:#fff; color:#54656f; font-size:12px; box-shadow:0 1px 1px #0b16201a; }
.bb-wa-msg { position:relative; max-width:84%; padding:6px 8px 7px 9px; border-radius:8px; background:#fff; box-shadow:0 1px .5px #0b16202b; }
.bb-wa-msg + .bb-wa-msg { margin-top:2px; }
.bb-wa-them { align-self:flex-start; border-top-left-radius:0; }
.bb-wa-me { align-self:flex-end; background:#d9fdd3; border-top-right-radius:0; }
.bb-wa-msg::before { content:""; position:absolute; top:0; width:8px; height:13px; }
.bb-wa-them::before { left:-8px; background:#fff; clip-path:polygon(100% 0,0 0,100% 100%); }
.bb-wa-me::before { right:-8px; background:#d9fdd3; clip-path:polygon(0 0,100% 0,0 100%); }
.bb-wa-msg p { margin:0; padding-right:4px; }
.bb-wa-meta { float:right; display:inline-flex; align-items:center; gap:3px; margin:6px -2px -4px 8px; font-size:11px; color:#667781; }
.bb-wa-meta svg { color:#53bdeb; }
.bb-wa-cta { display:flex; align-items:center; justify-content:center; gap:6px; margin:8px -8px -7px -9px; padding:9px 8px; border-top:1px solid #0b16200f; color:#027eb5; font-weight:500; }
.bb-wa-buttons { display:flex; flex-direction:column; margin:8px -8px -7px -9px; }
.bb-wa-buttons span { padding:9px 8px; border-top:1px solid #0b16200f; color:#027eb5; font-weight:500; text-align:center; }
.bb-wa-composer { display:flex; align-items:center; gap:10px; padding:8px 10px; background:#f0f2f5; color:#54656f; }
.bb-wa-composer span { flex:1; padding:9px 14px; border-radius:20px; background:#fff; color:#8696a0; font-size:14px; }


.bb-ip-guide { display:grid; grid-template-columns:minmax(0,280px) minmax(0,1fr); gap:28px; align-items:center; max-width:880px; margin-inline:auto; padding:18px; border:1px solid #dde5ea; border-radius:18px; background:#fff; color:inherit; text-decoration:none; transition:border-color .2s, box-shadow .2s; }
.bb-ip-guide:hover { border-color:#08aa80; box-shadow:0 12px 30px -24px #0b162066; }
.bb-ip-guide img { width:100%; aspect-ratio:16/10; object-fit:cover; border-radius:12px; }
.bb-ip-guide span { display:flex; flex-direction:column; gap:8px; }
.bb-ip-guide strong { font-family:"Inter Tight",Inter,sans-serif; font-size:20px; line-height:1.25; color:#111827; }
.bb-ip-guide em { font-style:normal; font-size:14px; line-height:1.5; color:#4b5563; }
.bb-ip-guide b { display:inline-flex; align-items:center; gap:6px; font-size:14px; color:var(--p-deep,#08785b); }

@media (min-width:1024px) {
  .bb-ip-row-alt > :first-child { order:2; }
}
@media (max-width:767px) {
  .bb-ip-guide { grid-template-columns:1fr; gap:14px; }
}
.bb-refined.bb-integration-page .bb-fp-copy > .bb-fp-eyebrow::before { display:none; }
.bb-refined.bb-integration-page .bb-fp-copy .bg-gray-900 > span:first-child { white-space:nowrap; }


.bb-refined .bb-integration-tile, .bb-refined .bb-fp-app-tile { position:relative; }
.bb-ip-tile-link { position:absolute; inset:0; border-radius:inherit; }
.bb-ip-tile-link:focus-visible { outline:2px solid #08aa80; outline-offset:2px; }


.bb-fpg-steps { list-style:none; margin:0; padding:0; counter-reset:none; }
.bb-fpg-steps li { position:relative; }
.bb-fpg-step-num { display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; margin-bottom:14px; border-radius:12px; background:#08aa801a; color:var(--p-deep,#08785b); font-family:"Inter Tight",Inter,sans-serif; font-weight:700; font-size:16px; }
.bb-fpg-related { display:flex; flex-direction:column; color:inherit; text-decoration:none; transition:border-color .2s, box-shadow .2s, transform .2s; }
.bb-fpg-related:hover { border-color:#08aa80; box-shadow:0 12px 30px -24px #0b162066; transform:translateY(-2px); }
.bb-fpg-related b { display:inline-flex; align-items:center; gap:6px; margin-top:auto; padding-top:12px; font-size:14px; color:var(--p-deep,#08785b); }
.bb-fpg-related b svg { width:16px; height:16px; }

.bb-fpg-hero-tags { display:flex; flex-wrap:wrap; gap:8px 18px; list-style:none; margin:0; padding:0; }
.bb-fpg-hero-tags li { display:inline-flex; align-items:center; gap:8px; font-size:14px; font-weight:500; color:#374151; }
.bb-fpg-hero-tags li svg { width:18px; height:18px; flex:0 0 18px; }
.bb-fpg-card { position:relative; display:flex; flex-direction:column; color:inherit; text-decoration:none; transition:border-color .2s, box-shadow .2s, transform .2s; }
a.bb-fpg-card:hover { border-color:#08aa80; box-shadow:0 12px 30px -24px #0b162066; transform:translateY(-2px); }
.bb-fpg-card-tag { display:inline-block; align-self:flex-start; margin-bottom:12px; padding:4px 10px; border-radius:999px; background:#08aa8014; color:var(--p-deep,#08785b); font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.bb-fpg-card b { display:inline-flex; align-items:center; gap:6px; margin-top:auto; padding-top:12px; font-size:14px; color:var(--p-deep,#08785b); }
.bb-fpg-card b svg, .bb-fpg-link svg { width:16px; height:16px; }
.bb-fpg-link { display:inline-flex; align-items:center; gap:6px; font-weight:600; color:var(--p-deep,#08785b); }
.bb-fpg-link:hover { text-decoration:underline; }
.bb-fpg-faq { display:flex; flex-direction:column; gap:12px; }
.bb-fpg-faq details { padding:0 20px; }
.bb-fpg-faq summary { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 0; cursor:pointer; list-style:none; }
.bb-fpg-faq summary::-webkit-details-marker { display:none; }
.bb-fpg-faq summary h3 { font-size:16px; line-height:1.4; margin:0; }
.bb-fpg-faq summary i { display:inline-flex; flex:0 0 auto; color:#6b7280; transition:transform .2s; }
.bb-fpg-faq summary i svg { width:18px; height:18px; margin:0; }
.bb-fpg-faq details[open] summary i { transform:rotate(90deg); }
.bb-fpg-faq details p { margin:0; padding:0 0 18px; font-size:15px; line-height:1.6; }

.bb-fpg-panel { max-width:460px; margin-inline:auto; border:1px solid #dde5ea; border-radius:16px; background:#fff; box-shadow:0 1px 2px #0b16200a,0 28px 56px -30px #0b162040; overflow:hidden; font-size:14px; }
.bb-fpg-panel-head { display:flex; align-items:center; gap:6px; padding:12px 16px; background:#f6f8fa; border-bottom:1px solid #e5eaee; }
.bb-fpg-panel-head span { width:10px; height:10px; border-radius:50%; background:#d7dee4; }
.bb-fpg-panel-head b { margin-left:8px; font-size:13px; font-weight:600; color:#374151; }
.bb-fpg-panel-body { display:flex; flex-direction:column; gap:8px; padding:14px 16px; }
.bb-fpg-kv { display:grid; grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr); align-items:center; gap:8px; padding:9px 12px; border:1px solid #e5eaee; border-radius:10px; background:#fafbfc; }
.bb-fpg-kv code { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:12.5px; color:#0f172a; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.bb-fpg-kv i { display:inline-flex; color:#9aa6b2; }
.bb-fpg-kv i svg { width:16px; height:16px; }
.bb-fpg-kv span { font-weight:600; color:var(--p-deep,#08785b); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.bb-fpg-kv.is-phone { background:#08aa800f; border-color:#08aa8040; }
.bb-fpg-panel-foot { display:flex; justify-content:space-between; gap:12px; padding:12px 16px; border-top:1px solid #e5eaee; font-size:13px; color:#6b7280; }
.bb-fpg-panel-foot b { color:var(--p-deep,#08785b); font-weight:600; }
.bb-fpg-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.bb-fpg-metrics div { padding:12px; border-radius:10px; background:#fafbfc; border:1px solid #e5eaee; text-align:center; }
.bb-fpg-metrics b { display:block; font-family:"Inter Tight",Inter,sans-serif; font-size:22px; line-height:1.1; color:#0f172a; }
.bb-fpg-metrics span { font-size:12px; color:#6b7280; }


.bb-alt-metrics { max-width:480px; margin-inline:auto; border:1px solid #dde5ea; border-radius:18px; background:#fff; box-shadow:0 1px 2px #0b16200a,0 28px 56px -30px #0b162040; overflow:hidden; }
.bb-alt-metrics-head, .bb-alt-metric { display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:10px; align-items:center; padding:12px 16px; }
.bb-alt-metrics-head { background:#f6f8fa; border-bottom:1px solid #e5eaee; font-size:12px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:#6b7280; }
.bb-alt-metrics-head span:nth-child(2) { color:var(--p-deep,#08785b); }
.bb-alt-metric { border-bottom:1px solid #eef2f5; font-size:14px; }
.bb-alt-metric:last-of-type { border-bottom:0; }
.bb-alt-metric span { color:#374151; }
.bb-alt-metric strong { color:var(--p-deep,#08785b); font-weight:700; }
.bb-alt-metric em { font-style:normal; color:#6b7280; }
.bb-alt-source { margin:0; padding:10px 16px 14px; font-size:12px; line-height:1.5; color:#8a97a3; }
.bb-alt-table-wrap { overflow:auto; border:1px solid #dde5ea; border-radius:18px; background:#fff; }
.bb-alt-table { width:100%; border-collapse:collapse; font-size:14px; }
.bb-alt-table th, .bb-alt-table td { padding:13px 16px; text-align:left; vertical-align:top; border-bottom:1px solid #eef2f5; }
.bb-alt-table thead th { background:#f6f8fa; font-size:12px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:#6b7280; }
.bb-alt-table thead th.bb-alt-us { color:var(--p-deep,#08785b); }
.bb-alt-table tbody th { font-weight:600; color:#111827; width:32%; }
.bb-alt-table td.bb-alt-us { background:#08aa8008; }
.bb-alt-table tbody tr:last-child th, .bb-alt-table tbody tr:last-child td { border-bottom:0; }
.bb-alt-yes, .bb-alt-no, .bb-alt-part { display:inline-flex; align-items:flex-start; gap:8px; }
.bb-alt-yes svg, .bb-alt-no svg, .bb-alt-part svg { flex:0 0 18px; width:18px; height:18px; margin-top:1px; }
.bb-alt-yes { color:#111827; }
.bb-alt-yes svg { color:var(--p-deep,#08785b); }
.bb-alt-no { color:#4b5563; }
.bb-alt-no svg { color:#dc2626; }
.bb-alt-part { color:#4b5563; }
.bb-alt-part svg { color:#d97706; }
.bb-alt-plan { display:flex; flex-direction:column; gap:10px; padding:28px; border:1px solid #dde5ea; border-radius:20px; background:#fff; }
.bb-alt-plan-us { border-color:#08aa80; box-shadow:0 24px 50px -30px #08aa8066; }
.bb-alt-plan h3 { font-family:"Inter Tight",Inter,sans-serif; font-size:20px; font-weight:700; color:#111827; margin:0; }
.bb-alt-plan strong { font-family:"Inter Tight",Inter,sans-serif; font-size:30px; line-height:1.1; color:#111827; }
.bb-alt-plan-us strong { color:var(--p-deep,#08785b); }
.bb-alt-plan strong small { font-size:16px; font-weight:600; color:#6b7280; }
.bb-alt-plan p { margin:0 0 8px; font-size:14px; line-height:1.6; color:#4b5563; }
.bb-alt-plan a { align-self:flex-start; margin-top:auto; }
.bb-alt-savings { max-width:720px; margin-inline:auto; padding:24px 28px; border-radius:20px; background:#0b1620; color:#fff; }
.bb-alt-savings h3 { margin:0 0 14px; font-family:"Inter Tight",Inter,sans-serif; font-size:18px; font-weight:700; }
.bb-alt-savings dl { display:flex; flex-direction:column; gap:8px; margin:0; }
.bb-alt-savings dl div { display:flex; justify-content:space-between; gap:16px; padding-bottom:8px; border-bottom:1px solid #ffffff1a; font-size:15px; }
.bb-alt-savings dt { color:#c7d2db; }
.bb-alt-savings dd { margin:0; font-weight:600; }
.bb-alt-savings .bb-alt-savings-total { border-bottom:0; font-size:17px; }
.bb-alt-savings .bb-alt-savings-total dd { color:#4ee0b4; }
.bb-alt-savings p { margin:12px 0 0; font-size:13px; line-height:1.5; color:#9fb0bd; }
.bb-alt-honest { max-width:760px; margin-inline:auto; padding:32px; border:1px solid #dde5ea; border-radius:20px; background:#fafbfc; }
.bb-alt-honest ul { display:flex; flex-direction:column; gap:10px; margin:0; padding:0 0 0 22px; color:#374151; font-size:15px; line-height:1.6; }
.bb-alt-honest ul li { list-style:disc; }
@media (max-width:767px) {
  .bb-alt-metrics-head, .bb-alt-metric { grid-template-columns:1.2fr 1fr 1fr; padding:10px 12px; font-size:13px; }
  .bb-alt-table tbody th { width:38%; }
  .bb-alt-honest { padding:22px; }
}


.bb-refined .bb-alt-page section { padding-top:48px !important; padding-bottom:48px !important; }
.bb-refined .bb-alt-page section:first-child { padding-top:36px !important; }
.bb-refined .bb-alt-page .text-center.mb-12 { margin-bottom:28px !important; }
.bb-refined .bb-alt-page h1 { font-size:clamp(30px,3.4vw,42px) !important; line-height:1.12 !important; margin-bottom:12px !important; }
.bb-refined .bb-alt-page .bb-fp-hero .text-xl { font-size:17px !important; margin-bottom:10px !important; }
.bb-refined .bb-alt-page .bb-fp-hero .text-lg { font-size:14.5px !important; line-height:1.6 !important; margin-bottom:18px !important; }
.bb-refined .bb-alt-page .bb-fpg-hero-tags { margin-bottom:18px !important; gap:6px 14px; }
.bb-refined .bb-alt-page .bb-fpg-hero-tags li { font-size:13px; }
.bb-refined .bb-alt-page .bg-gray-900.rounded-full { padding:8px 16px !important; margin-bottom:18px !important; gap:10px !important; }
.bb-refined .bb-alt-page .bg-gray-900.rounded-full .text-2xl { font-size:18px !important; }
.bb-refined .bb-alt-page .bg-gray-900.rounded-full .text-sm { font-size:12px !important; }
.bb-refined .bb-alt-page h2 { font-size:clamp(22px,2.4vw,28px) !important; margin-bottom:8px !important; }
.bb-refined .bb-alt-page .text-center.mb-12 p { font-size:14px !important; }
.bb-refined .bb-alt-page .grid > .p-6, .bb-refined .bb-alt-page .bb-fpg-steps > li { padding:18px 20px !important; }
.bb-refined .bb-alt-page .grid > .p-6 h3, .bb-refined .bb-alt-page .bb-fpg-steps h3 { font-size:15px !important; margin-bottom:4px !important; }
.bb-refined .bb-alt-page .grid > .p-6 p, .bb-refined .bb-alt-page .bb-fpg-steps p { font-size:13px !important; line-height:1.55 !important; }
.bb-refined .bb-alt-page .grid > .p-6 .w-10 { width:34px !important; height:34px !important; margin-bottom:10px !important; }
.bb-refined .bb-alt-page .bb-fpg-step-num { width:30px; height:30px; font-size:14px; margin-bottom:10px; }
.bb-refined .bb-alt-page .grid.gap-6 { gap:14px !important; }
.bb-alt-page .bb-alt-metrics-head, .bb-alt-page .bb-alt-metric { padding:9px 14px; font-size:13px; }
.bb-alt-page .bb-alt-metrics-head { font-size:11px; }
.bb-alt-page .bb-alt-source { font-size:11.5px; padding:8px 14px 12px; }
.bb-alt-page .bb-alt-table { font-size:13px; }
.bb-alt-page .bb-alt-table th, .bb-alt-page .bb-alt-table td { padding:9px 14px; }
.bb-alt-page .bb-alt-table thead th { font-size:11px; }
.bb-alt-page .bb-alt-yes svg, .bb-alt-page .bb-alt-no svg, .bb-alt-page .bb-alt-part svg { width:15px; height:15px; flex-basis:15px; }
.bb-alt-page .bb-alt-plan { padding:20px 22px; gap:8px; }
.bb-alt-page .bb-alt-plan h3 { font-size:17px; }
.bb-alt-page .bb-alt-plan strong { font-size:26px; }
.bb-alt-page .bb-alt-plan p { font-size:13px; }
.bb-alt-page .bb-alt-savings { padding:18px 22px; }
.bb-alt-page .bb-alt-savings h3 { font-size:16px; margin-bottom:10px; }
.bb-alt-page .bb-alt-savings dl div { font-size:14px; padding-bottom:6px; }
.bb-alt-page .bb-alt-savings .bb-alt-savings-total { font-size:15px; }
.bb-alt-page .bb-alt-savings p { font-size:12px; }
.bb-alt-page .bb-alt-honest { padding:22px 26px; }
.bb-alt-page .bb-alt-honest h2 { font-size:22px !important; }
.bb-alt-page .bb-alt-honest p, .bb-alt-page .bb-alt-honest ul { font-size:14px; }
.bb-alt-page .bb-fpg-faq { gap:8px; }
.bb-alt-page .bb-fpg-faq summary { padding:13px 0; }
.bb-alt-page .bb-fpg-faq summary h3 { font-size:14.5px; }
.bb-alt-page .bb-fpg-faq details p { font-size:14px; padding-bottom:13px; }
.bb-refined .bb-alt-page .bb-fp-closing h2, .bb-refined .bb-alt-page section:last-child h2 { font-size:clamp(24px,2.6vw,30px) !important; }
.bb-refined .bb-alt-page section:last-child .text-lg { font-size:15px !important; margin-bottom:20px !important; }
.bb-refined .bb-alt-page .grid.md\:grid-cols-2.gap-6.max-w-5xl { margin-bottom:24px !important; }

/* site-polish.css */
.bb-refined.bb-solution-page .bb-page-section:not(.bb-fp-hero):not(.bb-fp-closing):not(.bb-rp-metrics) { padding-block:56px !important; }
.bb-refined.bb-solution-page .bb-fp-hero { padding-bottom:52px !important; }
.bb-refined.bb-solution-page .bb-fp-heading > h2 { font-size:30px; margin-bottom:10px; }
.bb-refined.bb-solution-page .bb-fp-heading > p { font-size:15px; }
.bb-refined.bb-solution-page .sol-hero-left > p { font-size:15px; }
.bb-refined.bb-solution-page .bb-fp-closing { padding:52px 16px 72px !important; }
.bb-refined.bb-solution-page .bb-fp-closing h2 { font-size:34px !important; }
.bb-refined.bb-solution-page .bb-fp-closing p { font-size:15.5px; }


.bb-refined:is([data-bb-page="standard"],[data-bb-page="form"]) .bb-page-hero { padding-top:46px; padding-bottom:40px; }
.bb-refined:is([data-bb-page="standard"],[data-bb-page="form"]) .bb-page-hero p { font-size:15.5px; line-height:1.6; }
.bb-refined:is([data-bb-page="standard"],[data-bb-page="form"]) .bb-page-section:not(.bb-page-hero) { padding-block:44px; }


.bb-refined:not(.bb-homepage) .bb-interior-main .text-center > p { max-width:720px; margin-inline:auto; }


.bb-refined:not(.bb-homepage) :is(.bb-page-hero,.bb-fp-hero) { position:relative; isolation:isolate; background-color:#fff !important; background-image:none !important; }
.bb-refined:not(.bb-homepage) :is(.bb-page-hero,.bb-fp-hero)::before { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background-color:#fff; background-image:radial-gradient(60% 62% at 50% 0%,#d7f3e7 0%,#eef9f4 45%,#fff0 80%),radial-gradient(#cfe3db 1px,transparent 1.2px); background-size:100% 100%,22px 22px; }
.bb-refined:not(.bb-homepage) :is(.bb-page-hero,.bb-fp-hero)::after { content:""; position:absolute; left:0; right:0; bottom:0; height:42%; z-index:-1; pointer-events:none; background:linear-gradient(180deg,#fff0,#fff); }
.bb-refined.bb-solution-page .bb-fp-hero::before { background-image:radial-gradient(55% 70% at 30% 0%,#d7f3e7 0%,#eef9f4 45%,#fff0 80%),radial-gradient(#cfe3db 1px,transparent 1.2px); }


.bb-refined:not(.bb-homepage) :is(.bb-fp-visual,.bb-fp-row-visual) { position:relative; }
.bb-refined:not(.bb-homepage) :is(.bb-fp-visual,.bb-fp-row-visual)::before { content:""; position:absolute; inset:-8% -6%; z-index:0; pointer-events:none; background:radial-gradient(55% 55% at 50% 50%,#08aa8024,transparent 72%); }
.bb-refined:not(.bb-homepage) :is(.bb-fp-visual,.bb-fp-row-visual) > :not(.absolute):not([class*="absolute"]) { position:relative; z-index:1; }


.bb-refined:not(.bb-homepage) .bb-interior-main section.bg-gray-50:not(.bb-fp-hero):not(.bb-page-hero) { background-color:#f6f9f7; background-image:radial-gradient(#e2eae5 .8px,transparent 1px); background-size:24px 24px; }
.bb-refined:not(.bb-homepage) .bb-fp-closing:not(.bb-dark-section) { background-image:radial-gradient(60% 75% at 50% 100%,#e2f4ec,#fff0 72%) !important; }

@media (max-width:767px) {
  .bb-refined.bb-solution-page .bb-page-section:not(.bb-fp-hero):not(.bb-fp-closing):not(.bb-rp-metrics) { padding-block:40px !important; }
  .bb-refined.bb-solution-page .bb-fp-heading > h2 { font-size:26px; }
  .bb-refined.bb-solution-page .bb-fp-closing { padding:40px 16px 56px !important; }
  .bb-refined.bb-solution-page .bb-fp-closing h2 { font-size:28px !important; }
  .bb-refined:not(.bb-homepage) :is(.bb-page-hero,.bb-fp-hero)::before { background-size:100% 100%,18px 18px; }
}

/* demo-page.css */
.bb-refined.bb-demo-page .bb-page-hero { padding-top:46px !important; padding-bottom:72px !important; }
.bb-refined.bb-demo-page .bb-page-hero::before { inset:0 0 auto; height:560px; }
.bb-refined.bb-demo-page .bb-page-hero::after { top:320px; bottom:auto; height:240px; }
.bb-refined.bb-demo-page .bb-page-container { max-width:1120px; }

.bb-refined .bb-demo-hero { margin-bottom:34px !important; }
.bb-refined .bb-demo-hero > div { margin-bottom:18px !important; }
.bb-refined .bb-demo-hero h1 { margin-bottom:12px !important; }
.bb-refined .bb-demo-hero p { font-size:16px; line-height:1.6; max-width:640px; }


.bb-refined .bb-demo-video { max-width:1040px !important; margin-bottom:26px !important; }
.bb-refined .bb-demo-video > div { border:0 !important; box-shadow:none !important; background:transparent !important; border-radius:16px; overflow:visible !important; }
.bb-refined .bb-demo-video .bb-yt-box { padding-bottom:0 !important; }
.bb-refined .bb-demo-video .bb-yt { border-color:#cfe0d8; box-shadow:0 2px 4px #0b1f1a0a,0 36px 64px -36px #0b1f1a66; }
.bb-refined .bb-demo-video .bb-yt > iframe { position:absolute; }


.bb-refined .bb-demo-actions { gap:12px !important; margin-bottom:72px !important; }
.bb-refined .bb-demo-actions a { height:50px; padding:0 24px !important; font-size:15px !important; box-shadow:none !important; border-radius:999px; }
.bb-refined .bb-demo-actions a:hover { box-shadow:none !important; }
.bb-refined .bb-demo-actions a.bb-demo-secondary { background:#fff !important; color:var(--p-ink) !important; border:1px solid #cfdcd6 !important; }
.bb-refined .bb-demo-actions a.bb-demo-secondary:hover { background:#f6faf8 !important; border-color:#9fbab0 !important; }


.bb-refined .bb-demo-heading { text-align:center; margin-bottom:28px; }
.bb-refined .bb-demo-heading h2 { font-family:var(--p-head); font-size:30px; font-weight:700; letter-spacing:-.01em; line-height:1.2; color:var(--p-ink); margin:0 0 10px; }
.bb-refined .bb-demo-heading p { font-size:15px; line-height:1.6; color:var(--p-text); max-width:600px; margin:0 auto; }


.bb-refined .bb-demo-covers { max-width:1100px; margin:0 auto 72px; }
.bb-refined .bb-demo-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.bb-refined .bb-demo-card { display:flex; flex-direction:column; align-items:flex-start; text-decoration:none; color:inherit; }
.bb-refined .bb-demo-card h3 { font-size:16px; font-weight:600; color:var(--p-ink); margin:0 0 6px; }
.bb-refined .bb-demo-card p { margin:0; color:var(--p-text); }
.bb-refined .bb-demo-card .bb-demo-more { margin-top:auto; padding-top:14px; font-size:13px; font-weight:600; color:var(--p-deep); }
.bb-refined .bb-demo-card .bb-demo-more::after { content:" \2192"; }
.bb-refined .bb-demo-card:hover h3 { color:var(--p-deep); }


.bb-refined .bb-demo-steps { max-width:1100px; margin:0 auto 56px; padding:40px 36px 36px; border:1px solid #e3ebe6; border-radius:20px; background-color:#f6f9f7; background-image:radial-gradient(#e2eae5 .8px,transparent 1px); background-size:24px 24px; }
.bb-refined .bb-demo-steps ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; list-style:none; margin:0; padding:0; }
.bb-refined .bb-demo-steps li { min-width:0; }
.bb-refined .bb-demo-step-n { display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:50%; background:var(--p-green); color:#fff; font-size:14px; font-weight:700; margin-bottom:14px; }
.bb-refined .bb-demo-steps h3 { font-size:16px; font-weight:600; color:var(--p-ink); margin:0 0 6px; }
.bb-refined .bb-demo-steps p { font-size:13.5px; line-height:1.65; color:var(--p-text); margin:0; }


.bb-refined .bb-demo-cta { max-width:1100px !important; }
.bb-refined .bb-demo-cta > div { padding:44px 32px !important; border:0 !important; border-radius:20px !important; background-color:var(--p-forest) !important; background-image:radial-gradient(#ffffff12 1px,transparent 1.2px),radial-gradient(60% 90% at 50% 110%,#08aa8055,#0000 70%) !important; background-size:22px 22px,100% 100%; }
.bb-refined .bb-demo-cta h2 { color:#fff !important; font-size:30px !important; margin-bottom:10px !important; }
.bb-refined .bb-demo-cta p { color:#b5d4c7 !important; font-size:15px; max-width:560px; margin:0 auto 22px !important; }
.bb-refined .bb-demo-cta a { background:#fff !important; color:var(--p-forest) !important; border:0 !important; box-shadow:none !important; min-height:50px; height:50px; padding:0 26px !important; border-radius:999px !important; font-size:15px !important; font-weight:600; }
.bb-refined .bb-demo-cta a:hover { background:var(--p-mint-2) !important; }

@media (max-width:900px) {
  .bb-refined .bb-demo-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .bb-refined .bb-demo-steps ol { grid-template-columns:1fr; gap:22px; }
  .bb-refined .bb-demo-steps { padding:30px 24px 26px; }
}
@media (max-width:639px) {
  .bb-refined.bb-demo-page .bb-page-hero { padding-top:32px !important; padding-bottom:48px !important; }
  .bb-refined.bb-demo-page .bb-page-hero::before { height:440px; }
  .bb-refined.bb-demo-page .bb-page-hero::after { top:240px; height:200px; }
  .bb-refined .bb-demo-hero { margin-bottom:24px !important; }
  .bb-refined .bb-demo-hero p { font-size:15px; }
  .bb-refined .bb-demo-video { margin-bottom:20px !important; }
  .bb-refined .bb-demo-video .bb-yt { border-radius:12px; }
  .bb-refined .bb-demo-actions { margin-bottom:48px !important; }
  .bb-refined .bb-demo-actions a { width:100%; justify-content:center; font-size:14px !important; }
  .bb-refined .bb-demo-heading h2 { font-size:25px; }
  .bb-refined .bb-demo-covers { margin-bottom:48px; }
  .bb-refined .bb-demo-grid { grid-template-columns:1fr; gap:12px; }
  .bb-refined .bb-demo-steps { margin-bottom:40px; }
  .bb-refined .bb-demo-cta > div { padding:32px 20px !important; }
  .bb-refined .bb-demo-cta h2 { font-size:25px !important; }
}


.bb-refined .bb-demo-form { max-width:1100px; margin:0 auto 56px; padding:40px 36px 36px; border:1px solid #e3ebe6; border-radius:20px; background-color:#f6f9f7; background-image:radial-gradient(#e2eae5 .8px,transparent 1px); background-size:24px 24px; }
.bb-refined .bb-demo-form .bb-demo-heading { margin-bottom:26px; }
.bb-refined .bb-demo-form-body { max-width:760px; margin:0 auto; }
.bb-refined .bb-demo-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 18px; }
.bb-refined .bb-demo-field { display:flex; flex-direction:column; min-width:0; }
.bb-refined .bb-demo-field-wide { grid-column:1 / -1; }
.bb-refined .bb-demo-field label { display:flex; align-items:baseline; gap:8px; font-size:13.5px; font-weight:600; color:var(--p-ink); margin:0 0 6px; }
.bb-refined .bb-demo-optional { font-size:11.5px; font-weight:500; color:var(--p-muted); }
.bb-refined .bb-demo-field :is(input,textarea) { width:100%; max-width:100%; min-height:46px; padding:11px 14px; border:1px solid #ccdcd3; border-radius:10px; background:#fff; color:var(--p-ink); font:400 14.5px/1.5 Inter,system-ui,sans-serif; box-shadow:0 1px 2px #0b1f1a08; transition:border-color .15s,box-shadow .15s; -webkit-appearance:none; appearance:none; }
.bb-refined .bb-demo-field textarea { min-height:104px; resize:vertical; }
.bb-refined .bb-demo-field :is(input,textarea)::placeholder { color:#93a39d; }
.bb-refined .bb-demo-field :is(input,textarea):focus { border-color:var(--p-green); outline:0; box-shadow:0 0 0 3px #c5eadd; }
.bb-refined .bb-demo-field.is-invalid :is(input,textarea) { border-color:#d2473f; }
.bb-refined .bb-demo-field.is-invalid :is(input,textarea):focus { box-shadow:0 0 0 3px #f7d6d3; }
.bb-refined .bb-demo-error { display:none; margin-top:6px; font-size:12.5px; line-height:1.4; color:#b8382f; }
.bb-refined .bb-demo-field.is-invalid .bb-demo-error { display:block; }
.bb-refined .bb-demo-trap { position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden; }
.bb-refined .bb-demo-form-foot { display:flex; align-items:center; gap:18px; flex-wrap:wrap; margin-top:22px; }
.bb-refined .bb-demo-submit { display:inline-flex; align-items:center; justify-content:center; height:50px; padding:0 28px; border:0; border-radius:999px; background:var(--p-green); color:#fff; font:600 15px/1 Inter,system-ui,sans-serif; cursor:pointer; transition:background .15s,transform .15s; }
.bb-refined .bb-demo-submit:hover { background:var(--p-green-2); }
.bb-refined .bb-demo-submit:focus-visible { outline:2px solid var(--p-deep); outline-offset:3px; }
.bb-refined .bb-demo-submit:disabled { opacity:.7; cursor:progress; }
.bb-refined .bb-demo-form-note { flex:1 1 260px; margin:0; font-size:13px; line-height:1.55; color:var(--p-muted); }
.bb-refined .bb-demo-status { display:none; margin:16px 0 0; padding:12px 16px; border-radius:10px; font-size:14px; line-height:1.5; }
.bb-refined .bb-demo-status.is-error { display:block; background:#fdf1f0; border:1px solid #f1c7c3; color:#8f2a22; }
.bb-refined .bb-demo-done { max-width:600px; margin:0 auto; padding:10px 0 4px; text-align:center; }
.bb-refined .bb-demo-done-mark { display:inline-flex; align-items:center; justify-content:center; width:56px; height:56px; border-radius:50%; background:var(--p-green); color:#fff; margin-bottom:16px; }
.bb-refined .bb-demo-done h3 { font-size:22px; font-weight:700; color:var(--p-ink); margin:0 0 8px; }
.bb-refined .bb-demo-done p { font-size:15px; line-height:1.6; color:var(--p-text); margin:0 0 18px; }
.bb-refined .bb-demo-done-link { display:inline-flex; align-items:center; min-height:44px; padding:0 20px; border:1px solid #cfdcd6; border-radius:999px; background:#fff; color:var(--p-deep); font-size:14px; font-weight:600; text-decoration:none; }
.bb-refined .bb-demo-done-link:hover { background:#f6faf8; border-color:#9fbab0; }

@media (max-width:900px) {
  .bb-refined .bb-demo-form { padding:30px 24px 26px; }
}
@media (max-width:639px) {
  .bb-refined .bb-demo-form { margin-bottom:40px; padding:26px 18px 22px; }
  .bb-refined .bb-demo-fields { grid-template-columns:1fr; gap:14px; }
  .bb-refined .bb-demo-form-foot { flex-direction:column; align-items:stretch; gap:12px; }
  .bb-refined .bb-demo-submit { width:100%; }
  .bb-refined .bb-demo-form-note { text-align:center; }
  .bb-refined .bb-demo-done h3 { font-size:20px; }
}