/* ============================================================================
   module-blue.css — редизайн модульных страниц (light «blue SaaS»).
   Скоуп .gfmb (gravity field module blue) — НЕ трогает тему и .gfm (сегментацию).
   Прохладная схема как на .gfs (сценарии, #41): белый фон / #F7F8FC чередование /
   cool-текст. Акцент Azure #2E90FA. 1rem = 10px (тема задаёт root 62.5%).
   GitLab issue #54. MR-1: общий скелет + страница «Рекомендации».
   Компоненты остальных страниц (табы, viz, flow, ab, utm, vers) добавляются
   следующими MR.
   ============================================================================ */

/* ===================== TOKENS (на .gfmb, не текут в тему) ===================== */
.gfmb{
  --accent:#2E90FA;--accent-deep:#1466C4;--accent-bright:#6FB6FF;--accent-rgb:46,144,250;
  --bg:#FFFFFF;--bg-elev:#FFFFFF;--bg-alt:#F7F8FC;--bg-code:#F7F8FC;
  --ink-100:#15171C;--ink-60:#5B6472;--ink-40:#9CA3AF;--ink-20:#DDE1E9;
  --success:#0F9D58;--amber:#B7791F;
  --a-20:rgba(var(--accent-rgb),.20);--a-12:rgba(var(--accent-rgb),.12);--a-08:rgba(var(--accent-rgb),.08);
  --line:rgba(20,23,40,.14);--line-a:rgba(var(--accent-rgb),.32);
  --font:"Geometria","Manrope",system-ui,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,monospace;
  --ease:cubic-bezier(.16,1,.3,1);
}

/* ===================== RESET (скоуплено, глобальные резеты темы не трогаем) ===================== */
.gfmb,.gfmb *,.gfmb *::before,.gfmb *::after{box-sizing:border-box;margin:0;padding:0}
.gfmb{
  font-family:var(--font);font-size:1.6rem;line-height:1.5;color:var(--ink-100);
  background:var(--bg);-webkit-font-smoothing:antialiased;position:relative;overflow-x:hidden;width:100%;
}
.gfmb *{min-width:0}
.gfmb a{text-decoration:none;color:inherit;transition:color .2s}
.gfmb .mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
/* Глобальный тем-ресет *{font-size:1.6rem} течёт внутрь .gfmb и ломает inline-теги
   без своего font-size (урок глоссария, CLAUDE.md) → нейтрализуем. */
.gfmb :is(span,a,strong,b,i,em,mark,small,sub,sup){font-size:inherit;line-height:inherit;letter-spacing:inherit}

/* ===================== LAYOUT ===================== */
.gfmb .wrap{width:100%;max-width:114rem;margin:0 auto;padding:0 2.4rem}
.gfmb .sec{position:relative;z-index:1;padding:6.4rem 0}
.gfmb .sec--alt{background:var(--bg-alt)}
@media(max-width:720px){.gfmb .sec{padding:4.6rem 0}}

/* ===================== TYPO ===================== */
.gfmb .eyebrow{
  display:inline-flex;align-items:center;gap:.7rem;font-family:var(--mono);font-size:1.1rem;font-weight:500;line-height:1;
  letter-spacing:.14em;text-transform:uppercase;color:var(--accent);
  padding:.55rem 1rem;border:1px solid var(--line-a);border-radius:.5rem;background:var(--a-08);
}
.gfmb .eyebrow::before{content:"";width:.5rem;height:.5rem;border-radius:1px;background:var(--accent);box-shadow:0 0 7px var(--accent)}
.gfmb .sec-head{max-width:66rem;margin-bottom:3.2rem}
.gfmb .sec-title{font-size:clamp(2.4rem,4vw,3.4rem);font-weight:700;line-height:1.15;letter-spacing:-.03em;margin-top:1.4rem;text-wrap:balance;color:var(--ink-100)}
.gfmb .sec-lead{font-size:1.55rem;line-height:1.6;color:var(--ink-60);margin-top:1.3rem;max-width:56rem}

/* ===================== BUTTONS ===================== */
.gfmb .btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.8rem;min-height:5rem;padding:1.3rem 2.3rem;
  font-family:var(--font);font-size:1.5rem;font-weight:600;letter-spacing:-.01em;
  border:1px solid transparent;border-radius:.6rem;cursor:pointer;
  transition:transform .2s var(--ease),box-shadow .2s,background .2s,border-color .2s,color .2s;
}
.gfmb .btn--primary{background:var(--accent);color:#fff;box-shadow:0 8px 26px rgba(var(--accent-rgb),.28)}
.gfmb .btn--primary:hover{transform:translateY(-2px);box-shadow:0 12px 34px rgba(var(--accent-rgb),.4)}
.gfmb .btn--ghost{background:#fff;color:var(--ink-100);border-color:var(--line-a)}
.gfmb .btn--ghost:hover{background:var(--a-08);border-color:var(--accent)}
.gfmb .btn svg{width:1.6rem;height:1.6rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* ===================== HERO ===================== */
/* Коллизия имени: у темы есть глобальный лендинг-.hero (height:100vh, тёмный
   космос-фон, ::after fade-to-#010102). Течёт в .gfmb .hero → гасим. */
.gfmb .hero{height:auto;min-height:0;background:none;position:relative;overflow:hidden;
  padding-top:calc(7rem + 30px);padding-bottom:4rem}  /* 7rem клиренс под фикс-хедер темы + воздух */
.gfmb .hero::after{content:none;display:none;background:none}
.gfmb .hero__glow{position:absolute;top:-16rem;right:-10rem;width:50rem;height:50rem;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(var(--accent-rgb),.16) 0%,transparent 68%);filter:blur(30px)}
.gfmb .hero__grid{display:grid;grid-template-columns:1fr 1.05fr;gap:4.6rem;align-items:center;position:relative;z-index:1}
@media(max-width:960px){.gfmb .hero__grid{grid-template-columns:1fr;gap:3.2rem}}
.gfmb .hero__tag{display:inline-flex;align-items:center;gap:.7rem;font-family:var(--mono);font-size:1.1rem;font-weight:500;
  letter-spacing:.06em;color:var(--ink-60);padding:.55rem 1rem;border:1px solid var(--line-a);border-radius:.5rem;
  background:var(--a-08);margin-bottom:2rem}
.gfmb .hero__tag i{width:.6rem;height:.6rem;border-radius:50%;background:var(--accent);box-shadow:0 0 7px var(--accent);animation:gfmbPulse 1.8s var(--ease) infinite}
.gfmb .hero__h1{font-size:clamp(3rem,5vw,4.4rem);font-weight:700;line-height:1.06;letter-spacing:-.035em;text-wrap:balance;color:var(--ink-100)}
.gfmb .hero__h1 em{font-style:normal;background:linear-gradient(100deg,var(--accent),var(--accent-deep));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.gfmb .hero__lead{font-size:1.65rem;line-height:1.6;color:var(--ink-60);margin-top:2rem;max-width:50rem}
.gfmb .hero__pills{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2.4rem}
.gfmb .pill{display:inline-flex;align-items:center;gap:.55rem;font-size:1.2rem;font-weight:500;color:var(--ink-100);
  padding:.55rem 1rem;border-radius:.5rem;background:#fff;border:1px solid var(--line)}
.gfmb .pill svg{width:1.35rem;height:1.35rem;fill:none;stroke:var(--accent);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.gfmb .hero__cta{display:flex;flex-wrap:wrap;gap:1.1rem;margin-top:3rem}

/* ===================== APP WINDOW ===================== */
.gfmb .appwin{position:relative;z-index:1;background:var(--bg-elev);border:1px solid var(--line-a);border-radius:1rem;overflow:hidden;
  box-shadow:0 24px 60px rgba(20,23,40,.10),0 2px 6px rgba(20,23,40,.05)}
.gfmb .aw__chrome{display:flex;align-items:center;gap:1rem;padding:.95rem 1.3rem;border-bottom:1px solid var(--line);background:var(--bg-alt)}
.gfmb .aw__dots{display:flex;gap:.5rem;flex-shrink:0}.gfmb .aw__dots span{width:.85rem;height:.85rem;border-radius:50%}
.gfmb .d-r{background:#FF5F57}.gfmb .d-y{background:#FEBC2E}.gfmb .d-g{background:#28C840}
.gfmb .aw__url{flex:1;min-width:0;font-family:var(--mono);font-size:1.05rem;color:var(--ink-40);background:#fff;border:1px solid var(--line);border-radius:.4rem;padding:.4rem 1rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gfmb .aw__live{display:flex;align-items:center;gap:.5rem;font-family:var(--mono);font-size:1rem;color:var(--success);flex-shrink:0}
.gfmb .aw__live i{width:.6rem;height:.6rem;border-radius:50%;background:var(--success);animation:gfmbPulse 1.4s var(--ease) infinite}
.gfmb .aw__body{padding:1.4rem}
.gfmb .statrow{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;margin-bottom:1.3rem}
.gfmb .stat{padding:1rem 1.05rem;border:1px solid var(--line);border-radius:.5rem;background:var(--bg-alt)}
.gfmb .stat__v{font-family:var(--mono);font-size:1.85rem;font-weight:500;line-height:1;letter-spacing:-.02em;color:var(--ink-100)}
.gfmb .stat__v.up{color:var(--success)}.gfmb .stat__v.br{color:var(--accent)}
.gfmb .stat__l{font-size:1.02rem;color:var(--ink-60);margin-top:.55rem;line-height:1.25}
.gfmb .wdgt{border:1px solid var(--line);border-radius:.6rem;overflow:hidden;margin-bottom:1.2rem}
.gfmb .wdgt__h{display:flex;align-items:center;gap:.8rem;padding:.85rem 1.1rem;border-bottom:1px solid var(--line);background:var(--bg-alt)}
.gfmb .wdgt__t{font-size:1.2rem;font-weight:700}
.gfmb .wdgt__s{margin-left:auto;font-family:var(--mono);font-size:.95rem;color:var(--accent);background:var(--a-12);padding:.25rem .7rem;border-radius:.4rem;border:1px solid var(--line-a)}
.gfmb .slots{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;padding:1.1rem}
.gfmb .slot{border:1px solid var(--line);border-radius:.5rem;overflow:hidden;background:#fff;transition:.25s;box-shadow:0 1px 2px rgba(20,23,40,.04)}
.gfmb .slot:hover{border-color:var(--line-a);transform:translateY(-2px);box-shadow:0 4px 20px rgba(var(--accent-rgb),.10)}
.gfmb .slot__img{aspect-ratio:1/1;position:relative;background:linear-gradient(135deg,rgba(var(--accent-rgb),.16),rgba(var(--accent-rgb),.03))}
.gfmb .slot__img::after{content:"";position:absolute;inset:26% 26% 30%;border-radius:.3rem;border:1.5px solid rgba(var(--accent-rgb),.4)}
.gfmb .slot__tag{position:absolute;top:.4rem;left:.4rem;font-family:var(--mono);font-size:.82rem;padding:.15rem .45rem;border-radius:.3rem;background:rgba(255,255,255,.82);color:var(--accent-deep)}
.gfmb .slot__b{padding:.55rem .65rem .75rem}
.gfmb .slot__n{font-size:1rem;color:var(--ink-60);line-height:1.25;height:2.4rem;overflow:hidden}
.gfmb .slot__p{font-family:var(--mono);font-size:1.05rem;color:var(--ink-100);margin-top:.4rem}
.gfmb .slot__p s{color:var(--ink-40);font-size:.88rem;margin-right:.3rem}
.gfmb .feed{border:1px solid var(--line);border-radius:.6rem;padding:.95rem 1.1rem}
.gfmb .feed__h{display:flex;align-items:center;gap:.6rem;font-family:var(--mono);font-size:1rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-40);margin-bottom:.6rem}
.gfmb .feed__h i{width:.55rem;height:.55rem;border-radius:50%;background:var(--success);animation:gfmbPulse 1.4s var(--ease) infinite}
.gfmb .feed__h b{margin-left:auto;color:var(--ink-40);font-weight:400}
.gfmb .feed__r{display:flex;align-items:center;gap:.8rem;padding:.5rem 0;border-top:1px solid var(--line);font-size:1.08rem}
.gfmb .feed__r:first-of-type{border-top:none}
.gfmb .feed__i{width:2rem;height:2rem;border-radius:.4rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--a-12);color:var(--accent)}
.gfmb .feed__i svg{width:1.2rem;height:1.2rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.gfmb .feed__x{flex:1;color:var(--ink-60);line-height:1.3;min-width:0}.gfmb .feed__x b{color:var(--ink-100);font-weight:500}.gfmb .feed__x .u{font-family:var(--mono);color:var(--accent)}
.gfmb .feed__t{font-family:var(--mono);font-size:.95rem;color:var(--ink-40);flex-shrink:0}

/* ===================== PROOF ===================== */
.gfmb .proof{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:.8rem;overflow:hidden;background:#fff;box-shadow:0 1px 3px rgba(20,23,40,.05)}
@media(max-width:840px){.gfmb .proof{grid-template-columns:1fr 1fr}}
.gfmb .pcell{padding:2.4rem 1.9rem;border-right:1px solid var(--line)}
.gfmb .pcell:last-child{border-right:none}
@media(max-width:840px){.gfmb .pcell:nth-child(2n){border-right:none}.gfmb .pcell:nth-child(-n+2){border-bottom:1px solid var(--line)}}
.gfmb .pnum{font-family:var(--mono);font-size:clamp(2.8rem,3.6vw,3.4rem);font-weight:500;line-height:1;letter-spacing:-.03em;color:var(--accent)}
.gfmb .pnum.amber{color:var(--amber)}.gfmb .pnum.up{color:var(--success)}
.gfmb .plbl{font-size:1.2rem;color:var(--ink-60);margin-top:.9rem;line-height:1.35}.gfmb .plbl b{color:var(--ink-100);font-weight:600}

/* ===================== CAPABILITIES ===================== */
.gfmb .capgrid{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem}
@media(max-width:860px){.gfmb .capgrid{grid-template-columns:1fr}}
.gfmb .capc{border:1px solid var(--line);border-radius:.8rem;background:#fff;padding:2.2rem;display:flex;flex-direction:column;box-shadow:0 1px 3px rgba(20,23,40,.05);transition:border-color .25s var(--ease),transform .25s var(--ease),box-shadow .25s}
.gfmb .capc:hover{border-color:var(--line-a);transform:translateY(-2px);box-shadow:0 4px 20px rgba(var(--accent-rgb),.10)}
.gfmb .capc__top{display:flex;align-items:center;gap:1rem;margin-bottom:1.3rem}
.gfmb .capc__no{font-family:var(--mono);font-size:1.05rem;font-weight:500;color:var(--accent);padding:.25rem .7rem;border:1px solid var(--line-a);border-radius:.4rem;background:var(--a-08);flex-shrink:0}
.gfmb .capc__ico{width:3.4rem;height:3.4rem;border-radius:.7rem;display:flex;align-items:center;justify-content:center;color:var(--accent);background:var(--a-12);flex-shrink:0}
.gfmb .capc__ico svg{width:1.7rem;height:1.7rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.gfmb .capc__t{font-size:1.65rem;font-weight:700;line-height:1.25;letter-spacing:-.01em;margin-bottom:1rem;text-wrap:balance;color:var(--ink-100)}
.gfmb .capc__p{font-size:1.28rem;line-height:1.55;color:var(--ink-60)}
.gfmb .capc__p+.capc__p{margin-top:.8rem}

/* ===================== MINI CTA ===================== */
.gfmb .mcta{position:relative;overflow:hidden;text-align:center}
.gfmb .mcta__glow{position:absolute;bottom:-18rem;left:50%;transform:translateX(-50%);width:64rem;height:36rem;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(var(--accent-rgb),.14),transparent 66%);filter:blur(30px)}
.gfmb .mcta__in{position:relative;z-index:1;max-width:60rem;margin:0 auto}
.gfmb .mcta__t{font-size:clamp(2.4rem,3.6vw,3.2rem);font-weight:700;letter-spacing:-.03em;line-height:1.14;text-wrap:balance;color:var(--ink-100)}
.gfmb .mcta__d{font-size:1.5rem;line-height:1.6;color:var(--ink-60);margin-top:1.4rem}
.gfmb .mcta__row{display:flex;flex-wrap:wrap;gap:1.1rem;justify-content:center;margin-top:2.6rem}

/* ===================== REVEAL / ANIM ===================== */
.gfmb .reveal{opacity:0;transform:translateY(1.6rem);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.gfmb .reveal.in{opacity:1;transform:none}
@keyframes gfmbPulse{0%,100%{opacity:1}50%{opacity:.4}}
/* FAILSAFE: если JS не отработал (в т.ч. нет wp_footer → скрипт грузим defer в head,
   но подстрахуемся) — принудительно показать reveal через 2.5s. */
.gfmb .reveal{animation:gfmbRevealSafe 0s linear 2.5s forwards}
.gfmb .reveal.in{animation:none}
@keyframes gfmbRevealSafe{to{opacity:1;transform:none}}
@media(scripting:none){.gfmb .reveal{opacity:1;transform:none;animation:none}}
@media(prefers-reduced-motion:reduce){.gfmb *{animation:none!important;transition:none!important}.gfmb .reveal{opacity:1;transform:none}}
.gfmb :focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:.3rem}

/* ============================================================================
   СВЕТЛЫЙ ХЕДЕР + ФУТЕР (грузится только на blue-модульных шаблонах)
   Дословный рецепт из free-audit.css: тема на theme-light по дизайну ТЁМНАЯ
   (.theme-light .header{background:#202836}); строим белый хедер page-scoped.
   Селектор body.theme-light .header:not(.show) (0,2,2) бьёт темовое (0,2,0).
   ============================================================================ */
body.theme-light .header:not(.show){
  background:#FFFFFF !important;
  border-bottom:1px solid rgba(32,40,55,.12) !important;
}
/* Логотип: спрайт #logo зашит светлой заливкой → прячем svg, ставим официальный
   чёрный one-line логотип фоном; геометрия = спрайт тёмного хедера (см. partners.css). */
body.theme-light .header:not(.show) .header--logo__wrapper svg{display:none !important}
body.theme-light .header:not(.show) .header--logo__wrapper{
  box-sizing:content-box !important;
  width:140px !important;height:32px !important;
  padding:26px 0 20px !important;
  background:url("public/images/logo-one-line-black.svg") left center no-repeat !important;
  background-origin:content-box !important;
  background-size:140px auto !important;
}
body.theme-light .header:not(.show) .header__burger-icon span{background-color:#202837 !important}
body.theme-light .header:not(.show) .language_select .current-lang a{color:#202836 !important}
body.theme-light .header:not(.show) .lang-switch__trigger{color:#202836 !important}
body.theme-light .header:not(.show) nav.menu>ul>li>a{color:#202836 !important}
/* Бейдж «New» у «ИИ Ассистент» (.menu-badge--light) — под тёмный хедер он белый
   + полупрозрачная белая рамка → на белом page-scoped хедере бел-на-белом и
   «пропадает». Возвращаем базовые фиолетовые цвета бейджа (как у обычных .menu-badge). */
body.theme-light .header:not(.show) .menu-badge--light{color:#8380FF !important;border-color:#8380FF !important}
/* Выпадающие подменю темы белые с border:0 → на белом хедере сливаются. */
body.theme-light .header .submenu-container{
  border:1px solid rgba(20,20,20,.12) !important;
  box-shadow:0 10px 30px rgba(20,20,20,.10) !important;
}
/* Футер на светлом фоне: ховер ссылок тема ОСВЕТЛЯЕТ (#EDEDED) → делаем темнее. */
body.theme-light .footer__top-nav a.footer__nav-link:hover,
body.theme-light .footer__top-nav a.footer__nav-link:focus{color:#333E4C !important}

/* ============================================================================
   КОМПОНЕНТЫ ОСТАЛЬНЫХ СТРАНИЦ (MR-2): контент / аналитика / A/B / реклама.
   Всё под .gfmb, те же прохладные токены.
   ============================================================================ */
.gfmb .proof--3{grid-template-columns:repeat(3,1fr)}
@media(max-width:760px){.gfmb .proof--3{grid-template-columns:1fr}}
.gfmb .caplink{display:inline-flex;align-items:center;gap:.7rem;margin-top:1.8rem;font-size:1.35rem;font-weight:600;color:var(--accent)}
.gfmb .caplink svg{width:1.5rem;height:1.5rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.gfmb .caplink:hover{color:var(--accent-deep)}

/* ---- cards row ---- */
.gfmb .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem}
@media(max-width:900px){.gfmb .cards{grid-template-columns:1fr}}
.gfmb .card{border:1px solid var(--line);border-radius:.8rem;background:#fff;padding:2.2rem;box-shadow:0 1px 3px rgba(20,23,40,.05);transition:border-color .25s var(--ease),transform .25s var(--ease),box-shadow .25s}
.gfmb .card:hover{border-color:var(--line-a);transform:translateY(-3px);box-shadow:0 4px 20px rgba(var(--accent-rgb),.10)}
.gfmb .card__ico{width:4.4rem;height:4.4rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;color:var(--accent);background:var(--a-12);margin-bottom:1.8rem}
.gfmb .card__ico svg{width:2.1rem;height:2.1rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.gfmb .card__t{font-size:1.7rem;font-weight:700;line-height:1.25;letter-spacing:-.01em;margin-bottom:.9rem;color:var(--ink-100)}
.gfmb .card__b{font-size:1.3rem;line-height:1.5;color:var(--ink-60)}

/* ---- how tabs ---- */
.gfmb .how__tabs{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:2.2rem}
.gfmb .how__tab{display:inline-flex;align-items:center;gap:.7rem;min-height:4.4rem;padding:.85rem 1.4rem;font-size:1.3rem;font-weight:600;color:var(--ink-60);background:#fff;border:1px solid var(--line);border-radius:.6rem;cursor:pointer;transition:.2s}
.gfmb .how__tab .n{font-family:var(--mono);font-size:1.05rem;color:var(--ink-40)}
.gfmb .how__tab:hover{color:var(--ink-100);border-color:var(--line-a)}
.gfmb .how__tab.on{color:#fff;background:var(--accent);border-color:var(--accent);box-shadow:0 8px 24px rgba(var(--accent-rgb),.3)}
.gfmb .how__tab.on .n{color:rgba(255,255,255,.7)}
.gfmb .how__panel{display:none}
.gfmb .how__panel.on{display:grid;grid-template-columns:1fr 1.05fr;gap:3.2rem;align-items:center;animation:gfmbFade .35s var(--ease)}
@media(max-width:900px){.gfmb .how__panel.on{grid-template-columns:1fr;gap:2.2rem}}
.gfmb .how__t{font-size:2.2rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:1.2rem;text-wrap:balance;color:var(--ink-100)}
.gfmb .how__d{font-size:1.45rem;line-height:1.6;color:var(--ink-60);margin-bottom:1.6rem}
.gfmb .chips,.gfmb .capc__chips{display:flex;flex-wrap:wrap;gap:.6rem}
.gfmb .capc__chips{margin-top:auto;padding-top:1.6rem}
.gfmb .ver .capc__chips{padding-top:2rem}
.gfmb .chip{font-family:var(--mono);font-size:1.05rem;font-weight:500;padding:.4rem .9rem;border-radius:.4rem;background:var(--a-08);color:var(--accent);border:1px solid var(--line-a);white-space:nowrap}
@keyframes gfmbFade{from{opacity:0;transform:translateY(.8rem)}to{opacity:1;transform:none}}

/* ---- viz panel ---- */
.gfmb .viz{background:var(--bg-code);border:1px solid var(--line);border-radius:.7rem;overflow:hidden}
.gfmb .viz__bar{display:flex;align-items:center;gap:.8rem;padding:.85rem 1.2rem;border-bottom:1px solid var(--line);background:#fff;font-family:var(--mono);font-size:1.05rem;color:var(--ink-40)}
.gfmb .viz__bar b{color:var(--accent);font-weight:500}.gfmb .viz__bar span{margin-left:auto}
.gfmb .viz__body{padding:1.4rem}
.gfmb .chart{padding:0;display:block;width:100%;height:14rem}

/* ---- funnel (how) ---- */
.gfmb .funnel{display:flex;flex-direction:column;gap:.7rem}
.gfmb .frow{display:grid;grid-template-columns:8.5rem 1fr auto;align-items:center;gap:1rem}
.gfmb .frow__stage{font-family:var(--mono);font-size:1.1rem;color:var(--ink-60)}
.gfmb .frow__track{height:2.2rem;border-radius:.4rem;background:rgba(20,23,40,.05);overflow:hidden}
.gfmb .frow__fill{height:100%;border-radius:.4rem;display:flex;align-items:center;padding:0 .9rem;font-size:1.05rem;color:#fff;white-space:nowrap;background:linear-gradient(90deg,var(--accent-deep),var(--accent))}
.gfmb .frow__strat{font-family:var(--mono);font-size:1.05rem;color:var(--accent);flex-shrink:0}

/* ---- slots mix (how) ---- */
.gfmb .mix{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}
.gfmb .mixcol{border:1px solid var(--line);border-radius:.5rem;overflow:hidden;background:#fff}
.gfmb .mixcol__h{font-family:var(--mono);font-size:.9rem;text-align:center;padding:.5rem;color:var(--ink-40);border-bottom:1px solid var(--line)}
.gfmb .mixcol__s{padding:.7rem .5rem;font-family:var(--mono);font-size:.95rem;text-align:center;color:var(--ink-60)}
.gfmb .mixcol__s b{display:block;color:var(--accent);font-weight:500;margin-bottom:.2rem}

/* ---- merch rules (how) ---- */
.gfmb .rules{display:flex;flex-direction:column;gap:.7rem}
.gfmb .rule{display:flex;align-items:center;gap:1rem;padding:.9rem 1.1rem;border:1px solid var(--line);border-radius:.5rem;background:#fff;font-size:1.15rem}
.gfmb .rule .k{font-family:var(--mono);font-size:1rem;color:var(--ink-40);flex-shrink:0}
.gfmb .rule .op{font-family:var(--mono);color:var(--accent);flex-shrink:0}
.gfmb .rule .v{color:var(--ink-100);margin-left:auto;font-family:var(--mono);font-size:1.05rem}
.gfmb .rule .tog{width:3.4rem;height:1.9rem;border-radius:99rem;background:var(--a-20);position:relative;flex-shrink:0}
.gfmb .rule .tog::after{content:"";position:absolute;top:.25rem;right:.25rem;width:1.4rem;height:1.4rem;border-radius:50%;background:var(--accent)}

/* ---- bundle (how) ---- */
.gfmb .bundle{display:flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap;padding:1rem 0}
.gfmb .bpart{width:8rem;border:1px solid var(--line);border-radius:.5rem;overflow:hidden;background:#fff;text-align:center}
.gfmb .bpart__img{aspect-ratio:1/1;background:linear-gradient(135deg,rgba(var(--accent-rgb),.16),rgba(var(--accent-rgb),.03));position:relative}
.gfmb .bpart__img::after{content:"";position:absolute;inset:28%;border-radius:.3rem;border:1.5px solid rgba(var(--accent-rgb),.4)}
.gfmb .bpart__n{font-size:.95rem;color:var(--ink-60);padding:.5rem .3rem;line-height:1.2}
.gfmb .bplus{font-family:var(--mono);font-size:1.8rem;color:var(--accent);flex-shrink:0}

/* ---- content-perso: segment mock ---- */
.gfmb .segbar{display:flex;gap:.6rem;margin-bottom:1.2rem;flex-wrap:wrap}
.gfmb .segchip{display:inline-flex;align-items:center;gap:.55rem;font-size:1.15rem;font-weight:500;color:var(--ink-60);padding:.6rem 1.1rem;border-radius:.5rem;border:1px solid var(--line);background:#fff;cursor:pointer;transition:.2s}
.gfmb .segchip i{width:.75rem;height:.75rem;border-radius:50%}
.gfmb .segchip.on{color:var(--ink-100);background:var(--a-12);border-color:var(--line-a)}
.gfmb .pagemock{border:1px solid var(--line);border-radius:.6rem;overflow:hidden;background:#fff}
.gfmb .pm__nav{display:flex;align-items:center;gap:.8rem;padding:.8rem 1.1rem;border-bottom:1px solid var(--line);background:var(--bg-alt)}
.gfmb .pm__nav .l{width:2rem;height:2rem;border-radius:.4rem;background:var(--a-20)}
.gfmb .pm__nav .b{height:.7rem;border-radius:99rem;background:rgba(20,23,40,.1)}
.gfmb .pm__nav .b:nth-of-type(1){width:6rem}.gfmb .pm__nav .b:nth-of-type(2){width:4rem}.gfmb .pm__nav .b:nth-of-type(3){width:5rem}
.gfmb .pm__nav .cart{margin-left:auto;width:2rem;height:2rem;border-radius:.4rem;border:1px solid var(--line-a)}
.gfmb .pm__hero{padding:1.8rem;background:linear-gradient(120deg,rgba(var(--accent-rgb),.16),rgba(var(--accent-rgb),.03))}
.gfmb .pm__eye{font-family:var(--mono);font-size:.95rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-deep);font-weight:600;margin-bottom:.7rem;transition:color .3s}
.gfmb .pm__ttl{font-size:1.9rem;font-weight:700;line-height:1.15;letter-spacing:-.02em;max-width:30rem;color:var(--ink-100)}
.gfmb .pm__row{display:grid;grid-template-columns:1.4fr 1fr;gap:.8rem;padding:1.1rem}
.gfmb .pm__promo{border:1px solid var(--line-a);border-radius:.5rem;background:var(--a-08);padding:1.1rem}
.gfmb .pm__promo .k{font-family:var(--mono);font-size:.9rem;color:var(--accent);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.6rem}
.gfmb .pm__promo .v{font-size:1.25rem;font-weight:600;line-height:1.3;color:var(--ink-100)}
.gfmb .pm__side{border:1px solid var(--line);border-radius:.5rem;padding:1.1rem;background:var(--bg-alt)}
.gfmb .pm__side .k{font-family:var(--mono);font-size:.9rem;color:var(--ink-40);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.7rem}
.gfmb .pm__side .item{display:flex;align-items:center;gap:.6rem;font-size:1.05rem;color:var(--ink-60);padding:.35rem 0}
.gfmb .pm__side .item::before{content:"";width:1.4rem;height:1.4rem;border-radius:.3rem;background:var(--a-20);flex-shrink:0}

/* ---- analytics ---- */
.gfmb .kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;margin-bottom:1.3rem}
.gfmb .kpi{padding:1rem;border:1px solid var(--line);border-radius:.5rem;background:var(--bg-alt)}
.gfmb .kpi__l{font-family:var(--mono);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-40)}
.gfmb .kpi__v{font-family:var(--mono);font-size:1.75rem;font-weight:500;letter-spacing:-.02em;margin-top:.5rem;color:var(--ink-100)}
.gfmb .kpi__v.up{color:var(--success)}.gfmb .kpi__v.br{color:var(--accent)}
.gfmb .kpi__d{font-family:var(--mono);font-size:.9rem;color:var(--ink-40);margin-top:.3rem}
.gfmb .chartbox{border:1px solid var(--line);border-radius:.6rem;overflow:hidden;margin-bottom:1.3rem}
.gfmb .chartbox__h{display:flex;align-items:center;gap:.8rem;padding:.8rem 1.1rem;border-bottom:1px solid var(--line);background:var(--bg-alt);font-family:var(--mono);font-size:1rem;color:var(--ink-40)}
.gfmb .chartbox__h b{color:var(--ink-100);font-weight:500}.gfmb .chartbox__h .leg{margin-left:auto;display:flex;gap:1rem}
.gfmb .chartbox__h .leg span{display:flex;align-items:center;gap:.4rem}.gfmb .chartbox__h .leg i{width:1.1rem;height:.35rem;border-radius:99rem}
.gfmb .chartbox .chart{padding:1.2rem;height:16rem}
.gfmb .sig{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.7rem}
.gfmb .sigcell{padding:1.1rem;border:1px solid var(--line);border-radius:.5rem;background:var(--bg-alt)}
.gfmb .sigcell.ok{background:rgba(15,157,88,.08);border-color:rgba(15,157,88,.28)}
.gfmb .sig__l{font-family:var(--mono);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-40)}
.gfmb .sig__v{font-family:var(--mono);font-size:1.5rem;font-weight:500;margin-top:.5rem;color:var(--ink-100)}
.gfmb .sig__v.g{color:var(--success)}

/* ---- A/B experiment ---- */
.gfmb .exp{display:flex;flex-direction:column;gap:.8rem}
.gfmb .varrow{border:1px solid var(--line);border-radius:.5rem;padding:1rem 1.1rem;background:#fff}
.gfmb .varrow.win{border-color:rgba(15,157,88,.34);background:rgba(15,157,88,.06)}
.gfmb .varrow__top{display:flex;align-items:center;gap:.8rem;margin-bottom:.7rem}
.gfmb .varrow__name{font-weight:700;font-size:1.3rem;color:var(--ink-100)}
.gfmb .varrow__badge{font-family:var(--mono);font-size:.9rem;padding:.15rem .55rem;border-radius:.3rem;background:var(--a-12);color:var(--accent)}
.gfmb .varrow.win .varrow__badge{background:rgba(15,157,88,.16);color:var(--success)}
.gfmb .varrow__cvr{margin-left:auto;font-family:var(--mono);font-size:1.35rem;font-weight:500;color:var(--ink-100)}
.gfmb .varrow__cvr.g{color:var(--success)}
.gfmb .alloc{height:1.6rem;border-radius:.4rem;background:rgba(20,23,40,.05);overflow:hidden;position:relative}
.gfmb .alloc i{display:block;height:100%;border-radius:.4rem;background:linear-gradient(90deg,var(--accent-deep),var(--accent));transition:width 1s var(--ease)}
.gfmb .varrow.win .alloc i{background:linear-gradient(90deg,#0b6b3d,var(--success))}
.gfmb .alloc__lbl{position:absolute;top:50%;right:.8rem;transform:translateY(-50%);font-family:var(--mono);font-size:.95rem;color:var(--ink-60)}
.gfmb .expbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;padding:1rem 1.1rem;border:1px solid var(--line-a);border-radius:.5rem;background:var(--a-08)}
.gfmb .expbar__k{font-family:var(--mono);font-size:1.05rem;color:var(--ink-60)}
.gfmb .expbar__v{font-family:var(--mono);font-size:1.5rem;font-weight:600;color:var(--success)}

/* ---- ads: UTM console ---- */
.gfmb .utm{border:1px solid var(--line);border-radius:.6rem;overflow:hidden;margin-bottom:1.2rem}
.gfmb .utm__h{font-family:var(--mono);font-size:1rem;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);font-weight:500;padding:.8rem 1.1rem;border-bottom:1px solid var(--line);background:var(--bg-alt)}
.gfmb .utm__line{display:grid;grid-template-columns:9rem 1fr;gap:1rem;padding:.7rem 1.1rem;border-bottom:1px solid var(--line);font-size:1.15rem}
.gfmb .utm__line:last-child{border-bottom:none}
.gfmb .utm__line b{font-family:var(--mono);color:var(--ink-40);font-weight:400;font-size:1.05rem}
.gfmb .utm__line span{font-family:var(--mono);color:var(--ink-100)}
.gfmb .flowdown{text-align:center;font-family:var(--mono);font-size:1.05rem;color:var(--accent);padding:.9rem 0;letter-spacing:.04em}

/* ---- ads: versions Lite/Full ---- */
.gfmb .vers{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem}
@media(max-width:760px){.gfmb .vers{grid-template-columns:1fr}}
.gfmb .ver{border:1px solid var(--line);border-radius:.8rem;background:#fff;padding:2.4rem;display:flex;flex-direction:column;box-shadow:0 1px 3px rgba(20,23,40,.05)}
.gfmb .ver--full{border-color:var(--line-a);background:radial-gradient(90% 70% at 100% 0%,var(--a-08),transparent),#fff}
.gfmb .ver__top{display:flex;align-items:flex-start;justify-content:space-between;gap:1.2rem;margin-bottom:1.4rem}
.gfmb .ver__name{font-size:2.4rem;font-weight:700;letter-spacing:-.03em;color:var(--ink-100)}
.gfmb .ver__badge{font-family:var(--mono);font-size:1rem;padding:.4rem .8rem;border-radius:99rem;background:var(--a-12);color:var(--accent);white-space:nowrap}
.gfmb .ver__d{font-size:1.3rem;line-height:1.5;color:var(--ink-60);margin-bottom:1.6rem}
.gfmb .ver__list{display:flex;flex-direction:column;gap:.9rem}
.gfmb .ver__f{display:flex;gap:.9rem;font-size:1.25rem;line-height:1.4;color:var(--ink-100)}
.gfmb .ver__f::before{content:"";flex:0 0 1.6rem;width:1.6rem;height:1.6rem;margin-top:.1rem;border-radius:50%;background:rgba(15,157,88,.14);border:1px solid rgba(15,157,88,.34)}

/* ---- ads: channels + launch ---- */
.gfmb .chan{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
@media(max-width:760px){.gfmb .chan{grid-template-columns:1fr 1fr}}
.gfmb .chan__i{display:flex;align-items:center;gap:1rem;padding:1.3rem 1.4rem;border:1px solid var(--line);border-radius:.6rem;background:#fff;font-weight:600;font-size:1.3rem;box-shadow:0 1px 3px rgba(20,23,40,.05)}
.gfmb .chan__i::before{content:"";width:.9rem;height:.9rem;border-radius:50%;background:var(--accent);box-shadow:0 0 12px rgba(var(--accent-rgb),.5);flex-shrink:0}
.gfmb .caplabel{display:inline-flex;align-self:flex-start;margin-bottom:1.4rem;padding:.45rem 1rem;border-radius:99rem;font-family:var(--mono);font-size:1rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);background:var(--a-12)}
.gfmb .chk{display:flex;flex-direction:column;gap:.9rem;margin-top:1.6rem}
.gfmb .chk__i{display:flex;gap:.9rem;font-size:1.28rem;line-height:1.45;color:var(--ink-100)}
.gfmb .chk__i::before{content:"";flex:0 0 .8rem;width:.8rem;height:.8rem;margin-top:.7rem;border-radius:50%;background:var(--success)}

/* ---- «Статьи по теме» — компактная лента блога, общая для всех .gfmb-страниц.
   Портировано с module-segmentation-management (там свои .gfmb-seg-оверрайды
   ниже по файлу — они побеждают по порядку, сегментация не меняется). ---- */
.gfmb .articles--compact:not(.sec--alt){border-top:1px solid var(--line)}
.gfmb .articles__head{max-width:none;text-align:left;margin-bottom:2.8rem;display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;flex-wrap:wrap}
.gfmb .articles__title{text-align:left;margin-top:1.4rem;font-size:clamp(2rem,2.4vw,2.6rem)}
.gfmb .articles__more{display:inline-flex;align-items:center;gap:.6rem;font-size:1.5rem;font-weight:500;color:var(--accent);white-space:nowrap}
.gfmb .articles__more:hover{color:var(--ink-100)}
.gfmb .blog-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.2rem}
@media(max-width:1100px){.gfmb .blog-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.gfmb .blog-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:420px){.gfmb .blog-grid{grid-template-columns:1fr}}
.gfmb .blog-card{display:flex;flex-direction:column;color:inherit;text-decoration:none;border:1px solid var(--line);border-radius:.4rem;overflow:hidden;background:#fff;transition:border-color .25s,transform .25s;box-shadow:0 1px 3px rgba(20,23,40,.05),0 1px 2px rgba(20,23,40,.03)}
.gfmb .blog-card:hover{border-color:rgba(var(--accent-rgb),.4);transform:translateY(-3px)}
.gfmb .blog-card__img{aspect-ratio:16/9;overflow:hidden;background:#EEF1F6}
.gfmb .blog-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.gfmb .blog-card:hover .blog-card__img img{transform:scale(1.04)}
.gfmb .blog-card__body{padding:1rem 1.1rem 1.2rem}
.gfmb .blog-card__meta{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem;font-family:var(--mono);font-size:1.05rem;color:var(--ink-60);letter-spacing:.02em}
.gfmb .blog-card__tag{color:var(--accent);font-weight:500;text-transform:uppercase;letter-spacing:.06em}
.gfmb .blog-card__title{font-size:1.35rem;font-weight:700;line-height:1.3;letter-spacing:-.02em;color:var(--ink-100);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.gfmb .blog-card__excerpt{display:none}
@media(max-width:640px){.gfmb .blog-card__title{font-size:1.45rem}}


/* ============================================================================
   SEGMENTATION (модуль «CDP и сегментация») — light azure, суб-скоуп .gfmb-seg.
   Портировано из мокапа page mockups/segmentation-v10-light.html (issue #56).
   Токены/reveal/белый-хедер берутся из общей .gfmb-системы выше; здесь —
   только segmentation-специфичные компоненты. Изолировано .gfmb-seg → не влияет
   на «Рекомендации» и другие .gfmb-страницы.
   ============================================================================ */
.gfmb-seg{
  --bg:#FFFFFF;
  --bg-elev:#FFFFFF;
  --bg-raised:#FFFFFF;
  --bg-code:#F7F8FC;
  --ink-100:#15171C;
  --ink-60:#5B6472;
  --ink-40:#9CA3AF;
  --ink-20:#DDE1E9;
  --violet:#2E90FA;
  --violet-deep:#1466C4;
  --violet-20:rgba(46,144,250,.20);
  --violet-12:rgba(46,144,250,.12);
  --violet-08:rgba(46,144,250,.08);
  --line:rgba(20,23,40,.14);
  --line-v:rgba(46,144,250,.32);
  --success:#0F9D58;
  --rose:#E5484D;
  --amber:#B7791F;
  --amber-soft:#B7791F;
  --amber-wash:rgba(247,178,0,.10);
  --blue:#4C6EF5;
  --font:"Geometria","Manrope",system-ui,sans-serif;
  --mono:"JetBrains Mono",monospace;
  --ease:cubic-bezier(.16,1,.3,1);
  --r-btn:.4rem;
  --r-card:.4rem;
}
.gfmb-seg{overflow-x:hidden;width:100%}
.gfmb-seg{
  position:relative;
  background:var(--bg);
  background-image:
    none;


  
}
.gfmb-seg .wrap{width:100%;max-width:48rem;margin:0 auto;padding:0 1.6rem}
@media(min-width:430px){
.gfmb-seg .wrap{padding:0 2rem}
}
.gfmb-seg .sec{padding:4.4rem 0}
.gfmb-seg .sec--alt{background:#F7F8FC}
.gfmb-seg .mono{font-family:var(--mono)!important;font-feature-settings:"tnum" 1}
.gfmb-seg .eyebrow{
  display:inline-flex;align-items:center;gap:.7rem;
  font-family:var(--mono)!important;
  font-size:1.05rem;font-weight:500;line-height:1;
  letter-spacing:.14em;text-transform:uppercase;color:var(--violet);
  padding:.5rem .9rem;border:1px solid var(--line-v);border-radius:.4rem;
  background:var(--violet-08);
}
.gfmb-seg .eyebrow::before{
  content:"";width:.5rem;height:.5rem;border-radius:1px;background:var(--violet);
  box-shadow:0 0 6px rgba(46,144,250,.9);
}
.gfmb-seg .sec-head{margin-bottom:2.8rem}
.gfmb-seg .sec-title{
  font-size:clamp(2.2rem,7.2vw,2.9rem);font-weight:700;line-height:1.18;
  letter-spacing:-.025em;color:var(--ink-100);margin-top:1.4rem;
}
.gfmb-seg .sec-title br{display:none}
.gfmb-seg .sec-lead{
  font-size:1.45rem;line-height:1.55;color:var(--ink-60);margin-top:1rem;max-width:46rem;
}
.gfmb-seg .chapter{padding:2.4rem 1.6rem 0;max-width:48rem;margin:0 auto}
@media(min-width:430px){
.gfmb-seg .chapter{padding-inline:2rem}
}
.gfmb-seg .chapter__top{display:flex;align-items:baseline;gap:1.4rem}
.gfmb-seg .chapter-no{
  font-family:var(--mono)!important;font-size:clamp(3.2rem,12vw,4.6rem);font-weight:500;
  line-height:.85;letter-spacing:-.04em;color:rgba(46,144,250,.24);flex-shrink:0;
}
.gfmb-seg .chapter-kicker{
  font-size:1.15rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--violet);line-height:1.3;
}
.gfmb-seg .chapter__rule{height:1px;background:var(--line);margin-top:1.8rem;width:100vw;margin-left:calc(50% - 50vw)}
.gfmb-seg .btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.8rem;
  min-height:4.8rem;padding:1.3rem 2.2rem;
  font-family:var(--font);font-size:1.5rem;font-weight:500;
  border:1px solid transparent;border-radius:.4rem;cursor:pointer;
  transition:background .2s,border-color .2s,color .2s;
}
.gfmb-seg .btn--primary{background:var(--violet);color:#fff}
.gfmb-seg .btn--primary:active{background:#1466C4}
.gfmb-seg .btn--ghost{background:transparent;color:var(--ink-100);border-color:var(--line-v)}
.gfmb-seg .btn--full{display:flex;width:100%}
.gfmb-seg .btn svg{width:1.5rem;height:1.5rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.gfmb-seg .hero{
  /* RESERVE top clearance for the real sticky site header (~70px on mobile) */
  padding:6rem 0 3.6rem;
  position:relative;overflow:hidden;
}
.gfmb-seg .hero__glow{
  position:absolute;top:-12rem;right:-14rem;width:42rem;height:42rem;
  background:radial-gradient(circle,rgba(46,144,250,.16) 0%,transparent 70%);
  filter:blur(40px);pointer-events:none;border-radius:50%;
}
.gfmb-seg .hero__head{position:relative;z-index:1;padding:0 1.6rem}
@media(min-width:430px){
.gfmb-seg .hero__head{padding-inline:2rem}
}
.gfmb-seg .hero__tag{
  display:inline-flex;align-items:center;gap:.7rem;
  font-family:var(--mono)!important;font-size:1.05rem;font-weight:500;
  letter-spacing:.08em;color:var(--ink-60);
  padding:.5rem .9rem;border:1px solid var(--line-v);border-radius:.4rem;
  background:rgba(20,23,40,.025);margin-bottom:1.8rem;
}
.gfmb-seg .hero__tag-dot{
  width:.55rem;height:.55rem;border-radius:50%;background:var(--violet);flex-shrink:0;
  box-shadow:0 0 6px rgba(46,144,250,.9);animation:gfmPulse 1.8s var(--ease) infinite;
}
.gfmb-seg .hero__h1{
  font-size:clamp(2.7rem,9vw,3.4rem);font-weight:700;line-height:1.1;
  letter-spacing:-.03em;color:var(--ink-100);margin-bottom:1.6rem;
}
.gfmb-seg .hero__h1 em{
  font-style:normal;
  background:linear-gradient(90deg,var(--violet-deep),var(--violet));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.gfmb-seg .hero__lead{font-size:1.45rem;line-height:1.6;color:var(--ink-60);margin-bottom:2rem;max-width:44rem}
.gfmb-seg .hero__pills{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:2.4rem}
.gfmb-seg .hero__pill{
  display:inline-flex;align-items:center;gap:.55rem;
  font-size:1.15rem;font-weight:500;color:var(--ink-100);
  padding:.5rem .9rem;border-radius:.3rem;
  background:rgba(20,23,40,.03);border:1px solid var(--line);
}
.gfmb-seg .hero__pill svg{width:1.3rem;height:1.3rem;fill:none;stroke:var(--violet);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.gfmb-seg .hero__cta{margin-bottom:2.8rem}
.gfmb-seg .appwin{
  position:relative;z-index:1;
  margin:0 1.2rem;
  background:var(--bg-elev);
  border:1px solid rgba(46,144,250,.26);border-radius:.6rem;overflow:hidden;
  box-shadow:0 24px 60px rgba(20,23,40,.10),0 2px 6px rgba(20,23,40,.05);
}
.gfmb-seg .appwin__chrome{
  display:flex;align-items:center;gap:.9rem;padding:.9rem 1.1rem;
  border-bottom:1px solid var(--line);background:rgba(20,23,40,.02);
}
.gfmb-seg .appwin__dots{display:flex;gap:.45rem;flex-shrink:0}
.gfmb-seg .appwin__dots span{width:.8rem;height:.8rem;border-radius:50%}
.gfmb-seg .dot-r{background:#FF5F57}
.gfmb-seg .dot-y{background:#FEBC2E}
.gfmb-seg .dot-g{background:#28C840}
.gfmb-seg .appwin__url{
  flex:1;min-width:0;
  font-family:var(--mono)!important;font-size:1.05rem;color:var(--ink-40);
  background:rgba(20,23,40,.05);border-radius:.3rem;padding:.4rem .8rem;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;
}
.gfmb-seg .appwin__segbar{
  display:flex;gap:.5rem;padding:.9rem 1.1rem;
  border-bottom:1px solid var(--line);
  overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.gfmb-seg .appwin__segbar::-webkit-scrollbar{display:none}
.gfmb-seg .segchip{
  display:inline-flex;align-items:center;gap:.55rem;flex-shrink:0;scroll-snap-align:start;
  font-size:1.1rem;color:var(--ink-60);
  padding:.5rem .8rem;border-radius:.3rem;border:1px solid var(--line);
  background:rgba(20,23,40,.02);white-space:nowrap;
}
.gfmb-seg .segchip.is-active{background:var(--violet-12);border-color:var(--line-v);color:var(--ink-100)}
.gfmb-seg .segchip__dot{width:.6rem;height:.6rem;border-radius:50%;flex-shrink:0}
.gfmb-seg .segchip__n{font-family:var(--mono)!important;font-size:1rem;color:var(--ink-40)}
.gfmb-seg .appwin__main{padding:1.1rem}
.gfmb-seg .statrow{
  display:grid;grid-template-columns:repeat(4,minmax(8.4rem,1fr));gap:.6rem;
  overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;
  scrollbar-width:none;margin-bottom:1.1rem;
}
.gfmb-seg .statrow::-webkit-scrollbar{display:none}
.gfmb-seg .stat{
  scroll-snap-align:start;
  padding:.8rem .9rem;border:1px solid var(--line);border-radius:.3rem;
  background:rgba(20,23,40,.02);
}
.gfmb-seg .stat__val{font-family:var(--mono)!important;font-size:1.6rem;font-weight:500;line-height:1;color:var(--ink-100);letter-spacing:-.02em}
.gfmb-seg .stat__val.green{color:var(--success)}
.gfmb-seg .stat__val.amber{color:var(--amber)}
.gfmb-seg .stat__val.violet{color:var(--violet)}
.gfmb-seg .stat__lbl{font-size:1rem;color:var(--ink-60);margin-top:.5rem;line-height:1.25}
.gfmb-seg .dt-wrap{
  border:1px solid var(--line);border-radius:.4rem;overflow:hidden;margin-bottom:1.1rem;
}
.gfmb-seg .dt-scroll{
  overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;
  scrollbar-color:var(--line-v) transparent;
}
.gfmb-seg .dt-scroll::-webkit-scrollbar{height:.5rem}
.gfmb-seg .dt-scroll::-webkit-scrollbar-thumb{background:var(--line-v);border-radius:99rem}
.gfmb-seg .dt{border-collapse:collapse;width:max-content;min-width:100%}
.gfmb-seg .dt th{
  font-family:var(--mono)!important;font-size:.95rem;font-weight:500;
  text-transform:uppercase;letter-spacing:.06em;color:var(--ink-40);
  text-align:left;padding:.7rem .9rem;white-space:nowrap;
  border-bottom:1px solid var(--line);background:rgba(20,23,40,.02);
}
.gfmb-seg .dt td{
  font-size:1.15rem;padding:.7rem .9rem;white-space:nowrap;
  border-bottom:1px solid rgba(20,23,40,.08);color:var(--ink-100);vertical-align:middle;
}
.gfmb-seg .dt tr:last-child td{border-bottom:none}
.gfmb-seg .dt tr.is-active td{background:var(--violet-08)}
.gfmb-seg .dt .mono{font-size:1.1rem;color:var(--ink-60)}
.gfmb-seg .dt .pos{color:var(--success)}
.gfmb-seg .dt .neg{color:var(--rose)}
.gfmb-seg .seg-label{display:inline-flex;align-items:center;gap:.55rem;font-weight:500}
.gfmb-seg .seg-label__dot{width:.6rem;height:.6rem;border-radius:50%;flex-shrink:0}
.gfmb-seg .seg-pill{
  font-family:var(--mono)!important;font-size:.95rem;font-weight:500;
  padding:.2rem .6rem;border-radius:.3rem;display:inline-block;white-space:nowrap;
}
.gfmb-seg .pill-vip{background:rgba(247,178,0,.14);color:var(--amber)}
.gfmb-seg .pill-churn{background:rgba(229,72,77,.12);color:var(--rose)}
.gfmb-seg .pill-new{background:rgba(46,144,250,.12);color:var(--violet)}
.gfmb-seg .pill-reg{background:rgba(15,157,88,.10);color:var(--success)}
.gfmb-seg .spark{display:block;vertical-align:middle}
.gfmb-seg .feed__head{
  display:flex;align-items:center;gap:.6rem;
  font-family:var(--mono)!important;font-size:.95rem;font-weight:500;
  text-transform:uppercase;letter-spacing:.06em;color:var(--ink-40);margin-bottom:.6rem;
}
.gfmb-seg .feed__time{font-family:var(--mono)!important;font-size:.95rem;color:var(--ink-40);margin-left:auto}
.gfmb-seg .live-dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--success);flex-shrink:0;animation:gfmPulse 1.4s var(--ease) infinite}
.gfmb-seg .feed__row{
  display:flex;align-items:flex-start;gap:.7rem;
  padding:.55rem 0;border-bottom:1px solid rgba(20,23,40,.07);font-size:1.1rem;
}
.gfmb-seg .feed__row:last-child{border-bottom:none}
.gfmb-seg .feed__ico{
  width:1.9rem;height:1.9rem;border-radius:.3rem;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;font-size:1rem;margin-top:.1rem;
}
.gfmb-seg .feed__txt{flex:1;color:var(--ink-60);line-height:1.35;min-width:0}
.gfmb-seg .feed__txt strong{color:var(--ink-100);font-weight:500}
.gfmb-seg .feed__txt .uid{font-family:var(--mono)!important;color:var(--ink-100)}
.gfmb-seg .feed__t{font-family:var(--mono)!important;font-size:.95rem;color:var(--ink-40);flex-shrink:0;margin-top:.15rem}
.gfmb-seg .metrics{
  display:grid;grid-template-columns:1fr 1fr;
  border:1px solid var(--line);border-radius:.4rem;overflow:hidden;
  background:rgba(20,23,40,.015);margin-top:2.2rem;
}
.gfmb-seg .metric{
  padding:1.6rem 1.4rem;
  border-right:1px solid var(--line);border-bottom:1px solid var(--line);
}
.gfmb-seg .metric:nth-child(2n){border-right:none}
.gfmb-seg .metric:nth-child(n+3){border-bottom:none}
.gfmb-seg .metric__num{font-family:var(--mono)!important;font-size:2.4rem;font-weight:500;line-height:1;letter-spacing:-.03em;color:var(--amber-soft)}
.gfmb-seg .metric__num.tech{color:var(--violet)}
.gfmb-seg .metric__lbl{font-size:1.1rem;color:var(--ink-60);margin-top:.7rem;line-height:1.3}
.gfmb-seg .pain__list{display:flex;flex-direction:column;gap:1.2rem}
.gfmb-seg .pain__card{
  border:1px solid var(--line);border-radius:.4rem;background:rgba(20,23,40,.02);
  padding:1.6rem;
  display:flex;flex-direction:column;
}
.gfmb-seg .pain__card-num{
  font-family:var(--mono)!important;font-size:1rem;font-weight:500;
  letter-spacing:.1em;color:var(--violet);
  display:inline-block;padding:.2rem .6rem;border:1px solid var(--line-v);
  border-radius:.3rem;background:var(--violet-08);margin-bottom:1.1rem;
}
.gfmb-seg .pain__card-title{font-size:1.55rem;font-weight:700;line-height:1.28;letter-spacing:-.01em;color:var(--ink-100);margin-bottom:.8rem}
.gfmb-seg .pain__card-body{font-size:1.3rem;line-height:1.5;color:var(--ink-60);margin-bottom:1.2rem}
.gfmb-seg .ba{
  display:grid;grid-template-columns:1fr 1fr;gap:0;
  border:1px solid var(--line);border-radius:.3rem;overflow:hidden;
  margin-top:auto;
}
.gfmb-seg .ba__col{padding:1rem}
.gfmb-seg .ba__before{background:rgba(20,23,40,.015);border-right:1px solid var(--line)}
.gfmb-seg .ba__after{background:var(--violet-08)}
.gfmb-seg .ba__label{
  font-family:var(--mono)!important;font-size:.95rem;font-weight:500;
  text-transform:uppercase;letter-spacing:.06em;margin-bottom:.7rem;
}
.gfmb-seg .ba__before .ba__label{color:var(--ink-40)}
.gfmb-seg .ba__after .ba__label{color:var(--violet)}
.gfmb-seg .ba__item{font-size:1.1rem;line-height:1.4;padding:.25rem 0;display:flex;gap:.5rem}
.gfmb-seg .ba__item::before{content:"›";flex-shrink:0}
.gfmb-seg .ba__before .ba__item{color:var(--ink-60)}
.gfmb-seg .ba__before .ba__item::before{color:var(--ink-40)}
.gfmb-seg .ba__after .ba__item{color:var(--ink-100)}
.gfmb-seg .ba__after .ba__item::before{color:var(--violet)}
.gfmb-seg .how__tabs{
  display:flex;gap:.5rem;margin-bottom:1.6rem;
  overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;
  padding-bottom:.2rem;
}
.gfmb-seg .how__tabs::-webkit-scrollbar{display:none}
.gfmb-seg .how__tab{
  display:inline-flex;align-items:center;gap:.6rem;flex-shrink:0;scroll-snap-align:start;
  min-height:4rem;padding:.7rem 1.1rem;
  font-family:var(--font);font-size:1.25rem;font-weight:500;color:var(--ink-60);
  background:rgba(20,23,40,.025);border:1px solid var(--line);border-radius:.4rem;
  cursor:pointer;white-space:nowrap;transition:color .2s,background .2s,border-color .2s;
}
.gfmb-seg .how__tab .n{font-family:var(--mono)!important;font-size:1.05rem;color:var(--ink-40)}
.gfmb-seg .how__tab.is-active{color:#fff;background:var(--violet);border-color:var(--violet)}
.gfmb-seg .how__tab.is-active .n{color:rgba(255,255,255,.7)}
.gfmb-seg .how__panel{display:none}
.gfmb-seg .how__panel.is-active{display:block;animation:gfmFade .3s var(--ease)}
.gfmb-seg .how__desc{font-size:1.35rem;line-height:1.5;color:var(--ink-60);margin-bottom:1rem}
.gfmb-seg .how__chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.4rem}
.gfmb-seg .how__chip{
  font-family:var(--mono)!important;font-size:1.05rem;font-weight:500;
  padding:.35rem .8rem;border-radius:.3rem;
  background:var(--violet-08);color:var(--violet);border:1px solid var(--line-v);
}
.gfmb-seg .panel-box{
  background:var(--bg-code);border:1px solid rgba(46,144,250,.2);border-radius:.4rem;overflow:hidden;
}
.gfmb-seg .panel-box__bar{
  display:flex;align-items:center;gap:.8rem;padding:.7rem 1rem;
  border-bottom:1px solid var(--line);background:rgba(20,23,40,.02);
}
.gfmb-seg .panel-box__lang{font-family:var(--mono)!important;font-size:1.05rem;font-weight:500;color:var(--violet)}
.gfmb-seg .panel-box__label{font-family:var(--mono)!important;font-size:1rem;color:var(--ink-40);margin-left:auto;white-space:nowrap}
.gfmb-seg .panel-box pre{margin:0;padding:1rem 1.2rem;overflow-x:auto;-webkit-overflow-scrolling:touch}
.gfmb-seg .panel-box pre::-webkit-scrollbar{height:.5rem}
.gfmb-seg .panel-box pre::-webkit-scrollbar-thumb{background:var(--line-v);border-radius:99rem}
.gfmb-seg .panel-box pre code{font-family:var(--mono)!important;font-size:.95rem!important;line-height:1.55!important;color:#24292F;display:block;white-space:pre}
.gfmb-seg .panel-box pre code span{font-family:var(--mono)!important;font-size:inherit!important;line-height:inherit!important}
.gfmb-seg .t-k{color:#1466C4}
.gfmb-seg .t-s{color:#0F9D58}
.gfmb-seg .t-n{color:#B7791F}
.gfmb-seg .t-c{color:#9CA3AF}
.gfmb-seg .t-f{color:#6172F3}
.gfmb-seg .t-p{color:#24292F}
.gfmb-seg .seglist{padding:1rem}
.gfmb-seg .seglist__head{
  display:flex;align-items:center;
  font-family:var(--mono)!important;font-size:1rem;font-weight:500;
  text-transform:uppercase;letter-spacing:.06em;color:var(--ink-40);margin-bottom:.9rem;
}
.gfmb-seg .seglist__head .c{margin-left:auto;color:var(--ink-60)}
.gfmb-seg .segrow{display:flex;align-items:center;gap:.7rem;padding:.55rem 0}
.gfmb-seg .segrow__dot{width:.7rem;height:.7rem;border-radius:50%;flex-shrink:0}
.gfmb-seg .segrow__name{font-size:1.15rem;color:var(--ink-100);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gfmb-seg .segrow__count{font-family:var(--mono)!important;font-size:1.05rem;color:var(--ink-60);flex-shrink:0}
.gfmb-seg .segrow__bar{width:6rem;height:.4rem;border-radius:99rem;background:rgba(20,23,40,.07);overflow:hidden;flex-shrink:0}
.gfmb-seg .segrow__bar i{display:block;height:100%;border-radius:99rem}
.gfmb-seg .stream{padding:1rem;display:flex;flex-direction:column;gap:.5rem}
.gfmb-seg .stream__head{
  display:flex;align-items:center;gap:.6rem;
  font-family:var(--mono)!important;font-size:1rem;font-weight:500;
  text-transform:uppercase;letter-spacing:.06em;color:var(--ink-40);margin-bottom:.3rem;
}
.gfmb-seg .stream__row{
  display:flex;align-items:center;gap:.7rem;
  padding:.6rem .8rem;border-radius:.3rem;
  background:rgba(20,23,40,.02);border:1px solid var(--line);font-size:1.05rem;
}
.gfmb-seg .stream__row.is-new{background:var(--violet-12);border-color:var(--line-v)}
.gfmb-seg .stream__tag{
  font-family:var(--mono)!important;font-size:.9rem;font-weight:500;
  padding:.2rem .55rem;border-radius:.3rem;flex-shrink:0;
  background:var(--violet-12);color:var(--violet);
}
.gfmb-seg .stream__txt{flex:1;min-width:0;color:var(--ink-60);font-family:var(--mono)!important;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gfmb-seg .stream__t{font-family:var(--mono)!important;font-size:.9rem;color:var(--ink-40);flex-shrink:0}
.gfmb-seg .chgrid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;padding:1rem}
.gfmb-seg .chcell{
  padding:1rem;border:1px solid var(--line);border-radius:.4rem;background:rgba(20,23,40,.02);
}
.gfmb-seg .chcell.on{background:var(--violet-08);border-color:var(--line-v)}
.gfmb-seg .chcell__ico{width:2.6rem;height:2.6rem;border-radius:.3rem;background:rgba(46,144,250,.12);display:flex;align-items:center;justify-content:center;margin-bottom:.7rem}
.gfmb-seg .chcell__ico svg{width:1.4rem;height:1.4rem;fill:none;stroke:var(--violet);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.gfmb-seg .chcell__name{font-size:1.2rem;font-weight:700;color:var(--ink-100);margin-bottom:.25rem}
.gfmb-seg .chcell__seg{font-size:1.05rem;color:var(--violet);line-height:1.3}
.gfmb-seg .chcell__status{font-family:var(--mono)!important;font-size:.95rem;color:var(--ink-40);margin-top:.4rem}
.gfmb-seg .flow{display:flex;flex-direction:column;align-items:center;gap:0;margin-top:1.2rem}
.gfmb-seg .flow__label{
  font-family:var(--mono)!important;font-size:1rem;font-weight:500;
  text-transform:uppercase;letter-spacing:.08em;color:var(--ink-40);margin-bottom:.9rem;
}
.gfmb-seg .flow__grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.6rem;width:100%}
.gfmb-seg .flow__node{
  display:flex;flex-direction:column;align-items:center;gap:.6rem;text-align:center;
  padding:1rem .6rem;border:1px solid var(--line);border-radius:.4rem;background:rgba(20,23,40,.02);
}
.gfmb-seg .flow__ico{width:3rem;height:3rem;border-radius:.4rem;background:rgba(46,144,250,.1);border:1px solid var(--line-v);display:flex;align-items:center;justify-content:center;color:var(--violet)}
.gfmb-seg .flow__ico svg{width:1.6rem;height:1.6rem;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.gfmb-seg .flow__name{font-size:1.05rem;color:var(--ink-100);line-height:1.2}
.gfmb-seg .flow__name--sm{font-size:.9rem}
.gfmb-seg .flow__conn{position:relative;width:2px;height:3.4rem;background:linear-gradient(180deg,rgba(46,144,250,.1),rgba(46,144,250,.45),rgba(46,144,250,.1));margin:.6rem 0}
.gfmb-seg .flow__conn span{position:absolute;left:50%;top:0;width:.7rem;height:.7rem;border-radius:50%;background:var(--violet);box-shadow:0 0 8px var(--violet);transform:translateX(-50%);animation:gfmTransit 2.2s var(--ease) infinite}
.gfmb-seg .flow__conn span:nth-child(2){animation-delay:1.1s;opacity:.6}
.gfmb-seg .flow__hub{
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  width:100%;padding:1.8rem 1.4rem;
  border:1px solid rgba(46,144,250,.45);border-radius:.5rem;
  background:radial-gradient(80% 80% at 50% 50%,rgba(46,144,250,.10),transparent),#FFFFFF;
  box-shadow:0 0 40px rgba(46,144,250,.18),inset 0 0 30px rgba(46,144,250,.05);
  animation:gfmHub 4s var(--ease) infinite;
}
.gfmb-seg .flow__hub-eye{font-family:var(--mono)!important;font-size:1rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--violet);margin-bottom:.7rem}
.gfmb-seg .flow__hub-title{font-size:1.7rem;font-weight:700;line-height:1.2;color:var(--ink-100)}
.gfmb-seg .previews{display:flex;flex-direction:column;gap:1rem;margin-top:2.4rem}
.gfmb-seg .prev{border:1px solid var(--line);border-radius:.4rem;overflow:hidden;background:var(--bg-elev)}
.gfmb-seg .prev__label{
  display:flex;align-items:center;gap:.6rem;
  font-family:var(--mono)!important;font-size:1.05rem;font-weight:500;
  text-transform:uppercase;letter-spacing:.06em;color:var(--ink-60);
  padding:.8rem 1.1rem;border-bottom:1px solid var(--line);background:rgba(20,23,40,.02);
}
.gfmb-seg .prev__label::before{content:"";width:.5rem;height:.5rem;border-radius:1px;background:var(--violet)}
.gfmb-seg .prev__body{padding:1.1rem}
.gfmb-seg .em-from{font-family:var(--mono)!important;font-size:1rem;color:var(--ink-40);margin-bottom:.5rem}
.gfmb-seg .em-subj{font-size:1.2rem;font-weight:700;color:var(--ink-100);margin-bottom:.6rem;line-height:1.3}
.gfmb-seg .em-body{font-size:1.1rem;color:var(--ink-60);line-height:1.45;margin-bottom:.8rem}
.gfmb-seg .em-cta{display:inline-block;background:var(--violet);color:#fff;padding:.4rem 1rem;border-radius:.3rem;font-size:1.05rem;font-weight:500}
.gfmb-seg .pu{display:flex;gap:.8rem;align-items:flex-start}
.gfmb-seg .pu__ico{width:2.8rem;height:2.8rem;border-radius:.3rem;background:rgba(46,144,250,.18);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.gfmb-seg .pu__ico svg{width:1.4rem;height:1.4rem;fill:none;stroke:var(--violet);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.gfmb-seg .pu__title{font-size:1.15rem;font-weight:700;color:var(--ink-100);margin-bottom:.25rem}
.gfmb-seg .pu__text{font-size:1.1rem;color:var(--ink-60);line-height:1.4}
.gfmb-seg .pu__time{font-family:var(--mono)!important;font-size:.95rem;color:var(--ink-40);margin-top:.4rem}
.gfmb-seg .wb-banner{background:var(--violet-12);border:1px solid var(--line-v);border-radius:.3rem;padding:.8rem;font-size:1.1rem;color:var(--ink-100);line-height:1.4;margin-bottom:.6rem}
.gfmb-seg .wb-recs{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.gfmb-seg .wb-rec{background:rgba(20,23,40,.03);border-radius:.3rem;padding:.6rem;font-size:1rem;color:var(--ink-60);line-height:1.4}
.gfmb-seg .wb-rec b{font-family:var(--mono)!important;color:var(--violet);font-weight:500}
.gfmb-seg .kv{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 0;font-size:1.1rem;border-top:1px dashed rgba(20,23,40,.12)}
.gfmb-seg .kv:first-child{border-top:none}
.gfmb-seg .kv__k{font-family:var(--mono)!important;font-size:1rem;color:var(--ink-60)}
.gfmb-seg .kv__v{color:var(--ink-100);font-weight:500}
.gfmb-seg .kv__v .mono{font-family:var(--mono)!important}
.gfmb-seg .cc-seg{font-family:var(--mono)!important;background:rgba(247,178,0,.15);color:var(--amber);padding:.15rem .55rem;border-radius:.3rem;font-size:.95rem;font-weight:500}
.gfmb-seg .int__tabs{
  display:flex;gap:.5rem;margin-bottom:1.4rem;
  overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;
}
.gfmb-seg .int__tabs::-webkit-scrollbar{display:none}
.gfmb-seg .int__tab{
  flex-shrink:0;scroll-snap-align:start;min-height:4rem;padding:.7rem 1.2rem;
  font-family:var(--mono)!important;font-size:1.15rem;font-weight:500;color:var(--ink-60);
  background:rgba(20,23,40,.025);border:1px solid var(--line);border-radius:.4rem;
  cursor:pointer;white-space:nowrap;transition:color .2s,background .2s,border-color .2s;
}
.gfmb-seg .int__tab.is-active{color:#fff;background:var(--violet);border-color:var(--violet)}
.gfmb-seg .int__panel{display:none}
.gfmb-seg .int__panel.is-active{display:block;animation:gfmFade .3s var(--ease)}
.gfmb-seg .int__title{font-size:1.55rem;font-weight:700;letter-spacing:-.01em;color:var(--ink-100);margin-bottom:.7rem}
.gfmb-seg .int__desc{font-size:1.3rem;line-height:1.5;color:var(--ink-60);margin-bottom:1rem}
.gfmb-seg .int__desc code{font-family:var(--mono)!important;font-size:1.15rem;color:var(--violet)}
.gfmb-seg .int__chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.2rem}
.gfmb-seg .int__chip{font-family:var(--mono)!important;font-size:1.05rem;padding:.3rem .8rem;border-radius:.3rem;background:rgba(20,23,40,.04);color:var(--ink-60);border:1px solid var(--line)}
.gfmb-seg .int__doc{
  display:inline-flex;align-items:center;gap:.6rem;margin-top:1.2rem;
  font-size:1.25rem;font-weight:500;color:var(--violet);
}
.gfmb-seg .int__doc svg{width:1.4rem;height:1.4rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.gfmb-seg .int__panel .panel-box{margin-top:0}
.gfmb-seg .rel__lead{font-size:1.35rem;line-height:1.55;color:var(--ink-60);margin-top:1.2rem;max-width:46rem}
.gfmb-seg .rel__stats{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);border-radius:.4rem;overflow:hidden;margin-top:1.8rem}
.gfmb-seg .rel__stat{padding:1.6rem 1.4rem}
.gfmb-seg .rel__stat:first-child{border-right:1px solid var(--line)}
.gfmb-seg .rel__stat-val{font-family:var(--mono)!important;font-size:2.8rem;font-weight:500;line-height:1;letter-spacing:-.03em;color:var(--violet)}
.gfmb-seg .rel__stat-lbl{font-size:1.05rem;color:var(--ink-60);margin-top:.7rem;line-height:1.35}
.gfmb-seg .rel__badges{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.4rem}
.gfmb-seg .rel__badge{
  display:inline-flex;align-items:center;gap:.5rem;
  font-size:1.1rem;font-weight:500;padding:.5rem 1rem;border-radius:.3rem;
  background:rgba(15,157,88,.08);border:1px solid rgba(15,157,88,.22);color:var(--success);
}
.gfmb-seg .rel__badge::before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:var(--success)}
.gfmb-seg .rel__note{font-size:1.15rem;line-height:1.55;color:var(--ink-60);margin-top:1.4rem}
.gfmb-seg .spk{margin-top:1.8rem;border:1px solid var(--line);border-radius:.4rem;overflow:hidden;background:var(--bg-elev)}
.gfmb-seg .spk__bar{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.3rem;border-bottom:1px solid var(--line);background:rgba(20,23,40,.02)}
.gfmb-seg .spk__title{font-family:var(--mono)!important;font-size:1.1rem;font-weight:500;color:var(--ink-100)}
.gfmb-seg .spk__live{display:flex;align-items:center;gap:.5rem;font-family:var(--mono)!important;font-size:1rem;color:var(--success)}
.gfmb-seg .spk__body{padding:1.4rem 1.3rem}
.gfmb-seg .spk__cur{font-family:var(--mono)!important;font-size:3rem;font-weight:500;line-height:1;letter-spacing:-.03em;color:var(--ink-100)}
.gfmb-seg .spk__sub{font-size:1.1rem;color:var(--ink-60);margin:.5rem 0 1.2rem}
.gfmb-seg .spk__sub b{font-family:var(--mono)!important;color:var(--ink-100);font-weight:500}
.gfmb-seg .spk__svg{width:100%;height:6rem;display:block;overflow:visible}
.gfmb-seg .spk__axis{display:flex;justify-content:space-between;margin-top:.6rem}
.gfmb-seg .spk__axis span{font-family:var(--mono)!important;font-size:.9rem;color:var(--ink-40)}
.gfmb-seg .faq__list{border-top:1px solid var(--line)}
.gfmb-seg .faq-item{border-bottom:1px solid var(--line)}
.gfmb-seg .faq-trigger{
  width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:1.4rem;
  min-height:4.4rem;padding:1.6rem 0;background:none;border:none;cursor:pointer;text-align:left;
  font-family:var(--font);font-size:1.35rem;font-weight:500;line-height:1.4;
  color:var(--ink-100);transition:color .2s;white-space:normal;word-break:break-word;
}
.gfmb-seg .faq-trigger:hover,.gfmb-seg .faq-item.open .faq-trigger{color:var(--violet)}
.gfmb-seg .faq-ico{position:relative;flex-shrink:0;width:1.6rem;height:1.6rem;margin-top:.3rem;color:var(--ink-40)}
.gfmb-seg .faq-item.open .faq-ico{color:var(--violet)}
.gfmb-seg .faq-ico::before,.gfmb-seg .faq-ico::after{content:"";position:absolute;left:50%;top:50%;background:currentColor;border-radius:1px;transition:transform .25s var(--ease),opacity .25s}
.gfmb-seg .faq-ico::before{width:1.2rem;height:1.5px;transform:translate(-50%,-50%)}
.gfmb-seg .faq-ico::after{width:1.5px;height:1.2rem;transform:translate(-50%,-50%)}
.gfmb-seg .faq-item.open .faq-ico::after{transform:translate(-50%,-50%) scaleY(0);opacity:0}
.gfmb-seg .faq-body{max-height:0;overflow:hidden;transition:max-height .35s var(--ease)}
.gfmb-seg .faq-body__in{padding:0 0 1.6rem}
.gfmb-seg .faq-body p{font-size:1.25rem;line-height:1.65;color:var(--ink-60);margin:0}
.gfmb-seg .faq-body p+p{margin-top:.8rem}
.gfmb-seg .faq-body p strong{color:var(--ink-100)}
.gfmb-seg .faq-body ul{margin:.8rem 0 0;padding-left:1.8rem;list-style:disc}
.gfmb-seg .faq-body li{font-size:1.25rem;line-height:1.55;color:var(--ink-60);margin-bottom:.4rem}
.gfmb-seg .articles__head{
  display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;
  flex-wrap:wrap;margin-bottom:2.4rem;
}
.gfmb-seg .articles__more{font-size:1.3rem;font-weight:500;color:var(--violet);white-space:nowrap}
.gfmb-seg .blog-grid{
  display:grid;grid-auto-flow:column;grid-auto-columns:80%;gap:1.2rem;
  overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
  scrollbar-width:none;margin:0 -1.6rem;padding:0 1.6rem .6rem;
}
.gfmb-seg .blog-grid::-webkit-scrollbar{display:none}
.gfmb-seg .blog-card{scroll-snap-align:start;border:1px solid var(--line)}
.gfmb-seg .blog-card__body{padding:1.4rem 1.4rem 1.6rem}
.gfmb-seg .blog-card__meta{font-family:var(--mono)!important;font-size:1.05rem;margin-bottom:1rem}
.gfmb-seg .blog-card__title{font-size:1.5rem;margin-bottom:.8rem}
.gfmb-seg .blog-card__excerpt{font-size:1.25rem}
.gfmb-seg .demo__title{font-size:clamp(2.4rem,8vw,3rem);font-weight:700;line-height:1.15;letter-spacing:-.025em;color:var(--ink-100);margin-bottom:2.4rem}
.gfmb-seg .demo__lead{font-size:1.35rem;line-height:1.55;color:var(--ink-60);margin-bottom:2.4rem}
.gfmb-seg .demo__logos-label{
  font-family:var(--mono)!important;font-size:1rem;font-weight:500;
  text-transform:uppercase;letter-spacing:.08em;color:var(--ink-40);margin-bottom:1rem;
}
.gfmb-seg .demo__logos{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-bottom:2.2rem}
.gfmb-seg .demo__logo{
  display:flex;align-items:center;justify-content:center;min-height:4.4rem;padding:.6rem;
  font-family:var(--mono)!important;font-size:1.05rem;font-weight:500;letter-spacing:.01em;
  color:var(--ink-60);text-align:center;line-height:1.15;
  border:1px solid var(--line);border-radius:.3rem;background:rgba(20,23,40,.015);
}
.gfmb-seg .demo__card{
  background:var(--bg-elev);border:1px solid var(--line-v);border-radius:.4rem;
  padding:2rem 1.6rem;margin-top:1rem;
}
.gfmb-seg .demo__card-title{font-size:1.5rem;font-weight:700;line-height:1.3;color:var(--ink-100);margin-bottom:2rem}
.gfmb-seg .demo__form{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem 1.2rem}
.gfmb-seg .fc{position:relative}
.gfmb-seg .fc--full{grid-column:1 / -1}
.gfmb-seg .demo__form input[type=text],.gfmb-seg .demo__form input[type=email],.gfmb-seg .demo__form input[type=tel]{
  width:100%;background:transparent;border:none;border-bottom:1px solid var(--line-v);
  padding:.9rem .2rem;font-family:var(--font);font-size:1.4rem;color:var(--ink-100);
  transition:border-color .2s;
}
.gfmb-seg .demo__form input::placeholder{color:var(--ink-40)}
.gfmb-seg .demo__form input:focus{outline:none;border-bottom-color:var(--violet)}
.gfmb-seg .demo__consent{
  grid-column:1 / -1;display:flex;align-items:flex-start;gap:.9rem;
  font-size:1.1rem;line-height:1.45;color:var(--ink-60);cursor:pointer;
}
.gfmb-seg .demo__consent input{margin-top:.2rem;width:1.6rem;height:1.6rem;accent-color:var(--violet);flex-shrink:0}
.gfmb-seg .demo__consent a{color:var(--violet)}
.gfmb-seg .demo__submit{
  grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:1rem;
  min-height:5.2rem;padding:0 2rem;
  background:var(--violet);color:#fff;border:none;border-radius:.4rem;
  font-family:var(--font);font-size:1.5rem;font-weight:500;cursor:pointer;transition:background .2s;
}
.gfmb-seg .demo__submit:active{background:#1466C4}
.gfmb-seg .demo__submit-arrow{font-size:1.7rem;line-height:1}
@keyframes gfmPulse{0%,100%{opacity:1}50%{opacity:.45}}
@keyframes gfmTransit{0%{top:0;opacity:0}12%{opacity:1}88%{opacity:1}100%{top:100%;opacity:0}}
@keyframes gfmHub{0%,100%{box-shadow:0 0 36px rgba(46,144,250,.16),inset 0 0 24px rgba(46,144,250,.04)}50%{box-shadow:0 0 64px rgba(46,144,250,.28),inset 0 0 40px rgba(46,144,250,.07)}}
@keyframes gfmFade{from{opacity:0;transform:translateY(.6rem)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){
.gfmb-seg *,.gfmb-seg *::before,.gfmb-seg *::after{animation:none!important;transition:none!important}
}
.gfmb-seg :is(em,strong,b,i,span,a,small,sub,sup,mark,code,br):not([class]){
  font-size:inherit;color:inherit;line-height:inherit;letter-spacing:inherit;font-family:inherit;
}
.gfmb-seg :is(.how-panel,.code-panel) pre code span{font-size:inherit;line-height:inherit}
.gfmb-seg a{text-decoration:none;color:inherit;transition:color .2s}
.gfmb-seg :is(.code-panel,.how-panel) :is(pre,code),
.gfmb-seg :is(.code-panel,.how-panel) :is(pre,code) *,
.gfmb-seg :is(
  .chapter-num,
  .ui-url, .ui-seg-count, .ui-seg-trend, .ui-stat__val, .ui-event__time, .hfc-val,
  .code-panel__lang, .code-panel__label,
  .how-panel__lang, .how-panel__label, .how-seg-panel__count, .how-seg-row__count,
  .how-rt-event__tag, .how-rt-event__time,
  .rel-stat__val, .sparkline-current, .sparkline-axis span,
  .email-from, .push-time
),
.gfmb-seg [style*="--mono"]{
  font-family:var(--mono)!important;
}
.gfmb-seg .articles__head{max-width:none;text-align:left;margin-bottom:4rem;display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;flex-wrap:wrap}
.gfmb-seg .articles__title{text-align:left;margin-top:1.6rem}
.gfmb-seg .articles__more{display:inline-flex;align-items:center;gap:.6rem;font-size:1.5rem;font-weight:500;color:var(--violet);white-space:nowrap}
.gfmb-seg .articles__more:hover{color:var(--ink-100)}
.gfmb-seg .blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
@media(max-width:1024px){
.gfmb-seg .blog-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
.gfmb-seg .blog-grid{grid-template-columns:1fr}
}
.gfmb-seg .blog-card{display:flex;flex-direction:column;color:inherit;text-decoration:none;border:1px solid var(--line);border-radius:.4rem;overflow:hidden;background:#FFFFFF;transition:border-color .25s,transform .25s}
.gfmb-seg .blog-card:hover{border-color:rgba(46,144,250,.4);transform:translateY(-3px)}
.gfmb-seg .blog-card__img{aspect-ratio:16/10;overflow:hidden;background:#EEF1F6}
.gfmb-seg .blog-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.gfmb-seg .blog-card:hover .blog-card__img img{transform:scale(1.04)}
.gfmb-seg .blog-card__body{padding:2.4rem 2.4rem 2.8rem}
.gfmb-seg .blog-card__meta{display:flex;align-items:center;gap:1rem;margin-bottom:1.4rem;font-size:1.2rem;color:var(--ink-60);letter-spacing:.02em}
.gfmb-seg .blog-card__tag{color:var(--violet);font-weight:500;text-transform:uppercase;letter-spacing:.06em}
.gfmb-seg .blog-card__title{font-size:1.9rem;font-weight:700;line-height:1.3;letter-spacing:-.02em;color:var(--ink-100);margin:0 0 1.2rem}
.gfmb-seg .blog-card__excerpt{font-size:1.4rem;line-height:1.5;color:var(--ink-60);margin:0}
@media (min-width:720px){
.gfmb-seg .wrap{max-width:72rem;padding:0 3.2rem}
.gfmb-seg .chapter{max-width:72rem;padding:4rem 3.2rem 0}
.gfmb-seg .sec{padding:6rem 0}
.gfmb-seg .sec-title{font-size:clamp(2.6rem,3.6vw,3.2rem)}
.gfmb-seg .hero{max-width:84rem;margin:0 auto;padding:6rem 3.2rem 0}
.gfmb-seg .hero__head{text-align:center;max-width:66rem;margin-inline:auto;padding-inline:0}
.gfmb-seg .hero__lead{margin-inline:auto}
.gfmb-seg .hero__pills{justify-content:center}
.gfmb-seg .hero__cta{display:flex;justify-content:center}
.gfmb-seg .hero__cta .btn--full{width:auto}
.gfmb-seg .appwin{margin-inline:auto;max-width:none}
.gfmb-seg .metrics{grid-template-columns:repeat(4,1fr)}
.gfmb-seg .metric{border-bottom:none;border-right:1px solid var(--line)}
.gfmb-seg .metric:nth-child(2n){border-right:1px solid var(--line)}
.gfmb-seg .metric:last-child{border-right:none}
.gfmb-seg .pain__list{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem}
.gfmb-seg .previews{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
.gfmb-seg .int__panel.is-active{display:grid;grid-template-columns:1fr 1.15fr;gap:3.2rem;align-items:start}
.gfmb-seg .int__panel.is-active .int__info{grid-column:1;min-width:0}
.gfmb-seg .int__panel.is-active .panel-box{grid-column:2;align-self:start;margin-top:0}
.gfmb-seg #reliability .wrap{display:grid;grid-template-columns:1fr 1fr;gap:3.6rem;align-items:start;max-width:92rem}
.gfmb-seg #demo .wrap{display:grid;grid-template-columns:1fr 1fr;gap:3.6rem;align-items:start;max-width:92rem}
.gfmb-seg .demo__title{grid-column:1 / -1}
.gfmb-seg #how .wrap{max-width:78rem}
.gfmb-seg .how__tabs{justify-content:center}
.gfmb-seg .how__desc{max-width:64rem}
.gfmb-seg #faq .wrap{max-width:78rem}
}
@media (min-width:1024px){
.gfmb-seg .wrap{max-width:120rem;padding:0 5.6rem}
.gfmb-seg .chapter{max-width:120rem;padding:5.2rem 5.6rem 0}
.gfmb-seg .chapter-no{font-size:5.6rem}
.gfmb-seg .sec{padding:8rem 0}
.gfmb-seg .sec-title{font-size:clamp(3rem,3.2vw,3.8rem)}
.gfmb-seg .sec-head{margin-bottom:4rem}
.gfmb-seg .hero{max-width:120rem;padding:7rem 5.6rem 0}
.gfmb-seg .hero__head{max-width:80rem}
.gfmb-seg .hero__h1{font-size:clamp(3.6rem,4.2vw,5rem)}
.gfmb-seg .hero__lead{font-size:1.7rem;max-width:62rem}
.gfmb-seg .appwin{max-width:108rem}
.gfmb-seg .metrics{max-width:92rem;margin-inline:auto;margin-top:3.2rem}
.gfmb-seg .metric{padding:2.2rem 2rem}
.gfmb-seg .metric__num{font-size:3.2rem}
.gfmb-seg .metric__lbl{font-size:1.25rem}
.gfmb-seg .pain__list{grid-template-columns:repeat(3,1fr);gap:2rem}
.gfmb-seg #how .wrap{max-width:88rem}
.gfmb-seg #channels .wrap{max-width:88rem}
.gfmb-seg .flow{max-width:62rem;margin-inline:auto}
.gfmb-seg .previews{grid-template-columns:repeat(3,1fr);gap:1.6rem}
.gfmb-seg #reliability .wrap{max-width:108rem;gap:5.6rem}
.gfmb-seg #demo .wrap{max-width:112rem;gap:5.6rem;grid-template-columns:1fr 1.05fr}
.gfmb-seg #faq .wrap{max-width:84rem}
.gfmb-seg .pain__card{transition:border-color .25s,transform .25s}
.gfmb-seg .pain__card:hover{border-color:var(--line-v);transform:translateY(-2px)}
.gfmb-seg .prev:hover{border-color:var(--line-v)}
}
@media (min-width:1280px){
.gfmb-seg .wrap{max-width:139.2rem}
.gfmb-seg .chapter{max-width:139.2rem}
.gfmb-seg .hero{max-width:139.2rem}
}
@media (min-width:720px){
.gfmb-seg .sec-lead{font-size:1.6rem}
.gfmb-seg .pain__card-title{font-size:1.75rem}
.gfmb-seg .pain__card-body{font-size:1.4rem}
.gfmb-seg .how__desc,.gfmb-seg .int__desc,.gfmb-seg .rel__lead,.gfmb-seg .demo__lead{font-size:1.5rem}
.gfmb-seg .int__title{font-size:1.75rem}
.gfmb-seg .faq-trigger{font-size:1.5rem}
.gfmb-seg .faq-body p,.gfmb-seg .faq-body li{font-size:1.35rem}
}
@media (min-width:1024px){
.gfmb-seg .eyebrow{font-size:1.2rem;padding:.6rem 1.1rem}
.gfmb-seg .sec-lead{font-size:1.8rem;max-width:62rem}
.gfmb-seg .chapter-kicker{font-size:1.3rem}
.gfmb-seg .pain__card{padding:2.8rem}
.gfmb-seg .pain__card-num{font-size:1.1rem;padding:.3rem .8rem;margin-bottom:1.6rem}
.gfmb-seg .pain__card-title{font-size:1.9rem}
.gfmb-seg .pain__card-body{font-size:1.5rem}
.gfmb-seg .ba__col{padding:1.4rem}
.gfmb-seg .ba__label{font-size:1.05rem}
.gfmb-seg .ba__item{font-size:1.25rem}
.gfmb-seg .how__tab{font-size:1.5rem;min-height:4.6rem;padding:.9rem 1.6rem}
.gfmb-seg .how__tab .n{font-size:1.2rem}
.gfmb-seg .how__desc{font-size:1.6rem}
.gfmb-seg .how__chip{font-size:1.2rem;padding:.45rem 1rem}
.gfmb-seg .chcell__ico{width:3.2rem;height:3.2rem}
.gfmb-seg .chcell__name{font-size:1.45rem}
.gfmb-seg .chcell__seg{font-size:1.2rem}
.gfmb-seg .chcell__status{font-size:1.05rem}
.gfmb-seg .flow__ico{width:3.6rem;height:3.6rem}
.gfmb-seg .flow__ico svg{width:1.9rem;height:1.9rem}
.gfmb-seg .flow__name{font-size:1.35rem}
.gfmb-seg .flow__name--sm{font-size:1.15rem}
.gfmb-seg .flow__hub{padding:2.4rem 2rem}
.gfmb-seg .flow__hub-eye{font-size:1.15rem}
.gfmb-seg .flow__hub-title{font-size:2.2rem}
.gfmb-seg .flow__label{font-size:1.1rem}
.gfmb-seg .prev__label{font-size:1.2rem;padding:1rem 1.4rem}
.gfmb-seg .prev__body{padding:1.4rem}
.gfmb-seg .em-subj{font-size:1.35rem}
.gfmb-seg .em-body,.gfmb-seg .pu__text,.gfmb-seg .wb-banner{font-size:1.25rem}
.gfmb-seg .pu__title{font-size:1.3rem}
.gfmb-seg .kv__k,.gfmb-seg .kv__v{font-size:1.2rem}
.gfmb-seg .int__tab{font-size:1.4rem;min-height:4.6rem;padding:.9rem 1.6rem}
.gfmb-seg .int__title{font-size:1.9rem}
.gfmb-seg .int__desc{font-size:1.5rem}
.gfmb-seg .int__desc code{font-size:1.35rem}
.gfmb-seg .int__chip{font-size:1.2rem;padding:.4rem 1rem}
.gfmb-seg .int__doc{font-size:1.4rem}
.gfmb-seg .panel-box pre code{font-size:1.2rem!important;line-height:1.65!important}
.gfmb-seg .panel-box pre{padding:1.4rem 1.6rem}
.gfmb-seg .panel-box__lang{font-size:1.15rem}
.gfmb-seg .panel-box__label{font-size:1.1rem}
.gfmb-seg .rel__lead{font-size:1.7rem;max-width:none}
.gfmb-seg .rel__stat{padding:2.2rem 2rem}
.gfmb-seg .rel__stat-val{font-size:3.6rem}
.gfmb-seg .rel__stat-lbl{font-size:1.3rem}
.gfmb-seg .rel__badge{font-size:1.3rem;padding:.6rem 1.3rem}
.gfmb-seg .rel__note{font-size:1.35rem}
.gfmb-seg .spk__title{font-size:1.3rem}
.gfmb-seg .spk__cur{font-size:3.6rem}
.gfmb-seg .spk__sub{font-size:1.25rem}
.gfmb-seg .spk__live{font-size:1.2rem}
.gfmb-seg .faq-trigger{font-size:1.7rem;padding:2.2rem 0}
.gfmb-seg .faq-ico{width:2rem;height:2rem}
.gfmb-seg .faq-body p,.gfmb-seg .faq-body li{font-size:1.5rem;line-height:1.7}
.gfmb-seg .faq-body__in{padding-bottom:2.2rem}
.gfmb-seg .blog-card__title{font-size:2rem}
.gfmb-seg .blog-card__excerpt{font-size:1.5rem}
.gfmb-seg .blog-card__meta{font-size:1.3rem}
.gfmb-seg .demo__title{font-size:clamp(3.2rem,3.4vw,4rem)}
.gfmb-seg .demo__lead{font-size:1.7rem}
.gfmb-seg .demo__logos-label{font-size:1.2rem}
.gfmb-seg .demo__logo{font-size:1.25rem;min-height:5.4rem}
.gfmb-seg .demo__card{padding:3.2rem}
.gfmb-seg .demo__card-title{font-size:2rem}
.gfmb-seg .demo__form input[type=text],.gfmb-seg .demo__form input[type=email],.gfmb-seg .demo__form input[type=tel]{font-size:1.6rem;padding:1.1rem .2rem}
.gfmb-seg .demo__consent{font-size:1.25rem}
.gfmb-seg .demo__submit{font-size:1.6rem;min-height:6rem}
}
@media (min-width:1024px){
.gfmb-seg #how .wrap{max-width:120rem}
.gfmb-seg .how__panel.is-active{display:grid;grid-template-columns:1fr 1.3fr;gap:4.4rem;align-items:start}
.gfmb-seg .how__panel.is-active .how__info{grid-column:1;min-width:0}
.gfmb-seg .how__panel.is-active .panel-box{grid-column:2;align-self:start;margin-top:0}
.gfmb-seg .how__desc{font-size:1.7rem;max-width:none}
.gfmb-seg .how__chip{font-size:1.25rem}
.gfmb-seg .seglist{padding:1.4rem}
.gfmb-seg .seglist__head{font-size:1.3rem}
.gfmb-seg .segrow{padding:.75rem 0;gap:1rem}
.gfmb-seg .segrow__name{font-size:1.4rem}
.gfmb-seg .segrow__count{font-size:1.2rem}
.gfmb-seg .stream{padding:1.4rem;gap:.7rem}
.gfmb-seg .stream__txt{font-size:1.2rem}
.gfmb-seg .stream__tag{font-size:1.05rem}
.gfmb-seg .stream__t{font-size:1.05rem}
.gfmb-seg .chgrid{grid-template-columns:repeat(3,1fr);padding:1.4rem;gap:1rem}
}
.gfmb-seg .feed__txt,.gfmb-seg .feed__txt .uid,.gfmb-seg .feed__txt strong{font-size:1.2rem}
.gfmb-seg .seg-label{font-size:1.25rem}
.gfmb-seg .pain__card-num{border:none;background:none;padding:0}
.gfmb-seg .seg-exchange{padding:3.6rem 0 0;text-align:center}
.gfmb-seg .seg-exchange__label{
  display:inline-flex;align-items:center;justify-content:center;gap:.7rem;flex-wrap:wrap;
  font-size:1.35rem;line-height:1.4;color:var(--ink-60);letter-spacing:.01em;margin-bottom:1.8rem;
}
.gfmb-seg .seg-exchange__ico{
  width:1.7rem;height:1.7rem;flex-shrink:0;
  fill:none;stroke:var(--violet);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
}
.gfmb-seg .seg-exchange__logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem}
.gfmb-seg .seg-exchange__logo{
  display:inline-flex;align-items:center;
  font-size:1.5rem;font-weight:600;letter-spacing:-.01em;color:var(--ink-100);
  padding:.9rem 1.7rem;border-radius:.5rem;
  border:1px solid var(--line);background:rgba(20,23,40,.025);
  transition:border-color .2s,color .2s,background .2s;
}
.gfmb-seg .seg-exchange__logo:hover{border-color:var(--line-v);background:var(--violet-08)}
@media(min-width:1024px){
.gfmb-seg .seg-exchange{padding-top:5.2rem}
.gfmb-seg .seg-exchange__label{font-size:1.5rem}
.gfmb-seg .seg-exchange__logo{font-size:1.6rem;padding:1rem 2rem}
}
.gfmb-seg #channels .sec-head{text-align:center}
.gfmb-seg .rel__right{display:flex;flex-direction:column}
.gfmb-seg .rel__right .rel__note{
  margin-top:1.6rem;font-weight:300;color:var(--ink-40);
  font-size:1.2rem;line-height:1.6;letter-spacing:.005em;max-width:none;
}
@media(min-width:720px){
.gfmb-seg #reliability .rel__right .spk{margin-top:0}
}
.gfmb-seg #articles.articles--compact{border-top:1px solid var(--line)}
.gfmb-seg .articles--compact .articles__head{margin-bottom:2.8rem}
.gfmb-seg .articles--compact .articles__title{font-size:clamp(2rem,2.4vw,2.6rem);margin-top:1.4rem}
.gfmb-seg .articles--compact .blog-grid{
  gap:1.2rem;grid-auto-flow:row;overflow:visible;
  grid-template-columns:repeat(5,1fr);
}
@media(max-width:1100px){
.gfmb-seg .articles--compact .blog-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:640px){
.gfmb-seg .articles--compact .blog-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:420px){
.gfmb-seg .articles--compact .blog-grid{grid-template-columns:1fr}
}
.gfmb-seg .articles--compact .blog-card__img{aspect-ratio:16/9}
.gfmb-seg .articles--compact .blog-card__body{padding:1rem 1.1rem 1.2rem}
.gfmb-seg .articles--compact .blog-card__meta{margin-bottom:.6rem;font-size:1.05rem;gap:.6rem}
.gfmb-seg .articles--compact .blog-card__title{
  font-size:1.3rem;line-height:1.3;margin:0;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.gfmb-seg .articles--compact .blog-card__excerpt{display:none}
@media(min-width:1101px){
.gfmb-seg .articles--compact .blog-card__title{font-size:1.35rem}
.gfmb-seg .articles--compact .blog-card__meta{font-size:1.1rem}
}
.gfmb-seg .hero{background:none;height:auto;min-height:0}
.gfmb-seg .hero::after{content:none}
.gfmb-seg .appwin,.gfmb-seg .demo__card{box-shadow:0 24px 60px rgba(20,23,40,.10),0 2px 6px rgba(20,23,40,.05)}
.gfmb-seg :is(.pain__card,.prev,.panel-box,.spk,.metrics,.dt-wrap,.blog-card,.chcell,.rel__stats,.flow__node){
  box-shadow:0 1px 3px rgba(20,23,40,.05),0 1px 2px rgba(20,23,40,.03);
}
.gfmb-seg .btn--ghost{background:#fff}
.gfmb-seg .btn--ghost:hover{background:var(--violet-08);border-color:var(--violet)}
.gfmb-seg .btn--primary{box-shadow:0 8px 26px rgba(46,144,250,.30)}
.gfmb-seg .btn--primary:hover{box-shadow:0 12px 34px rgba(46,144,250,.42)}
.gfmb-seg .demo__submit{box-shadow:0 8px 26px rgba(46,144,250,.30)}
.gfmb-seg .hero__h1 em{background:linear-gradient(100deg,var(--violet),var(--violet-deep));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.gfmb-seg .hero__glow{background:radial-gradient(circle,rgba(46,144,250,.12) 0%,transparent 70%)}
@keyframes gfmHub{0%,100%{box-shadow:0 0 24px rgba(46,144,250,.14),inset 0 0 18px rgba(46,144,250,.04)}50%{box-shadow:0 0 44px rgba(46,144,250,.22),inset 0 0 28px rgba(46,144,250,.06)}}
.gfmb-seg .metric__num{color:var(--violet)}
.gfmb-seg .seg-exchange{padding-bottom:6rem}
@media(min-width:1024px){
.gfmb-seg .seg-exchange{padding-bottom:8rem}
}

/* --- клиренс первой секции под фикс-хедер темы (70px) + якорь-офсеты --- */
.gfmb-seg .hero{padding-top:calc(7rem + 18px)}
@media(min-width:1024px){.gfmb-seg .hero{padding-top:calc(7rem + 26px)}}
.gfmb-seg [id]{scroll-margin-top:8rem}

/* follow-up #56: hero — full-bleed + glow как на остальных .gfmb-страницах.
   На сегментации hero имел max-width (139.2rem) → центрировался с полями, и
   .hero__glow обрезался overflow:hidden видимой вертикальной линией у края hero.
   Делаем hero full-bleed (клип glow уходит за край экрана) и берём glow-значения
   «Рекомендаций». Внутренний контент центрируется своими max-width (hero__head/appwin/metrics). */
.gfmb-seg .hero{max-width:none;margin-left:0;margin-right:0}
.gfmb-seg .hero__glow{top:-16rem;right:-10rem;width:50rem;height:50rem;
  background:radial-gradient(circle,rgba(46,144,250,.16) 0%,transparent 68%);filter:blur(30px)}

   КОМПОНЕНТЫ КОНСАЛТИНГА / КЛИЕНТОВ (MR: consulting+clients blue redesign).
   Страницы: advantage-methodology, consulting-services-expertise,
   consulting-project-approach (+team+stages), clients (+reviews). Всё под .gfmb.
   Исходные SVG-диаграммы и лого — тёмной темы (#F3F3FF / fill="white"), поэтому
   встраиваются в ТЁМНЫЕ «viewport»-панели (.figframe / .clogo) — так они остаются
   видимыми и читаются как встроенные скриншоты/лого-стена. Осознанный приём.
   ============================================================================ */

/* ---- центрированный заголовок секции (hero страниц clients и т.п.) ---- */
.gfmb .sec-head--center{max-width:74rem;margin-left:auto;margin-right:auto;text-align:center}
.gfmb .sec-head--center .eyebrow{justify-content:center}
.gfmb .sec-head--center .sec-lead{margin-left:auto;margin-right:auto}

/* ---- intro-абзацы (лид-текст перед сеткой) ---- */
.gfmb .lead{max-width:74rem}
.gfmb .lead p{font-size:1.6rem;line-height:1.65;color:var(--ink-60)}
.gfmb .lead p+p{margin-top:1.2rem}

/* ---- prose: длинные текстовые секции (проектный подход) ---- */
.gfmb .prose{max-width:84rem}
.gfmb .prose h2{font-size:clamp(2rem,3vw,2.6rem);font-weight:700;letter-spacing:-.02em;line-height:1.2;color:var(--ink-100);margin:4rem 0 1.4rem;scroll-margin-top:9rem}
.gfmb .prose>h2:first-child{margin-top:0}
.gfmb .prose p{font-size:1.5rem;line-height:1.65;color:var(--ink-60);margin-top:1.2rem}
.gfmb .prose a{color:var(--accent);font-weight:500}
.gfmb .prose a:hover{color:var(--accent-deep)}
.gfmb .prose__note{margin-top:1.8rem;padding:1.4rem 1.8rem;border-left:3px solid var(--accent);border-radius:.4rem;background:var(--a-08);
  font-size:1.45rem;line-height:1.55;font-weight:500;color:var(--ink-100)}

/* ---- figframe: тёмный «viewport» под тёмнотемные SVG-диаграммы ---- */
.gfmb .figframe{margin-top:2rem;border-radius:.9rem;overflow:hidden;border:1px solid var(--line);background:#0E1017;box-shadow:0 14px 40px rgba(20,23,40,.16)}
.gfmb .figframe__bar{display:flex;align-items:center;gap:.5rem;padding:.85rem 1.2rem;border-bottom:1px solid rgba(255,255,255,.08);background:#151824}
.gfmb .figframe__bar i{width:.8rem;height:.8rem;border-radius:50%}
.gfmb .figframe__bar i:nth-child(1){background:#FF5F57}.gfmb .figframe__bar i:nth-child(2){background:#FEBC2E}.gfmb .figframe__bar i:nth-child(3){background:#28C840}
.gfmb .figframe__cap{margin-left:auto;font-family:var(--mono);font-size:1rem;color:rgba(243,243,255,.5)}
.gfmb .figframe__body{padding:2.4rem}
.gfmb .figframe img{display:block;width:100%;max-width:76rem;height:auto;margin:0 auto}

/* ---- stages: нумерованные этапы проекта ---- */
.gfmb .stages{display:flex;flex-direction:column;gap:2rem}
.gfmb .stagec{border:1px solid var(--line);border-radius:.9rem;background:#fff;padding:2.8rem;box-shadow:0 1px 3px rgba(20,23,40,.05)}
@media(max-width:720px){.gfmb .stagec{padding:2rem}}
.gfmb .stagec__h{display:flex;align-items:center;gap:1.4rem;margin-bottom:1.4rem}
.gfmb .stagec__no{width:4.4rem;height:4.4rem;border-radius:.9rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;
  font-family:var(--mono);font-size:1.9rem;font-weight:500;color:#fff;background:linear-gradient(140deg,var(--accent),var(--accent-deep));box-shadow:0 8px 22px rgba(var(--accent-rgb),.3)}
.gfmb .stagec__t{font-size:clamp(1.7rem,2.4vw,2.1rem);font-weight:700;letter-spacing:-.02em;line-height:1.2;color:var(--ink-100)}
.gfmb .stagec__p{font-size:1.4rem;line-height:1.6;color:var(--ink-60)}
.gfmb .stagec__p+.gfmb .stagec__p,.gfmb .stagec__p+p{margin-top:1rem}
.gfmb .stagec p{font-size:1.4rem;line-height:1.6;color:var(--ink-60);margin-top:1rem}
.gfmb .stagec p a{color:var(--accent);font-weight:500}

/* ---- team: карточки ролей проектной команды ---- */
.gfmb .team{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem}
@media(max-width:760px){.gfmb .team{grid-template-columns:1fr}}
.gfmb .tmember{display:flex;gap:1.6rem;border:1px solid var(--line);border-radius:.9rem;background:#fff;padding:2.2rem;box-shadow:0 1px 3px rgba(20,23,40,.05);transition:border-color .25s var(--ease),transform .25s var(--ease),box-shadow .25s}
.gfmb .tmember:hover{border-color:var(--line-a);transform:translateY(-2px);box-shadow:0 4px 20px rgba(var(--accent-rgb),.10)}
.gfmb .tmember__ph{width:7rem;height:7rem;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--a-20);background:var(--bg-alt)}
.gfmb .tmember__t{font-size:1.55rem;font-weight:700;line-height:1.25;color:var(--ink-100);margin-bottom:.7rem}
.gfmb .tmember__d{font-size:1.25rem;line-height:1.55;color:var(--ink-60)}

/* ---- tpoints: роли со стороны клиента (иконка + текст) ---- */
.gfmb .tpoints{display:flex;flex-direction:column;gap:1.2rem;max-width:84rem}
.gfmb .tpoint{display:flex;gap:1.2rem;align-items:flex-start;font-size:1.4rem;line-height:1.55;color:var(--ink-60)}
.gfmb .tpoint__ic{width:3.4rem;height:3.4rem;border-radius:.7rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--accent);background:var(--a-12)}
.gfmb .tpoint__ic svg{width:1.7rem;height:1.7rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.gfmb .tpoint b{color:var(--ink-100);font-weight:600}
.gfmb .teamphoto{margin-top:2rem;width:100%;max-width:96rem;height:auto;border-radius:.9rem;display:block}

/* ---- clients: лого-стена по вертикалям (тёмные плитки под белые лого) ---- */
.gfmb .clgroup{margin-top:3.6rem}
.gfmb .clgroup:first-child{margin-top:0}
.gfmb .clgroup__h{display:flex;align-items:center;gap:1rem;font-family:var(--mono);font-size:1.15rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:1.6rem}
.gfmb .clgroup__h::after{content:"";flex:1;height:1px;background:var(--line)}
.gfmb .clogos{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1.2rem}
.gfmb .clogo{display:flex;align-items:center;justify-content:center;height:9.2rem;padding:1.8rem;border-radius:.9rem;background:#151824;border:1px solid rgba(255,255,255,.08);transition:border-color .25s var(--ease),transform .25s var(--ease),box-shadow .25s}
.gfmb .clogo:hover{transform:translateY(-3px);border-color:var(--line-a);box-shadow:0 10px 28px rgba(var(--accent-rgb),.2)}
.gfmb .clogo img{max-width:100%;max-height:4.4rem;width:auto;height:auto;object-fit:contain}

/* ---- reviews: карточки-отзывы ---- */
.gfmb .revgrid{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem}
@media(max-width:860px){.gfmb .revgrid{grid-template-columns:1fr}}
.gfmb .rev{border:1px solid var(--line);border-radius:.9rem;background:#fff;padding:2.6rem;display:flex;flex-direction:column;box-shadow:0 1px 3px rgba(20,23,40,.05);transition:border-color .25s var(--ease),transform .25s var(--ease),box-shadow .25s}
.gfmb .rev:hover{border-color:var(--line-a);transform:translateY(-2px);box-shadow:0 4px 20px rgba(var(--accent-rgb),.10)}
.gfmb .rev__h{display:flex;align-items:center;gap:1rem;margin-bottom:1.6rem}
.gfmb .rev__logo{display:flex;align-items:center;justify-content:center;height:4rem;min-width:8rem;padding:.6rem 1.2rem;border-radius:.6rem;background:#151824;flex-shrink:0}
.gfmb .rev__logo img{max-height:2.4rem;max-width:11rem;width:auto;object-fit:contain}
.gfmb .rev__badge{margin-left:auto;font-family:var(--mono);font-size:1rem;padding:.35rem .9rem;border-radius:99rem;background:var(--a-08);color:var(--accent);border:1px solid var(--line-a);white-space:nowrap}
.gfmb .rev__q{position:relative;font-size:1.4rem;line-height:1.65;color:var(--ink-60);flex:1;padding-top:1.4rem}
.gfmb .rev__q::before{content:"\201C";position:absolute;top:-1.2rem;left:-.4rem;font-size:5rem;line-height:1;font-family:Georgia,serif;color:var(--a-20)}
.gfmb .rev__q p+p{margin-top:1rem}
.gfmb .rev__name{font-size:1.4rem;font-weight:700;color:var(--ink-100);margin-top:1.8rem}
.gfmb .rev__role{font-size:1.2rem;line-height:1.4;color:var(--ink-40);margin-top:.4rem}