/*! src: 96cd3e9e5653c810dc354c5c6703f03d */

  
  

  /* fbm.css — Facebook Messenger landing custom layer */
  :root{
    --fbm-blue:#0084ff;
    --fbm-blue-2:#006aff;
    --fbm-blue-soft:#eef6ff;
    --fbm-violet:#7c3aed;
    --fbm-violet-soft:#f5f0ff;
    --fbm-dark:#212121;
    --fbm-surface:#f8faff;
    --fbm-border:#d3daec;
  }

  .bh-landing-section{display:flex;flex-direction:column;align-items:center;width:100%;box-sizing:border-box}
  .bh-landing-section>.content{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;box-sizing:border-box}
  @media (min-width:769px){.bh-landing-section>.content{padding-left:24px;padding-right:24px}}

  .fbm-section{padding:50px 0}
  .fbm-section--dark{background:var(--fbm-dark)}
  .fbm-wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 16px;box-sizing:border-box}
  .fbm-accent-blue{color:var(--fbm-blue)}

  /* shared button */
  .fbm-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
    padding:16px 32px;border-radius:8px;font-family:var(--bh-font-body);font-size:16px;font-weight:600;
    line-height:24px;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:opacity .2s,transform .15s}
  .fbm-btn--primary{background:var(--bh-red);color:#fff}
  .fbm-btn--primary:hover{opacity:.92;transform:translateY(-1px)}
  .fbm-btn--ghost{background:transparent;color:var(--bh-text);border-color:var(--bh-border)}
  .fbm-btn--ghost:hover{border-color:var(--bh-red);color:var(--bh-red)}
  .fbm-btn--on-dark{background:#fff;color:var(--bh-red)}
  .fbm-btn--ghost-dark{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
  .fbm-btn--ghost-dark:hover{border-color:#fff}

  /* 1. HERO */
  .fbm-hero{background:linear-gradient(135deg,#eef6ff 0%,#fff5f5 48%,#f5f0ff 100%);overflow:hidden;position:relative}
  .fbm-hero__in{max-width:1200px;margin:0 auto;padding:72px 16px 80px;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
  .fbm-hero__text{display:flex;flex-direction:column;align-items:flex-start;gap:20px;min-width:0}
  .fbm-hero__badge{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;background:#fff;border:1px solid var(--fbm-border);
    border-radius:999px;color:var(--fbm-violet);font-family:var(--bh-font-title);font-weight:600;font-size:14px;letter-spacing:.01em}
  .fbm-hero__badge i{width:7px;height:7px;border-radius:50%;background:var(--fbm-violet)}
  .fbm-hero__title{margin:0;color:var(--bh-text);font-family:var(--bh-font-title);font-weight:700;
    font-size:clamp(30px,4.4vw,52px);line-height:1.07;letter-spacing:-.01em;max-width:640px}
  .fbm-hero__desc{margin:0;color:#3a414c;font-family:var(--bh-font-body);font-size:18px;line-height:1.55;max-width:560px}
  .fbm-hero__buttons{display:flex;gap:14px;flex-wrap:wrap}
  .fbm-hero__footer{margin:4px 0 0;color:#5b6472;font-family:var(--bh-font-body);font-size:14px;line-height:1.5}
  .fbm-hero__visual{display:flex;align-items:center;justify-content:center}
  .fbm-hero__img{display:block;width:100%;max-width:560px;height:auto}

  /* 4. AI workflow */
  .fbm-ai-workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%;position:relative}
  .fbm-step{background:#fff;border:1px solid var(--fbm-border);border-radius:20px;padding:28px 24px;display:flex;flex-direction:column;gap:12px;position:relative}
  .fbm-step__ico{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}
  .fbm-step:nth-child(1) .fbm-step__ico{background:linear-gradient(135deg,#00b2ff,#006aff)}
  .fbm-step:nth-child(2) .fbm-step__ico{background:linear-gradient(135deg,#9b7cff,#6a4be0)}
  .fbm-step:nth-child(3) .fbm-step__ico{background:linear-gradient(135deg,var(--bh-red),var(--bh-red-light))}
  .fbm-step>div:not(.fbm-step__chips){margin:0;font-family:var(--bh-font-title);font-weight:700;font-size:20px;color:var(--bh-text)}
  .fbm-step p{margin:0;font-family:var(--bh-font-body);font-size:15px;line-height:1.5;color:#4b5563}
  .fbm-step__chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
  .fbm-step__chips span{font-family:var(--bh-font-body);font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--fbm-surface);color:#4b5563;border:1px solid var(--fbm-border)}
  .fbm-step:not(:last-child)::after{content:"\2192";position:absolute;right:-16px;top:46px;color:var(--fbm-blue);font-size:22px;font-weight:700;z-index:1}

  /* dashed stepper (6 ads steps) */
  .fbm-steps{display:grid;grid-template-columns:repeat(var(--n,3),1fr);gap:28px;width:100%;position:relative}
  .fbm-steps::before{content:"";position:absolute;left:22px;right:22px;top:21px;height:0;border-top:2px dashed var(--bh-red-light);z-index:0}
  .fbm-steps__step{position:relative;display:flex;flex-direction:column}
  .fbm-steps__n{width:44px;height:44px;border-radius:10px;background:var(--bh-red);color:#fff;font:700 18px/1 var(--bh-font-body);display:flex;align-items:center;justify-content:center;margin-bottom:16px;position:relative;z-index:1}
  .fbm-steps__title{margin:0 0 6px;font:700 18px/1.25 var(--bh-font-title);color:var(--bh-text)}
  .fbm-steps__desc{margin:0;font:400 15px/1.5 var(--bh-font-body);color:#4b5563}

  /* 9. Comparison */
  .fbm-compare{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--fbm-border);border-radius:16px;overflow:hidden;background:#fff}
  .fbm-compare th,.fbm-compare td{padding:16px 20px;text-align:left;border-bottom:1px solid var(--fbm-border);font-family:var(--bh-font-body);font-size:15px;color:var(--bh-text);vertical-align:top}
  .fbm-compare thead th{font-family:var(--bh-font-title);font-weight:700;background:var(--fbm-surface)}
  .fbm-compare thead th.is-bh{background:var(--bh-red);color:#fff}
  .fbm-compare th[scope=row]{font-weight:600;width:34%}
  .fbm-compare td.is-bh{background:#fff5f4;font-weight:600}
  .fbm-compare tr:last-child th,.fbm-compare tr:last-child td{border-bottom:0}
  .fbm-compare-cards{display:none}

  /* 14. Compliance note */
  .fbm-compliance-note{display:grid;grid-template-columns:auto 1fr;gap:20px;width:100%;max-width:1069px;margin:0 auto;
    background:var(--fbm-blue-soft);border:1px solid #bfe0ff;border-radius:16px;padding:30px}
  .fbm-compliance-note__ico{width:48px;height:48px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--fbm-blue)}
  .fbm-compliance-note h2{margin:0 0 8px;font-family:var(--bh-font-title);font-weight:700;font-size:22px;color:var(--bh-text);text-align:left}
  .fbm-compliance-note p{margin:0;font-family:var(--bh-font-body);font-size:15px;line-height:1.5;color:#3a414c}
  .fbm-compliance-note__points{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
  .fbm-compliance-note__points span{font-family:var(--bh-font-body);font-size:13px;font-weight:600;color:#0064c0;background:#fff;border:1px solid #bfe0ff;border-radius:999px;padding:5px 12px}

  /* icon tiles */
  .fbm-ico-tile{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#fff0ee;color:var(--bh-red)}
  .fbm-ico-tile svg{width:24px;height:24px}
  .fbm-ico-tile--blue{background:var(--fbm-blue-soft);color:var(--fbm-blue)}
  .fbm-ico-tile--violet{background:var(--fbm-violet-soft);color:var(--fbm-violet)}
  .fbm-ico-tile--green{background:#e8f7ee;color:#16a34a}

  /* final CTA accent */
  .fbm-cta-accent{position:absolute;inset:0;z-index:1;pointer-events:none;
    background:radial-gradient(420px 320px at 88% 18%,rgba(124,58,237,.30),transparent 70%),
               radial-gradient(420px 320px at 12% 92%,rgba(0,132,255,.22),transparent 70%)}

  /* screenshot placeholder */
  .fbm-shot{background:#f8faff;border:1px solid #d3daec;display:flex;align-items:center;justify-content:center;color:#8a94a6;font-family:Roboto,sans-serif;font-size:13px;text-align:center;padding:16px;box-sizing:border-box}

  /* bh-tabs__media внутри панели — panel без явного width → max-width:100% не резолвится */
  .bh-tabs__panel--active{width:100%}
  .bh-tabs__panel--active .bh-tabs__media{width:100%;max-width:860px}

  /* responsive */
  @media (max-width:991px){
    .fbm-ai-workflow{grid-template-columns:1fr}
    .fbm-step:not(:last-child)::after{content:"\2193";right:auto;left:46px;top:auto;bottom:-22px}
    .fbm-steps{grid-template-columns:repeat(2,1fr);gap:22px}
    .fbm-steps::before{display:none}
  }
  @media (max-width:768px){
    .fbm-hero__in{grid-template-columns:1fr;gap:36px;padding:48px 16px 56px}
    .fbm-hero__visual{min-height:auto}
    .fbm-hero__buttons{flex-direction:column;align-self:stretch}
    .fbm-hero__buttons .fbm-btn{width:100%}
    .fbm-steps{grid-template-columns:1fr;gap:16px}
    .fbm-compare{display:none}
    .fbm-compare-cards{display:flex;flex-direction:column;gap:14px;width:100%}
    .fbm-cmp-card{border:1px solid var(--fbm-border);border-radius:14px;overflow:hidden}
    .fbm-cmp-card>div:not(.r){margin:0;padding:14px 18px;background:var(--fbm-surface);font-family:var(--bh-font-title);font-size:16px;color:var(--bh-text)}
    .fbm-cmp-card .r{display:flex;flex-direction:column;gap:2px;padding:12px 18px;border-top:1px solid var(--fbm-border);font-family:var(--bh-font-body);font-size:14px}
    .fbm-cmp-card .r b{font-size:12px;color:#8a94a6;font-weight:600}
    .fbm-cmp-card .r .bh{color:var(--bh-red);font-weight:600}
    .fbm-compliance-note{grid-template-columns:1fr;padding:24px}
  }
  @media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}