.elementor-1295 .elementor-element.elementor-element-0d2e0b2{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1295 .elementor-element.elementor-element-0d2e0b2{--content-width:1600px;}}/* Start custom CSS for html, class: .elementor-element-c14a1e3 */*{box-sizing:border-box}
body{margin:0;font-family:Inter,Arial,sans-serif}
img{width:100%;display:block}

.fp-site{
  --fp-ink:#102328;
  --fp-muted:#617076;
  --fp-line:#10232824;
  --fp-paper:#f6f7f4;
  --fp-mint:#dcefe7;
  --fp-blue:#e8eef5;
  --fp-green:#1d665e;
  background:var(--fp-paper);
  color:var(--fp-ink);
  overflow:hidden
}

/* --- перебиваємо підкреслення з теми (Astra/Elementor) на всіх станах --- */
.fp-site a,
.fp-site a:link,
.fp-site a:visited,
.fp-site a:hover,
.fp-site a:focus,
.fp-site a:active{
  color:inherit;
  text-decoration:none !important;
  box-shadow:none;
  border-bottom:0
}

/* ширина як на /stvorennya-saitiv/ */
.fp-wrap{width:min(1540px,100% - 48px);margin-inline:auto}

.fp-pill{
  border:1px solid transparent;border-radius:999px;justify-content:center;align-items:center;
  gap:10px;min-height:52px;padding:0 24px;font-size:16px;font-weight:700;
  transition:transform .2s,background-color .2s;display:inline-flex;cursor:pointer
}
.fp-pill:hover,.fp-pill:focus{transform:translateY(-2px)}
.fp-pill--green{color:#fff;background:var(--fp-green)}
.fp-pill--green:hover{background:#155048}
.fp-pill--outline{border-color:var(--fp-ink);color:var(--fp-ink)}
.fp-pill--outline:hover{background:var(--fp-ink);color:#fff}

/* hero */
.fp-hero{padding:8px 0 64px;position:relative}
.fp-hero__wrap{z-index:1;position:relative}
.fp-hero__shape{
  pointer-events:none;border:30px solid #1b61580f;width:240px;height:520px;
  position:absolute;transform:rotate(40deg)
}
.fp-hero__shape--one{top:100px;left:-110px}
.fp-hero__shape--two{border-color:#3956800f;top:270px;right:-90px;transform:rotate(-40deg)}

.fp-hero__grid{grid-template-columns:minmax(0,.96fr) minmax(420px,.74fr);gap:16px;display:grid}
.fp-hero__copy,.fp-hero__media{border:1px solid var(--fp-line);border-radius:22px;min-height:620px}
.fp-hero__copy{background:#ffffffc2;flex-direction:column;justify-content:center;padding:46px;display:flex}

.fp-badge{
  background:var(--fp-mint);border-radius:999px;align-items:center;gap:10px;
  width:fit-content;margin:0 0 22px;padding:10px 15px;font-size:14px;font-weight:700;display:inline-flex
}
.fp-badge span{font-size:17px}

.fp-hero h1{margin:0 0 22px;font-size:56px;font-weight:800;line-height:1.01;letter-spacing:-.02em}

/* посилений підзаголовок — виділення КОЛЬОРОМ ЛІТЕР, без фломастера */
.fp-hero__lead{
  color:var(--fp-ink);max-width:640px;margin:0 0 26px;
  font-size:22px;font-weight:600;line-height:1.42
}
.fp-hero__lead b{color:var(--fp-green);font-weight:800}

.fp-gift{
  background:var(--fp-blue);border:1px solid #39568029;border-radius:16px;
  grid-template-columns:64px 1fr;align-items:center;gap:18px;margin-bottom:20px;padding:18px;display:grid
}
.fp-gift__mark{
  border:1px solid var(--fp-line);background:#fff;border-radius:12px;justify-content:center;
  align-items:center;height:64px;font-size:14px;font-weight:800;display:flex
}
.fp-gift p,.fp-gift h2,.fp-gift span{margin:0}
.fp-gift p{color:#315b84;text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.04em}
.fp-gift h2{margin-top:5px;font-size:21px;font-weight:800;line-height:1.1}
.fp-gift span{color:var(--fp-muted);margin-top:7px;font-size:14px;line-height:1.32;display:block}

.fp-rule{background:var(--fp-line);width:100%;height:1px;margin-bottom:18px}
.fp-hero__actions{flex-wrap:wrap;gap:12px;display:flex}
.fp-hero__proof{color:var(--fp-muted);align-items:center;gap:10px;margin:18px 0 0;font-size:14px;font-weight:600;display:flex}
.fp-hero__proof i{background:var(--fp-muted);border-radius:50%;width:4px;height:4px}

.fp-hero__media{background:#cedbd6;position:relative;overflow:hidden}
.fp-hero__media>img{object-fit:cover;width:100%;height:100%}
.fp-media-stat{
  border:1px solid var(--fp-line);background:#ffffffeb;border-radius:14px;align-items:center;
  gap:12px;padding:16px;display:flex;position:absolute;bottom:24px;left:24px
}
.fp-media-stat strong{font-size:38px;line-height:1}
.fp-media-stat span{color:var(--fp-muted);font-size:13px;font-weight:700;line-height:1.25}
.fp-media-chip{
  background:var(--fp-mint);border-radius:999px;padding:11px 14px;font-size:13px;font-weight:800;
  position:absolute;top:24px;right:24px
}

/* features */
.fp-hero-features{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px;display:grid}
.fp-feature{
  border:1px solid var(--fp-line);background:#ffffffb8;border-radius:16px;
  grid-template-columns:30px 1fr 20px;align-items:start;gap:14px;min-height:126px;padding:20px;display:grid;
  transition:transform .2s,background-color .2s
}
.fp-feature:hover{transform:translateY(-3px);background:#fff}
.fp-feature b{font-size:13px}
.fp-feature strong{font-size:17px;line-height:1.2;display:block}
.fp-feature p{color:var(--fp-muted);margin:8px 0 0;font-size:14px;line-height:1.32}
.fp-feature>span{font-size:20px}

@media (width<=1060px){
  .fp-hero__grid{grid-template-columns:1fr}
  .fp-hero__media{height:500px;min-height:auto}
}

@media (width<=680px){
  .fp-wrap{width:min(1540px,100% - 32px)}
  .fp-hero{padding-bottom:44px}
  .fp-hero__copy{min-height:auto;padding:24px}
  .fp-hero h1{font-size:38px}
  .fp-hero__lead{font-size:18px}
  .fp-gift{grid-template-columns:50px 1fr;padding:14px}
  .fp-gift__mark{height:50px}
  .fp-gift h2{font-size:18px}
  .fp-hero__actions,.fp-hero__actions .fp-pill{width:100%}
  .fp-hero__proof{flex-wrap:wrap}
  .fp-hero__media{height:390px}
  .fp-media-stat{bottom:16px;left:16px}
  .fp-media-chip{top:16px;right:16px}
  .fp-hero-features{grid-template-columns:1fr}
}

/* ---- HERO MINI-PATCH ---- вставити В КІНЕЦЬ hero.css */

/* білий текст на зеленій кнопці (перебиваємо глобальний color:inherit) */
.fp-site .fp-pill--green,
.fp-site .fp-pill--green:link,
.fp-site .fp-pill--green:visited,
.fp-site .fp-pill--green:hover,
.fp-site .fp-pill--green:focus{
  color:#fff !important;
}

/* друга кнопка не вилазить: обидві в межах ряду, з переносом і однаковою шириною */
.fp-hero__actions{
  align-items:stretch;
}
.fp-hero__actions .fp-pill{
  flex:1 1 240px;
  min-width:0;
  max-width:100%;
  white-space:nowrap;
}

/* ============================================================
   HERO MOBILE FIT — мини-патч під вузькі телефони (≤400px)
   Вставити В КІНЕЦЬ hero.css (після існуючих медіа).
   Пропорційно зменшує все, прибирає відчуття «приплюснуто».
============================================================ */
@media (width<=400px){

  /* більше повітря по краях: контент вужчий, поля ширші */
  .fp-wrap{width:min(1540px,100% - 28px)}
  .fp-hero{padding:4px 0 36px}

  /* картка контенту — менші внутрішні поля */
  .fp-hero__copy{padding:20px 18px;border-radius:18px}

  /* бейдж дрібніший */
  .fp-badge{font-size:12.5px;padding:8px 13px;margin-bottom:16px;gap:8px}
  .fp-badge span{font-size:15px}

  /* заголовок пропорційно менший — влазить рівно, без розтягу */
  .fp-hero h1{font-size:clamp(28px,8.6vw,34px);line-height:1.06;margin-bottom:16px}

  /* підзаголовок */
  .fp-hero__lead{font-size:16px;line-height:1.4;margin-bottom:20px}

  /* PDF-подарунок компактніший */
  .fp-gift{grid-template-columns:46px 1fr;gap:13px;padding:13px;border-radius:14px;margin-bottom:16px}
  .fp-gift__mark{height:46px;font-size:12px;border-radius:10px}
  .fp-gift p{font-size:11px}
  .fp-gift h2{font-size:16.5px;margin-top:4px}
  .fp-gift span{font-size:13px;margin-top:5px}

  .fp-rule{margin-bottom:14px}

  /* кнопки — компактніші, на всю ширину */
  .fp-hero__actions{gap:10px}
  .fp-pill{min-height:48px;font-size:15px;padding:0 18px}

  /* проф-рядок під кнопками */
  .fp-hero__proof{font-size:13px;margin-top:14px;gap:8px}

  /* медіа-картка нижча */
  .fp-hero__media{height:340px;border-radius:18px}
  .fp-media-stat{padding:12px;gap:9px;bottom:14px;left:14px;border-radius:12px}
  .fp-media-stat strong{font-size:30px}
  .fp-media-stat span{font-size:12px}
  .fp-media-chip{padding:9px 12px;font-size:12px;top:14px;right:14px}

  /* фіче-картки нижче й щільніше */
  .fp-hero-features{gap:12px}
  .fp-feature{min-height:auto;padding:16px;gap:12px;grid-template-columns:26px 1fr 18px}
  .fp-feature strong{font-size:16px}
  .fp-feature p{font-size:13.5px;margin-top:6px}
}

/* ---- HERO OUTLINE-BTN FIX: тема робить кнопку чорною ---- */
.fp-site .fp-pill--outline,
.fp-site .fp-pill--outline:link,
.fp-site .fp-pill--outline:visited{
  background:transparent !important;
  color:var(--fp-ink) !important;
  -webkit-text-fill-color:var(--fp-ink) !important;
  border:1px solid var(--fp-ink) !important;
}
.fp-site .fp-pill--outline:hover,
.fp-site .fp-pill--outline:focus{
  background:var(--fp-ink) !important;   /* при наведенні: тёмний фон */
  color:#fff !important;                 /* білий текст — читабельно */
  -webkit-text-fill-color:#fff !important;
  border-color:var(--fp-ink) !important;
}
.fp-site .fp-pill--outline span{
  color:inherit !important;
  -webkit-text-fill-color:inherit !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-32153c5 *//* ============================================================
   BLOCK ПОПИТ — «Спрос уже есть» (ps-mebli-demand)
   Йде ДРУГИМ, після hero. 3 напрями з фото + цифри попиту.
   Фінал-місток у воронку. Відступи 44/28.
============================================================ */
.dm-site{
  --fp-ink:#102328;--fp-muted:#617076;--fp-line:#10232824;
  --fp-paper:#f6f7f4;--fp-mint:#dcefe7;--fp-blue:#e8eef5;
  --fp-green:#1d665e;--fp-dark:#0e1f24;
  background:var(--fp-paper);color:var(--fp-ink);
  font-family:Inter,Arial,sans-serif;overflow:hidden
}
.dm-site *{box-sizing:border-box}
.dm-site a{color:inherit;text-decoration:none !important}
.dm-wrap{width:min(1540px,100% - 48px);margin-inline:auto;padding:44px 0}

/* шапка */
.dm-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.82fr);gap:32px;align-items:end;margin-bottom:32px}
.dm-eyebrow{
  display:inline-flex;align-items:center;gap:9px;background:var(--fp-mint);
  border-radius:999px;padding:9px 15px;font-size:13px;font-weight:800;
  letter-spacing:.03em;margin:0 0 18px;text-transform:uppercase;width:fit-content
}
.dm-head h2{margin:0;font-size:44px;font-weight:800;line-height:1.05;letter-spacing:-.02em}
.dm-head h2 b{color:var(--fp-green)}
.dm-head p{margin:0;color:var(--fp-muted);font-size:18px;line-height:1.5;padding-bottom:4px}

/* 3 напрями */
.dm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}
.dm-card{
  background:#fff;border:1px solid var(--fp-line);border-radius:20px;overflow:hidden;
  display:flex;flex-direction:column;transition:transform .2s
}
.dm-card:hover{transform:translateY(-4px)}
.dm-photo{position:relative;aspect-ratio:16/10;overflow:hidden;background:#cedbd6}
.dm-photo img{width:100%;height:100%;object-fit:cover;display:block}
.dm-badge{
  position:absolute;top:14px;left:14px;background:#ffffffe8;border:1px solid var(--fp-line);
  border-radius:999px;padding:8px 13px;font-size:13px;font-weight:800;display:flex;align-items:center;gap:7px
}
.dm-badge b{color:var(--fp-green)}
.dm-body{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1}
.dm-body h3{margin:0 0 6px;font-size:20px;font-weight:800}
.dm-body p{margin:0 0 16px;color:var(--fp-muted);font-size:14px;line-height:1.45}
.dm-stat{
  margin-top:auto;display:flex;align-items:baseline;gap:8px;
  padding-top:16px;border-top:1px solid var(--fp-line)
}
.dm-stat b{font-size:28px;font-weight:800;color:var(--fp-green);line-height:1}
.dm-stat span{font-size:13px;font-weight:600;color:var(--fp-muted)}

/* сумарний рядок */
.dm-total{
  display:flex;align-items:center;gap:16px;background:var(--fp-mint);border:1px solid #1d665e26;
  border-radius:16px;padding:18px 24px;margin-bottom:18px
}
.dm-total__num{font-size:34px;font-weight:800;color:var(--fp-green);line-height:1;flex:none}
.dm-total p{margin:0;font-size:15.5px;line-height:1.45;color:#123}
.dm-total p b{font-weight:800}

/* фінал-місток у воронку */
.dm-bridge{
  background:var(--fp-dark);color:#fff;border-radius:20px;padding:28px 32px;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  background-image:radial-gradient(80% 120% at 100% 0,#1d665e40 0,transparent 60%)
}
.dm-bridge__txt{max-width:820px}
.dm-bridge__txt h3{margin:0 0 8px;font-size:22px;font-weight:800;line-height:1.2}
.dm-bridge__txt h3 b{color:#7fe3c8}
.dm-bridge__txt p{margin:0;color:#c4d1d4;font-size:15px;line-height:1.5}
.dm-bridge__arrow{
  flex:none;width:56px;height:56px;border-radius:50%;background:#7fe3c8;
  display:flex;align-items:center;justify-content:center;animation:dmBob 2s ease-in-out infinite
}
.dm-bridge__arrow svg{width:26px;height:26px}
@keyframes dmBob{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}

@media (width<=980px){
  .dm-head{grid-template-columns:1fr;gap:14px;align-items:start}
  .dm-grid{grid-template-columns:1fr}
}
@media (width<=680px){
  .dm-wrap{width:min(1540px,100% - 32px);padding:28px 0}
  .dm-head h2{font-size:31px}
  .dm-head p{font-size:16px}
  .dm-total{flex-direction:column;align-items:flex-start;gap:10px}
  .dm-bridge{flex-direction:column;align-items:flex-start;text-align:left}
  .dm-bridge__arrow{transform:rotate(0)}
}
@media (prefers-reduced-motion:reduce){.dm-bridge__arrow{animation:none}}

/* ---- DEMAND BRIDGE FIX: заголовок білий (тема робить темним) ---- */
.dm-site .dm-bridge__txt h3{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
.dm-site .dm-bridge__txt h3 b{
  color:#7fe3c8 !important;
  -webkit-text-fill-color:#7fe3c8 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e5190c7 *//* ============================================================
   BLOCK ВОРОНКА v2 — експертна (ps-mebli-funnel)
   Багатоканальний трафік + воронка з цифрами конверсій +
   логіка "Google дорого → таргет". Фінал-місток. 44/28.
============================================================ */
.fu-site{
  --fp-ink:#102328;--fp-muted:#617076;--fp-line:#10232824;
  --fp-paper:#f6f7f4;--fp-mint:#dcefe7;--fp-blue:#e8eef5;
  --fp-green:#1d665e;--fp-dark:#0e1f24;
  background:var(--fp-paper);color:var(--fp-ink);
  font-family:Inter,Arial,sans-serif;overflow:hidden
}
.fu-site *{box-sizing:border-box}
.fu-site a{color:inherit;text-decoration:none !important}
.fu-wrap{width:min(1540px,100% - 48px);margin-inline:auto;padding:44px 0}

.fu-head{max-width:820px;margin-bottom:30px}
.fu-eyebrow{
  display:inline-flex;align-items:center;gap:9px;background:var(--fp-mint);
  border-radius:999px;padding:9px 15px;font-size:13px;font-weight:800;
  letter-spacing:.03em;margin:0 0 18px;text-transform:uppercase;width:fit-content
}
.fu-head h2{margin:0 0 12px;font-size:44px;font-weight:800;line-height:1.05;letter-spacing:-.02em}
.fu-head h2 b{color:var(--fp-green)}
.fu-head p{margin:0;color:var(--fp-muted);font-size:18px;line-height:1.5}

/* ===== ВЕРХ: 3 канали трафіку ===== */
.fu-sources{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}
.fu-src{
  background:#fff;border:1px solid var(--fp-line);border-radius:16px;padding:20px;
  position:relative;display:flex;flex-direction:column
}
.fu-src__top{display:flex;align-items:center;gap:11px;margin-bottom:12px}
.fu-src__ic{width:40px;height:40px;border-radius:11px;background:var(--fp-mint);display:flex;align-items:center;justify-content:center;flex:none}
.fu-src__ic svg{width:21px;height:21px}
.fu-src__ttl{font-size:16px;font-weight:800;line-height:1.1}
.fu-src__ttl small{display:block;font-size:12px;font-weight:700;color:var(--fp-muted);margin-top:2px}
.fu-src p{margin:0 0 12px;color:var(--fp-muted);font-size:13px;line-height:1.4;flex:1}
.fu-src__meta{display:flex;gap:8px;flex-wrap:wrap}
.fu-chip{
  background:var(--fp-blue);border-radius:999px;padding:5px 10px;font-size:11.5px;font-weight:700;color:#274a56;
  display:inline-flex;align-items:center;gap:5px
}
.fu-chip b{color:var(--fp-green);font-weight:800}
.fu-chip--warn{background:#fbe9e5;color:#8a4a42}
.fu-chip--warn b{color:#b5453a}

/* лінія збору → воронка */
.fu-merge{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--fp-muted);font-size:12.5px;font-weight:700;margin:6px 0 16px;text-transform:uppercase;letter-spacing:.03em}
.fu-merge::before,.fu-merge::after{content:"";height:1px;background:var(--fp-line);flex:1;max-width:220px}

/* ===== ВОРОНКА + бічна панель логіки ===== */
.fu-body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:20px;align-items:stretch;margin-bottom:16px}

/* воронка — рядки з цифрами конверсій */
.fu-viz{background:#fff;border:1px solid var(--fp-line);border-radius:20px;padding:24px}
.fu-viz__ttl{font-size:13px;font-weight:800;color:var(--fp-green);letter-spacing:.03em;text-transform:uppercase;margin:0 0 18px}
.fu-stage{position:relative;margin:0 auto;border-radius:12px;color:#fff;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.fu-stage b{font-size:16px;font-weight:800}
.fu-stage small{display:block;font-size:12px;opacity:.85;font-weight:600;margin-top:2px}
.fu-stage__val{font-size:15px;font-weight:800;white-space:nowrap}
.fu-stage--1{width:100%;background:#3a7d73}
.fu-stage--2{width:82%;background:#2f7168}
.fu-stage--3{width:64%;background:#22645b}
.fu-stage--4{width:46%;background:var(--fp-green)}
/* конверсія між рівнями */
.fu-conv{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:800;color:var(--fp-green);margin:7px 0}
.fu-conv svg{width:14px;height:14px}

/* бічна панель — чому саме так */
.fu-why{background:var(--fp-dark);color:#fff;border-radius:20px;padding:26px;display:flex;flex-direction:column;gap:16px;
  background-image:radial-gradient(90% 70% at 100% 0,#1d665e33 0,transparent 60%)}
.fu-why__ttl{font-size:13px;font-weight:800;color:#7fe3c8;letter-spacing:.03em;text-transform:uppercase;margin:0}
.fu-why__item{display:flex;gap:12px;align-items:flex-start}
.fu-why__item .n{width:26px;height:26px;border-radius:8px;background:#7fe3c814;border:1px solid #7fe3c833;color:#7fe3c8;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}
.fu-why__item h4{margin:0 0 3px;font-size:15px;font-weight:800;color:#fff}
.fu-why__item p{margin:0;font-size:13px;line-height:1.45;color:#b3c3c5}
.fu-why__item p b{color:#7fe3c8;font-weight:800}

/* ===== ФІНАЛ-МІСТОК ===== */
.fu-bridge{
  background:var(--fp-dark);color:#fff;border-radius:20px;padding:28px 32px;
  display:flex;align-items:center;justify-content:space-between;gap:26px;
  background-image:radial-gradient(70% 120% at 100% 0,#1d665e40 0,transparent 60%)
}
.fu-bridge__txt{max-width:900px}
.fu-bridge__txt h3{margin:0 0 8px;font-size:22px;font-weight:800;line-height:1.2;color:#fff}
.fu-bridge__txt h3 b{color:#7fe3c8}
.fu-bridge__txt p{margin:0;color:#c4d1d4;font-size:14.5px;line-height:1.55}
.fu-bridge__txt p b{color:#fff;font-weight:800}
.fu-bridge__badge{flex:none;text-align:center;background:#7fe3c8;color:#08201b;border-radius:18px;padding:18px 22px;line-height:1}
.fu-bridge__badge b{display:block;font-size:34px;font-weight:800}
.fu-bridge__badge span{display:block;font-size:11px;font-weight:800;letter-spacing:.03em;margin-top:4px;text-transform:uppercase}

@media (width<=980px){
  .fu-sources{grid-template-columns:1fr}
  .fu-body{grid-template-columns:1fr}
  .fu-stage--1,.fu-stage--2,.fu-stage--3,.fu-stage--4{width:100% !important}
  .fu-bridge{flex-direction:column;align-items:flex-start}
}
@media (width<=680px){
  .fu-wrap{width:min(1540px,100% - 32px);padding:28px 0}
  .fu-head h2{font-size:31px}
  .fu-head p{font-size:16px}
  .fu-bridge{padding:24px 22px}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-186f303 *//* ============================================================
   BLOCK 7 — «Методологія 10 етапів» (ps-mebli-method)
   Світлий. Компактний зигзаг-таймлайн: центральна лінія,
   кроки поперемінно ліворуч/праворуч. Відступи 44/28.
============================================================ */
.mt-site{
  --fp-ink:#102328;--fp-muted:#617076;--fp-line:#10232824;
  --fp-paper:#f6f7f4;--fp-mint:#dcefe7;--fp-blue:#e8eef5;
  --fp-green:#1d665e;--fp-dark:#0e1f24;
  background:var(--fp-paper);color:var(--fp-ink);
  font-family:Inter,Arial,sans-serif;overflow:hidden
}
.mt-site *{box-sizing:border-box}

.mt-wrap{width:min(1540px,100% - 48px);margin-inline:auto;padding:44px 0}

.mt-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.82fr);gap:32px;align-items:end;margin-bottom:40px}
.mt-eyebrow{
  display:inline-flex;align-items:center;gap:9px;background:var(--fp-mint);
  border-radius:999px;padding:9px 15px;font-size:13px;font-weight:800;
  letter-spacing:.03em;margin:0 0 18px;text-transform:uppercase;width:fit-content
}
.mt-head h2{margin:0;font-size:44px;font-weight:800;line-height:1.05;letter-spacing:-.02em}
.mt-head h2 b{color:var(--fp-green)}
.mt-head p{margin:0;color:var(--fp-muted);font-size:18px;line-height:1.5;padding-bottom:4px}

/* --- ТАЙМЛАЙН --- */
.mt-line{position:relative;max-width:1040px;margin:0 auto}
/* центральна вертикальна лінія */
.mt-line::before{
  content:"";position:absolute;left:50%;top:6px;bottom:6px;width:2px;
  background:linear-gradient(#1d665e33,#1d665e,#1d665e33);transform:translateX(-50%)
}

.mt-step{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;margin-bottom:14px}
.mt-step:last-child{margin-bottom:0}

.mt-card{
  background:#fff;border:1px solid var(--fp-line);border-radius:16px;padding:18px 20px;
  display:flex;gap:14px;align-items:flex-start;transition:transform .2s;position:relative;max-width:440px
}
.mt-card:hover{transform:translateY(-3px)}
.mt-card__no{
  width:34px;height:34px;border-radius:50%;background:var(--fp-mint);flex:none;
  display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:var(--fp-green)
}
.mt-card h3{margin:0 0 3px;font-size:16px;font-weight:800;line-height:1.2}
.mt-card p{margin:0;color:var(--fp-muted);font-size:13.5px;line-height:1.4}

/* ключовий етап (JTBD) — акцент */
.mt-card--key{border-color:#1d665e59;background:linear-gradient(160deg,#eef8f3,#fff);box-shadow:0 8px 22px #1d665e1a}
.mt-card--key .mt-card__no{background:var(--fp-green);color:#fff}
.mt-key{
  display:inline-block;margin-left:7px;vertical-align:middle;
  background:var(--fp-green);color:#fff;border-radius:999px;padding:3px 9px;
  font-size:10.5px;font-weight:800;letter-spacing:.02em;text-transform:uppercase
}

/* ліві/праві кроки */
.mt-step--l .mt-card{grid-column:1;margin-right:38px;margin-left:auto}
.mt-step--r .mt-card{grid-column:2;margin-left:38px}
/* вузол на лінії */
.mt-step::after{
  content:"";position:absolute;left:50%;top:22px;width:13px;height:13px;border-radius:50%;
  background:var(--fp-green);border:3px solid var(--fp-paper);transform:translateX(-50%);
  box-shadow:0 0 0 1px #1d665e40;z-index:1
}
/* хвостик-конектор від картки до лінії */
.mt-step--l .mt-card::after,
.mt-step--r .mt-card::after{
  content:"";position:absolute;top:22px;width:26px;height:2px;background:#1d665e40
}
.mt-step--l .mt-card::after{right:-27px}
.mt-step--r .mt-card::after{left:-27px}

/* фінальна плашка */
.mt-note{
  margin:22px auto 0;max-width:1040px;border:1px solid #1d665e33;border-radius:16px;
  background:var(--fp-mint);padding:20px 24px;display:flex;align-items:center;gap:16px
}
.mt-note svg{width:26px;height:26px;flex:none}
.mt-note p{margin:0;font-size:15.5px;line-height:1.5;color:#123}
.mt-note p b{color:var(--fp-green);font-weight:800}

@media (width<=760px){
  .mt-wrap{width:min(1540px,100% - 32px);padding:28px 0}
  .mt-head{grid-template-columns:1fr;gap:14px;align-items:start}
  .mt-head h2{font-size:31px}
  .mt-head p{font-size:16px}
  /* таймлайн у один стовпчик, лінія ліворуч */
  .mt-line::before{left:17px}
  .mt-step{grid-template-columns:1fr;margin-bottom:12px}
  .mt-step::after{left:17px}
  .mt-step--l .mt-card,.mt-step--r .mt-card{
    grid-column:1;margin:0 0 0 40px;max-width:none
  }
  .mt-step--l .mt-card::after,.mt-step--r .mt-card::after{left:-27px;right:auto}
  .mt-note{margin-top:16px;flex-direction:column;align-items:flex-start;gap:12px}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3355148 *//* ============================================================
   BLOCK 2 — «Ми знаємо вашого клієнта» (ps-mebli-know)
   Стиль наслідує hero: fp-палітра, ті самі токени.
   Компактна висота, асиметрична сітка карток різної ваги.
============================================================ */

.km-site{
  --fp-ink:#102328;
  --fp-muted:#617076;
  --fp-line:#10232824;
  --fp-paper:#f6f7f4;
  --fp-mint:#dcefe7;
  --fp-blue:#e8eef5;
  --fp-green:#1d665e;
  --fp-dark:#102328;
  background:var(--fp-paper);
  color:var(--fp-ink);
  font-family:Inter,Arial,sans-serif;
  overflow:hidden
}
.km-site *{box-sizing:border-box}
.km-site a{color:inherit;text-decoration:none !important}

.km-wrap{width:min(1540px,100% - 48px);margin-inline:auto;padding:72px 0}

/* --- шапка блоку: заголовок ліворуч, лід праворуч (як у референсі) --- */
.km-head{
  display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  gap:32px;align-items:end;margin-bottom:34px
}
.km-eyebrow{
  display:inline-flex;align-items:center;gap:9px;
  background:var(--fp-mint);border-radius:999px;padding:9px 15px;
  font-size:13px;font-weight:800;letter-spacing:.03em;margin:0 0 18px;
  text-transform:uppercase;width:fit-content
}
.km-head h2{
  margin:0;font-size:44px;font-weight:800;line-height:1.05;letter-spacing:-.02em
}
.km-head h2 b{color:var(--fp-green);font-weight:800}
.km-lead{
  margin:0;color:var(--fp-muted);font-size:18px;line-height:1.5;
  padding-bottom:6px
}

/* --- сітка карток: асиметрична, 12 колонок --- */
.km-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}

.km-card{
  border:1px solid var(--fp-line);border-radius:20px;background:#fff;
  padding:26px;display:flex;flex-direction:column;min-height:216px;
  transition:transform .2s
}
.km-card:hover{transform:translateY(-3px)}
.km-card__no{
  font-size:13px;font-weight:800;color:var(--fp-green);
  letter-spacing:.04em;margin:0 0 auto
}
.km-fear{
  font-size:20px;font-weight:800;line-height:1.18;margin:18px 0 0;
  display:flex;gap:9px;align-items:baseline
}
.km-fear .q{color:var(--fp-muted);font-size:26px;line-height:0;font-weight:800;flex:none}
.km-arrow{
  margin:14px 0 0;padding:14px 0 0;border-top:1px solid var(--fp-line);
  font-size:14.5px;line-height:1.4;color:var(--fp-ink)
}
.km-arrow b{color:var(--fp-green);font-weight:800}

/* розкладка карток по вазі */
.km-card--1{grid-column:span 4}
.km-card--2{grid-column:span 4}
.km-card--photo{
  grid-column:span 4;grid-row:span 1;padding:0;overflow:hidden;
  min-height:216px;position:relative;background:#cedbd6;border:1px solid var(--fp-line)
}
.km-card--photo img{width:100%;height:100%;object-fit:cover;display:block}
.km-photo-tag{
  position:absolute;left:16px;bottom:16px;
  background:#ffffffeb;border:1px solid var(--fp-line);border-radius:999px;
  padding:9px 14px;font-size:13px;font-weight:800
}
.km-card--3{grid-column:span 6}
/* тёмна акцентна картка — найзаряженіший страх */
.km-card--dark{
  grid-column:span 6;background:var(--fp-dark);color:#fff;border-color:var(--fp-dark)
}
.km-card--dark .km-card__no{color:#7fe3c8}
.km-card--dark .km-fear .q{color:#5f7b80}
.km-card--dark .km-arrow{border-top-color:#ffffff1f;color:#d9e2e4}
.km-card--dark .km-arrow b{color:#7fe3c8}

/* --- нижня плашка-факт --- */
.km-note{
  margin-top:16px;border:1px solid var(--fp-line);border-radius:16px;
  background:var(--fp-blue);padding:20px 24px;
  font-size:15.5px;line-height:1.5;color:#274a56
}
.km-note b{color:var(--fp-ink);font-weight:800}

@media (width<=1060px){
  .km-head{grid-template-columns:1fr;gap:16px;align-items:start}
  .km-card--1,.km-card--2,.km-card--photo{grid-column:span 6}
  .km-card--3,.km-card--dark{grid-column:span 12}
}
@media (width<=680px){
  .km-wrap{width:min(1540px,100% - 32px);padding:48px 0}
  .km-head h2{font-size:31px}
  .km-lead{font-size:16px}
  .km-grid{gap:12px}
  .km-card,.km-card--1,.km-card--2,.km-card--photo,.km-card--3,.km-card--dark{
    grid-column:span 12;min-height:auto
  }
  .km-card--photo{min-height:200px}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eafc1b5 *//* ============================================================
   BLOCK 3 v2 — «Фіксація квалідів у договорі» (ps-mebli-fix)
   Нова композиція: центральний "аркуш договору" з підсвіченим
   пунктом + пояснення збоку + горизонтальна стрічка 3 кроків.
============================================================ */
.fx-site{
  --fp-ink:#102328;--fp-muted:#617076;--fp-line:#10232824;
  --fp-paper:#f6f7f4;--fp-mint:#dcefe7;--fp-blue:#e8eef5;
  --fp-green:#1d665e;--fp-dark:#102328;
  background:var(--fp-paper);color:var(--fp-ink);
  font-family:Inter,Arial,sans-serif;overflow:hidden
}
.fx-site *{box-sizing:border-box}
.fx-site a{color:inherit;text-decoration:none !important}

.fx-wrap{width:min(1540px,100% - 48px);margin-inline:auto;padding:72px 0}

.fx-eyebrow{
  display:inline-flex;align-items:center;gap:9px;background:var(--fp-mint);
  border-radius:999px;padding:9px 15px;font-size:13px;font-weight:800;
  letter-spacing:.03em;margin:0 0 18px;text-transform:uppercase;width:fit-content
}
.fx-head{margin-bottom:36px;max-width:840px}
.fx-head h2{margin:0 0 14px;font-size:44px;font-weight:800;line-height:1.05;letter-spacing:-.02em}
.fx-head h2 b{color:var(--fp-green)}
.fx-head p{margin:0;color:var(--fp-muted);font-size:18px;line-height:1.5}

/* ВЕРХНЯ ЗОНА: аркуш договору + пояснення збоку */
.fx-main{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:20px;align-items:stretch}

/* --- аркуш договору (тёмний, схожий на документ) --- */
.fx-paper{
  position:relative;background:var(--fp-dark);border-radius:22px;padding:34px 34px 30px;
  color:#fff;overflow:hidden;display:flex;flex-direction:column;
  background-image:radial-gradient(130% 80% at 0 0,#173139 0,var(--fp-dark) 60%)
}
.fx-paper__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.fx-paper__doc{display:flex;align-items:center;gap:11px;font-size:13px;font-weight:800;letter-spacing:.04em;color:#c4d1d4;text-transform:uppercase}
.fx-paper__doc svg{width:20px;height:20px}
.fx-paper__seal{
  font-size:11px;font-weight:800;color:#0c1a1e;background:#7fe3c8;
  border-radius:999px;padding:6px 12px;letter-spacing:.03em
}

.fx-lines{display:flex;flex-direction:column;gap:14px;margin-bottom:auto}
.fx-line{display:flex;align-items:center;gap:14px}
.fx-line__k{font-size:14.5px;color:#9fb0b3;flex:1;min-width:0}
.fx-line__v{font-size:14.5px;font-weight:800;color:#fff;white-space:nowrap}
/* підсвічений головний пункт */
.fx-line--hi{
  background:#7fe3c814;border:1px solid #7fe3c840;border-radius:12px;
  padding:14px 16px;margin:4px 0;position:relative
}
.fx-line--hi .fx-line__k{color:#dff6ee;font-weight:700}
.fx-line--hi .fx-line__v{color:#7fe3c8;font-size:17px}
.fx-line--hi::after{
  content:"ключовий пункт";position:absolute;top:-9px;left:14px;
  font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;
  color:#0c1a1e;background:#7fe3c8;border-radius:999px;padding:3px 9px
}
/* прості "рядки договору" як лінії */
.fx-line--fill{opacity:.4}
.fx-line--fill .fx-bar{height:8px;border-radius:4px;background:#ffffff26;flex:1}
.fx-line--fill .fx-bar.short{max-width:40%}

.fx-paper__sign{
  display:flex;justify-content:space-between;align-items:flex-end;
  margin-top:26px;padding-top:20px;border-top:1px dashed #ffffff26
}
.fx-paper__sign span{font-size:12px;color:#8fa1a4}
.fx-paper__ink{font-family:"Segoe Script","Bradley Hand",cursive;font-size:26px;color:#7fe3c8;transform:rotate(-4deg)}

/* --- пояснення збоку: що таке квалід --- */
.fx-aside{
  background:#fff;border:1px solid var(--fp-line);border-radius:22px;padding:30px;
  display:flex;flex-direction:column
}
.fx-aside__t{font-size:13px;font-weight:800;color:var(--fp-green);letter-spacing:.04em;margin:0 0 4px;text-transform:uppercase}
.fx-aside h3{margin:0 0 20px;font-size:22px;font-weight:800;line-height:1.2}
.fx-aside ul{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.fx-aside li{display:flex;gap:13px;align-items:flex-start}
.fx-aside li svg{width:21px;height:21px;flex:none;margin-top:1px}
.fx-aside li b{display:block;font-size:16px;font-weight:800;margin-bottom:2px}
.fx-aside li span{color:var(--fp-muted);font-size:14px;line-height:1.4}
.fx-aside__note{
  margin-top:auto;padding-top:20px;font-size:14px;color:var(--fp-muted);line-height:1.45
}
.fx-aside__note b{color:var(--fp-ink)}

/* НИЖНЯ СТРІЧКА: 3 кроки горизонтально зі з'єднанням */
.fx-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:20px;position:relative}
.fx-flow__step{
  background:#fff;border:1px solid var(--fp-line);padding:22px 24px;position:relative;
  display:flex;align-items:center;gap:16px
}
.fx-flow__step:first-child{border-radius:16px 0 0 16px}
.fx-flow__step:last-child{border-radius:0 16px 16px 0}
.fx-flow__step:not(:last-child){border-right:0}
.fx-flow__no{
  width:38px;height:38px;border-radius:50%;flex:none;
  background:var(--fp-green);color:#fff;display:flex;align-items:center;justify-content:center;
  font-size:16px;font-weight:800
}
.fx-flow__step h4{margin:0 0 3px;font-size:16px;font-weight:800;line-height:1.2}
.fx-flow__step p{margin:0;color:var(--fp-muted);font-size:13.5px;line-height:1.35}
/* стрілка-конектор */
.fx-flow__step:not(:last-child)::after{
  content:"";position:absolute;right:-11px;top:50%;transform:translateY(-50%);
  width:22px;height:22px;background:#fff;border:1px solid var(--fp-line);
  border-left:0;border-bottom:0;rotate:45deg;z-index:2;border-radius:0 4px 0 0
}

@media (width<=1060px){
  .fx-main{grid-template-columns:1fr}
}
@media (width<=680px){
  .fx-wrap{width:min(1540px,100% - 32px);padding:48px 0}
  .fx-head h2{font-size:31px}
  .fx-head p{font-size:16px}
  .fx-paper{padding:26px 22px}
  .fx-flow{grid-template-columns:1fr;gap:12px}
  .fx-flow__step{border-radius:16px !important;border-right:1px solid var(--fp-line) !important}
  .fx-flow__step::after{display:none}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5f0873b *//* ============================================================
   BLOCK 6 — «Ексклюзив» (ps-mebli-excl) — чиста версія
   Заголовок + карта-банер + 3 смислові плитки.
   Кнопка: тёмний текст жорстко перебиває тему.
============================================================ */
.ex-site{
  --fp-ink:#102328;--fp-muted:#617076;--fp-line:#10232824;
  --fp-paper:#f6f7f4;--fp-mint:#dcefe7;--fp-blue:#e8eef5;
  --fp-green:#1d665e;--fp-dark:#0e1f24;
  background:var(--fp-dark);color:#fff;
  font-family:Inter,Arial,sans-serif;overflow:hidden;position:relative
}
.ex-site *{box-sizing:border-box}
.ex-site a{color:inherit;text-decoration:none !important}

.ex-glow{position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(55% 50% at 85% 8%,#1d665e40 0,transparent 60%),
             radial-gradient(45% 50% at 5% 95%,#2b837826 0,transparent 60%)}

.ex-wrap{width:min(1540px,100% - 48px);margin-inline:auto;padding:44px 0;position:relative;z-index:1}

/* ШАПКА */
.ex-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:36px;align-items:end;margin-bottom:26px}
.ex-eyebrow{
  display:inline-flex;align-items:center;gap:9px;background:#7fe3c81a;
  border:1px solid #7fe3c840;border-radius:999px;padding:9px 15px;
  font-size:13px;font-weight:800;letter-spacing:.03em;margin:0 0 18px;
  text-transform:uppercase;color:#7fe3c8;width:fit-content
}
.ex-eyebrow span{width:7px;height:7px;border-radius:50%;background:#7fe3c8;box-shadow:0 0 0 4px #7fe3c826}
.ex-head h2{margin:0;font-size:46px;font-weight:800;line-height:1.04;letter-spacing:-.02em;color:#fff}
.ex-head h2 b{color:#7fe3c8}
.ex-head__side{display:flex;flex-direction:column;gap:18px}
.ex-head__side p{margin:0;color:#c4d1d4;font-size:17px;line-height:1.5}

/* КНОПКА — тёмний текст, жорсткий перебій теми */
.ex-cta,
.ex-cta:link,.ex-cta:visited,.ex-cta:hover,.ex-cta:focus{
  display:inline-flex;align-items:center;gap:11px;background:#7fe3c8 !important;
  color:#08201b !important;-webkit-text-fill-color:#08201b !important;
  border-radius:999px;min-height:54px;padding:0 28px;font-size:16px;font-weight:800;
  text-decoration:none !important;transition:transform .2s;cursor:pointer;width:fit-content
}
.ex-cta span{color:#08201b !important;-webkit-text-fill-color:#08201b !important}
.ex-cta:hover{transform:translateY(-2px)}

/* КАРТА-БАНЕР */
.ex-mapbox{
  background:#0a171b;border:1px solid #ffffff14;border-radius:22px;padding:20px;margin-bottom:16px
}
.ex-mapbox__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.ex-mapbox__ttl{font-size:14px;font-weight:800;color:#c4d1d4;letter-spacing:.03em}
.ex-legend{display:flex;gap:14px;font-size:12px;font-weight:700}
.ex-legend span{display:inline-flex;align-items:center;gap:6px;color:#8fa1a4}
.ex-legend i{width:11px;height:11px;border-radius:3px;border:1px solid #ffffff33}
.ex-legend i.done{background:#a9ecd9}
.ex-legend i.free{background:#ffffff0a}

.ex-mapslot{
  position:relative;aspect-ratio:21/8;border-radius:14px;overflow:hidden;
  background:#0e1f24;display:flex;align-items:center;justify-content:center
}
.ex-mapslot img{width:100%;height:100%;object-fit:cover;display:block}

.ex-mapbox__foot{
  margin-top:14px;display:flex;align-items:center;gap:11px;font-size:13.5px;color:#a8b8bb;line-height:1.4
}
.ex-mapbox__foot b{color:#fff;font-weight:800}

/* 3 СМИСЛОВІ ПЛИТКИ */
.ex-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ex-tile{
  background:#ffffff08;border:1px solid #ffffff14;border-radius:18px;padding:24px;
  display:flex;flex-direction:column
}
.ex-tile--why{background:#7fe3c80f;border-color:#7fe3c833}
.ex-tile__ic{
  width:44px;height:44px;border-radius:12px;background:#7fe3c814;border:1px solid #7fe3c833;
  display:flex;align-items:center;justify-content:center;margin-bottom:16px
}
.ex-tile__ic svg{width:22px;height:22px}
.ex-tile h3{margin:0 0 8px;font-size:18px;font-weight:800;line-height:1.2;color:#fff}
.ex-tile p{margin:0;color:#b3c3c5;font-size:14.5px;line-height:1.48}
.ex-tile p b{color:#fff;font-weight:800}
.ex-tile--why p b{color:#7fe3c8}
.ex-tile__badge{
  display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;
  background:#7fe3c8;color:#08201b;border-radius:999px;padding:7px 13px;
  font-size:13px;font-weight:800;width:fit-content
}
.ex-tile__badge b{font-size:16px}

@media (width<=1060px){
  .ex-head{grid-template-columns:1fr;gap:18px;align-items:start}
  .ex-tiles{grid-template-columns:1fr}
  .ex-mapslot{aspect-ratio:16/9}
}
@media (width<=680px){
  .ex-wrap{width:min(1540px,100% - 32px);padding:28px 0}
  .ex-head h2{font-size:32px}
  .ex-head__side p{font-size:15px}
  .ex-cta{width:100%;justify-content:center}
  .ex-mapbox{padding:14px}
  .ex-legend{font-size:11px;gap:10px}
  .ex-mapslot{aspect-ratio:4/3}
}

/* ---- BLOCK 6 MAP FIX: карта не вилазить, нормальні пропорції ---- */
.ex-site .ex-mapslot{
  aspect-ratio:auto !important;   /* прибираємо жорсткий 21:8 */
  max-height:520px;
}
.ex-site .ex-mapslot img{
  width:100% !important;
  height:auto !important;          /* карта показується цілком, по своїх пропорціях */
  object-fit:contain !important;   /* нічого не обрізає й не розтягує */
  display:block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-07711b0 *//* ============================================================
   BLOCK TEAM — «Команда» (ps-mebli-team)
   Світлий, з фото людей. Контраст після тёмного блоку 6.
   Відступи 44/28 — без патча.
============================================================ */
.tm-site{
  --fp-ink:#102328;--fp-muted:#617076;--fp-line:#10232824;
  --fp-paper:#f6f7f4;--fp-mint:#dcefe7;--fp-blue:#e8eef5;
  --fp-green:#1d665e;--fp-dark:#0e1f24;
  background:var(--fp-paper);color:var(--fp-ink);
  font-family:Inter,Arial,sans-serif;overflow:hidden
}
.tm-site *{box-sizing:border-box}
.tm-site a{color:inherit;text-decoration:none !important}

.tm-wrap{width:min(1540px,100% - 48px);margin-inline:auto;padding:44px 0}

.tm-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:32px;align-items:end;margin-bottom:34px}
.tm-eyebrow{
  display:inline-flex;align-items:center;gap:9px;background:var(--fp-mint);
  border-radius:999px;padding:9px 15px;font-size:13px;font-weight:800;
  letter-spacing:.03em;margin:0 0 18px;text-transform:uppercase;width:fit-content
}
.tm-head h2{margin:0;font-size:44px;font-weight:800;line-height:1.05;letter-spacing:-.02em}
.tm-head h2 b{color:var(--fp-green)}
.tm-head p{margin:0;color:var(--fp-muted);font-size:18px;line-height:1.5;padding-bottom:4px}

.tm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tm-card{
  background:#fff;border:1px solid var(--fp-line);border-radius:20px;overflow:hidden;
  display:flex;flex-direction:column;transition:transform .2s
}
.tm-card:hover{transform:translateY(-4px)}
.tm-photo{position:relative;aspect-ratio:4/3.4;overflow:hidden;background:#cedbd6}
.tm-photo img{width:100%;height:100%;object-fit:cover;display:block}
.tm-role{
  position:absolute;left:14px;bottom:14px;background:#ffffffe6;border:1px solid var(--fp-line);
  border-radius:999px;padding:7px 13px;font-size:12.5px;font-weight:800
}
.tm-body{padding:20px 22px;display:flex;flex-direction:column;flex:1}
.tm-body h3{margin:0 0 3px;font-size:19px;font-weight:800}
.tm-body .tm-tag{margin:0 0 12px;color:var(--fp-green);font-size:13.5px;font-weight:700}
.tm-body p{margin:0 0 14px;color:var(--fp-muted);font-size:14px;line-height:1.45}
.tm-skills{list-style:none;margin:auto 0 0;padding:0;display:flex;flex-wrap:wrap;gap:7px}
.tm-skills li{
  background:var(--fp-blue);border-radius:999px;padding:6px 11px;font-size:12px;font-weight:700;color:#274a56
}

/* нижня плашка */
.tm-note{
  margin-top:16px;border:1px solid var(--fp-line);border-radius:16px;background:#fff;
  padding:22px 26px;display:flex;align-items:center;gap:18px
}
.tm-note__ic{
  width:46px;height:46px;border-radius:12px;background:var(--fp-mint);flex:none;
  display:flex;align-items:center;justify-content:center
}
.tm-note p{margin:0;font-size:15.5px;line-height:1.5;color:var(--fp-ink)}
.tm-note p b{color:var(--fp-green);font-weight:800}

@media (width<=1060px){
  .tm-head{grid-template-columns:1fr;gap:14px;align-items:start}
  .tm-grid{grid-template-columns:1fr;max-width:460px}
}
@media (width<=680px){
  .tm-wrap{width:min(1540px,100% - 32px);padding:28px 0}
  .tm-head h2{font-size:31px}
  .tm-head p{font-size:16px}
  .tm-grid{max-width:none}
  .tm-note{flex-direction:column;align-items:flex-start;gap:12px}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7b50051 *//* ============================================================
   BLOCK ПЕРЕВАГА — «Ви обганяєте 80% ринку» (ps-mebli-win)
   Завершуючий. Візуалізація: клієнт із системою вище ринку.
   Відступи 44/28.
============================================================ */
.wn-site{
  --fp-ink:#102328;--fp-muted:#617076;--fp-line:#10232824;
  --fp-paper:#f6f7f4;--fp-mint:#dcefe7;--fp-blue:#e8eef5;
  --fp-green:#1d665e;--fp-dark:#0e1f24;
  background:var(--fp-dark);color:#fff;
  font-family:Inter,Arial,sans-serif;overflow:hidden;position:relative
}
.wn-site *{box-sizing:border-box}
.wn-site a{color:inherit;text-decoration:none !important}
.wn-glow{position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(55% 55% at 88% 8%,#1d665e40 0,transparent 60%),
             radial-gradient(45% 55% at 5% 95%,#2b837826 0,transparent 60%)}
.wn-wrap{width:min(1540px,100% - 48px);margin-inline:auto;padding:44px 0;position:relative;z-index:1}

.wn-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:40px;align-items:center}

/* ЛІВОРУЧ: сенс */
.wn-eyebrow{
  display:inline-flex;align-items:center;gap:9px;background:#7fe3c81a;border:1px solid #7fe3c840;
  border-radius:999px;padding:9px 15px;font-size:13px;font-weight:800;letter-spacing:.03em;
  margin:0 0 20px;text-transform:uppercase;color:#7fe3c8;width:fit-content
}
.wn-copy h2{margin:0 0 16px;font-size:44px;font-weight:800;line-height:1.05;letter-spacing:-.02em;color:#fff}
.wn-copy h2 b{color:#7fe3c8}
.wn-copy>p{margin:0 0 24px;color:#c4d1d4;font-size:18px;line-height:1.5;max-width:520px}
.wn-points{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:13px}
.wn-points li{display:flex;gap:12px;align-items:flex-start;font-size:15.5px;line-height:1.4;color:#d9e4e6}
.wn-points li svg{width:20px;height:20px;flex:none;margin-top:1px}
.wn-points li b{color:#fff;font-weight:800}
.wn-cta{
  display:inline-flex;align-items:center;gap:11px;background:#7fe3c8 !important;color:#08201b !important;
  -webkit-text-fill-color:#08201b !important;border-radius:999px;min-height:54px;padding:0 28px;
  font-size:16px;font-weight:800;text-decoration:none !important;transition:transform .2s;cursor:pointer;width:fit-content
}
.wn-cta:hover{transform:translateY(-2px)}

/* ПРАВОРУЧ: візуал — стовпці ринку + ви на вершині */
.wn-viz{
  background:#0a171b;border:1px solid #ffffff14;border-radius:24px;padding:28px 28px 24px;position:relative
}
.wn-viz__top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:22px}
.wn-viz__ttl{font-size:14px;font-weight:800;color:#c4d1d4;letter-spacing:.03em}
.wn-viz__sub{font-size:12px;color:#7f9296;font-weight:600}

/* графік стовпців */
.wn-bars{display:flex;align-items:flex-end;gap:9px;height:210px;padding-bottom:2px}
.wn-bar{flex:1;border-radius:8px 8px 0 0;position:relative;background:#1a3138;min-width:0}
/* висоти "ринку" — низькі, різні */
.wn-bar:nth-child(1){height:26%}
.wn-bar:nth-child(2){height:34%}
.wn-bar:nth-child(3){height:22%}
.wn-bar:nth-child(4){height:40%}
.wn-bar:nth-child(5){height:30%}
.wn-bar:nth-child(6){height:44%}
.wn-bar:nth-child(7){height:36%}
.wn-bar:nth-child(8){height:28%}
.wn-bar:nth-child(9){height:38%}
/* ВИ — найвищий, зелений, з підписом */
.wn-bar--you{
  height:100%;background:linear-gradient(#7fe3c8,#1d665e);
  box-shadow:0 0 0 1px #7fe3c84d,0 -6px 30px #7fe3c833
}
.wn-bar--you::after{
  content:"ВИ";position:absolute;top:-26px;left:50%;transform:translateX(-50%);
  background:#7fe3c8;color:#08201b;font-size:12px;font-weight:800;border-radius:999px;padding:4px 12px;white-space:nowrap
}
/* лінія "рівень 80% ринку" */
.wn-line{
  position:absolute;left:28px;right:28px;bottom:calc(24px + 210px*0.46);
  border-top:1px dashed #7fe3c866;pointer-events:none
}
.wn-line span{
  position:absolute;right:0;top:-10px;background:#0a171b;padding:0 8px;
  font-size:11px;font-weight:800;color:#7fe3c8;letter-spacing:.02em
}
.wn-axis{display:flex;justify-content:space-between;margin-top:12px;font-size:11.5px;color:#6b8085;font-weight:700}

/* нижня плашка-підсумок */
.wn-kpi{
  display:flex;align-items:center;gap:16px;margin-top:20px;padding-top:20px;border-top:1px solid #ffffff14
}
.wn-kpi__num{font-size:40px;font-weight:800;color:#7fe3c8;line-height:1;flex:none}
.wn-kpi p{margin:0;font-size:14px;line-height:1.45;color:#b3c3c5}
.wn-kpi p b{color:#fff;font-weight:800}

@media (width<=980px){
  .wn-grid{grid-template-columns:1fr;gap:30px}
}
@media (width<=680px){
  .wn-wrap{width:min(1540px,100% - 32px);padding:28px 0}
  .wn-copy h2{font-size:31px}
  .wn-copy>p{font-size:16px}
  .wn-cta{width:100%;justify-content:center}
  .wn-viz{padding:22px 18px 18px}
  .wn-bars{height:170px;gap:6px}
  .wn-line{left:18px;right:18px;bottom:calc(18px + 170px*0.46)}
  .wn-kpi{flex-direction:column;align-items:flex-start;gap:10px}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e95703d *//* ============================================================
   BLOCK 8 — «Не для всіх» (ps-mebli-fit)
   Дві протиставлені панелі: зелена "беремо" + тьмяна "ні".
   Відступи 44/28.
============================================================ */
.ft-site{
  --fp-ink:#102328;--fp-muted:#617076;--fp-line:#10232824;
  --fp-paper:#f6f7f4;--fp-mint:#dcefe7;--fp-blue:#e8eef5;
  --fp-green:#1d665e;--fp-dark:#0e1f24;
  background:var(--fp-paper);color:var(--fp-ink);
  font-family:Inter,Arial,sans-serif;overflow:hidden
}
.ft-site *{box-sizing:border-box}

.ft-wrap{width:min(1540px,100% - 48px);margin-inline:auto;padding:44px 0}

.ft-head{max-width:720px;margin-bottom:34px}
.ft-eyebrow{
  display:inline-flex;align-items:center;gap:9px;background:var(--fp-mint);
  border-radius:999px;padding:9px 15px;font-size:13px;font-weight:800;
  letter-spacing:.03em;margin:0 0 18px;text-transform:uppercase;width:fit-content
}
.ft-head h2{margin:0 0 12px;font-size:44px;font-weight:800;line-height:1.05;letter-spacing:-.02em}
.ft-head h2 b{color:var(--fp-green)}
.ft-head p{margin:0;color:var(--fp-muted);font-size:18px;line-height:1.5}

/* дві панелі */
.ft-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:16px;align-items:stretch}

.ft-panel{border-radius:22px;padding:30px 30px 26px;display:flex;flex-direction:column}
/* ЗЕЛЕНА — беремо */
.ft-panel--yes{
  background:var(--fp-green);color:#fff;
  background-image:radial-gradient(120% 90% at 100% 0,#2b8378 0,var(--fp-green) 55%)
}
/* ТЬМЯНА — не беремо */
.ft-panel--no{background:#fff;border:1px solid var(--fp-line);color:var(--fp-ink)}

.ft-panel__top{display:flex;align-items:center;gap:13px;margin-bottom:22px}
.ft-panel__mark{
  width:46px;height:46px;border-radius:13px;flex:none;display:flex;align-items:center;justify-content:center
}
.ft-panel--yes .ft-panel__mark{background:#ffffff1f}
.ft-panel--no .ft-panel__mark{background:#c9736d14;border:1px solid #c9736d33}
.ft-panel__mark svg{width:24px;height:24px}
.ft-panel__ttl{font-size:22px;font-weight:800;line-height:1.1}
.ft-panel--yes .ft-panel__ttl small{display:block;font-size:13px;font-weight:700;color:#bdf0e2;margin-top:3px;letter-spacing:.02em}
.ft-panel--no .ft-panel__ttl small{display:block;font-size:13px;font-weight:700;color:var(--fp-muted);margin-top:3px}

.ft-list{list-style:none;margin:0;padding:0;display:grid;gap:15px}
.ft-list li{display:flex;gap:13px;align-items:flex-start;font-size:15.5px;line-height:1.4}
.ft-list li svg{width:20px;height:20px;flex:none;margin-top:1px}
.ft-panel--yes .ft-list li{color:#eafaf5}
.ft-panel--yes .ft-list li b{color:#fff;font-weight:800}
.ft-panel--no .ft-list li{color:#3a4a4e}
.ft-panel--no .ft-list li b{color:var(--fp-ink);font-weight:800}

/* нижня плашка чесності */
.ft-note{
  margin-top:16px;border:1px solid #1d665e33;border-radius:16px;background:var(--fp-mint);
  padding:22px 26px;display:flex;align-items:center;gap:16px
}
.ft-note svg{width:26px;height:26px;flex:none}
.ft-note p{margin:0;font-size:15.5px;line-height:1.5;color:#123}
.ft-note p b{color:var(--fp-green);font-weight:800}

@media (width<=860px){
  .ft-grid{grid-template-columns:1fr}
}
@media (width<=680px){
  .ft-wrap{width:min(1540px,100% - 32px);padding:28px 0}
  .ft-head h2{font-size:31px}
  .ft-head p{font-size:16px}
  .ft-panel{padding:24px 22px}
  .ft-note{flex-direction:column;align-items:flex-start;gap:12px}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-82d2dd9 *//* ============================================================
   BLOCK 9 — FAQ + Лід-магніти + Фінальний CTA (ps-mebli-final)
   Три зони: FAQ-акордеон | 2 магніти з текстом | тёмна CTA-форма
   Відступи 44/28.
============================================================ */
.fn-site{
  --fp-ink:#102328;--fp-muted:#617076;--fp-line:#10232824;
  --fp-paper:#f6f7f4;--fp-mint:#dcefe7;--fp-blue:#e8eef5;
  --fp-green:#1d665e;--fp-dark:#0e1f24;
  background:var(--fp-paper);color:var(--fp-ink);
  font-family:Inter,Arial,sans-serif;overflow:hidden
}
.fn-site *{box-sizing:border-box}
.fn-site a{color:inherit;text-decoration:none !important}
.fn-wrap{width:min(1540px,100% - 48px);margin-inline:auto;padding:44px 0}

/* ===== ЗОНА 1: FAQ ===== */
.fn-faq{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:32px;margin-bottom:20px;align-items:start}
.fn-eyebrow{
  display:inline-flex;align-items:center;gap:9px;background:var(--fp-mint);
  border-radius:999px;padding:9px 15px;font-size:13px;font-weight:800;
  letter-spacing:.03em;margin:0 0 18px;text-transform:uppercase;width:fit-content
}
.fn-faq__head h2{margin:0 0 12px;font-size:40px;font-weight:800;line-height:1.06;letter-spacing:-.02em}
.fn-faq__head p{margin:0;color:var(--fp-muted);font-size:16px;line-height:1.5}

.fn-acc{display:flex;flex-direction:column;gap:10px}
.fn-item{background:#fff;border:1px solid var(--fp-line);border-radius:14px;overflow:hidden}
.fn-q{
  width:100%;text-align:left;background:none;border:0;cursor:pointer;
  padding:18px 20px;font-size:16.5px;font-weight:800;color:var(--fp-ink);
  display:flex;justify-content:space-between;align-items:center;gap:14px;font-family:inherit
}
.fn-q__ic{width:22px;height:22px;flex:none;transition:transform .25s}
.fn-a{max-height:0;overflow:hidden;transition:max-height .3s ease}
.fn-a__in{padding:0 20px 18px;color:var(--fp-muted);font-size:14.5px;line-height:1.5}
.fn-a__in b{color:var(--fp-ink);font-weight:700}
.fn-item.is-open .fn-q__ic{transform:rotate(45deg)}
.fn-item.is-open .fn-a{max-height:280px}

/* ===== ЗОНА 2: ЛІД-МАГНІТИ ===== */
.fn-magnets{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}
.fn-mag{
  background:#fff;border:1px solid var(--fp-line);border-radius:20px;padding:28px;
  display:flex;flex-direction:column;position:relative;overflow:hidden
}
.fn-mag--accent{background:linear-gradient(160deg,#eef8f3,#fff)}
.fn-mag__tag{
  display:inline-flex;align-items:center;gap:8px;width:fit-content;margin-bottom:16px;
  background:var(--fp-green);color:#fff;border-radius:999px;padding:7px 13px;font-size:12px;font-weight:800;
  letter-spacing:.03em;text-transform:uppercase
}
.fn-mag__ic{
  width:52px;height:52px;border-radius:14px;background:var(--fp-mint);
  display:flex;align-items:center;justify-content:center;margin-bottom:16px
}
.fn-mag__ic svg{width:27px;height:27px}
.fn-mag h3{margin:0 0 10px;font-size:21px;font-weight:800;line-height:1.18}
.fn-mag p{margin:0 0 14px;color:#42524f;font-size:14px;line-height:1.55}
.fn-mag p b{color:var(--fp-ink);font-weight:700}
.fn-mag__fmt{
  margin-top:auto;padding-top:14px;border-top:1px solid var(--fp-line);
  font-size:12.5px;color:var(--fp-muted);display:flex;align-items:center;gap:8px
}
.fn-mag__fmt svg{width:16px;height:16px;flex:none}

/* ===== ЗОНА 3: ФІНАЛЬНА CTA-ФОРМА (тёмна) ===== */
.fn-cta{
  background:var(--fp-dark);border-radius:24px;padding:40px;position:relative;overflow:hidden;color:#fff;
  background-image:radial-gradient(60% 60% at 100% 0,#1d665e40 0,transparent 60%),
                   radial-gradient(50% 60% at 0 100%,#2b837826 0,transparent 60%)
}
.fn-cta__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:36px;align-items:center;position:relative;z-index:1}
.fn-cta__eyebrow{
  display:inline-flex;align-items:center;gap:9px;background:#7fe3c81a;border:1px solid #7fe3c840;
  border-radius:999px;padding:8px 14px;font-size:12.5px;font-weight:800;color:#7fe3c8;
  text-transform:uppercase;letter-spacing:.03em;margin:0 0 18px;width:fit-content
}
.fn-cta h2{margin:0 0 14px;font-size:34px;font-weight:800;line-height:1.1;color:#fff}
.fn-cta h2 b{color:#7fe3c8}
.fn-cta>.fn-cta__grid p.lead{margin:0;color:#c4d1d4;font-size:16px;line-height:1.5}
.fn-cta__trust{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:10px}
.fn-cta__trust li{display:flex;gap:10px;align-items:center;font-size:14px;color:#d9e4e6}
.fn-cta__trust svg{width:18px;height:18px;flex:none}

/* форма */
.fn-form{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:18px;padding:24px;display:grid;gap:12px}
.fn-field{display:grid;gap:6px}
.fn-field label{font-size:12.5px;font-weight:700;color:#9fb0b3}
.fn-field input,.fn-field select{
  background:#0e2227;border:1px solid #ffffff26;border-radius:11px;padding:13px 15px;
  font-size:15px;color:#fff;font-family:inherit;outline:none;transition:border-color .2s
}
.fn-field input::placeholder{color:#6b8085}
.fn-field input:focus,.fn-field select:focus{border-color:#7fe3c8}
.fn-form__row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fn-submit{
  margin-top:4px;background:#7fe3c8 !important;color:#08201b !important;
  -webkit-text-fill-color:#08201b !important;border:0;border-radius:999px;min-height:54px;
  font-size:16px;font-weight:800;cursor:pointer;font-family:inherit;
  display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .2s;width:100%
}
.fn-submit:hover{transform:translateY(-2px)}
.fn-form__alt{margin:2px 0 0;text-align:center;font-size:13px;color:#8fa1a4}
.fn-form__alt a{color:#7fe3c8 !important;font-weight:800}

@media (width<=980px){
  .fn-faq{grid-template-columns:1fr;gap:18px}
  .fn-magnets{grid-template-columns:1fr}
  .fn-cta__grid{grid-template-columns:1fr;gap:26px}
}
@media (width<=680px){
  .fn-wrap{width:min(1540px,100% - 32px);padding:28px 0}
  .fn-faq__head h2{font-size:29px}
  .fn-cta{padding:26px 22px}
  .fn-cta h2{font-size:26px}
  .fn-form__row{grid-template-columns:1fr}
}

/* ============================================================
   BLOCK 9 FAQ-BTN FIX — прибираємо стилі теми на кнопках
   акордеона при наведенні / натисканні / фокусі.
   Вставити В КІНЕЦЬ block9.css
============================================================ */
.fn-site .fn-q,
.fn-site .fn-q:link,
.fn-site .fn-q:visited,
.fn-site .fn-q:hover,
.fn-site .fn-q:focus,
.fn-site .fn-q:active,
.fn-site .fn-q:focus-visible{
  background:none !important;
  background-color:transparent !important;
  background-image:none !important;
  color:var(--fp-ink) !important;
  -webkit-text-fill-color:var(--fp-ink) !important;
  box-shadow:none !important;
  outline:none !important;
  border:0 !important;
}

/* так само для кнопки-сабміта, щоб тема не перефарбувала при hover/active */
.fn-site .fn-submit:hover,
.fn-site .fn-submit:focus,
.fn-site .fn-submit:active{
  background:#7fe3c8 !important;
  color:#08201b !important;
  -webkit-text-fill-color:#08201b !important;
  box-shadow:none !important;
}/* End custom CSS */
/* Start custom CSS *//* ============================================================
   GLOBAL PADDING FIX — зменшуємо вертикальні відступи вдвічі
   для всіх блоків меблевого лендингу.
   Вставити ОДИН РАЗ (глобально, після стилів блоків).
============================================================ */

.km-wrap,   /* блок 2 — знаємо клієнта */
.fx-wrap,   /* блок 3 — фіксація */
.pn-wrap,   /* блок 4 — біль */
.sy-wrap{   /* блок 5 — зв'язка */
  padding-top:38px !important;
  padding-bottom:38px !important;
}

@media (width<=680px){
  .km-wrap,.fx-wrap,.pn-wrap,.sy-wrap{
    padding-top:26px !important;
    padding-bottom:26px !important;
  }
}/* End custom CSS */