/* Source: single-usluga.php */

:root{
    --sea:#56CCF2;    /* акцент */
    --indigo:#0A59A1; /* фирменный */
    --graphite:#1F2A33; --ink:#0b2230; --muted:#5E6B76;
    --bg:#F6FAFB; --card:#FFFFFF; --line:rgba(0,0,0,.08);
    --glow: 0 10px 30px rgba(86,204,242,.35), 0 2px 10px rgba(10,89,161,.12);
  }
  .mvx-hero{ background:
    radial-gradient(circle at 14% 18%, rgba(86,204,242,.12), transparent 22%),
    radial-gradient(circle at 82% 16%, rgba(10,89,161,.12), transparent 24%),
    linear-gradient(180deg, var(--bg), #F0F7FF);
    padding: clamp(28px, 5vw, 56px) 0 14px;
    position:relative;
    overflow:hidden;
  }
  .mvx-hero-grid{ display:grid; grid-template-columns: 1.05fr 1fr; gap:clamp(18px, 3.5vw, 40px); align-items:start; }
  .mvx-hero-grid--reversed{ grid-template-columns: minmax(0, .95fr) minmax(520px, 1.15fr); }
  @media (max-width: 1199.98px){ .mvx-hero-grid, .mvx-hero-grid--reversed{ grid-template-columns:1fr; } }

  .mvx-left{ position:relative; }
  .mvx-right{ position:relative; }

  /* ОФФЕР */
  .mvx-offer{ position:relative; padding:0 0 .25rem; }
  .mvx-offer__badge{ display:inline-flex; gap:.5rem; align-items:center; background:#fff; border:1px solid var(--line); border-radius:999px; padding:.4rem .65rem; font-weight:800; color:var(--graphite); box-shadow: var(--glow); }
  .mvx-offer__badge i{ color:var(--sea); }
  .mvx-title{ font-size: clamp(30px, 3.6vw, 48px); line-height:1.1; margin:.5rem 0 .5rem; color:var(--graphite); font-weight:900; letter-spacing:-0.015em; }
  .mvx-lead{ font-size: clamp(16px, 1.2vw, 18px); color:var(--muted); margin:0 0 1rem; max-width: 68ch; }
  .mvx-proof{ display:flex; flex-wrap:wrap; gap:.65rem; margin:1rem 0 1.15rem; }
  .mvx-proof span{
    display:inline-flex;
    align-items:center;
    gap:.45rem;
    padding:.55rem .8rem;
    border-radius:14px;
    background:rgba(255,255,255,.8);
    border:1px solid rgba(10,89,161,.08);
    color:var(--graphite);
    font-weight:700;
    box-shadow:0 10px 30px rgba(10,89,161,.06);
  }
  .mvx-proof i{ color:var(--indigo); }

  /* ПРЕИМУЩЕСТВА */
  .mvx-usps{ display:grid; gap:12px; list-style:none; padding:0; margin: 0 0 1rem; }
  .mvx-usps--compact{ grid-template-columns: repeat(3, minmax(0,1fr)); }
  @media (max-width: 991.98px){ .mvx-usps--compact{ grid-template-columns: repeat(2, 1fr); } }
  .mvx-usp{ display:flex; gap:.6rem; align-items:flex-start; background:var(--card); border:1px solid var(--line); border-radius:12px; padding:.6rem .7rem; box-shadow:0 8px 24px rgba(0,0,0,.04); transition: transform .25s ease, box-shadow .25s ease; }
  .mvx-usp:hover{ transform: translateY(-2px); box-shadow: var(--glow); }
  .mvx-usp i{ color:var(--indigo); line-height:1; margin-top:.15rem; }
  .mvx-usp strong{ display:block; font-weight:800; color:var(--graphite); font-size:.98rem; }
  .mvx-usp span{ display:block; color:var(--muted); font-size:.9rem; }

  /* ФОРМА */
  .mvx-form-card{ position:relative; background: radial-gradient(120% 100% at 0% 0%, rgba(86,204,242,.12), transparent 40%), var(--card); border: 1px solid var(--line); border-radius: 16px; box-shadow: var(--glow); overflow:hidden; }
  .mvx-form-card--wide{ max-width:none; }
  .mvx-form-head{ padding: 14px 16px; background: linear-gradient(90deg, rgba(86,204,242,.15), rgba(10,89,161,.12)); border-bottom:1px solid var(--line); }
  .mvx-form-title{ margin:0; font-size: 20px; font-weight: 900; color: var(--graphite); }
  .mvx-form-sub{ margin:.25rem 0 0; color:var(--muted); font-size:.95rem; }
  .mvx-form-body{ padding: 16px; }
  .mvx-form-meta{ display:flex; align-items:center; gap:.4rem; padding: 0 16px 14px; color:var(--muted); font-size:.88rem; border-top:1px dashed var(--line); }
  .mvx-form-meta i{ color:var(--indigo); }

  .mvx-form-body .wpcf7 form .wpcf7-form-control{ width:100%; border:1px solid var(--line); border-radius:10px; padding:12px 12px; font-size:14px; background:#fff; transition: box-shadow .2s, border-color .2s; }
  .mvx-form-body .wpcf7 form .wpcf7-form-control:focus{ outline:none; border-color: var(--indigo); box-shadow: 0 0 0 3px rgba(10,89,161,.15); }
  .mvx-form-body .wpcf7 form input[type="submit"],
  .mvx-form-body .wpcf7 form button[type="submit"]{ border:none; background: linear-gradient(90deg, var(--indigo), #134a86); color:#fff; font-weight:800; padding:12px 14px; border-radius:10px; cursor:pointer; transition: transform .08s ease, filter .2s ease; }
  .mvx-form-body .wpcf7 form input[type="submit"]:active{ transform: translateY(1px); }
  .mvx-form-body .wpcf7-not-valid-tip{ color:#b91c1c; font-size:12px; margin-top:4px; }
  .mvx-form-body .wpcf7-response-output{ margin-top:10px; border:1px solid var(--line); border-radius:10px; padding:10px; }

  /* CTA */
  .mvx-conv{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:14px; }
  .mvx-cta{ display:flex; gap:10px; flex-wrap:wrap; margin-top:0; }
  .mvx-btn{ display:inline-flex; align-items:center; gap:.5rem; border:1px solid var(--line); border-radius:10px; padding:10px 14px; font-weight:800; text-decoration:none; }
  .mvx-btn--primary{ background: linear-gradient(90deg, var(--indigo), #2076c7); color:#fff; border-color: transparent; box-shadow:0 14px 30px rgba(10,89,161,.18); }
  .mvx-btn--primary:hover{ filter: brightness(.95); }
  .mvx-btn--ghost{ background:#fff; color:var(--graphite); }

  /* МЕДИА справа */
  .mvx-hero-media{ position:relative; }
  .mvx-media{ position:relative; margin:0; }
  .mvx-media__img{ width:100%; height:min(720px, 100%); min-height:540px; object-fit:cover; border-radius:24px; box-shadow:0 28px 70px rgba(31,42,51,.2); border: 1px solid var(--line); }
  .mvx-badge{ position:absolute; left:16px; bottom:16px; display:inline-flex; gap:.5rem; align-items:center; background:rgba(255,255,255,.9); backdrop-filter: blur(4px); border:1px solid var(--line); border-radius:999px; padding:.45rem .75rem; font-weight:800; color:var(--ink); box-shadow: var(--glow); }
  .mvx-badge i{ color:var(--sea); }
  .mvx-sidecard{
    position:absolute;
    right:18px;
    top:18px;
    display:grid;
    gap:.45rem;
    min-width:180px;
    padding:1rem;
    border-radius:18px;
    background:rgba(11,34,48,.74);
    border:1px solid rgba(255,255,255,.16);
    color:#fff;
    box-shadow:0 18px 48px rgba(11,34,48,.22);
    backdrop-filter: blur(10px);
  }
  .mvx-sidecard strong{ font-size:1rem; font-weight:900; letter-spacing:.01em; }
  .mvx-sidecard span{ display:flex; align-items:center; gap:.45rem; color:rgba(255,255,255,.84); font-size:.92rem; }
  .mvx-sidecard span::before{ content:""; width:7px; height:7px; border-radius:50%; background:var(--sea); box-shadow:0 0 0 5px rgba(86,204,242,.14); }

  .mvx-bubble{ position:absolute; border-radius:50%; pointer-events:none; opacity:.7; will-change: transform; }
  .mvx-bubble.b1{ width:200px; height:200px; background: radial-gradient(circle at 30% 30%, rgba(86,204,242,.25), transparent 60%); top:-40px; right:-30px; }
  .mvx-bubble.b2{ width:300px; height:300px; background: radial-gradient(circle at 70% 70%, rgba(10,89,161,.22), transparent 65%); bottom:-60px; left:-40px; }
  .mvx-bubble.b3{ width:140px; height:140px; background: radial-gradient(circle at 60% 40%, rgba(86,204,242,.2), transparent 60%); top:20%; left:10%; }
  @media (prefers-reduced-motion:no-preference){ .mvx-bubble{ animation: float 14s ease-in-out infinite; } @keyframes float { 0%,100%{ transform: translateY(0); } 50%{ transform: translateY(-8px); } } }

  /* Социальные доки */
  .mvx-stats{ display:flex; gap:10px; align-items:center; flex-wrap:wrap; background:var(--card); border:1px dashed rgba(86,204,242,.55); padding:.6rem .75rem; border-radius:999px; width:max-content; margin-top:0; }
  .mvx-stat{ display:flex; align-items:baseline; gap:.35rem; position:relative; }
  .mvx-stat + .mvx-stat{ padding-left:.75rem; }
  .mvx-stat + .mvx-stat::before{ content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:18px; background:linear-gradient(var(--line), var(--line)); }
  .mvx-stat__val{ font-weight:900; color:var(--sea); font-size:1.05rem; }
  .mvx-stat__label{ color:var(--muted); font-size:.9rem; }

  /* Переход к широкой форме */
  .mvx-bridge{
    position:relative;
    margin-top:-8px;
    padding: 0 0 clamp(28px, 5vw, 54px);
    background:
      linear-gradient(180deg, rgba(240,247,255,1) 0%, rgba(246,250,251,.98) 16%, #ffffff 100%);
    overflow:hidden;
  }
  .mvx-bridge::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
      radial-gradient(circle at 10% 0%, rgba(86,204,242,.14), transparent 22%),
      radial-gradient(circle at 90% 15%, rgba(10,89,161,.12), transparent 24%),
      repeating-linear-gradient(115deg, rgba(10,89,161,.05) 0 2px, transparent 2px 18px);
    opacity:.65;
  }
  .mvx-bridge__shell{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:minmax(280px, .72fr) minmax(0, 1.28fr);
    gap:clamp(18px, 3vw, 36px);
    align-items:start;
    padding: clamp(20px, 3vw, 32px);
    border-radius:28px;
    background:linear-gradient(135deg, rgba(255,255,255,.92), rgba(255,255,255,.98));
    border:1px solid rgba(86,204,242,.18);
    box-shadow:0 28px 60px rgba(10,89,161,.08), inset 0 1px 0 rgba(255,255,255,.7);
  }
  .mvx-bridge__shell::before{
    content:"";
    position:absolute;
    left:32px;
    right:32px;
    top:0;
    height:1px;
    background:linear-gradient(90deg, transparent, rgba(10,89,161,.28), transparent);
  }
  .mvx-bridge__intro{ padding-top:4px; }
  .mvx-bridge__kicker{
    display:inline-flex;
    align-items:center;
    gap:.45rem;
    padding:.45rem .75rem;
    border-radius:999px;
    background:rgba(255,255,255,.86);
    border:1px solid rgba(86,204,242,.25);
    color:var(--indigo);
    font-weight:800;
    box-shadow:0 8px 24px rgba(10,89,161,.08);
  }
  .mvx-bridge__title{ margin:.8rem 0 .65rem; font-size:clamp(26px, 2.8vw, 38px); line-height:1.08; color:var(--graphite); font-weight:900; letter-spacing:-.02em; }
  .mvx-bridge__lead{ margin:0; color:var(--muted); font-size:1rem; max-width:58ch; }
  .mvx-bridge__points{ display:grid; gap:.7rem; margin-top:1.1rem; }
  .mvx-bridge__points span{ display:flex; align-items:center; gap:.55rem; color:var(--graphite); font-weight:700; }
  .mvx-bridge__points i{ color:var(--sea); }
  @media (max-width: 991.98px){
    .mvx-bridge__shell{ grid-template-columns:1fr; padding:20px; border-radius:22px; }
    .mvx-bridge__title{ font-size:clamp(24px, 7vw, 32px); }
    .mvx-proof{ display:grid; }
    .mvx-conv{ align-items:flex-start; }
    .mvx-media__img{ min-height:360px; }
    .mvx-sidecard{ position:static; margin:14px 0 0 auto; max-width:220px; }
  }

  /* Появление */
  [data-animate]{ opacity:0; transform: translateY(10px); }
  .is-inview{ opacity:1 !important; transform: translateY(0) !important; transition: opacity .45s ease, transform .45s ease; }

.mvx-slogan-nav ul{ list-style:none; display:flex; gap:2rem; margin:0; padding:0; align-items:center; }
  .mvx-slogan-nav a{ color:rgba(31,42,51,.85); text-decoration:none; font-weight:700; font-size:.98rem; position:relative; transition: color .2s ease; }
  .mvx-slogan-nav a::after{ content:""; position:absolute; left:0; bottom:-6px; width:0; height:3px; background:linear-gradient(90deg, var(--sea), var(--indigo)); transition:width .25s ease; border-radius:2px; }
  .mvx-slogan-nav a:hover{ color:var(--graphite); }
  .mvx-slogan-nav a:hover::after{ width:100%; }

:root{
    --cs-blue:#0A59A1;
    --cs-blue-2:#2B7CD3;
    --cs-cyan:#56CCF2;
    --cs-ink:#0f2532;
    --cs-muted:#66707A;
    --cs-line:#E6EEF5;
    --cs-card:#fff;
    --cs-shadow:0 12px 30px rgba(10,89,161,.12), 0 4px 14px rgba(43,124,211,.08);
  }

  .cs-experience{ padding: clamp(28px,5vw,56px) 0; background:linear-gradient(180deg,#F7FBFF,#F2F7FD); position:relative; overflow:hidden; }
  .cs-experience::before{ content:""; position:absolute; left:-10%; top:-12%; width:420px; height:420px; border-radius:50%; background: radial-gradient(circle at 30% 30%, rgba(86,204,242,.25), transparent 60%); filter: blur(2px); }
  .cs-experience::after{ content:""; position:absolute; right:-8%; bottom:-10%; width:480px; height:480px; border-radius:50%; background: radial-gradient(circle at 70% 60%, rgba(10,89,161,.18), transparent 65%); }

  .cs-head{ margin-bottom:1rem; display:flex; flex-direction:column; gap:.35rem; }
  .cs-kicker{ display:inline-flex; align-items:center; gap:.4rem; padding:.35rem .6rem; border:1px solid var(--cs-line); border-radius:999px; background:#fff; color:var(--cs-blue); font-weight:900; box-shadow: var(--cs-shadow); font-size:.9rem; }
  .cs-h2{ margin:0; font-size: clamp(24px,2.5vw,32px); font-weight:900; color:#22303a; }

  .cs-exp-grid{ display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:14px; }
  @media(max-width:991.98px){ .cs-exp-grid{ grid-template-columns: repeat(2, 1fr); } }
  @media(max-width:575.98px){ .cs-exp-grid{ grid-template-columns: 1fr; } }

  .cs-exp{ background:var(--cs-card); border:1px solid var(--cs-line); border-radius:16px; padding:1.1rem; box-shadow: var(--cs-shadow); text-align:center; position:relative; overflow:hidden; transition:.25s ease; }
  .cs-exp:hover{ transform: translateY(-2px); box-shadow:0 18px 52px rgba(10,89,161,.14), 0 6px 22px rgba(43,124,211,.10); border-color: rgba(43,124,211,.35); }
  .cs-exp::after{ content:""; position:absolute; inset:auto -25% -25% auto; width:200px; height:200px; background: radial-gradient(circle at 70% 30%, rgba(43,124,211,.12), transparent 60%); pointer-events:none; }

  .cs-exp__num{ font-size: clamp(32px,3vw,44px); font-weight:900; background: linear-gradient(90deg, var(--cs-blue), var(--cs-blue-2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom:.25rem; }
  .cs-exp__text{ color:var(--cs-muted); font-size:.98rem; line-height:1.35; }

  /* Плавная анимация появления */
  [data-animate]{ opacity:0; transform: translateY(10px); }
  .is-inview{ opacity:1 !important; transform: translateY(0) !important; transition: opacity .45s ease, transform .45s ease; }

/* Палитра в цветах логотипа: синий градиент + графитовый */
  :root{
    --cs-blue:#0A59A1;      /* тёмный фирменный */
    --cs-blue-2:#2B7CD3;    /* светлее для градиента */
    --cs-cyan:#56CCF2;      /* вспомогательный акцент */
    --cs-graphite:#2B3137;  /* тёмный текст */
    --cs-ink:#0f2532;       /* основной текст */
    --cs-muted:#66707A;     /* вторичный */
    --cs-bg:#F6FAFD;        /* фон секции */
    --cs-card:#FFFFFF;      /* фон карточек */
    --cs-line:#E6EEF5;      /* бордеры */
    --cs-shadow:0 14px 36px rgba(10,89,161,.10), 0 4px 16px rgba(43,124,211,.06);
    --cs-focus:0 0 0 3px rgba(43,124,211,.18);
  }
/* === МЕТА-БЛОКИ: прайс / схема === */
.cs-meta-block{ position:relative; }
.cs-meta-head{ margin-bottom:12px; display:flex; flex-direction:column; gap:.35rem; }
.cs-meta-block .cs-sub{ margin:.15rem 0 0; color:var(--cs-muted); max-width: 72ch; }

.cs-meta-body{ color:var(--cs-ink); }

/* Таблица прайса: адаптивность и читабельность */
.cs-table-wrap{ overflow:auto; -webkit-overflow-scrolling:touch; border-radius:14px; }
.cs-table-wrap table{ width:100%; border-collapse:collapse; min-width:640px; }
.cs-table-wrap th, .cs-table-wrap td{ padding:12px 12px; border-bottom:1px solid var(--cs-line); vertical-align:top; }
.cs-table-wrap th{ background:linear-gradient(90deg, rgba(86,204,242,.10), rgba(10,89,161,.08)); color:#22303a; font-weight:900; text-align:left; }
.cs-table-wrap tr:hover td{ background:rgba(43,124,211,.03); }
.cs-table-wrap td strong{ font-weight:900; }

/* Вставленный HTML (схема/текст) */
.cs-scheme-block .cs-meta-body :is(ul,ol){ margin: .5rem 0; padding-left: 1.2rem; }
.cs-scheme-block .cs-meta-body :is(h3,h4){ margin: .75rem 0 .35rem; font-weight:900; color:#22303a; }
.cs-price-tools{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
  justify-content:space-between;
  margin:14px 0 16px;
  padding:14px;
  border:1px solid var(--cs-line);
  border-radius:18px;
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(240,247,255,.92));
  box-shadow:0 10px 28px rgba(10,89,161,.06);
}
.cs-price-search{
  position:relative;
  display:flex;
  align-items:center;
  min-width:min(100%, 420px);
  flex:1 1 320px;
}
.cs-price-search i{ position:absolute; left:14px; color:var(--cs-blue-2); }
.cs-price-search__input{
  width:100%;
  min-height:46px;
  padding:11px 14px 11px 42px;
  border:1px solid var(--cs-line);
  border-radius:14px;
  background:#fff;
  color:var(--cs-ink);
  font-size:.96rem;
  transition:border-color .2s ease, box-shadow .2s ease;
}
.cs-price-search__input:focus{ outline:none; border-color:var(--cs-blue-2); box-shadow:var(--cs-focus); }
.cs-price-filters{ display:flex; flex-wrap:wrap; gap:8px; }
.cs-price-filter{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:.6rem .85rem;
  border:1px solid var(--cs-line);
  border-radius:999px;
  background:#fff;
  color:var(--cs-graphite);
  font-weight:800;
  cursor:pointer;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;
}
.cs-price-filter:hover{ transform:translateY(-1px); box-shadow:0 8px 24px rgba(10,89,161,.08); }
.cs-price-filter.is-active{ background:linear-gradient(90deg, var(--cs-blue), var(--cs-blue-2)); color:#fff; border-color:transparent; }
.cs-price-table{
  border:1px solid var(--cs-line);
  border-radius:18px;
  background:#fff;
  box-shadow:0 16px 40px rgba(10,89,161,.08);
}
.cs-price-table h2{
  margin:0;
  padding:18px 18px 0;
  font-size:clamp(22px, 2vw, 28px);
  font-weight:900;
  color:var(--cs-graphite);
  letter-spacing:-.02em;
}
.cs-price-table > p{ margin:0; padding:0 18px 16px; color:var(--cs-muted); }
.cs-price-table table{ width:100% !important; min-width:980px; border-collapse:separate !important; border-spacing:0; }
.cs-price-table thead th,
.cs-price-table tbody tr:first-child td{
  position:sticky;
  top:0;
  z-index:1;
  background:linear-gradient(90deg, rgba(86,204,242,.14), rgba(10,89,161,.10));
  color:#22303a;
  font-weight:900;
}
.cs-price-table tbody tr:first-child td strong{ font-weight:900; }
.cs-price-table :is(th,td){
  padding:14px 14px !important;
  border-right:1px solid var(--cs-line) !important;
  border-bottom:1px solid var(--cs-line) !important;
  border-top:none !important;
  border-left:none !important;
  vertical-align:top;
  line-height:1.45;
}
.cs-price-table tr > :last-child{ border-right:none !important; }
.cs-price-table tbody tr:last-child td{ border-bottom:none !important; }
.cs-price-table tbody tr:not(:first-child){ transition:background .2s ease, opacity .2s ease; }
.cs-price-table tbody tr:not(:first-child):hover td{ background:rgba(43,124,211,.035); }
.cs-price-table tbody tr.is-hidden{ display:none; }
.cs-price-table strong{ color:#1f2a33; }
.cs-price-empty{
  display:none;
  margin-top:14px;
  padding:14px 16px;
  border-radius:14px;
  background:rgba(43,124,211,.06);
  color:var(--cs-muted);
  font-weight:700;
}
.cs-price-empty.is-visible{ display:block; }
.cs-scheme-rich{
  margin-top:16px;
  padding:18px 20px;
  border-radius:20px;
  background:
    radial-gradient(circle at top right, rgba(86,204,242,.14), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,.95), rgba(246,250,253,.96));
  border:1px solid var(--cs-line);
  box-shadow:0 14px 34px rgba(10,89,161,.06);
}
.cs-scheme-rich > *:first-child{ margin-top:0; }
.cs-scheme-rich > *:last-child{ margin-bottom:0; }
.cs-scheme-rich p{
  margin:0 0 1rem;
  color:var(--cs-ink);
  font-size:1rem;
  line-height:1.75;
}
.cs-scheme-rich strong{ color:var(--cs-graphite); font-weight:900; }
.cs-scheme-rich .expertopinion{
  position:relative;
  margin-top:1rem;
  padding:1rem 1rem 1rem 1.1rem;
  border-radius:18px;
  background:linear-gradient(135deg, rgba(10,89,161,.08), rgba(86,204,242,.08));
  border:1px solid rgba(43,124,211,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65);
}
.cs-scheme-rich .expertopinion::before{
  content:"";
  position:absolute;
  left:0;
  top:16px;
  bottom:16px;
  width:4px;
  border-radius:999px;
  background:linear-gradient(180deg, var(--cs-blue), var(--cs-blue-2));
}
.cs-scheme-rich .expertopinion strong{ display:block; margin-bottom:.35rem; font-size:1rem; }
.cs-scheme-rich :is(h3,h4){ margin:1rem 0 .5rem; color:#22303a; font-weight:900; }
.cs-scheme-rich :is(ul,ol){ margin:.75rem 0 1rem; padding-left:1.25rem; color:var(--cs-ink); }
@media (max-width: 767.98px){
  .cs-price-tools{ padding:12px; }
  .cs-price-search{ min-width:100%; }
  .cs-scheme-rich{ padding:16px; }
}
@media (max-width: 390px){
  .mvx-hero{ padding:22px 0 18px; }
  .mvx-title{ font-size:clamp(26px, 9vw, 35px); line-height:1.06; }
  .mvx-lead{ font-size:15px; max-width:none; }
  .mvx-offer__badge{ font-size:.82rem; }
  .mvx-proof{ gap:.5rem; margin:.8rem 0 1rem; }
  .mvx-proof span{
    width:100%;
    justify-content:flex-start;
    padding:.62rem .75rem;
    min-height:0;
  }
  .mvx-usps--compact{ grid-template-columns:1fr; }
  .mvx-usp{ padding:.72rem; }
  .mvx-conv{ gap:10px; }
  .mvx-stats{
    width:100%;
    border-radius:16px;
    padding:.72rem;
    gap:8px;
  }
  .mvx-stat{
    width:100%;
    justify-content:space-between;
  }
  .mvx-stat + .mvx-stat{
    padding-left:0;
    padding-top:.42rem;
    border-top:1px dashed rgba(0,0,0,.08);
  }
  .mvx-stat + .mvx-stat::before{ display:none; }
  .mvx-cta{ width:100%; gap:8px; }
  .mvx-btn{
    width:100%;
    justify-content:center;
    padding:11px 13px;
  }
  .mvx-media__img{
    min-height:280px;
    border-radius:18px;
  }
  .mvx-badge{
    left:12px;
    right:12px;
    bottom:12px;
    justify-content:center;
    text-align:center;
    font-size:.82rem;
  }
  .mvx-sidecard{
    position:static;
    margin:12px 0 0;
    min-width:0;
    max-width:none;
    width:100%;
    padding:14px;
  }
  .mvx-bubble{ display:none; }
  .mvx-bridge__shell{ padding:16px; border-radius:18px; }
  .mvx-bridge__title{ font-size:clamp(24px, 7.5vw, 31px); }
  .mvx-bridge__lead{ font-size:.96rem; }
  .mvx-bridge__points{ gap:10px; }
  .mvx-bridge__points span{ width:100%; }
  .mvx-form-head{ padding:12px 14px; }
  .mvx-form-title{ font-size:18px; }
  .mvx-form-sub{ font-size:.92rem; }
  .mvx-form-body{ padding:14px; }
  .mvx-form-meta{ padding:0 14px 12px; font-size:.84rem; }
  .cs-card{ padding:1rem; border-radius:16px; }
  .cs-head{ gap:.5rem; }
  .cs-h2{ font-size:clamp(24px, 7.5vw, 31px); }
  .cs-sub{ font-size:.95rem; }
  .cs-price-tools{ padding:10px; gap:10px; }
  .cs-price-search__input{ min-height:44px; padding-left:40px; }
  .cs-price-filter{
    width:100%;
    justify-content:center;
    min-height:40px;
  }
  .cs-price-table h2{ font-size:1.2rem; padding:14px 14px 10px; }
  .cs-price-table > p{ padding:0 14px 14px; }
  .cs-scheme-rich{ padding:14px; }
  .cs-scheme-rich .expertopinion{ padding:.9rem .9rem .9rem 1rem; }
  .cs-layout{ gap:18px; margin:18px 0 36px; }
  .cs-sidebar{ gap:12px; }
  .cs-msg-row{ flex-direction:column; }
  .cs-grid,
  .cs-steps,
  .cs-works-grid,
  .cs-t-grid,
  .mv-benefits,
  .mv-works,
  .mv-steps,
  .mv-testimonials{ gap:12px; }
  .msg-row{ grid-template-columns:1fr; }
  .cs-cityhub__featured{ gap:10px; }
  .cs-cityhub__chips,
  .cs-cityhub__grid{ gap:8px; }
  .cs-cityhub__chip,
  .cs-cityhub__link{
    width:100%;
    border-radius:14px;
    padding:11px 12px;
  }
  .cs-req__wrap{ gap:16px; }
}


/* === МЕТА-БЛОКИ: прайс / схема === */
.cs-meta-block{ position:relative; }
.cs-meta-head{ margin-bottom:12px; display:flex; flex-direction:column; gap:.35rem; }
.cs-meta-block .cs-sub{ margin:.15rem 0 0; color:var(--cs-muted); max-width: 72ch; }

.cs-meta-body{ color:var(--cs-ink); }

/* Таблица прайса: адаптивность и читабельность */
.cs-table-wrap{ overflow:auto; -webkit-overflow-scrolling:touch; border-radius:14px; }
.cs-table-wrap table{ width:100%; border-collapse:collapse; min-width:640px; }
.cs-table-wrap th, .cs-table-wrap td{ padding:12px 12px; border-bottom:1px solid var(--cs-line); vertical-align:top; }
.cs-table-wrap th{ background:linear-gradient(90deg, rgba(86,204,242,.10), rgba(10,89,161,.08)); color:#22303a; font-weight:900; text-align:left; }
.cs-table-wrap tr:hover td{ background:rgba(43,124,211,.03); }
.cs-table-wrap td strong{ font-weight:900; }

/* Вставленный HTML (схема/текст) */
.cs-scheme-block .cs-meta-body :is(ul,ol){ margin: .5rem 0; padding-left: 1.2rem; }
.cs-scheme-block .cs-meta-body :is(h3,h4){ margin: .75rem 0 .35rem; font-weight:900; color:#22303a; }
 

  .cs-layout{ display:grid; grid-template-columns: minmax(0,1fr) 360px; gap:24px; margin:24px 0 48px; align-items:start; }
  @media (max-width: 1199.98px){ .cs-layout{ grid-template-columns:1fr; } }

  .cs-content{ min-width:0; }
  .cs-article p, .cs-article li{ color:var(--cs-ink); }
  .cs-sidebar{ display:grid; gap:16px; align-self:start; }
  @media (min-width: 1200px){ .cs-sidebar{ position:sticky; top:18px; } }

  .cs-card{ background:var(--cs-card); border:1px solid var(--cs-line); border-radius:20px; padding:1.25rem; box-shadow: var(--cs-shadow); position:relative; overflow:hidden; }
  .cs-card::after{ content:""; position:absolute; inset:auto -30% -30% auto; width:220px; height:220px; background: radial-gradient( circle at 70% 30%, rgba(43,124,211,.10), transparent 60% ); pointer-events:none; }
  .cs-card__title{ margin:0 0 .75rem; font-size:1.15rem; font-weight:900; color:var(--cs-graphite); letter-spacing:-.01em; }
  .cs-card--lead{
    background:
      radial-gradient(circle at top left, rgba(86,204,242,.16), transparent 34%),
      linear-gradient(180deg, #ffffff, #f7fbff);
    border-color:rgba(43,124,211,.2);
  }
  .cs-card--messengers{
    background:
      linear-gradient(180deg, rgba(234,246,255,.92), rgba(255,255,255,.98));
  }
  .cs-card--trust{
    background:
      linear-gradient(180deg, rgba(248,252,255,.95), #ffffff);
  }
  .cs-card--price{
    background:
      radial-gradient(circle at top right, rgba(86,204,242,.16), transparent 34%),
      linear-gradient(180deg, #ffffff, #f8fbff);
  }

  /* Ховер-глянец карточек */
  .cs-card:hover{ box-shadow:0 18px 52px rgba(10,89,161,.14), 0 6px 22px rgba(43,124,211,.10); }

  /* CF7 внутри карточек */
  .cs-form-wrap .wpcf7 form .wpcf7-form-control{ width:100%; border:1px solid var(--cs-line); border-radius:12px; padding:12px 12px; font-size:14px; background:#fff; transition: box-shadow .2s, border-color .2s; }
  .cs-form-wrap .wpcf7 form .wpcf7-form-control:focus{ outline:none; border-color: var(--cs-blue-2); box-shadow: var(--cs-focus); }
  .cs-form-wrap .wpcf7 form input[type="submit"],
  .cs-form-wrap .wpcf7 form button[type="submit"]{ border:none; background: linear-gradient(90deg, var(--cs-blue), var(--cs-blue-2)); color:#fff; font-weight:900; padding:12px 14px; border-radius:12px; cursor:pointer; transition: transform .08s ease, filter .2s ease; }
  .cs-form-wrap .wpcf7 form input[type="submit"]:hover{ filter:brightness(.96); }
  .cs-form-wrap .wpcf7 form input[type="submit"]:active{ transform: translateY(1px); }
  .cs-form-note{ margin:.65rem 0 0; font-size:.9rem; color:var(--cs-muted); }

  /* Соцкнопки */
  .cs-msg-row{ display:flex; gap:.5rem; }
  @media (max-width: 575.98px){ .cs-msg-row{ flex-direction:column; } }
  .cs-btn-chat{ display:inline-flex; align-items:center; gap:.5rem; padding:.6rem .9rem; border-radius:12px; text-decoration:none; font-weight:900; border:1px solid var(--cs-line); transition: transform .08s ease, box-shadow .2s ease; }
  .cs-btn-chat:hover{ transform: translateY(-1px); box-shadow: var(--cs-shadow); }
  .cs-btn--wh{ background:linear-gradient(180deg, #E9FFF6, #DAFFF1); color:#0a5443; }
  .cs-btn--tg{ background:linear-gradient(180deg, #E9F2FF, #DAE8FF); color:#0e2d64; }

  .cs-link{ color:var(--cs-blue-2); text-decoration:none; border-bottom:2px solid rgba(86,204,242,.65); font-weight:800; }
  .visit-card{
    background:
      radial-gradient(circle at top right, rgba(86,204,242,.14), transparent 36%),
      linear-gradient(180deg, #ffffff, #f7fbff);
  }
  .visit-card__btn{ box-shadow:0 12px 30px rgba(10,89,161,.18); }

  /* Почему мы */
  .cs-trust{ list-style:none; padding:0; margin:0 0 .9rem; display:grid; gap:.5rem; }
  .cs-trust li{ position:relative; padding-left:22px; color:var(--cs-ink); }
  .cs-trust li::before{ content:""; position:absolute; left:0; top:.5rem; width:12px; height:12px; border-radius:3px; background:linear-gradient(135deg, var(--cs-blue), var(--cs-blue-2)); box-shadow:0 2px 6px rgba(43,124,211,.35); }

  /* Кнопки */
  .cs-btn{ display:inline-flex; align-items:center; gap:.5rem; text-decoration:none; font-weight:900; border-radius:12px; padding:.72rem 1rem; border:1px solid var(--cs-line); }
  .cs-btn--primary{ background: linear-gradient(90deg, var(--cs-blue), var(--cs-blue-2)); color:#fff; border-color: transparent; }
  .cs-btn--ghost{ background:#fff; color:var(--cs-graphite); }
  .cs-btn--full{ width:100%; justify-content:center; }

  .cs-ps, .cs-note{ color:var(--cs-muted); font-size:.9rem; }

  /* Плавное появление карточек в зоне видимости */
  [data-animate]{ opacity:0; transform: translateY(10px); }
  .is-inview{ opacity:1 !important; transform: translateY(0) !important; transition: opacity .45s ease, transform .45s ease; }

:root{
    --mint:#A8E6CF; --blue:#56CCF2; --dark:#2F2F2F; --white:#fff; --border:#E6EEF4; --focus:#95DBFF;
  }

  /* Контейнер формы */
.mv-request__form {
  max-width: 600px;
  margin: 0 auto;
  padding: 32px;
  background-color: #f4f7fb;
  border-radius: 16px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.05);
  font-family: 'Segoe UI', sans-serif;
}

/* Общая форма */
.mv-request__form .wpcf7-form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* Метки */
.mv-request__form label {
  font-weight: 500;
  font-size: 15px;
  color: #333;
  display: flex;
  flex-direction: column;
}

/* Поля ввода */
.mv-request__form input[type="text"],
.mv-request__form input[type="email"],
.mv-request__form textarea {
  padding: 12px 14px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 16px;
  resize: vertical;
  transition: border 0.3s ease;
  font-family: inherit;
  width: 100%;
  box-sizing: border-box;
}

.mv-request__form input:focus,
.mv-request__form textarea:focus {
  border-color: #007acc;
  outline: none;
}

/* Кнопка отправки */
.mv-request__form input[type="submit"] {
  background-color: #007acc;
  color: #fff;
  padding: 12px;
  font-size: 16px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.mv-request__form input[type="submit"]:hover:not([disabled]) {
  background-color: #005fa3;
}

.mv-request__form input[type="submit"]:disabled {
  background-color: #ccc;
  cursor: not-allowed;
}

/* Чекбокс */
.mv-request__form .licence_block {
  display: flex;
  align-items: flex-start;
  font-size: 14px;
  color: #333;
}

.mv-request__form .form-checkbox__input {
  margin-right: 8px;
  transform: scale(1.2);
  cursor: pointer;
}

.mv-request__form .form-checkbox__text {
  line-height: 1.5;
}

.mv-request__form .form-checkbox__text a {
  color: #007acc;
  text-decoration: underline;
}

.mv-request__form .form-checkbox__text a:hover {
  text-decoration: none;
}

/* Сообщение от формы (ошибки или успех) */
.mv-request__form .wpcf7-response-output {
  margin-top: 12px;
  font-size: 14px;
  color: #d9534f; /* красный по умолчанию для ошибок */
}

/* Скрытые поля */
.hidden-fields-container {
  display: none;
}
  .mv-sidebar{ display:flex; flex-direction:column; gap:16px; }
  .mv-card{ background:#fff; border:1px solid var(--border); border-radius:16px; padding:16px; box-shadow:0 8px 24px rgba(14,92,114,.06); }
  .mv-card__title{ margin:0 0 .5rem; font-size:1.05rem; font-weight:800; color:var(--dark); display:flex; align-items:center; gap:.5rem; }
  .mv-form{ display:flex; flex-direction:column; gap:10px; }
  .mv-field{ display:flex; flex-direction:column; gap:6px; }
  .mv-field span{ font-weight:700; font-size:.9rem; color:var(--dark); }
  .mv-field input, .mv-field textarea{ border:1px solid #DDEFF0; border-radius:10px; padding:.6rem .75rem; outline:none; font-size:.95rem; }
  .mv-field input:focus, .mv-field textarea:focus{ border-color:var(--blue); box-shadow:0 0 0 3px rgba(149,219,255,.35); }
  .mv-ps{ margin:.25rem 0 0; font-size:.8rem; color:#5b6; }
  .mv-note{ margin:.25rem 0 .75rem; color:#445; font-size:.92rem; }

  .btn-mint, .btn-blue, .btn-ghost{ display:inline-flex; align-items:center; justify-content:center; gap:.5rem; padding:.65rem .9rem; border-radius:10px; font-weight:800; border:1px solid transparent; cursor:pointer; text-decoration:none; }
  .btn-mint{ background:linear-gradient(180deg,var(--blue),#3DBBEA); color:#0b2230; }
  .btn-mint:hover{ filter:brightness(1.05); }
  .btn-blue{ background:#fff; border-color:var(--blue); color:#0b2230; background-image:linear-gradient(180deg,#ECF9FF,#fff); }
  .btn-blue:hover{ box-shadow:0 0 0 3px rgba(149,219,255,.35) inset; }
  .btn-ghost{ background:#F5FFFA; border-color:rgba(168,230,207,.7); color:#0b2230; }
  .btn-ghost:hover{ background:#EFFFF7; }
  .w-100{ width:100%; }

  /* Messengers */
  .msg-row{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:.25rem; }
  .btn-chat{ border-radius:10px; padding:.6rem .75rem; font-weight:800; border:1px solid var(--border); background:#fff; display:inline-flex; align-items:center; justify-content:center; gap:.5rem; text-decoration:none; color:#0b2230; box-shadow:0 6px 18px rgba(0,0,0,.05); }
  .btn-chat.wa{ background:linear-gradient(180deg,#EAFBF3,#fff); border-color:rgba(168,230,207,.65); }
  .btn-chat.tg{ background:linear-gradient(180deg,#ECF9FF,#fff); border-color:rgba(86,204,242,.55); }
  .btn-chat:hover{ filter:brightness(1.03); }
  .msg-more{ margin-top:.5rem; display:flex; justify-content:center; }
  .lnk-quiet{ color:#415; text-decoration:none; display:inline-flex; align-items:center; gap:.35rem; font-size:.92rem; }

  /* Trust */
  .trust-list{ list-style:none; padding:0; margin:0 0 .75rem; display:flex; flex-direction:column; gap:.4rem; }
  .trust-list li{ display:flex; align-items:center; gap:.5rem; }
  .b-ic{ width:28px; height:28px; border-radius:8px; background:var(--mint); display:inline-flex; align-items:center; justify-content:center; }

  /* Download */
  .dl-card .mv-ps{ color:#667; }

  /* Modal */
  .mv-modal__head{ margin-bottom:.5rem; }
  .mv-modal__title{ font-size:1.15rem; font-weight:900; color:var(--dark); }
  .mv-modal__subtitle{ color:#445; font-size:.95rem; }

  /* Responsive tweaks inside sidebar width */
  @media (max-width: 991.98px){
    /* If sidebar shown on mobile later */
    .mv-card{ padding:14px; }
  }

:root{ --mint:#A8E6CF; --blue:#56CCF2; --dark:#2F2F2F; --white:#fff; --border:#E6EEF4; }
  .mv-section{ padding:48px 0; }
  .mv-title{ display:flex; align-items:center; gap:.75rem; margin:0 0 22px; font-weight:900; font-size:1.6rem; color:#18323b; }
  .mv-title .dot{ width:12px; height:12px; border-radius:50%; background:var(--blue); box-shadow:0 0 0 6px rgba(86,204,242,.2); }

  /* ===== Преимущества ===== */
  .mv-benefits{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
  @media (max-width: 991.98px){ .mv-benefits{ grid-template-columns:1fr; } }
  .mv-benefit{
    background:var(--white); border:1px solid rgba(168,230,207,.35); border-radius:16px; padding:18px; display:flex; gap:14px; align-items:flex-start;
    box-shadow:0 10px 24px rgba(0,0,0,.06); transition:transform .2s ease, box-shadow .2s ease;
  }
  .mv-benefit:hover{ transform:translateY(-3px); box-shadow:0 18px 40px rgba(14,90,114,.12); }
  .mv-benefit .ic{ width:48px; height:48px; border-radius:12px; display:inline-flex; align-items:center; justify-content:center; background:linear-gradient(180deg,var(--mint),#90DFBF); color:#0b2230; font-size:22px; flex:0 0 48px; }
  .mv-benefit h3{ margin:0 0 6px; font-size:1.05rem; font-weight:800; color:#17333c; }
  .mv-benefit p{ margin:0; color:#2F2F2F; }

  /* ===== Примеры работ ===== */
  .mv-works{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
  @media (max-width: 1199.98px){ .mv-works{ grid-template-columns:repeat(3,1fr);} }
  @media (max-width: 991.98px){ .mv-works{ grid-template-columns:repeat(2,1fr);} }
  @media (max-width: 575.98px){ .mv-works{ grid-template-columns:1fr;} }
  .mv-work{ position:relative; border-radius:16px; overflow:hidden; background:#eef6f9; border:1px solid var(--border); box-shadow:0 8px 24px rgba(0,0,0,.04); }
  .mv-work img{ display:block; width:100%; height:220px; object-fit:cover; transition:transform .35s ease; }
  .mv-work:hover img{ transform:scale(1.05); }
  .mv-work .cap{ position:absolute; left:12px; right:12px; bottom:12px; background:rgba(0,0,0,.55); color:#fff; padding:10px 12px; border-radius:12px; font-weight:700; }
  .mv-work .cap small{ display:block; opacity:.85; font-weight:500; }

  /* ===== Схема работы ===== */
  .mv-steps{ position:relative; display:grid; grid-template-columns:repeat(3,1fr); gap:18px; counter-reset:step; }
  @media (max-width: 991.98px){ .mv-steps{ grid-template-columns:1fr; } }
  .mv-step{ background:var(--white); border:1px solid rgba(86,204,242,.3); border-radius:16px; padding:18px; box-shadow:0 10px 24px rgba(0,0,0,.06); position:relative; }
  .mv-step::before{ counter-increment:step; content:counter(step); position:absolute; top:-12px; left:-12px; width:38px; height:38px; display:grid; place-items:center; border-radius:50%; background:linear-gradient(180deg,var(--blue),#3DBBEA); color:#0b2230; font-weight:900; box-shadow:0 6px 16px rgba(61,187,234,.35); }
  .mv-step h3{ margin:0 0 6px; font-size:1.05rem; font-weight:800; color:#17333c; display:flex; align-items:center; gap:.5rem; }
  .mv-step p{ margin:0; }

  /* connector only on desktop */
  @media (min-width: 992px){
    .mv-steps .mv-step{ overflow:visible; }
    .mv-steps .mv-step:not(:nth-child(3n))::after{ content:""; position:absolute; top:28px; right:-9px; width:18px; height:18px; border-radius:50%; background:var(--mint); box-shadow:0 0 0 6px rgba(168,230,207,.25); }
  }

  /* ===== Отзывы ===== */
  .mv-testimonials{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
  @media (max-width: 991.98px){ .mv-testimonials{ grid-template-columns:1fr; } }
  .mv-tcard{ background:var(--white); border:1px solid var(--border); border-left:4px solid var(--mint); border-radius:16px; padding:18px; box-shadow:0 10px 24px rgba(0,0,0,.06); position:relative; }
  .mv-tcard .quote{ position:absolute; right:14px; top:14px; width:28px; height:28px; border-radius:8px; display:inline-flex; align-items:center; justify-content:center; background:rgba(86,204,242,.15); }
  .mv-tcard .name{ margin-top:10px; font-weight:800; }
  .mv-stars{ display:inline-flex; gap:2px; font-size:16px; color:#F59E0B; }

  /* Buttons more/filters (optional) */
  .mv-actions{ margin-top:14px; display:flex; gap:10px; flex-wrap:wrap; }
  .btn-outline{ padding:.55rem .85rem; border-radius:12px; border:1px solid var(--blue); color:#0b2230; background:#fff; text-decoration:none; font-weight:800; }
  .btn-outline:hover{ background:#ECF9FF; }

/* Палитра — как в логотипе: тёмно-синий + ярко-синий + голубой */
  :root{
    --cs-blue:#0A59A1;      /* основной фирменный */
    --cs-blue-2:#2B7CD3;    /* градиент/акцент */
    --cs-cyan:#56CCF2;      /* вспомогательный акцент */
    --cs-graphite:#2B3137;  /* заголовки */
    --cs-ink:#0f2532;       /* текст */
    --cs-muted:#66707A;     /* вторичный */
    --cs-card:#FFFFFF;      /* карточки */
    --cs-line:#E6EEF5;      /* бордеры */
    --cs-shadow:0 14px 36px rgba(10,89,161,.10), 0 4px 16px rgba(43,124,211,.06);
    --cs-soft:rgba(43,124,211,.12);
  }

  .cs-benefits{ padding: clamp(28px,5vw,56px) 0; position:relative; background:linear-gradient(180deg,#F7FBFF,#F2F7FD); overflow:hidden; }
  .cs-benefits::before{ content:""; position:absolute; left:-8%; top:-10%; width:420px; height:420px; border-radius:50%; background: radial-gradient(circle at 30% 30%, rgba(86,204,242,.25), transparent 60%); filter: blur(2px); }
  .cs-benefits::after{ content:""; position:absolute; right:-6%; bottom:-12%; width:520px; height:520px; border-radius:50%; background: radial-gradient(circle at 70% 60%, rgba(10,89,161,.18), transparent 65%); }

  .cs-head{ display:flex; align-items:baseline; gap:.75rem; margin-bottom:1.1rem; }
  .cs-kicker{ display:inline-flex; gap:.4rem; align-items:center; padding:.35rem .6rem; border:1px solid var(--cs-line); border-radius:999px; background:#fff; color:var(--cs-blue); font-weight:900; box-shadow: var(--cs-shadow); }
  .cs-h2{ margin:0; font-size: clamp(22px,2.3vw,30px); font-weight:900; color:var(--cs-graphite); letter-spacing:-.01em; }

  .cs-grid{ display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:16px; }
  @media (max-width: 991.98px){ .cs-grid{ grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 575.98px){ .cs-grid{ grid-template-columns: 1fr; } }

  .cs-b-card{ position:relative; background: var(--cs-card); border:1px solid var(--cs-line); border-radius:16px; padding:1rem; box-shadow: var(--cs-shadow); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; overflow:hidden; }
  .cs-b-card:hover{ transform: translateY(-2px); box-shadow:0 18px 52px rgba(10,89,161,.14), 0 6px 22px rgba(43,124,211,.10); border-color: rgba(43,124,211,.35); }
  .cs-b-card::after{ content:""; position:absolute; inset:auto -28% -28% auto; width:220px; height:220px; background: radial-gradient(circle at 70% 30%, var(--cs-soft), transparent 60%); pointer-events:none; }

  .cs-ico{ width:44px; height:44px; display:grid; place-items:center; border-radius:12px; background: linear-gradient(135deg, var(--cs-blue), var(--cs-blue-2)); color:#fff; box-shadow:0 8px 24px rgba(10,89,161,.25); }
  .cs-b-card h3{ margin:.55rem 0 .25rem; font-size:1.02rem; font-weight:900; color:var(--cs-graphite); }
  .cs-b-card p{ margin:0; color:var(--cs-ink); font-size:.98rem; }

  /* Плавное появление карточек */
  [data-animate]{ opacity:0; transform: translateY(10px); }
  .is-inview{ opacity:1 !important; transform: translateY(0) !important; transition: opacity .45s ease, transform .45s ease; }

:root{
    --cs-blue:#0A59A1;      /* основной */
    --cs-blue-2:#2B7CD3;    /* акцент */
    --cs-cyan:#56CCF2;      /* вспомогательный */
    --cs-ink:#0f2532;       /* текст */
    --cs-muted:#66707A;     /* вторичный */
    --cs-line:#E6EEF5;      /* бордеры */
    --cs-card:#FFFFFF;      /* карточки */
    --cs-shadow:0 12px 30px rgba(10,89,161,.12), 0 4px 14px rgba(43,124,211,.08);
    --cs-focus:0 0 0 3px rgba(43,124,211,.18);
  }

  .cs-process{ padding: clamp(28px,5vw,56px) 0; background:linear-gradient(180deg,#F7FBFF,#F2F7FD); position:relative; overflow:hidden; }
  .cs-ribbon{ display:flex; gap:.5rem; flex-wrap:wrap; margin-bottom:12px; }
  .cs-chip{ display:inline-flex; gap:.35rem; align-items:center; padding:.35rem .6rem; border:1px solid var(--cs-line); border-radius:999px; background:#fff; color:var(--cs-blue); font-weight:900; box-shadow: var(--cs-shadow); }

  .cs-head{ margin-bottom:12px; }
  .cs-kicker{ display:inline-flex; gap:.4rem; align-items:center; padding:.35rem .6rem; border:1px solid var(--cs-line); border-radius:999px; background:#fff; color:var(--cs-blue); font-weight:900; box-shadow: var(--cs-shadow); }
  .cs-h2{ margin:.5rem 0 0; font-size: clamp(22px,2.3vw,30px); font-weight:900; color:#22303a; letter-spacing:-.01em; }
  .cs-sub{ margin:.3rem 0 0; color:var(--cs-muted); max-width: 68ch; }

  .cs-steps{ display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:14px; counter-reset: s; }
  @media (max-width: 991.98px){ .cs-steps{ grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 575.98px){ .cs-steps{ grid-template-columns: 1fr; } }

  .cs-step{ position:relative; background:var(--cs-card); border:1px solid var(--cs-line); border-radius:16px; padding:1rem; box-shadow: var(--cs-shadow); }
  .cs-step__num{ counter-increment:s; content:counter(s); }
  .cs-step__num::before{ content: counter(s); position:absolute; right:12px; top:10px; width:28px; height:28px; border-radius:8px; display:grid; place-items:center; font-weight:900; color:#fff; background:linear-gradient(135deg, var(--cs-blue), var(--cs-blue-2)); }
  .cs-step__head{ display:flex; align-items:center; gap:.5rem; }
  .cs-step__head i{ color:var(--cs-blue-2); }
  .cs-step h3{ margin:.1rem 0 .25rem; font-size:1.02rem; font-weight:900; color:#22303a; }
  .cs-step p{ margin:0; color:var(--cs-ink); }
  .cs-bullets{ margin:.5rem 0 0; padding-left:1.1rem; color:var(--cs-muted); font-size:.95rem; }

  /* CTA-панель */
  .cs-cta{ margin-top:14px; border:1px solid var(--cs-line); border-radius:16px; padding:.85rem; background: radial-gradient(120% 100% at 0% 0%, rgba(86,204,242,.12), transparent 40%), #fff; display:flex; align-items:center; justify-content:space-between; gap:12px; box-shadow: var(--cs-shadow); flex-wrap:wrap; }
  .cs-cta__text strong{ display:block; font-weight:900; color:#22303a; }
  .cs-cta__text span{ color:var(--cs-muted); }
  .cs-cta__actions{ display:flex; gap:.5rem; flex-wrap:wrap; }

  .cs-btn{ display:inline-flex; align-items:center; gap:.5rem; border-radius:12px; padding:.65rem 1rem; font-weight:900; text-decoration:none; }
  .cs-btn--primary{ background: linear-gradient(90deg, var(--cs-blue), var(--cs-blue-2)); color:#fff; border:0; box-shadow:0 10px 24px rgba(10,89,161,.2); }
  .cs-btn--primary:hover{ filter:brightness(.95); }
  .cs-btn--ghost{ background:#fff; color:#22303a; border:1px solid var(--cs-line); }

  /* Встроенная форма (если шорткод есть) */
  .cs-inline-form{ margin-top:10px; }
  .cs-inline-form .wpcf7 form .wpcf7-form-control{ width:100%; border:1px solid var(--cs-line); border-radius:12px; padding:12px; font-size:14px; background:#fff; transition: box-shadow .2s, border-color .2s; }
  .cs-inline-form .wpcf7 form .wpcf7-form-control:focus{ outline:none; border-color: var(--cs-blue-2); box-shadow: var(--cs-focus); }
  .cs-inline-form .wpcf7 form input[type="submit"],
  .cs-inline-form .wpcf7 form button[type="submit"]{ border:none; background: linear-gradient(90deg, var(--cs-blue), var(--cs-blue-2)); color:#fff; font-weight:900; padding:12px 14px; border-radius:12px; cursor:pointer; }

  /* Плавное появление */
  [data-animate]{ opacity:0; transform: translateY(10px); }
  .is-inview{ opacity:1 !important; transform: translateY(0) !important; transition: opacity .45s ease, transform .45s ease; }
  .cs-process {
  background: #F7FBFF;
  padding: 56px 0;
}
.cs-process .cs-wrapper {
  background: #fff;
  border: 1px solid #E6EEF5;
  border-radius: 20px;
  padding: 32px;
  box-shadow: 0 20px 50px rgba(10,89,161,.06);
}
.cs-process {
  background: linear-gradient(180deg, #7dc1ff, #F6FBFF);
  
  padding: 56px 0;
}

.cs-cityhub{
    padding:clamp(28px,5vw,56px) 0;
    background:
      radial-gradient(circle at 0% 0%, rgba(86,204,242,.18), transparent 32%),
      radial-gradient(circle at 100% 100%, rgba(10,89,161,.14), transparent 30%),
      linear-gradient(180deg, #F5FAFF 0%, #FFFFFF 100%);
  }
  .cs-head--stack{
    display:block;
    margin-bottom:18px;
  }
  .cs-head--stack .cs-h2{
    margin-top:.75rem;
  }
  .cs-cityhub__panel{
    position:relative;
    overflow:hidden;
    border:1px solid #E4EEF7;
    border-radius:24px;
    padding:clamp(20px,4vw,32px);
    background:rgba(255,255,255,.92);
    box-shadow:0 20px 50px rgba(10,89,161,.08);
  }
  .cs-cityhub__panel::before{
    content:"";
    position:absolute;
    inset:-1px auto auto -1px;
    width:220px;
    height:220px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(86,204,242,.22), transparent 68%);
    pointer-events:none;
  }
  .cs-cityhub__featured{
    display:flex;
    align-items:flex-start;
    gap:14px;
    margin-bottom:18px;
    padding:16px 18px;
    border:1px solid #E6EEF5;
    border-radius:18px;
    background:linear-gradient(135deg, rgba(255,255,255,.98), rgba(242,248,255,.96));
  }
  .cs-cityhub__label{
    flex:0 0 auto;
    font-weight:900;
    color:#214059;
    white-space:nowrap;
  }
  .cs-cityhub__chips,
  .cs-cityhub__grid{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
  }
  .cs-cityhub__chip,
  .cs-cityhub__link{
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:44px;
    padding:10px 14px;
    border-radius:14px;
    border:1px solid #DCEAF6;
    background:#fff;
    color:#163244;
    font-weight:700;
    text-decoration:none;
    box-shadow:0 8px 20px rgba(10,89,161,.05);
    transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease, color .2s ease;
  }
  .cs-cityhub__chip:hover,
  .cs-cityhub__link:hover{
    transform:translateY(-2px);
    border-color:#8EC8F0;
    box-shadow:0 14px 26px rgba(10,89,161,.1);
    color:#0A59A1;
  }
  .cs-cityhub__link i{
    color:#2B7CD3;
    font-size:.95rem;
  }
  @media (max-width: 767.98px){
    .cs-cityhub__featured{
      flex-direction:column;
    }
    .cs-cityhub__label{
      white-space:normal;
    }
    .cs-cityhub__chip,
    .cs-cityhub__link{
      width:100%;
      justify-content:space-between;
    }
  }

:root{
    --cs-blue:#0A59A1;      /* основной */
    --cs-blue-2:#2B7CD3;    /* акцент */
    --cs-cyan:#56CCF2;      /* вспомогательный */
    --cs-ink:#0f2532;       /* текст */
    --cs-muted:#66707A;     /* вторичный */
    --cs-line:#E6EEF5;      /* бордеры */
    --cs-card:#FFFFFF;      /* карточки */
    --cs-shadow:0 12px 30px rgba(10,89,161,.08), 0 4px 14px rgba(43,124,211,.06);
  }

  /* Секция на белом фоне */
  .cs-testimonials{ background:#fff; padding: clamp(28px,5vw,56px) 0; }

  .cs-head{ margin-bottom:12px; }
  .cs-kicker{ display:inline-flex; gap:.4rem; align-items:center; padding:.35rem .6rem; border:1px solid var(--cs-line); border-radius:999px; background:#fff; color:var(--cs-blue); font-weight:900; box-shadow: var(--cs-shadow); }
  .cs-h2{ margin:.5rem 0 0; font-size: clamp(22px,2.3vw,30px); font-weight:900; color:#22303a; letter-spacing:-.01em; }

  .cs-t-grid{ display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:14px; }
  @media (max-width: 991.98px){ .cs-t-grid{ grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 575.98px){ .cs-t-grid{ grid-template-columns: 1fr; } }

  .cs-t-card{ background:var(--cs-card); border:1px solid var(--cs-line); border-radius:16px; padding:1rem; box-shadow: var(--cs-shadow); position:relative; overflow:hidden; }
  .cs-t-card blockquote{ margin:.5rem 0 .6rem; color:var(--cs-ink); font-style:italic; }
  .cs-t-card footer{ color:var(--cs-muted); font-weight:800; display:flex; align-items:center; gap:.4rem; }

  .cs-t-top{ display:flex; align-items:center; gap:.6rem; }
  .cs-avatar{ width:40px; height:40px; border-radius:50%; display:grid; place-items:center; background: linear-gradient(135deg, var(--cs-blue), var(--cs-blue-2)); color:#fff; box-shadow:0 8px 24px rgba(10,89,161,.25); }
  .cs-name{ color:#22303a; }

  .cs-stars{ display:flex; gap:2px; color:#FFC857; }

  .cs-actions{ margin-top:1rem; }
  .cs-btn{ display:inline-flex; align-items:center; gap:.5rem; border-radius:12px; padding:.6rem 1rem; font-weight:900; text-decoration:none; }
  .cs-btn--outline{ border:1px solid var(--cs-line); background:linear-gradient(180deg, #fff, #F7FAFF); color:var(--cs-ink); }

  /* Плавное появление */
  [data-animate]{ opacity:0; transform: translateY(10px); }
  .is-inview{ opacity:1 !important; transform: translateY(0) !important; transition: opacity .45s ease, transform .45s ease; }

:root{
    --cs-blue:#0A59A1;      /* основной фирменный */
    --cs-blue-2:#2B7CD3;    /* акцент/градиент */
    --cs-cyan:#56CCF2;      /* вспомогательный */
    --cs-ink:#0f2532;       /* текст */
    --cs-muted:#66707A;     /* вторичный */
    --cs-line:#E6EEF5;      /* бордеры */
    --cs-card:#FFFFFF;      /* карточки */
    --cs-shadow:0 14px 36px rgba(10,89,161,.10), 0 4px 16px rgba(43,124,211,.06);
    --cs-focus:0 0 0 3px rgba(43,124,211,.18);
  }

  /* Белый фон секции */
  .cs-request{ background:#fff; padding: clamp(28px,5vw,56px) 0; }

  .cs-req__wrap{ display:grid; grid-template-columns: 1.05fr 1fr; gap:clamp(18px,3.5vw,40px); align-items:start; }
  @media (max-width: 991.98px){ .cs-req__wrap{ grid-template-columns:1fr; } }

  .cs-req__head{ margin-bottom:.6rem; }
  .cs-kicker{ display:inline-flex; align-items:center; gap:.4rem; padding:.35rem .6rem; border:1px solid var(--cs-line); border-radius:999px; background:#fff; color:var(--cs-blue); font-weight:900; box-shadow: var(--cs-shadow); }
  .cs-h2{ margin:.5rem 0 0; font-size: clamp(24px,2.4vw,32px); font-weight:900; color:#22303a; letter-spacing:-.01em; display:flex; align-items:center; gap:.5rem; }
  .cs-dot{ width:10px; height:10px; border-radius:3px; background: linear-gradient(135deg, var(--cs-blue), var(--cs-blue-2)); display:inline-block; }
  .cs-lead{ margin:.35rem 0 0; color:var(--cs-muted); max-width: 68ch; }

  .cs-contacts{ list-style:none; margin: .8rem 0 0; padding:0; display:grid; gap:.4rem; color:var(--cs-ink); }
  .cs-contacts i{ color:var(--cs-blue-2); margin-right:.45rem; }
  .cs-contacts a{ color:var(--cs-blue-2); text-decoration:none; font-weight:800; }

  .cs-chips{ display:flex; gap:.5rem; flex-wrap:wrap; margin-top:.8rem; }
  .cs-chip{ display:inline-flex; gap:.35rem; align-items:center; padding:.35rem .6rem; border:1px solid var(--cs-line); border-radius:999px; background:#fff; color:var(--cs-blue); font-weight:900; box-shadow: var(--cs-shadow); }

  /* Карточка формы */
  .cs-form-card{ background: var(--cs-card); border:1px solid var(--cs-line); border-radius:16px; overflow:hidden; box-shadow: var(--cs-shadow); }
  .cs-form-head{ padding: 14px 16px; background: linear-gradient(90deg, rgba(86,204,242,.12), rgba(10,89,161,.10)); border-bottom:1px solid var(--cs-line); }
  .cs-form-title{ margin:0; font-size: 20px; font-weight:900; color:#22303a; }
  .cs-form-sub{ margin:.25rem 0 0; color:var(--cs-muted); }
  .cs-form-body{ padding: 16px; }
  .cs-form-foot{ display:flex; align-items:center; gap:.45rem; padding: 0 16px 14px; color:var(--cs-muted); font-size:.9rem; border-top:1px dashed var(--cs-line); }
  .cs-form-foot i{ color:var(--cs-blue-2); }

  /* Гармонизация CF7 */
  .cs-form-body .wpcf7 form{ display:grid; gap:10px; }
  .cs-form-body .wpcf7 form label{ color:#22303a; font-weight:700; font-size:.95rem; }
  .cs-form-body .wpcf7-form-control{ width:100%; border:1px solid var(--cs-line); border-radius:12px; padding:12px 12px; font-size:14px; background:#fff; transition: box-shadow .2s, border-color .2s; }
  .cs-form-body .wpcf7-form-control:focus{ outline:none; border-color: var(--cs-blue-2); box-shadow: var(--cs-focus); }
  .cs-form-body input[type="submit"],
  .cs-form-body button[type="submit"]{ border:none; background: linear-gradient(90deg, var(--cs-blue), var(--cs-blue-2)); color:#fff; font-weight:900; padding:12px 14px; border-radius:12px; cursor:pointer; transition: transform .08s ease, filter .2s ease; }
  .cs-form-body input[type="submit"]:hover{ filter:brightness(.96); }
  .cs-form-body input[type="submit"]:active{ transform: translateY(1px); }
  .cs-form-body .wpcf7-list-item-label a{ color:var(--cs-blue-2); text-decoration:underline; }
  .cs-form-body .wpcf7-not-valid-tip{ color:#b91c1c; font-size:12px; margin-top:4px; }
  .cs-form-body .wpcf7-response-output{ margin-top:10px; border:1px solid var(--cs-line); border-radius:12px; padding:10px; }

  /* Плавное появление */
  [data-animate]{ opacity:0; transform: translateY(10px); }
  .is-inview{ opacity:1 !important; transform: translateY(0) !important; transition: opacity .45s ease, transform .45s ease; }

:root{
--cs-blue:#0A59A1; /* основной фирменный */
--cs-blue-2:#2B7CD3; /* акцент/градиент */
--cs-cyan:#56CCF2; /* вспомогательный */
--cs-ink:#0f2532; /* текст */
--cs-muted:#66707A; /* вторичный */
--cs-line:#E6EEF5; /* бордеры */
--cs-card:#FFFFFF; /* карточки */
--cs-shadow:0 14px 36px rgba(10,89,161,.10), 0 4px 16px rgba(43,124,211,.06);
--cs-focus:0 0 0 3px rgba(43,124,211,.18);
}


/* Белый фон секции */
.cs-request{ position:relative; background:#fff; padding: clamp(28px,5vw,56px) 0; overflow:hidden; }
/* Полупрозрачный тематический фон «вентиляция» */
.cs-request::before{ /* перфорированная сетка/каналы */
content:""; position:absolute; inset:0; pointer-events:none; z-index:0;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'><path d='M0 40 V0 H40' fill='none' stroke='%230A59A1' stroke-opacity='.06'/><circle cx='20' cy='20' r='1' fill='%2356CCF2' fill-opacity='.18'/></svg>");
background-size:40px 40px; background-position:0 0; opacity:.75; mix-blend-mode:normal;
}
.cs-request::after{ /* «потоки воздуха» волнами */
content:""; position:absolute; left:-10%; right:-10%; top:-20%; height:200%; pointer-events:none; z-index:0;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1200' height='600' viewBox='0 0 1200 600'><g fill='none' stroke='%230A59A1' stroke-opacity='.08' stroke-width='2'><path d='M0 150 Q150 100 300 150 T600 150 T900 150 T1200 150'/><path d='M0 300 Q150 250 300 300 T600 300 T900 300 T1200 300'/><path d='M0 450 Q150 400 300 450 T600 450 T900 450 T1200 450'/></g></svg>");
background-repeat:repeat-x; background-size:1200px 600px; background-position:0 0; opacity:1;
animation: air-move 28s linear infinite;
}
@keyframes air-move { from{ background-position:0 0; } to{ background-position:-1200px 0; } }
@media (prefers-reduced-motion: reduce){ .cs-request::after{ animation:none; } }


.cs-req__wrap{ display:grid; grid-template-columns: 1.05fr 1fr; gap:clamp(18px,3.5vw,40px); align-items:start; }
@media (max-width: 991.98px){ .cs-req__wrap{ grid-template-columns:1fr; } }


.cs-req__head{ margin-bottom:.6rem; }
.cs-kicker{ display:inline-flex; align-items:center; gap:.4rem; padding:.35rem .6rem; border:1px solid var(--cs-line); border-radius:999px; background:#fff; color:var(--cs-blue); font-weight:900; box-shadow: var(--cs-shadow); }
.cs-h2{ margin:.5rem 0 0; font-size: clamp(24px,2.4vw,32px); font-weight:900; color:#22303a; letter-spacing:-.01em; display:flex; align-items:center; gap:.5rem; }
.cs-dot{ width:10px; height:10px; border-radius:3px; background: linear-gradient(135deg, var(--cs-blue), var(--cs-blue-2)); display:inline-block; }
.cs-lead{ margin:.35rem 0 0; color:var(--cs-muted); max-width: 68ch; }


.cs-contacts{ list-style:none; margin: .8rem 0 0; padding:0; display:grid; gap:.4rem; color:var(--cs-ink); }
.cs-contacts i{ color:var(--cs-blue-2); margin-right:.45rem; }
.cs-contacts a{ color:var(--cs-blue-2); text-decoration:none; font-weight:800; }


.cs-chips{ display:flex; gap:.5rem; flex-wrap:wrap; margin-top:.8rem; }
.cs-chip{ display:inline-flex; gap:.35rem; align-items:center; padding:.35rem .6rem; border:1px solid var(--cs-line); border-radius:999px; background:#fff; color:var(--cs-blue); font-weight:900; box-shadow: var(--cs-shadow); }


/* Карточка формы */
.cs-form-card{ background: var(--cs-card); border:1px solid var(--cs-line); border-radius:16px; overflow:hidden; box-shadow: var(--cs-shadow); }
.cs-form-head{ padding: 14px 16px; background: linear-gradient(90deg, rgba(86,204,242,.12), rgba(10,89,161,.10)); border-bottom:1px solid var(--cs-line); }
.cs-form-title{ margin:0; font-size: 20px; font-weight:900; color:#22303a; }
.cs-form-sub{ margin:.25rem 0 0; color:var(--cs-muted); }
.cs-form-body{ padding: 16px; }
.cs-form-foot{ display:flex; align-items:center; gap:.45rem; padding: 0 16px 14px; color:var(--cs-muted); font-size:.9rem; border-top:1px dashed var(--cs-line); }
.cs-form-foot i{ color:var(--cs-blue-2); }


/* Гармонизация CF7 */
.cs-form-body .wpcf7 form{ display:grid; gap:10px; }
.cs-form-body .wpcf7 form label{ color:#22303a; font-weight:700; font-size:.95rem; }
.cs-form-body .wpcf7-form-control{ width:100%; border:1px solid var(--cs-line); border-radius:12px; padding:12px 12px; font-size:14px; background:#fff; transition: box-shadow .2s, border-color .2s; }
.cs-form-body .wpcf7-form-control:focus{ outline:none; border-color: var(--cs-blue-2); box-shadow: var(--cs-focus); }
.cs-form-body input[type="submit"],
.cs-form-body button[type="submit"]{ border:none; background: linear-gradient(90deg, var(--cs-blue), var(--cs-blue-2)); color:#fff; font-weight:900; padding:12px 14px; border-radius:12px; cursor:pointer; transition: transform .08s ease, filter .2s ease; }
.cs-form-body input[type="submit"]:hover{ filter:brightness(.96); }
.cs-form-body input[type="submit"]:active{ transform: translateY(1px); }

/* Source: page.php */

:root{
    --sea:#56CCF2;    /* акцент */
    --indigo:#0A59A1; /* фирменный */
    --graphite:#1F2A33; --ink:#0b2230; --muted:#5E6B76;
    --bg:#F6FAFB; --card:#FFFFFF; --line:rgba(0,0,0,.08);
    --glow: 0 10px 30px rgba(86,204,242,.35), 0 2px 10px rgba(10,89,161,.12);
  }
  .mvx-hero{ background:linear-gradient(180deg, var(--bg), #F0F7FF); padding: clamp(28px, 5vw, 56px) 0; position:relative; overflow:hidden; }
  .mvx-hero-grid{ display:grid; grid-template-columns: 1.05fr 1fr; gap:clamp(18px, 3.5vw, 40px); align-items:start; }
  .mvx-hero-grid--reversed{ grid-template-columns: 1fr 1.1fr; }
  @media (max-width: 1199.98px){ .mvx-hero-grid, .mvx-hero-grid--reversed{ grid-template-columns:1fr; } }

  .mvx-left{ position:relative; }
  .mvx-right{ position:relative; }

  /* ОФФЕР */
  .mvx-offer{ position:relative; padding:0 0 .25rem; }
  .mvx-offer__badge{ display:inline-flex; gap:.5rem; align-items:center; background:#fff; border:1px solid var(--line); border-radius:999px; padding:.4rem .65rem; font-weight:800; color:var(--graphite); box-shadow: var(--glow); }
  .mvx-offer__badge i{ color:var(--sea); }
  .mvx-title{ font-size: clamp(30px, 3.6vw, 48px); line-height:1.1; margin:.5rem 0 .5rem; color:var(--graphite); font-weight:900; letter-spacing:-0.015em; }
  .mvx-lead{ font-size: clamp(16px, 1.2vw, 18px); color:var(--muted); margin:0 0 1rem; max-width: 68ch; }

  /* ПРЕИМУЩЕСТВА */
  .mvx-usps{ display:grid; gap:12px; list-style:none; padding:0; margin: 0 0 1rem; }
  .mvx-usps--compact{ grid-template-columns: repeat(3, minmax(0,1fr)); }
  @media (max-width: 991.98px){ .mvx-usps--compact{ grid-template-columns: repeat(2, 1fr); } }
  .mvx-usp{ display:flex; gap:.6rem; align-items:flex-start; background:var(--card); border:1px solid var(--line); border-radius:12px; padding:.6rem .7rem; box-shadow:0 8px 24px rgba(0,0,0,.04); transition: transform .25s ease, box-shadow .25s ease; }
  .mvx-usp:hover{ transform: translateY(-2px); box-shadow: var(--glow); }
  .mvx-usp i{ color:var(--indigo); line-height:1; margin-top:.15rem; }
  .mvx-usp strong{ display:block; font-weight:800; color:var(--graphite); font-size:.98rem; }
  .mvx-usp span{ display:block; color:var(--muted); font-size:.9rem; }

  /* ФОРМА */
  .mvx-form-card{ position:sticky; top:16px; margin-top: 8px; background: radial-gradient(120% 100% at 0% 0%, rgba(86,204,242,.12), transparent 40%), var(--card); border: 1px solid var(--line); border-radius: 16px; box-shadow: var(--glow); overflow:hidden; }
  .mvx-form-head{ padding: 14px 16px; background: linear-gradient(90deg, rgba(86,204,242,.15), rgba(10,89,161,.12)); border-bottom:1px solid var(--line); }
  .mvx-form-title{ margin:0; font-size: 20px; font-weight: 900; color: var(--graphite); }
  .mvx-form-sub{ margin:.25rem 0 0; color:var(--muted); font-size:.95rem; }
  .mvx-form-body{ padding: 16px; }
  .mvx-form-meta{ display:flex; align-items:center; gap:.4rem; padding: 0 16px 14px; color:var(--muted); font-size:.88rem; border-top:1px dashed var(--line); }
  .mvx-form-meta i{ color:var(--indigo); }

  .mvx-form-body .wpcf7 form .wpcf7-form-control{ width:100%; border:1px solid var(--line); border-radius:10px; padding:12px 12px; font-size:14px; background:#fff; transition: box-shadow .2s, border-color .2s; }
  .mvx-form-body .wpcf7 form .wpcf7-form-control:focus{ outline:none; border-color: var(--indigo); box-shadow: 0 0 0 3px rgba(10,89,161,.15); }
  .mvx-form-body .wpcf7 form input[type="submit"],
  .mvx-form-body .wpcf7 form button[type="submit"]{ border:none; background: linear-gradient(90deg, var(--indigo), #134a86); color:#fff; font-weight:800; padding:12px 14px; border-radius:10px; cursor:pointer; transition: transform .08s ease, filter .2s ease; }
  .mvx-form-body .wpcf7 form input[type="submit"]:active{ transform: translateY(1px); }
  .mvx-form-body .wpcf7-not-valid-tip{ color:#b91c1c; font-size:12px; margin-top:4px; }
  .mvx-form-body .wpcf7-response-output{ margin-top:10px; border:1px solid var(--line); border-radius:10px; padding:10px; }

  /* CTA */
  .mvx-cta{ display:flex; gap:10px; flex-wrap:wrap; margin-top:10px; }
  .mvx-btn{ display:inline-flex; align-items:center; gap:.5rem; border:1px solid var(--line); border-radius:10px; padding:10px 14px; font-weight:800; text-decoration:none; }
  .mvx-btn--primary{ background: var(--indigo); color:#fff; border-color: transparent; }
  .mvx-btn--primary:hover{ filter: brightness(.95); }
  .mvx-btn--ghost{ background:#fff; color:var(--graphite); }

  /* МЕДИА справа */
  .mvx-hero-media{ position:relative; }
  .mvx-media{ position:relative; margin:0; }
  .mvx-media__img{ width:100%; height:auto; border-radius:18px; box-shadow:0 20px 60px rgba(31,42,51,.18); border: 1px solid var(--line); }
  .mvx-badge{ position:absolute; left:16px; bottom:16px; display:inline-flex; gap:.5rem; align-items:center; background:rgba(255,255,255,.9); backdrop-filter: blur(4px); border:1px solid var(--line); border-radius:999px; padding:.45rem .75rem; font-weight:800; color:var(--ink); box-shadow: var(--glow); }
  .mvx-badge i{ color:var(--sea); }

  .mvx-bubble{ position:absolute; border-radius:50%; pointer-events:none; opacity:.7; will-change: transform; }
  .mvx-bubble.b1{ width:200px; height:200px; background: radial-gradient(circle at 30% 30%, rgba(86,204,242,.25), transparent 60%); top:-40px; right:-30px; }
  .mvx-bubble.b2{ width:300px; height:300px; background: radial-gradient(circle at 70% 70%, rgba(10,89,161,.22), transparent 65%); bottom:-60px; left:-40px; }
  .mvx-bubble.b3{ width:140px; height:140px; background: radial-gradient(circle at 60% 40%, rgba(86,204,242,.2), transparent 60%); top:20%; left:10%; }
  @media (prefers-reduced-motion:no-preference){ .mvx-bubble{ animation: float 14s ease-in-out infinite; } @keyframes float { 0%,100%{ transform: translateY(0); } 50%{ transform: translateY(-8px); } } }

  /* Социальные доки */
  .mvx-stats{ display:flex; gap:10px; align-items:center; flex-wrap:wrap; background:var(--card); border:1px dashed rgba(86,204,242,.55); padding:.6rem .75rem; border-radius:999px; width:max-content; margin-top:12px; }
  .mvx-stat{ display:flex; align-items:baseline; gap:.35rem; position:relative; }
  .mvx-stat + .mvx-stat{ padding-left:.75rem; }
  .mvx-stat + .mvx-stat::before{ content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:18px; background:linear-gradient(var(--line), var(--line)); }
  .mvx-stat__val{ font-weight:900; color:var(--sea); font-size:1.05rem; }
  .mvx-stat__label{ color:var(--muted); font-size:.9rem; }

  /* Появление */
  [data-animate]{ opacity:0; transform: translateY(10px); }
  .is-inview{ opacity:1 !important; transform: translateY(0) !important; transition: opacity .45s ease, transform .45s ease; }
  @media (max-width: 390px){
    .mvx-hero{ padding:22px 0 26px; }
    .mvx-title{ font-size:clamp(26px, 9vw, 34px); line-height:1.08; }
    .mvx-lead{ font-size:15px; margin-bottom:.85rem; }
    .mvx-offer__badge{ font-size:.82rem; }
    .mvx-usps--compact{ grid-template-columns:1fr; }
    .mvx-usp{ padding:.7rem; }
    .mvx-form-card{ position:relative; top:auto; margin-top:2px; border-radius:14px; }
    .mvx-form-head{ padding:12px 14px; }
    .mvx-form-title{ font-size:18px; }
    .mvx-form-sub{ font-size:.92rem; }
    .mvx-form-body{ padding:14px; }
    .mvx-form-meta{ padding:0 14px 12px; font-size:.84rem; }
    .mvx-cta{ gap:8px; }
    .mvx-btn{ width:100%; justify-content:center; padding:11px 13px; }
    .mvx-stats{
      width:100%;
      border-radius:16px;
      padding:.7rem;
      gap:8px;
    }
    .mvx-stat{
      width:100%;
      justify-content:space-between;
    }
    .mvx-stat + .mvx-stat{
      padding-left:0;
      padding-top:.4rem;
      border-top:1px dashed rgba(0,0,0,.08);
    }
    .mvx-stat + .mvx-stat::before{ display:none; }
    .mvx-media__img{ border-radius:16px; }
    .mvx-badge{
      left:12px;
      right:12px;
      bottom:12px;
      font-size:.82rem;
      justify-content:center;
      text-align:center;
    }
    .mvx-bubble{ display:none; }
    .cs-card{ padding:1rem; border-radius:14px; }
    .cs-head{ gap:.5rem; }
    .cs-h2{ font-size:clamp(24px, 7.4vw, 30px); }
    .cs-sub{ font-size:.95rem; }
    .cs-grid,
    .cs-steps,
    .mv-benefits,
    .mv-works,
    .mv-testimonials,
    .cs-works-grid,
    .cs-t-grid{ gap:12px; }
    .table-wrap,
    .cs-table-wrap{ overflow:auto; -webkit-overflow-scrolling:touch; }
    .cs-table-wrap::after{ right:6px; top:6px; }
    .msg-row{ grid-template-columns:1fr; }
    .cs-req__wrap{ gap:16px; }
  }

.mvx-slogan-nav ul{ list-style:none; display:flex; gap:2rem; margin:0; padding:0; align-items:center; }
  .mvx-slogan-nav a{ color:rgba(31,42,51,.85); text-decoration:none; font-weight:700; font-size:.98rem; position:relative; transition: color .2s ease; }
  .mvx-slogan-nav a::after{ content:""; position:absolute; left:0; bottom:-6px; width:0; height:3px; background:linear-gradient(90deg, var(--sea), var(--indigo)); transition:width .25s ease; border-radius:2px; }
  .mvx-slogan-nav a:hover{ color:var(--graphite); }
  .mvx-slogan-nav a:hover::after{ width:100%; }

:root{
    --cs-blue:#0A59A1;
    --cs-blue-2:#2B7CD3;
    --cs-cyan:#56CCF2;
    --cs-ink:#0f2532;
    --cs-muted:#66707A;
    --cs-line:#E6EEF5;
    --cs-card:#fff;
    --cs-shadow:0 12px 30px rgba(10,89,161,.12), 0 4px 14px rgba(43,124,211,.08);
  }

  .cs-experience{ padding: clamp(28px,5vw,56px) 0; background:linear-gradient(180deg,#F7FBFF,#F2F7FD); position:relative; overflow:hidden; }
  .cs-experience::before{ content:""; position:absolute; left:-10%; top:-12%; width:420px; height:420px; border-radius:50%; background: radial-gradient(circle at 30% 30%, rgba(86,204,242,.25), transparent 60%); filter: blur(2px); }
  .cs-experience::after{ content:""; position:absolute; right:-8%; bottom:-10%; width:480px; height:480px; border-radius:50%; background: radial-gradient(circle at 70% 60%, rgba(10,89,161,.18), transparent 65%); }

  .cs-head{ margin-bottom:1rem; display:flex; flex-direction:column; gap:.35rem; }
  .cs-kicker{ display:inline-flex; align-items:center; gap:.4rem; padding:.35rem .6rem; border:1px solid var(--cs-line); border-radius:999px; background:#fff; color:var(--cs-blue); font-weight:900; box-shadow: var(--cs-shadow); font-size:.9rem; }
  .cs-h2{ margin:0; font-size: clamp(24px,2.5vw,32px); font-weight:900; color:#22303a; }

  .cs-exp-grid{ display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:14px; }
  @media(max-width:991.98px){ .cs-exp-grid{ grid-template-columns: repeat(2, 1fr); } }
  @media(max-width:575.98px){ .cs-exp-grid{ grid-template-columns: 1fr; } }

  .cs-exp{ background:var(--cs-card); border:1px solid var(--cs-line); border-radius:16px; padding:1.1rem; box-shadow: var(--cs-shadow); text-align:center; position:relative; overflow:hidden; transition:.25s ease; }
  .cs-exp:hover{ transform: translateY(-2px); box-shadow:0 18px 52px rgba(10,89,161,.14), 0 6px 22px rgba(43,124,211,.10); border-color: rgba(43,124,211,.35); }
  .cs-exp::after{ content:""; position:absolute; inset:auto -25% -25% auto; width:200px; height:200px; background: radial-gradient(circle at 70% 30%, rgba(43,124,211,.12), transparent 60%); pointer-events:none; }

  .cs-exp__num{ font-size: clamp(32px,3vw,44px); font-weight:900; background: linear-gradient(90deg, var(--cs-blue), var(--cs-blue-2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom:.25rem; }
  .cs-exp__text{ color:var(--cs-muted); font-size:.98rem; line-height:1.35; }

  /* Плавная анимация появления */
  [data-animate]{ opacity:0; transform: translateY(10px); }
  .is-inview{ opacity:1 !important; transform: translateY(0) !important; transition: opacity .45s ease, transform .45s ease; }

/* Палитра в цветах логотипа: синий градиент + графитовый */
  :root{
    --cs-blue:#0A59A1;      /* тёмный фирменный */
    --cs-blue-2:#2B7CD3;    /* светлее для градиента */
    --cs-cyan:#56CCF2;      /* вспомогательный акцент */
    --cs-graphite:#2B3137;  /* тёмный текст */
    --cs-ink:#0f2532;       /* основной текст */
    --cs-muted:#66707A;     /* вторичный */
    --cs-bg:#F6FAFD;        /* фон секции */
    --cs-card:#FFFFFF;      /* фон карточек */
    --cs-line:#E6EEF5;      /* бордеры */
    --cs-shadow:0 14px 36px rgba(10,89,161,.10), 0 4px 16px rgba(43,124,211,.06);
    --cs-focus:0 0 0 3px rgba(43,124,211,.18);
  }

  .cs-layout{ display:grid; grid-template-columns: 1fr 340px; gap:24px; margin:24px 0 48px; }
  @media (max-width: 1199.98px){ .cs-layout{ grid-template-columns:1fr; } }

  .cs-content{ min-width:0; }
  .cs-article p, .cs-article li{ color:var(--cs-ink); }

  .cs-card{ background:var(--cs-card); border:1px solid var(--cs-line); border-radius:16px; padding:1.25rem; box-shadow: var(--cs-shadow); position:relative; overflow:hidden; }
  .cs-card::after{ content:""; position:absolute; inset:auto -30% -30% auto; width:220px; height:220px; background: radial-gradient( circle at 70% 30%, rgba(43,124,211,.10), transparent 60% ); pointer-events:none; }
  .cs-card__title{ margin:0 0 .75rem; font-size:1.15rem; font-weight:900; color:var(--cs-graphite); letter-spacing:-.01em; }

  /* Ховер-глянец карточек */
  .cs-card:hover{ box-shadow:0 18px 52px rgba(10,89,161,.14), 0 6px 22px rgba(43,124,211,.10); }

  /* CF7 внутри карточек */
  .cs-form-wrap .wpcf7 form .wpcf7-form-control{ width:100%; border:1px solid var(--cs-line); border-radius:12px; padding:12px 12px; font-size:14px; background:#fff; transition: box-shadow .2s, border-color .2s; }
  .cs-form-wrap .wpcf7 form .wpcf7-form-control:focus{ outline:none; border-color: var(--cs-blue-2); box-shadow: var(--cs-focus); }
  .cs-form-wrap .wpcf7 form input[type="submit"],
  .cs-form-wrap .wpcf7 form button[type="submit"]{ border:none; background: linear-gradient(90deg, var(--cs-blue), var(--cs-blue-2)); color:#fff; font-weight:900; padding:12px 14px; border-radius:12px; cursor:pointer; transition: transform .08s ease, filter .2s ease; }
  .cs-form-wrap .wpcf7 form input[type="submit"]:hover{ filter:brightness(.96); }
  .cs-form-wrap .wpcf7 form input[type="submit"]:active{ transform: translateY(1px); }
  .cs-form-note{ margin:.5rem 0 0; font-size:.9rem; color:var(--cs-muted); }

  /* Соцкнопки */
  .cs-msg-row{ display:flex; gap:.5rem; }
  .cs-btn-chat{ display:inline-flex; align-items:center; gap:.5rem; padding:.6rem .9rem; border-radius:12px; text-decoration:none; font-weight:900; border:1px solid var(--cs-line); transition: transform .08s ease, box-shadow .2s ease; }
  .cs-btn-chat:hover{ transform: translateY(-1px); box-shadow: var(--cs-shadow); }
  .cs-btn--wh{ background:linear-gradient(180deg, #E9FFF6, #DAFFF1); color:#0a5443; }
  .cs-btn--tg{ background:linear-gradient(180deg, #E9F2FF, #DAE8FF); color:#0e2d64; }

  .cs-link{ color:var(--cs-blue-2); text-decoration:none; border-bottom:2px solid rgba(86,204,242,.65); font-weight:800; }

  /* Почему мы */
  .cs-trust{ list-style:none; padding:0; margin:0 0 .9rem; display:grid; gap:.5rem; }
  .cs-trust li{ position:relative; padding-left:22px; color:var(--cs-ink); }
  .cs-trust li::before{ content:""; position:absolute; left:0; top:.5rem; width:12px; height:12px; border-radius:3px; background:linear-gradient(135deg, var(--cs-blue), var(--cs-blue-2)); box-shadow:0 2px 6px rgba(43,124,211,.35); }

  /* Кнопки */
  .cs-btn{ display:inline-flex; align-items:center; gap:.5rem; text-decoration:none; font-weight:900; border-radius:12px; padding:.65rem 1rem; border:1px solid var(--cs-line); }
  .cs-btn--primary{ background: linear-gradient(90deg, var(--cs-blue), var(--cs-blue-2)); color:#fff; border-color: transparent; }
  .cs-btn--ghost{ background:#fff; color:var(--cs-graphite); }
  .cs-btn--full{ width:100%; justify-content:center; }

  .cs-ps, .cs-note{ color:var(--cs-muted); font-size:.9rem; }

  /* Плавное появление карточек в зоне видимости */
  [data-animate]{ opacity:0; transform: translateY(10px); }
  .is-inview{ opacity:1 !important; transform: translateY(0) !important; transition: opacity .45s ease, transform .45s ease; }

:root{
    --mint:#A8E6CF; --blue:#56CCF2; --dark:#2F2F2F; --white:#fff; --border:#E6EEF4; --focus:#95DBFF;
  }

  /* Контейнер формы */
.mv-request__form {
  max-width: 600px;
  margin: 0 auto;
  padding: 32px;
  background-color: #f4f7fb;
  border-radius: 16px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.05);
  font-family: 'Segoe UI', sans-serif;
}

/* Общая форма */
.mv-request__form .wpcf7-form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* Метки */
.mv-request__form label {
  font-weight: 500;
  font-size: 15px;
  color: #333;
  display: flex;
  flex-direction: column;
}

/* Поля ввода */
.mv-request__form input[type="text"],
.mv-request__form input[type="email"],
.mv-request__form textarea {
  padding: 12px 14px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 16px;
  resize: vertical;
  transition: border 0.3s ease;
  font-family: inherit;
  width: 100%;
  box-sizing: border-box;
}

.mv-request__form input:focus,
.mv-request__form textarea:focus {
  border-color: #007acc;
  outline: none;
}

/* Кнопка отправки */
.mv-request__form input[type="submit"] {
  background-color: #007acc;
  color: #fff;
  padding: 12px;
  font-size: 16px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.mv-request__form input[type="submit"]:hover:not([disabled]) {
  background-color: #005fa3;
}

.mv-request__form input[type="submit"]:disabled {
  background-color: #ccc;
  cursor: not-allowed;
}

/* Чекбокс */
.mv-request__form .licence_block {
  display: flex;
  align-items: flex-start;
  font-size: 14px;
  color: #333;
}

.mv-request__form .form-checkbox__input {
  margin-right: 8px;
  transform: scale(1.2);
  cursor: pointer;
}

.mv-request__form .form-checkbox__text {
  line-height: 1.5;
}

.mv-request__form .form-checkbox__text a {
  color: #007acc;
  text-decoration: underline;
}

.mv-request__form .form-checkbox__text a:hover {
  text-decoration: none;
}

/* Сообщение от формы (ошибки или успех) */
.mv-request__form .wpcf7-response-output {
  margin-top: 12px;
  font-size: 14px;
  color: #d9534f; /* красный по умолчанию для ошибок */
}

/* Скрытые поля */
.hidden-fields-container {
  display: none;
}
  .mv-sidebar{ display:flex; flex-direction:column; gap:16px; }
  .mv-card{ background:#fff; border:1px solid var(--border); border-radius:16px; padding:16px; box-shadow:0 8px 24px rgba(14,92,114,.06); }
  .mv-card__title{ margin:0 0 .5rem; font-size:1.05rem; font-weight:800; color:var(--dark); display:flex; align-items:center; gap:.5rem; }
  .mv-form{ display:flex; flex-direction:column; gap:10px; }
  .mv-field{ display:flex; flex-direction:column; gap:6px; }
  .mv-field span{ font-weight:700; font-size:.9rem; color:var(--dark); }
  .mv-field input, .mv-field textarea{ border:1px solid #DDEFF0; border-radius:10px; padding:.6rem .75rem; outline:none; font-size:.95rem; }
  .mv-field input:focus, .mv-field textarea:focus{ border-color:var(--blue); box-shadow:0 0 0 3px rgba(149,219,255,.35); }
  .mv-ps{ margin:.25rem 0 0; font-size:.8rem; color:#5b6; }
  .mv-note{ margin:.25rem 0 .75rem; color:#445; font-size:.92rem; }

  .btn-mint, .btn-blue, .btn-ghost{ display:inline-flex; align-items:center; justify-content:center; gap:.5rem; padding:.65rem .9rem; border-radius:10px; font-weight:800; border:1px solid transparent; cursor:pointer; text-decoration:none; }
  .btn-mint{ background:linear-gradient(180deg,var(--blue),#3DBBEA); color:#0b2230; }
  .btn-mint:hover{ filter:brightness(1.05); }
  .btn-blue{ background:#fff; border-color:var(--blue); color:#0b2230; background-image:linear-gradient(180deg,#ECF9FF,#fff); }
  .btn-blue:hover{ box-shadow:0 0 0 3px rgba(149,219,255,.35) inset; }
  .btn-ghost{ background:#F5FFFA; border-color:rgba(168,230,207,.7); color:#0b2230; }
  .btn-ghost:hover{ background:#EFFFF7; }
  .w-100{ width:100%; }

  /* Messengers */
  .msg-row{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:.25rem; }
  .btn-chat{ border-radius:10px; padding:.6rem .75rem; font-weight:800; border:1px solid var(--border); background:#fff; display:inline-flex; align-items:center; justify-content:center; gap:.5rem; text-decoration:none; color:#0b2230; box-shadow:0 6px 18px rgba(0,0,0,.05); }
  .btn-chat.wa{ background:linear-gradient(180deg,#EAFBF3,#fff); border-color:rgba(168,230,207,.65); }
  .btn-chat.tg{ background:linear-gradient(180deg,#ECF9FF,#fff); border-color:rgba(86,204,242,.55); }
  .btn-chat:hover{ filter:brightness(1.03); }
  .msg-more{ margin-top:.5rem; display:flex; justify-content:center; }
  .lnk-quiet{ color:#415; text-decoration:none; display:inline-flex; align-items:center; gap:.35rem; font-size:.92rem; }

  /* Trust */
  .trust-list{ list-style:none; padding:0; margin:0 0 .75rem; display:flex; flex-direction:column; gap:.4rem; }
  .trust-list li{ display:flex; align-items:center; gap:.5rem; }
  .b-ic{ width:28px; height:28px; border-radius:8px; background:var(--mint); display:inline-flex; align-items:center; justify-content:center; }

  /* Download */
  .dl-card .mv-ps{ color:#667; }

  /* Modal */
  .mv-modal__head{ margin-bottom:.5rem; }
  .mv-modal__title{ font-size:1.15rem; font-weight:900; color:var(--dark); }
  .mv-modal__subtitle{ color:#445; font-size:.95rem; }

  /* Responsive tweaks inside sidebar width */
  @media (max-width: 991.98px){
    /* If sidebar shown on mobile later */
    .mv-card{ padding:14px; }
  }

:root{ --mint:#A8E6CF; --blue:#56CCF2; --dark:#2F2F2F; --white:#fff; --border:#E6EEF4; }
  .mv-section{ padding:48px 0; }
  .mv-title{ display:flex; align-items:center; gap:.75rem; margin:0 0 22px; font-weight:900; font-size:1.6rem; color:#18323b; }
  .mv-title .dot{ width:12px; height:12px; border-radius:50%; background:var(--blue); box-shadow:0 0 0 6px rgba(86,204,242,.2); }

  /* ===== Преимущества ===== */
  .mv-benefits{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
  @media (max-width: 991.98px){ .mv-benefits{ grid-template-columns:1fr; } }
  .mv-benefit{
    background:var(--white); border:1px solid rgba(168,230,207,.35); border-radius:16px; padding:18px; display:flex; gap:14px; align-items:flex-start;
    box-shadow:0 10px 24px rgba(0,0,0,.06); transition:transform .2s ease, box-shadow .2s ease;
  }
  .mv-benefit:hover{ transform:translateY(-3px); box-shadow:0 18px 40px rgba(14,90,114,.12); }
  .mv-benefit .ic{ width:48px; height:48px; border-radius:12px; display:inline-flex; align-items:center; justify-content:center; background:linear-gradient(180deg,var(--mint),#90DFBF); color:#0b2230; font-size:22px; flex:0 0 48px; }
  .mv-benefit h3{ margin:0 0 6px; font-size:1.05rem; font-weight:800; color:#17333c; }
  .mv-benefit p{ margin:0; color:#2F2F2F; }

  /* ===== Примеры работ ===== */
  .mv-works{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
  @media (max-width: 1199.98px){ .mv-works{ grid-template-columns:repeat(3,1fr);} }
  @media (max-width: 991.98px){ .mv-works{ grid-template-columns:repeat(2,1fr);} }
  @media (max-width: 575.98px){ .mv-works{ grid-template-columns:1fr;} }
  .mv-work{ position:relative; border-radius:16px; overflow:hidden; background:#eef6f9; border:1px solid var(--border); box-shadow:0 8px 24px rgba(0,0,0,.04); }
  .mv-work img{ display:block; width:100%; height:220px; object-fit:cover; transition:transform .35s ease; }
  .mv-work:hover img{ transform:scale(1.05); }
  .mv-work .cap{ position:absolute; left:12px; right:12px; bottom:12px; background:rgba(0,0,0,.55); color:#fff; padding:10px 12px; border-radius:12px; font-weight:700; }
  .mv-work .cap small{ display:block; opacity:.85; font-weight:500; }

  /* ===== Схема работы ===== */
  .mv-steps{ position:relative; display:grid; grid-template-columns:repeat(3,1fr); gap:18px; counter-reset:step; }
  @media (max-width: 991.98px){ .mv-steps{ grid-template-columns:1fr; } }
  .mv-step{ background:var(--white); border:1px solid rgba(86,204,242,.3); border-radius:16px; padding:18px; box-shadow:0 10px 24px rgba(0,0,0,.06); position:relative; }
  .mv-step::before{ counter-increment:step; content:counter(step); position:absolute; top:-12px; left:-12px; width:38px; height:38px; display:grid; place-items:center; border-radius:50%; background:linear-gradient(180deg,var(--blue),#3DBBEA); color:#0b2230; font-weight:900; box-shadow:0 6px 16px rgba(61,187,234,.35); }
  .mv-step h3{ margin:0 0 6px; font-size:1.05rem; font-weight:800; color:#17333c; display:flex; align-items:center; gap:.5rem; }
  .mv-step p{ margin:0; }

  /* connector only on desktop */
  @media (min-width: 992px){
    .mv-steps .mv-step{ overflow:visible; }
    .mv-steps .mv-step:not(:nth-child(3n))::after{ content:""; position:absolute; top:28px; right:-9px; width:18px; height:18px; border-radius:50%; background:var(--mint); box-shadow:0 0 0 6px rgba(168,230,207,.25); }
  }

  /* ===== Отзывы ===== */
  .mv-testimonials{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
  @media (max-width: 991.98px){ .mv-testimonials{ grid-template-columns:1fr; } }
  .mv-tcard{ background:var(--white); border:1px solid var(--border); border-left:4px solid var(--mint); border-radius:16px; padding:18px; box-shadow:0 10px 24px rgba(0,0,0,.06); position:relative; }
  .mv-tcard .quote{ position:absolute; right:14px; top:14px; width:28px; height:28px; border-radius:8px; display:inline-flex; align-items:center; justify-content:center; background:rgba(86,204,242,.15); }
  .mv-tcard .name{ margin-top:10px; font-weight:800; }
  .mv-stars{ display:inline-flex; gap:2px; font-size:16px; color:#F59E0B; }

  /* Buttons more/filters (optional) */
  .mv-actions{ margin-top:14px; display:flex; gap:10px; flex-wrap:wrap; }
  .btn-outline{ padding:.55rem .85rem; border-radius:12px; border:1px solid var(--blue); color:#0b2230; background:#fff; text-decoration:none; font-weight:800; }
  .btn-outline:hover{ background:#ECF9FF; }

/* Палитра — как в логотипе: тёмно-синий + ярко-синий + голубой */
  :root{
    --cs-blue:#0A59A1;      /* основной фирменный */
    --cs-blue-2:#2B7CD3;    /* градиент/акцент */
    --cs-cyan:#56CCF2;      /* вспомогательный акцент */
    --cs-graphite:#2B3137;  /* заголовки */
    --cs-ink:#0f2532;       /* текст */
    --cs-muted:#66707A;     /* вторичный */
    --cs-card:#FFFFFF;      /* карточки */
    --cs-line:#E6EEF5;      /* бордеры */
    --cs-shadow:0 14px 36px rgba(10,89,161,.10), 0 4px 16px rgba(43,124,211,.06);
    --cs-soft:rgba(43,124,211,.12);
  }

  .cs-benefits{ padding: clamp(28px,5vw,56px) 0; position:relative; background:linear-gradient(180deg,#F7FBFF,#F2F7FD); overflow:hidden; }
  .cs-benefits::before{ content:""; position:absolute; left:-8%; top:-10%; width:420px; height:420px; border-radius:50%; background: radial-gradient(circle at 30% 30%, rgba(86,204,242,.25), transparent 60%); filter: blur(2px); }
  .cs-benefits::after{ content:""; position:absolute; right:-6%; bottom:-12%; width:520px; height:520px; border-radius:50%; background: radial-gradient(circle at 70% 60%, rgba(10,89,161,.18), transparent 65%); }

  .cs-head{ display:flex; align-items:baseline; gap:.75rem; margin-bottom:1.1rem; }
  .cs-kicker{ display:inline-flex; gap:.4rem; align-items:center; padding:.35rem .6rem; border:1px solid var(--cs-line); border-radius:999px; background:#fff; color:var(--cs-blue); font-weight:900; box-shadow: var(--cs-shadow); }
  .cs-h2{ margin:0; font-size: clamp(22px,2.3vw,30px); font-weight:900; color:var(--cs-graphite); letter-spacing:-.01em; }

  .cs-grid{ display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:16px; }
  @media (max-width: 991.98px){ .cs-grid{ grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 575.98px){ .cs-grid{ grid-template-columns: 1fr; } }

  .cs-b-card{ position:relative; background: var(--cs-card); border:1px solid var(--cs-line); border-radius:16px; padding:1rem; box-shadow: var(--cs-shadow); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; overflow:hidden; }
  .cs-b-card:hover{ transform: translateY(-2px); box-shadow:0 18px 52px rgba(10,89,161,.14), 0 6px 22px rgba(43,124,211,.10); border-color: rgba(43,124,211,.35); }
  .cs-b-card::after{ content:""; position:absolute; inset:auto -28% -28% auto; width:220px; height:220px; background: radial-gradient(circle at 70% 30%, var(--cs-soft), transparent 60%); pointer-events:none; }

  .cs-ico{ width:44px; height:44px; display:grid; place-items:center; border-radius:12px; background: linear-gradient(135deg, var(--cs-blue), var(--cs-blue-2)); color:#fff; box-shadow:0 8px 24px rgba(10,89,161,.25); }
  .cs-b-card h3{ margin:.55rem 0 .25rem; font-size:1.02rem; font-weight:900; color:var(--cs-graphite); }
  .cs-b-card p{ margin:0; color:var(--cs-ink); font-size:.98rem; }

  /* Плавное появление карточек */
  [data-animate]{ opacity:0; transform: translateY(10px); }
  .is-inview{ opacity:1 !important; transform: translateY(0) !important; transition: opacity .45s ease, transform .45s ease; }

:root{
    --cs-blue:#0A59A1;      /* основной */
    --cs-blue-2:#2B7CD3;    /* акцент */
    --cs-cyan:#56CCF2;      /* вспомогательный */
    --cs-ink:#0f2532;       /* текст */
    --cs-muted:#66707A;     /* вторичный */
    --cs-line:#E6EEF5;      /* бордеры */
    --cs-card:#FFFFFF;      /* карточки */
    --cs-shadow:0 12px 30px rgba(10,89,161,.12), 0 4px 14px rgba(43,124,211,.08);
    --cs-focus:0 0 0 3px rgba(43,124,211,.18);
  }

  .cs-process{ padding: clamp(28px,5vw,56px) 0; background:linear-gradient(180deg,#F7FBFF,#F2F7FD); position:relative; overflow:hidden; }
  .cs-ribbon{ display:flex; gap:.5rem; flex-wrap:wrap; margin-bottom:12px; }
  .cs-chip{ display:inline-flex; gap:.35rem; align-items:center; padding:.35rem .6rem; border:1px solid var(--cs-line); border-radius:999px; background:#fff; color:var(--cs-blue); font-weight:900; box-shadow: var(--cs-shadow); }

  .cs-head{ margin-bottom:12px; }
  .cs-kicker{ display:inline-flex; gap:.4rem; align-items:center; padding:.35rem .6rem; border:1px solid var(--cs-line); border-radius:999px; background:#fff; color:var(--cs-blue); font-weight:900; box-shadow: var(--cs-shadow); }
  .cs-h2{ margin:.5rem 0 0; font-size: clamp(22px,2.3vw,30px); font-weight:900; color:#22303a; letter-spacing:-.01em; }
  .cs-sub{ margin:.3rem 0 0; color:var(--cs-muted); max-width: 68ch; }

  .cs-steps{ display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:14px; counter-reset: s; }
  @media (max-width: 991.98px){ .cs-steps{ grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 575.98px){ .cs-steps{ grid-template-columns: 1fr; } }

  .cs-step{ position:relative; background:var(--cs-card); border:1px solid var(--cs-line); border-radius:16px; padding:1rem; box-shadow: var(--cs-shadow); }
  .cs-step__num{ counter-increment:s; content:counter(s); }
  .cs-step__num::before{ content: counter(s); position:absolute; right:12px; top:10px; width:28px; height:28px; border-radius:8px; display:grid; place-items:center; font-weight:900; color:#fff; background:linear-gradient(135deg, var(--cs-blue), var(--cs-blue-2)); }
  .cs-step__head{ display:flex; align-items:center; gap:.5rem; }
  .cs-step__head i{ color:var(--cs-blue-2); }
  .cs-step h3{ margin:.1rem 0 .25rem; font-size:1.02rem; font-weight:900; color:#22303a; }
  .cs-step p{ margin:0; color:var(--cs-ink); }
  .cs-bullets{ margin:.5rem 0 0; padding-left:1.1rem; color:var(--cs-muted); font-size:.95rem; }

  /* CTA-панель */
  .cs-cta{ margin-top:14px; border:1px solid var(--cs-line); border-radius:16px; padding:.85rem; background: radial-gradient(120% 100% at 0% 0%, rgba(86,204,242,.12), transparent 40%), #fff; display:flex; align-items:center; justify-content:space-between; gap:12px; box-shadow: var(--cs-shadow); flex-wrap:wrap; }
  .cs-cta__text strong{ display:block; font-weight:900; color:#22303a; }
  .cs-cta__text span{ color:var(--cs-muted); }
  .cs-cta__actions{ display:flex; gap:.5rem; flex-wrap:wrap; }

  .cs-btn{ display:inline-flex; align-items:center; gap:.5rem; border-radius:12px; padding:.65rem 1rem; font-weight:900; text-decoration:none; }
  .cs-btn--primary{ background: linear-gradient(90deg, var(--cs-blue), var(--cs-blue-2)); color:#fff; border:0; box-shadow:0 10px 24px rgba(10,89,161,.2); }
  .cs-btn--primary:hover{ filter:brightness(.95); }
  .cs-btn--ghost{ background:#fff; color:#22303a; border:1px solid var(--cs-line); }

  /* Встроенная форма (если шорткод есть) */
  .cs-inline-form{ margin-top:10px; }
  .cs-inline-form .wpcf7 form .wpcf7-form-control{ width:100%; border:1px solid var(--cs-line); border-radius:12px; padding:12px; font-size:14px; background:#fff; transition: box-shadow .2s, border-color .2s; }
  .cs-inline-form .wpcf7 form .wpcf7-form-control:focus{ outline:none; border-color: var(--cs-blue-2); box-shadow: var(--cs-focus); }
  .cs-inline-form .wpcf7 form input[type="submit"],
  .cs-inline-form .wpcf7 form button[type="submit"]{ border:none; background: linear-gradient(90deg, var(--cs-blue), var(--cs-blue-2)); color:#fff; font-weight:900; padding:12px 14px; border-radius:12px; cursor:pointer; }

  /* Плавное появление */
  [data-animate]{ opacity:0; transform: translateY(10px); }
  .is-inview{ opacity:1 !important; transform: translateY(0) !important; transition: opacity .45s ease, transform .45s ease; }
  .cs-process {
  background: #F7FBFF;
  padding: 56px 0;
}
.cs-process .cs-wrapper {
  background: #fff;
  border: 1px solid #E6EEF5;
  border-radius: 20px;
  padding: 32px;
  box-shadow: 0 20px 50px rgba(10,89,161,.06);
}
.cs-process {
  background: linear-gradient(180deg, #7dc1ff, #F6FBFF);
  
  padding: 56px 0;
}

:root{
    --cs-blue:#0A59A1;      /* основной */
    --cs-blue-2:#2B7CD3;    /* акцент */
    --cs-cyan:#56CCF2;      /* вспомогательный */
    --cs-ink:#0f2532;       /* текст */
    --cs-muted:#66707A;     /* вторичный */
    --cs-line:#E6EEF5;      /* бордеры */
    --cs-card:#FFFFFF;      /* карточки */
    --cs-shadow:0 12px 30px rgba(10,89,161,.08), 0 4px 14px rgba(43,124,211,.06);
  }

  /* Секция на белом фоне */
  .cs-testimonials{ background:#fff; padding: clamp(28px,5vw,56px) 0; }

  .cs-head{ margin-bottom:12px; }
  .cs-kicker{ display:inline-flex; gap:.4rem; align-items:center; padding:.35rem .6rem; border:1px solid var(--cs-line); border-radius:999px; background:#fff; color:var(--cs-blue); font-weight:900; box-shadow: var(--cs-shadow); }
  .cs-h2{ margin:.5rem 0 0; font-size: clamp(22px,2.3vw,30px); font-weight:900; color:#22303a; letter-spacing:-.01em; }

  .cs-t-grid{ display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:14px; }
  @media (max-width: 991.98px){ .cs-t-grid{ grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 575.98px){ .cs-t-grid{ grid-template-columns: 1fr; } }

  .cs-t-card{ background:var(--cs-card); border:1px solid var(--cs-line); border-radius:16px; padding:1rem; box-shadow: var(--cs-shadow); position:relative; overflow:hidden; }
  .cs-t-card blockquote{ margin:.5rem 0 .6rem; color:var(--cs-ink); font-style:italic; }
  .cs-t-card footer{ color:var(--cs-muted); font-weight:800; display:flex; align-items:center; gap:.4rem; }

  .cs-t-top{ display:flex; align-items:center; gap:.6rem; }
  .cs-avatar{ width:40px; height:40px; border-radius:50%; display:grid; place-items:center; background: linear-gradient(135deg, var(--cs-blue), var(--cs-blue-2)); color:#fff; box-shadow:0 8px 24px rgba(10,89,161,.25); }
  .cs-name{ color:#22303a; }

  .cs-stars{ display:flex; gap:2px; color:#FFC857; }

  .cs-actions{ margin-top:1rem; }
  .cs-btn{ display:inline-flex; align-items:center; gap:.5rem; border-radius:12px; padding:.6rem 1rem; font-weight:900; text-decoration:none; }
  .cs-btn--outline{ border:1px solid var(--cs-line); background:linear-gradient(180deg, #fff, #F7FAFF); color:var(--cs-ink); }

  /* Плавное появление */
  [data-animate]{ opacity:0; transform: translateY(10px); }
  .is-inview{ opacity:1 !important; transform: translateY(0) !important; transition: opacity .45s ease, transform .45s ease; }

:root{
    --cs-blue:#0A59A1;      /* основной фирменный */
    --cs-blue-2:#2B7CD3;    /* акцент/градиент */
    --cs-cyan:#56CCF2;      /* вспомогательный */
    --cs-ink:#0f2532;       /* текст */
    --cs-muted:#66707A;     /* вторичный */
    --cs-line:#E6EEF5;      /* бордеры */
    --cs-card:#FFFFFF;      /* карточки */
    --cs-shadow:0 14px 36px rgba(10,89,161,.10), 0 4px 16px rgba(43,124,211,.06);
    --cs-focus:0 0 0 3px rgba(43,124,211,.18);
  }

  /* Белый фон секции */
  .cs-request{ background:#fff; padding: clamp(28px,5vw,56px) 0; }

  .cs-req__wrap{ display:grid; grid-template-columns: 1.05fr 1fr; gap:clamp(18px,3.5vw,40px); align-items:start; }
  @media (max-width: 991.98px){ .cs-req__wrap{ grid-template-columns:1fr; } }

  .cs-req__head{ margin-bottom:.6rem; }
  .cs-kicker{ display:inline-flex; align-items:center; gap:.4rem; padding:.35rem .6rem; border:1px solid var(--cs-line); border-radius:999px; background:#fff; color:var(--cs-blue); font-weight:900; box-shadow: var(--cs-shadow); }
  .cs-h2{ margin:.5rem 0 0; font-size: clamp(24px,2.4vw,32px); font-weight:900; color:#22303a; letter-spacing:-.01em; display:flex; align-items:center; gap:.5rem; }
  .cs-dot{ width:10px; height:10px; border-radius:3px; background: linear-gradient(135deg, var(--cs-blue), var(--cs-blue-2)); display:inline-block; }
  .cs-lead{ margin:.35rem 0 0; color:var(--cs-muted); max-width: 68ch; }

  .cs-contacts{ list-style:none; margin: .8rem 0 0; padding:0; display:grid; gap:.4rem; color:var(--cs-ink); }
  .cs-contacts i{ color:var(--cs-blue-2); margin-right:.45rem; }
  .cs-contacts a{ color:var(--cs-blue-2); text-decoration:none; font-weight:800; }

  .cs-chips{ display:flex; gap:.5rem; flex-wrap:wrap; margin-top:.8rem; }
  .cs-chip{ display:inline-flex; gap:.35rem; align-items:center; padding:.35rem .6rem; border:1px solid var(--cs-line); border-radius:999px; background:#fff; color:var(--cs-blue); font-weight:900; box-shadow: var(--cs-shadow); }

  /* Карточка формы */
  .cs-form-card{ background: var(--cs-card); border:1px solid var(--cs-line); border-radius:16px; overflow:hidden; box-shadow: var(--cs-shadow); }
  .cs-form-head{ padding: 14px 16px; background: linear-gradient(90deg, rgba(86,204,242,.12), rgba(10,89,161,.10)); border-bottom:1px solid var(--cs-line); }
  .cs-form-title{ margin:0; font-size: 20px; font-weight:900; color:#22303a; }
  .cs-form-sub{ margin:.25rem 0 0; color:var(--cs-muted); }
  .cs-form-body{ padding: 16px; }
  .cs-form-foot{ display:flex; align-items:center; gap:.45rem; padding: 0 16px 14px; color:var(--cs-muted); font-size:.9rem; border-top:1px dashed var(--cs-line); }
  .cs-form-foot i{ color:var(--cs-blue-2); }

  /* Гармонизация CF7 */
  .cs-form-body .wpcf7 form{ display:grid; gap:10px; }
  .cs-form-body .wpcf7 form label{ color:#22303a; font-weight:700; font-size:.95rem; }
  .cs-form-body .wpcf7-form-control{ width:100%; border:1px solid var(--cs-line); border-radius:12px; padding:12px 12px; font-size:14px; background:#fff; transition: box-shadow .2s, border-color .2s; }
  .cs-form-body .wpcf7-form-control:focus{ outline:none; border-color: var(--cs-blue-2); box-shadow: var(--cs-focus); }
  .cs-form-body input[type="submit"],
  .cs-form-body button[type="submit"]{ border:none; background: linear-gradient(90deg, var(--cs-blue), var(--cs-blue-2)); color:#fff; font-weight:900; padding:12px 14px; border-radius:12px; cursor:pointer; transition: transform .08s ease, filter .2s ease; }
  .cs-form-body input[type="submit"]:hover{ filter:brightness(.96); }
  .cs-form-body input[type="submit"]:active{ transform: translateY(1px); }
  .cs-form-body .wpcf7-list-item-label a{ color:var(--cs-blue-2); text-decoration:underline; }
  .cs-form-body .wpcf7-not-valid-tip{ color:#b91c1c; font-size:12px; margin-top:4px; }
  .cs-form-body .wpcf7-response-output{ margin-top:10px; border:1px solid var(--cs-line); border-radius:12px; padding:10px; }

  /* Плавное появление */
  [data-animate]{ opacity:0; transform: translateY(10px); }
  .is-inview{ opacity:1 !important; transform: translateY(0) !important; transition: opacity .45s ease, transform .45s ease; }

:root{
--cs-blue:#0A59A1; /* основной фирменный */
--cs-blue-2:#2B7CD3; /* акцент/градиент */
--cs-cyan:#56CCF2; /* вспомогательный */
--cs-ink:#0f2532; /* текст */
--cs-muted:#66707A; /* вторичный */
--cs-line:#E6EEF5; /* бордеры */
--cs-card:#FFFFFF; /* карточки */
--cs-shadow:0 14px 36px rgba(10,89,161,.10), 0 4px 16px rgba(43,124,211,.06);
--cs-focus:0 0 0 3px rgba(43,124,211,.18);
}


/* Белый фон секции */
.cs-request{ position:relative; background:#fff; padding: clamp(28px,5vw,56px) 0; overflow:hidden; }
/* Полупрозрачный тематический фон «вентиляция» */
.cs-request::before{ /* перфорированная сетка/каналы */
content:""; position:absolute; inset:0; pointer-events:none; z-index:0;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'><path d='M0 40 V0 H40' fill='none' stroke='%230A59A1' stroke-opacity='.06'/><circle cx='20' cy='20' r='1' fill='%2356CCF2' fill-opacity='.18'/></svg>");
background-size:40px 40px; background-position:0 0; opacity:.75; mix-blend-mode:normal;
}
.cs-request::after{ /* «потоки воздуха» волнами */
content:""; position:absolute; left:-10%; right:-10%; top:-20%; height:200%; pointer-events:none; z-index:0;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1200' height='600' viewBox='0 0 1200 600'><g fill='none' stroke='%230A59A1' stroke-opacity='.08' stroke-width='2'><path d='M0 150 Q150 100 300 150 T600 150 T900 150 T1200 150'/><path d='M0 300 Q150 250 300 300 T600 300 T900 300 T1200 300'/><path d='M0 450 Q150 400 300 450 T600 450 T900 450 T1200 450'/></g></svg>");
background-repeat:repeat-x; background-size:1200px 600px; background-position:0 0; opacity:1;
animation: air-move 28s linear infinite;
}
@keyframes air-move { from{ background-position:0 0; } to{ background-position:-1200px 0; } }
@media (prefers-reduced-motion: reduce){ .cs-request::after{ animation:none; } }


.cs-req__wrap{ display:grid; grid-template-columns: 1.05fr 1fr; gap:clamp(18px,3.5vw,40px); align-items:start; }
@media (max-width: 991.98px){ .cs-req__wrap{ grid-template-columns:1fr; } }


.cs-req__head{ margin-bottom:.6rem; }
.cs-kicker{ display:inline-flex; align-items:center; gap:.4rem; padding:.35rem .6rem; border:1px solid var(--cs-line); border-radius:999px; background:#fff; color:var(--cs-blue); font-weight:900; box-shadow: var(--cs-shadow); }
.cs-h2{ margin:.5rem 0 0; font-size: clamp(24px,2.4vw,32px); font-weight:900; color:#22303a; letter-spacing:-.01em; display:flex; align-items:center; gap:.5rem; }
.cs-dot{ width:10px; height:10px; border-radius:3px; background: linear-gradient(135deg, var(--cs-blue), var(--cs-blue-2)); display:inline-block; }
.cs-lead{ margin:.35rem 0 0; color:var(--cs-muted); max-width: 68ch; }


.cs-contacts{ list-style:none; margin: .8rem 0 0; padding:0; display:grid; gap:.4rem; color:var(--cs-ink); }
.cs-contacts i{ color:var(--cs-blue-2); margin-right:.45rem; }
.cs-contacts a{ color:var(--cs-blue-2); text-decoration:none; font-weight:800; }


.cs-chips{ display:flex; gap:.5rem; flex-wrap:wrap; margin-top:.8rem; }
.cs-chip{ display:inline-flex; gap:.35rem; align-items:center; padding:.35rem .6rem; border:1px solid var(--cs-line); border-radius:999px; background:#fff; color:var(--cs-blue); font-weight:900; box-shadow: var(--cs-shadow); }


/* Карточка формы */
.cs-form-card{ background: var(--cs-card); border:1px solid var(--cs-line); border-radius:16px; overflow:hidden; box-shadow: var(--cs-shadow); }
.cs-form-head{ padding: 14px 16px; background: linear-gradient(90deg, rgba(86,204,242,.12), rgba(10,89,161,.10)); border-bottom:1px solid var(--cs-line); }
.cs-form-title{ margin:0; font-size: 20px; font-weight:900; color:#22303a; }
.cs-form-sub{ margin:.25rem 0 0; color:var(--cs-muted); }
.cs-form-body{ padding: 16px; }
.cs-form-foot{ display:flex; align-items:center; gap:.45rem; padding: 0 16px 14px; color:var(--cs-muted); font-size:.9rem; border-top:1px dashed var(--cs-line); }
.cs-form-foot i{ color:var(--cs-blue-2); }


/* Гармонизация CF7 */
.cs-form-body .wpcf7 form{ display:grid; gap:10px; }
.cs-form-body .wpcf7 form label{ color:#22303a; font-weight:700; font-size:.95rem; }
.cs-form-body .wpcf7-form-control{ width:100%; border:1px solid var(--cs-line); border-radius:12px; padding:12px 12px; font-size:14px; background:#fff; transition: box-shadow .2s, border-color .2s; }
.cs-form-body .wpcf7-form-control:focus{ outline:none; border-color: var(--cs-blue-2); box-shadow: var(--cs-focus); }
.cs-form-body input[type="submit"],
.cs-form-body button[type="submit"]{ border:none; background: linear-gradient(90deg, var(--cs-blue), var(--cs-blue-2)); color:#fff; font-weight:900; padding:12px 14px; border-radius:12px; cursor:pointer; transition: transform .08s ease, filter .2s ease; }
.cs-form-body input[type="submit"]:hover{ filter:brightness(.96); }
.cs-form-body input[type="submit"]:active{ transform: translateY(1px); }

/* Source: page-lp.php */

:root{
    --sea:#56CCF2;    /* акцент */
    --indigo:#0A59A1; /* фирменный */
    --graphite:#1F2A33; --ink:#0b2230; --muted:#5E6B76;
    --bg:#F6FAFB; --card:#FFFFFF; --line:rgba(0,0,0,.08);
    --glow: 0 10px 30px rgba(86,204,242,.35), 0 2px 10px rgba(10,89,161,.12);
  }
  .mvx-hero{ background:linear-gradient(180deg, var(--bg), #F0F7FF); padding: clamp(28px, 5vw, 56px) 0; position:relative; overflow:hidden; }
  .mvx-hero-grid{ display:grid; grid-template-columns: 1.05fr 1fr; gap:clamp(18px, 3.5vw, 40px); align-items:start; }
  .mvx-hero-grid--reversed{ grid-template-columns: 1fr 1.1fr; }
  @media (max-width: 1199.98px){ .mvx-hero-grid, .mvx-hero-grid--reversed{ grid-template-columns:1fr; } }

  .mvx-left{ position:relative; }
  .mvx-right{ position:relative; }

  /* ОФФЕР */
  .mvx-offer{ position:relative; padding:0 0 .25rem; }
  .mvx-offer__badge{ display:inline-flex; gap:.5rem; align-items:center; background:#fff; border:1px solid var(--line); border-radius:999px; padding:.4rem .65rem; font-weight:800; color:var(--graphite); box-shadow: var(--glow); }
  .mvx-offer__badge i{ color:var(--sea); }
  .mvx-title{ font-size: clamp(30px, 3.6vw, 48px); line-height:1.1; margin:.5rem 0 .5rem; color:var(--graphite); font-weight:900; letter-spacing:-0.015em; }
  .mvx-lead{ font-size: clamp(16px, 1.2vw, 18px); color:var(--muted); margin:0 0 1rem; max-width: 68ch; }

  /* ПРЕИМУЩЕСТВА */
  .mvx-usps{ display:grid; gap:12px; list-style:none; padding:0; margin: 0 0 1rem; }
  .mvx-usps--compact{ grid-template-columns: repeat(3, minmax(0,1fr)); }
  @media (max-width: 991.98px){ .mvx-usps--compact{ grid-template-columns: repeat(2, 1fr); } }
  .mvx-usp{ display:flex; gap:.6rem; align-items:flex-start; background:var(--card); border:1px solid var(--line); border-radius:12px; padding:.6rem .7rem; box-shadow:0 8px 24px rgba(0,0,0,.04); transition: transform .25s ease, box-shadow .25s ease; }
  .mvx-usp:hover{ transform: translateY(-2px); box-shadow: var(--glow); }
  .mvx-usp i{ color:var(--indigo); line-height:1; margin-top:.15rem; }
  .mvx-usp strong{ display:block; font-weight:800; color:var(--graphite); font-size:.98rem; }
  .mvx-usp span{ display:block; color:var(--muted); font-size:.9rem; }

  /* ФОРМА */
  .mvx-form-card{ position:sticky; top:16px; margin-top: 8px; background: radial-gradient(120% 100% at 0% 0%, rgba(86,204,242,.12), transparent 40%), var(--card); border: 1px solid var(--line); border-radius: 16px; box-shadow: var(--glow); overflow:hidden; }
  .mvx-form-head{ padding: 14px 16px; background: linear-gradient(90deg, rgba(86,204,242,.15), rgba(10,89,161,.12)); border-bottom:1px solid var(--line); }
  .mvx-form-title{ margin:0; font-size: 20px; font-weight: 900; color: var(--graphite); }
  .mvx-form-sub{ margin:.25rem 0 0; color:var(--muted); font-size:.95rem; }
  .mvx-form-body{ padding: 16px; }
  .mvx-form-meta{ display:flex; align-items:center; gap:.4rem; padding: 0 16px 14px; color:var(--muted); font-size:.88rem; border-top:1px dashed var(--line); }
  .mvx-form-meta i{ color:var(--indigo); }

  .mvx-form-body .wpcf7 form .wpcf7-form-control{ width:100%; border:1px solid var(--line); border-radius:10px; padding:12px 12px; font-size:14px; background:#fff; transition: box-shadow .2s, border-color .2s; }
  .mvx-form-body .wpcf7 form .wpcf7-form-control:focus{ outline:none; border-color: var(--indigo); box-shadow: 0 0 0 3px rgba(10,89,161,.15); }
  .mvx-form-body .wpcf7 form input[type="submit"],
  .mvx-form-body .wpcf7 form button[type="submit"]{ border:none; background: linear-gradient(90deg, var(--indigo), #134a86); color:#fff; font-weight:800; padding:12px 14px; border-radius:10px; cursor:pointer; transition: transform .08s ease, filter .2s ease; }
  .mvx-form-body .wpcf7 form input[type="submit"]:active{ transform: translateY(1px); }
  .mvx-form-body .wpcf7-not-valid-tip{ color:#b91c1c; font-size:12px; margin-top:4px; }
  .mvx-form-body .wpcf7-response-output{ margin-top:10px; border:1px solid var(--line); border-radius:10px; padding:10px; }

  /* CTA */
  .mvx-cta{ display:flex; gap:10px; flex-wrap:wrap; margin-top:10px; }
  .mvx-btn{ display:inline-flex; align-items:center; gap:.5rem; border:1px solid var(--line); border-radius:10px; padding:10px 14px; font-weight:800; text-decoration:none; }
  .mvx-btn--primary{ background: var(--indigo); color:#fff; border-color: transparent; }
  .mvx-btn--primary:hover{ filter: brightness(.95); }
  .mvx-btn--ghost{ background:#fff; color:var(--graphite); }

  /* МЕДИА справа */
  .mvx-hero-media{ position:relative; }
  .mvx-media{ position:relative; margin:0; }
  .mvx-media__img{ width:100%; height:auto; border-radius:18px; box-shadow:0 20px 60px rgba(31,42,51,.18); border: 1px solid var(--line); }
  .mvx-badge{ position:absolute; left:16px; bottom:16px; display:inline-flex; gap:.5rem; align-items:center; background:rgba(255,255,255,.9); backdrop-filter: blur(4px); border:1px solid var(--line); border-radius:999px; padding:.45rem .75rem; font-weight:800; color:var(--ink); box-shadow: var(--glow); }
  .mvx-badge i{ color:var(--sea); }

  .mvx-bubble{ position:absolute; border-radius:50%; pointer-events:none; opacity:.7; will-change: transform; }
  .mvx-bubble.b1{ width:200px; height:200px; background: radial-gradient(circle at 30% 30%, rgba(86,204,242,.25), transparent 60%); top:-40px; right:-30px; }
  .mvx-bubble.b2{ width:300px; height:300px; background: radial-gradient(circle at 70% 70%, rgba(10,89,161,.22), transparent 65%); bottom:-60px; left:-40px; }
  .mvx-bubble.b3{ width:140px; height:140px; background: radial-gradient(circle at 60% 40%, rgba(86,204,242,.2), transparent 60%); top:20%; left:10%; }
  @media (prefers-reduced-motion:no-preference){ .mvx-bubble{ animation: float 14s ease-in-out infinite; } @keyframes float { 0%,100%{ transform: translateY(0); } 50%{ transform: translateY(-8px); } } }

  /* Социальные доки */
  .mvx-stats{ display:flex; gap:10px; align-items:center; flex-wrap:wrap; background:var(--card); border:1px dashed rgba(86,204,242,.55); padding:.6rem .75rem; border-radius:999px; width:max-content; margin-top:12px; }
  .mvx-stat{ display:flex; align-items:baseline; gap:.35rem; position:relative; }
  .mvx-stat + .mvx-stat{ padding-left:.75rem; }
  .mvx-stat + .mvx-stat::before{ content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:18px; background:linear-gradient(var(--line), var(--line)); }
  .mvx-stat__val{ font-weight:900; color:var(--sea); font-size:1.05rem; }
  .mvx-stat__label{ color:var(--muted); font-size:.9rem; }

  /* Появление */
  [data-animate]{ opacity:0; transform: translateY(10px); }
  .is-inview{ opacity:1 !important; transform: translateY(0) !important; transition: opacity .45s ease, transform .45s ease; }
  @media (max-width: 390px){
    .mvx-hero{ padding:22px 0 26px; }
    .mvx-title{ font-size:clamp(26px, 9vw, 34px); line-height:1.08; }
    .mvx-lead{ font-size:15px; margin-bottom:.85rem; }
    .mvx-offer__badge{ font-size:.82rem; }
    .mvx-usps--compact{ grid-template-columns:1fr; }
    .mvx-usp{ padding:.7rem; }
    .mvx-form-card{ position:relative; top:auto; margin-top:2px; border-radius:14px; }
    .mvx-form-head{ padding:12px 14px; }
    .mvx-form-title{ font-size:18px; }
    .mvx-form-sub{ font-size:.92rem; }
    .mvx-form-body{ padding:14px; }
    .mvx-form-meta{ padding:0 14px 12px; font-size:.84rem; }
    .mvx-cta{ gap:8px; }
    .mvx-btn{ width:100%; justify-content:center; padding:11px 13px; }
    .mvx-stats{
      width:100%;
      border-radius:16px;
      padding:.7rem;
      gap:8px;
    }
    .mvx-stat{
      width:100%;
      justify-content:space-between;
    }
    .mvx-stat + .mvx-stat{
      padding-left:0;
      padding-top:.4rem;
      border-top:1px dashed rgba(0,0,0,.08);
    }
    .mvx-stat + .mvx-stat::before{ display:none; }
    .mvx-media__img{ border-radius:16px; }
    .mvx-badge{
      left:12px;
      right:12px;
      bottom:12px;
      font-size:.82rem;
      justify-content:center;
      text-align:center;
    }
    .mvx-bubble{ display:none; }
    .cs-card{ padding:1rem; border-radius:14px; }
    .cs-head{ gap:.5rem; }
    .cs-h2{ font-size:clamp(24px, 7.4vw, 30px); }
    .cs-sub{ font-size:.95rem; }
    .cs-grid,
    .cs-steps,
    .mv-benefits,
    .mv-works,
    .mv-testimonials,
    .cs-works-grid,
    .cs-t-grid{ gap:12px; }
    .table-wrap,
    .cs-table-wrap{ overflow:auto; -webkit-overflow-scrolling:touch; }
    .cs-table-wrap::after{ right:6px; top:6px; }
    .msg-row{ grid-template-columns:1fr; }
    .cs-req__wrap{ gap:16px; }
  }

.mvx-slogan-nav ul{ list-style:none; display:flex; gap:2rem; margin:0; padding:0; align-items:center; }
  .mvx-slogan-nav a{ color:rgba(31,42,51,.85); text-decoration:none; font-weight:700; font-size:.98rem; position:relative; transition: color .2s ease; }
  .mvx-slogan-nav a::after{ content:""; position:absolute; left:0; bottom:-6px; width:0; height:3px; background:linear-gradient(90deg, var(--sea), var(--indigo)); transition:width .25s ease; border-radius:2px; }
  .mvx-slogan-nav a:hover{ color:var(--graphite); }
  .mvx-slogan-nav a:hover::after{ width:100%; }

:root{
    --cs-blue:#0A59A1;
    --cs-blue-2:#2B7CD3;
    --cs-cyan:#56CCF2;
    --cs-ink:#0f2532;
    --cs-muted:#66707A;
    --cs-line:#E6EEF5;
    --cs-card:#fff;
    --cs-shadow:0 12px 30px rgba(10,89,161,.12), 0 4px 14px rgba(43,124,211,.08);
  }

  .cs-experience{ padding: clamp(28px,5vw,56px) 0; background:linear-gradient(180deg,#F7FBFF,#F2F7FD); position:relative; overflow:hidden; }
  .cs-experience::before{ content:""; position:absolute; left:-10%; top:-12%; width:420px; height:420px; border-radius:50%; background: radial-gradient(circle at 30% 30%, rgba(86,204,242,.25), transparent 60%); filter: blur(2px); }
  .cs-experience::after{ content:""; position:absolute; right:-8%; bottom:-10%; width:480px; height:480px; border-radius:50%; background: radial-gradient(circle at 70% 60%, rgba(10,89,161,.18), transparent 65%); }

  .cs-head{ margin-bottom:1rem; display:flex; flex-direction:column; gap:.35rem; }
  .cs-kicker{ display:inline-flex; align-items:center; gap:.4rem; padding:.35rem .6rem; border:1px solid var(--cs-line); border-radius:999px; background:#fff; color:var(--cs-blue); font-weight:900; box-shadow: var(--cs-shadow); font-size:.9rem; }
  .cs-h2{ margin:0; font-size: clamp(24px,2.5vw,32px); font-weight:900; color:#22303a; }

  .cs-exp-grid{ display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:14px; }
  @media(max-width:991.98px){ .cs-exp-grid{ grid-template-columns: repeat(2, 1fr); } }
  @media(max-width:575.98px){ .cs-exp-grid{ grid-template-columns: 1fr; } }

  .cs-exp{ background:var(--cs-card); border:1px solid var(--cs-line); border-radius:16px; padding:1.1rem; box-shadow: var(--cs-shadow); text-align:center; position:relative; overflow:hidden; transition:.25s ease; }
  .cs-exp:hover{ transform: translateY(-2px); box-shadow:0 18px 52px rgba(10,89,161,.14), 0 6px 22px rgba(43,124,211,.10); border-color: rgba(43,124,211,.35); }
  .cs-exp::after{ content:""; position:absolute; inset:auto -25% -25% auto; width:200px; height:200px; background: radial-gradient(circle at 70% 30%, rgba(43,124,211,.12), transparent 60%); pointer-events:none; }

  .cs-exp__num{ font-size: clamp(32px,3vw,44px); font-weight:900; background: linear-gradient(90deg, var(--cs-blue), var(--cs-blue-2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom:.25rem; }
  .cs-exp__text{ color:var(--cs-muted); font-size:.98rem; line-height:1.35; }

  /* Плавная анимация появления */
  [data-animate]{ opacity:0; transform: translateY(10px); }
  .is-inview{ opacity:1 !important; transform: translateY(0) !important; transition: opacity .45s ease, transform .45s ease; }

:root{
    --cs-blue:#0A59A1; --cs-blue-2:#2B7CD3; --cs-cyan:#56CCF2;
    --cs-ink:#0f2532; --cs-muted:#66707A; --cs-line:#E6EEF5; --cs-card:#fff;
    --cs-shadow:0 14px 36px rgba(10,89,161,.08), 0 4px 16px rgba(43,124,211,.06);
  }

  .cs-rich{ padding: clamp(28px,5vw,56px) 0; background:#fff; }
  .cs-prose{ color:var(--cs-ink); font-size:1.02rem; line-height:1.65; }
  .cs-prose :where(h1,h2,h3,h4){ color:#22303a; font-weight:900; letter-spacing:-.01em; margin:1rem 0 .5rem; }
  .cs-prose h1{ font-size: clamp(26px,2.8vw,34px); }
  .cs-prose h2{ font-size: clamp(22px,2.2vw,28px); }
  .cs-prose h3{ font-size: clamp(18px,1.8vw,22px); }

  .cs-prose p{ margin:.6rem 0; }
  .cs-prose strong{ font-weight:800; }
  .cs-prose a{ color:var(--cs-blue-2); text-decoration: none; border-bottom:2px solid rgba(86,204,242,.6); }
  .cs-prose a:hover{ filter:brightness(.95); }

  /* Списки */
  .cs-prose ul, .cs-prose ol{ padding-left:1.2rem; margin:.5rem 0; }
  .cs-prose li{ margin:.25rem 0; }
  .cs-checklist{ counter-reset: c; list-style:none; padding:0; }
  .cs-checklist li{ counter-increment:c; position:relative; padding-left:34px; margin:.4rem 0; }
  .cs-checklist li::before{ content: counter(c); position:absolute; left:0; top:.05rem; width:24px; height:24px; border-radius:8px; display:grid; place-items:center; color:#fff; font-weight:900; background:linear-gradient(135deg, var(--cs-blue), var(--cs-blue-2)); box-shadow:0 6px 16px rgba(10,89,161,.25); }

  /* Таблицы */
  .cs-table-wrap{ position:relative; border-radius:14px; overflow:auto; box-shadow: var(--cs-shadow); border:1px solid var(--cs-line); }
  .cs-table{ width:100%; border-collapse:collapse; background:#fff; }
  .cs-table thead th{ position:sticky; top:0; background:linear-gradient(180deg,#fff,#F6FAFF); z-index:1; text-align:left; font-weight:900; color:#22303a; }
  .cs-table th, .cs-table td{ padding:.7rem .8rem; border-bottom:1px solid var(--cs-line); }
  .cs-table tbody tr:nth-child(2n){ background:#FBFDFF; }

  /* Цитата */
  .cs-quote{ margin:1rem 0; padding:1rem 1.1rem; background:linear-gradient(180deg,#fff,#F7FAFF); border:1px solid var(--cs-line); border-radius:14px; box-shadow: var(--cs-shadow); }
  .cs-quote p{ margin:0 0 .4rem; font-style:italic; }
  .cs-quote cite{ color:var(--cs-muted); font-weight:800; }

  /* Callout */
  .cs-callout{ display:flex; gap:.6rem; padding:.8rem 1rem; border-radius:14px; border:1px solid var(--cs-line); box-shadow: var(--cs-shadow); margin:.8rem 0; }
  .cs-callout i{ width:32px; height:32px; border-radius:10px; display:grid; place-items:center; color:#fff; box-shadow:0 8px 24px rgba(10,89,161,.25); }
  .cs-callout--info{ background:#fff; }
  .cs-callout--info i{ background: linear-gradient(135deg, var(--cs-blue), var(--cs-blue-2)); }

  /* Детали/FAQ */
  .cs-details{ border:1px solid var(--cs-line); border-radius:12px; padding:.6rem .8rem; background:#fff; box-shadow: var(--cs-shadow); margin:.5rem 0; }
  .cs-details summary{ cursor:pointer; display:flex; align-items:center; gap:.5rem; font-weight:800; color:#22303a; }
  .cs-details summary::-webkit-details-marker{ display:none; }
  .cs-details[open]{ background:linear-gradient(180deg,#fff,#F8FBFF); }

  /* Плавное появление */
  [data-animate]{ opacity:0; transform: translateY(10px); }
  .is-inview{ opacity:1 !important; transform: translateY(0) !important; transition: opacity .45s ease, transform .45s ease; }

  /* Подсказка о скролле таблицы */
  .cs-table-wrap::after{ content:"Прокрутите →"; position:absolute; right:8px; top:8px; font-size:.8rem; color:var(--cs-muted); background:#fff; border:1px solid var(--cs-line); border-radius:999px; padding:.15rem .5rem; }
  @media (min-width: 992px){ .cs-table-wrap::after{ display:none; } }

/* Палитра — как в логотипе: тёмно-синий + ярко-синий + голубой */
  :root{
    --cs-blue:#0A59A1;      /* основной фирменный */
    --cs-blue-2:#2B7CD3;    /* градиент/акцент */
    --cs-cyan:#56CCF2;      /* вспомогательный акцент */
    --cs-graphite:#2B3137;  /* заголовки */
    --cs-ink:#0f2532;       /* текст */
    --cs-muted:#66707A;     /* вторичный */
    --cs-card:#FFFFFF;      /* карточки */
    --cs-line:#E6EEF5;      /* бордеры */
    --cs-shadow:0 14px 36px rgba(10,89,161,.10), 0 4px 16px rgba(43,124,211,.06);
    --cs-soft:rgba(43,124,211,.12);
  }

  .cs-benefits{ padding: clamp(28px,5vw,56px) 0; position:relative; background:linear-gradient(180deg,#F7FBFF,#F2F7FD); overflow:hidden; }
  .cs-benefits::before{ content:""; position:absolute; left:-8%; top:-10%; width:420px; height:420px; border-radius:50%; background: radial-gradient(circle at 30% 30%, rgba(86,204,242,.25), transparent 60%); filter: blur(2px); }
  .cs-benefits::after{ content:""; position:absolute; right:-6%; bottom:-12%; width:520px; height:520px; border-radius:50%; background: radial-gradient(circle at 70% 60%, rgba(10,89,161,.18), transparent 65%); }

  .cs-head{ display:flex; align-items:baseline; gap:.75rem; margin-bottom:1.1rem; }
  .cs-kicker{ display:inline-flex; gap:.4rem; align-items:center; padding:.35rem .6rem; border:1px solid var(--cs-line); border-radius:999px; background:#fff; color:var(--cs-blue); font-weight:900; box-shadow: var(--cs-shadow); }
  .cs-h2{ margin:0; font-size: clamp(22px,2.3vw,30px); font-weight:900; color:var(--cs-graphite); letter-spacing:-.01em; }

  .cs-grid{ display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:16px; }
  @media (max-width: 991.98px){ .cs-grid{ grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 575.98px){ .cs-grid{ grid-template-columns: 1fr; } }

  .cs-b-card{ position:relative; background: var(--cs-card); border:1px solid var(--cs-line); border-radius:16px; padding:1rem; box-shadow: var(--cs-shadow); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; overflow:hidden; }
  .cs-b-card:hover{ transform: translateY(-2px); box-shadow:0 18px 52px rgba(10,89,161,.14), 0 6px 22px rgba(43,124,211,.10); border-color: rgba(43,124,211,.35); }
  .cs-b-card::after{ content:""; position:absolute; inset:auto -28% -28% auto; width:220px; height:220px; background: radial-gradient(circle at 70% 30%, var(--cs-soft), transparent 60%); pointer-events:none; }

  .cs-ico{ width:44px; height:44px; display:grid; place-items:center; border-radius:12px; background: linear-gradient(135deg, var(--cs-blue), var(--cs-blue-2)); color:#fff; box-shadow:0 8px 24px rgba(10,89,161,.25); }
  .cs-b-card h3{ margin:.55rem 0 .25rem; font-size:1.02rem; font-weight:900; color:var(--cs-graphite); }
  .cs-b-card p{ margin:0; color:var(--cs-ink); font-size:.98rem; }

  /* Плавное появление карточек */
  [data-animate]{ opacity:0; transform: translateY(10px); }
  .is-inview{ opacity:1 !important; transform: translateY(0) !important; transition: opacity .45s ease, transform .45s ease; }

:root{
    --cs-blue:#0A59A1;      /* основной */
    --cs-blue-2:#2B7CD3;    /* акцент */
    --cs-cyan:#56CCF2;      /* вспомогательный */
    --cs-ink:#0f2532;       /* текст */
    --cs-muted:#66707A;     /* вторичный */
    --cs-line:#E6EEF5;      /* бордеры */
    --cs-card:#FFFFFF;      /* карточки */
    --cs-shadow:0 12px 30px rgba(10,89,161,.12), 0 4px 14px rgba(43,124,211,.08);
    --cs-focus:0 0 0 3px rgba(43,124,211,.18);
  }

  .cs-process{ padding: clamp(28px,5vw,56px) 0; background:linear-gradient(180deg,#F7FBFF,#F2F7FD); position:relative; overflow:hidden; }
  .cs-ribbon{ display:flex; gap:.5rem; flex-wrap:wrap; margin-bottom:12px; }
  .cs-chip{ display:inline-flex; gap:.35rem; align-items:center; padding:.35rem .6rem; border:1px solid var(--cs-line); border-radius:999px; background:#fff; color:var(--cs-blue); font-weight:900; box-shadow: var(--cs-shadow); }

  .cs-head{ margin-bottom:12px; }
  .cs-kicker{ display:inline-flex; gap:.4rem; align-items:center; padding:.35rem .6rem; border:1px solid var(--cs-line); border-radius:999px; background:#fff; color:var(--cs-blue); font-weight:900; box-shadow: var(--cs-shadow); }
  .cs-h2{ margin:.5rem 0 0; font-size: clamp(22px,2.3vw,30px); font-weight:900; color:#22303a; letter-spacing:-.01em; }
  .cs-sub{ margin:.3rem 0 0; color:var(--cs-muted); max-width: 68ch; }

  .cs-steps{ display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:14px; counter-reset: s; }
  @media (max-width: 991.98px){ .cs-steps{ grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 575.98px){ .cs-steps{ grid-template-columns: 1fr; } }

  .cs-step{ position:relative; background:var(--cs-card); border:1px solid var(--cs-line); border-radius:16px; padding:1rem; box-shadow: var(--cs-shadow); }
  .cs-step__num{ counter-increment:s; content:counter(s); }
  .cs-step__num::before{ content: counter(s); position:absolute; right:12px; top:10px; width:28px; height:28px; border-radius:8px; display:grid; place-items:center; font-weight:900; color:#fff; background:linear-gradient(135deg, var(--cs-blue), var(--cs-blue-2)); }
  .cs-step__head{ display:flex; align-items:center; gap:.5rem; }
  .cs-step__head i{ color:var(--cs-blue-2); }
  .cs-step h3{ margin:.1rem 0 .25rem; font-size:1.02rem; font-weight:900; color:#22303a; }
  .cs-step p{ margin:0; color:var(--cs-ink); }
  .cs-bullets{ margin:.5rem 0 0; padding-left:1.1rem; color:var(--cs-muted); font-size:.95rem; }

  /* CTA-панель */
  .cs-cta{ margin-top:14px; border:1px solid var(--cs-line); border-radius:16px; padding:.85rem; background: radial-gradient(120% 100% at 0% 0%, rgba(86,204,242,.12), transparent 40%), #fff; display:flex; align-items:center; justify-content:space-between; gap:12px; box-shadow: var(--cs-shadow); flex-wrap:wrap; }
  .cs-cta__text strong{ display:block; font-weight:900; color:#22303a; }
  .cs-cta__text span{ color:var(--cs-muted); }
  .cs-cta__actions{ display:flex; gap:.5rem; flex-wrap:wrap; }

  .cs-btn{ display:inline-flex; align-items:center; gap:.5rem; border-radius:12px; padding:.65rem 1rem; font-weight:900; text-decoration:none; }
  .cs-btn--primary{ background: linear-gradient(90deg, var(--cs-blue), var(--cs-blue-2)); color:#fff; border:0; box-shadow:0 10px 24px rgba(10,89,161,.2); }
  .cs-btn--primary:hover{ filter:brightness(.95); }
  .cs-btn--ghost{ background:#fff; color:#22303a; border:1px solid var(--cs-line); }

  /* Встроенная форма (если шорткод есть) */
  .cs-inline-form{ margin-top:10px; }
  .cs-inline-form .wpcf7 form .wpcf7-form-control{ width:100%; border:1px solid var(--cs-line); border-radius:12px; padding:12px; font-size:14px; background:#fff; transition: box-shadow .2s, border-color .2s; }
  .cs-inline-form .wpcf7 form .wpcf7-form-control:focus{ outline:none; border-color: var(--cs-blue-2); box-shadow: var(--cs-focus); }
  .cs-inline-form .wpcf7 form input[type="submit"],
  .cs-inline-form .wpcf7 form button[type="submit"]{ border:none; background: linear-gradient(90deg, var(--cs-blue), var(--cs-blue-2)); color:#fff; font-weight:900; padding:12px 14px; border-radius:12px; cursor:pointer; }

  /* Плавное появление */
  [data-animate]{ opacity:0; transform: translateY(10px); }
  .is-inview{ opacity:1 !important; transform: translateY(0) !important; transition: opacity .45s ease, transform .45s ease; }
  .cs-process {
  background: #F7FBFF;
  padding: 56px 0;
}
.cs-process .cs-wrapper {
  background: #fff;
  border: 1px solid #E6EEF5;
  border-radius: 20px;
  padding: 32px;
  box-shadow: 0 20px 50px rgba(10,89,161,.06);
}
.cs-process {
  background: linear-gradient(180deg, #7dc1ff, #F6FBFF);
  
  padding: 56px 0;
}

:root{
    --cs-blue:#0A59A1; --cs-blue-2:#2B7CD3; --cs-cyan:#56CCF2;
    --cs-ink:#0f2532; --cs-muted:#66707A; --cs-line:#E6EEF5; --cs-card:#fff;
    --cs-shadow:0 12px 30px rgba(10,89,161,.12), 0 4px 14px rgba(43,124,211,.08);
  }
  .cs-services{ padding: clamp(28px,5vw,56px) 0; background:linear-gradient(180deg,#F7FBFF,#F2F7FD); }
  .cs-head{ margin-bottom:12px; }
  .cs-kicker{ display:inline-flex; align-items:center; gap:.4rem; padding:.35rem .6rem; border:1px solid var(--cs-line); border-radius:999px; background:#fff; color:var(--cs-blue); font-weight:900; box-shadow: var(--cs-shadow); }
  .cs-h2{ margin:.5rem 0 0; font-size: clamp(22px,2.3vw,30px); font-weight:900; color:#22303a; letter-spacing:-.01em; }

  /* Карточки услуг */
  .cs-cards{ align-items:stretch; }
  .cs-card{ height:100%; background:var(--cs-card); border:1px solid var(--cs-line); border-radius:16px; padding:1rem; box-shadow: var(--cs-shadow); display:flex; flex-direction:column; gap:.5rem; }
  .cs-ico{ width:44px; height:44px; display:grid; place-items:center; border-radius:12px; background: linear-gradient(135deg, var(--cs-blue), var(--cs-blue-2)); color:#fff; box-shadow:0 8px 24px rgba(10,89,161,.25); }
  .cs-title{ margin:.2rem 0 0; font-size:1.05rem; font-weight:900; color:#22303a; }
  .cs-desc{ margin:0 0 .35rem; color:var(--cs-muted); }
  .cs-btn{ display:inline-flex; align-items:center; gap:.5rem; border-radius:12px; padding:.6rem .9rem; font-weight:900; text-decoration:none; width:max-content; }
  .cs-btn--primary{ background: linear-gradient(90deg, var(--cs-blue), var(--cs-blue-2)); color:#fff; border:0; box-shadow:0 10px 24px rgba(10,89,161,.2); }
  .cs-btn--primary:hover{ filter:brightness(.96); }

  /* Swiper навигация */
  .cs-nav{ display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:.5rem; margin-top:.75rem; }
  .cs-prev,.cs-next{ width:40px; height:40px; display:grid; place-items:center; border-radius:10px; border:1px solid var(--cs-line); background:#fff; color:#22303a; box-shadow: var(--cs-shadow); }
  .cs-prev:hover,.cs-next:hover{ filter:brightness(.98); }
  .cs-pagination{ position:relative; }
  .cs-pagination .swiper-pagination-bullet{ background:rgba(10,89,161,.25); opacity:1; }
  .cs-pagination .swiper-pagination-bullet-active{ background:linear-gradient(90deg, var(--cs-blue), var(--cs-blue-2)); }

  /* Фоллбэк: если Swiper не инициализировался — показываем грид */
  .cs-slider:not(.swiper-initialized) .swiper-wrapper{ display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:14px; }
  @media (max-width:1199.98px){ .cs-slider:not(.swiper-initialized) .swiper-wrapper{ grid-template-columns: repeat(3,1fr); } }
  @media (max-width:767.98px){ .cs-slider:not(.swiper-initialized) .swiper-wrapper{ grid-template-columns: repeat(2,1fr); } }
  @media (max-width:479.98px){ .cs-slider:not(.swiper-initialized) .swiper-wrapper{ grid-template-columns: 1fr; } }

:root{
    --mint:#A8E6CF; --blue:#56CCF2; --dark:#2F2F2F; --white:#fff; --border:#E6EEF4; --focus:#95DBFF;
  }

  /* Контейнер формы */
.mv-request__form {
  max-width: 600px;
  margin: 0 auto;
  padding: 32px;
  background-color: #f4f7fb;
  border-radius: 16px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.05);
  font-family: 'Segoe UI', sans-serif;
}

/* Общая форма */
.mv-request__form .wpcf7-form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* Метки */
.mv-request__form label {
  font-weight: 500;
  font-size: 15px;
  color: #333;
  display: flex;
  flex-direction: column;
}

/* Поля ввода */
.mv-request__form input[type="text"],
.mv-request__form input[type="email"],
.mv-request__form textarea {
  padding: 12px 14px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 16px;
  resize: vertical;
  transition: border 0.3s ease;
  font-family: inherit;
  width: 100%;
  box-sizing: border-box;
}

.mv-request__form input:focus,
.mv-request__form textarea:focus {
  border-color: #007acc;
  outline: none;
}

/* Кнопка отправки */
.mv-request__form input[type="submit"] {
  background-color: #007acc;
  color: #fff;
  padding: 12px;
  font-size: 16px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.mv-request__form input[type="submit"]:hover:not([disabled]) {
  background-color: #005fa3;
}

.mv-request__form input[type="submit"]:disabled {
  background-color: #ccc;
  cursor: not-allowed;
}

/* Чекбокс */
.mv-request__form .licence_block {
  display: flex;
  align-items: flex-start;
  font-size: 14px;
  color: #333;
}

.mv-request__form .form-checkbox__input {
  margin-right: 8px;
  transform: scale(1.2);
  cursor: pointer;
}

.mv-request__form .form-checkbox__text {
  line-height: 1.5;
}

.mv-request__form .form-checkbox__text a {
  color: #007acc;
  text-decoration: underline;
}

.mv-request__form .form-checkbox__text a:hover {
  text-decoration: none;
}

/* Сообщение от формы (ошибки или успех) */
.mv-request__form .wpcf7-response-output {
  margin-top: 12px;
  font-size: 14px;
  color: #d9534f; /* красный по умолчанию для ошибок */
}

/* Скрытые поля */
.hidden-fields-container {
  display: none;
}
  .mv-sidebar{ display:flex; flex-direction:column; gap:16px; }
  .mv-card{ background:#fff; border:1px solid var(--border); border-radius:16px; padding:16px; box-shadow:0 8px 24px rgba(14,92,114,.06); }
  .mv-card__title{ margin:0 0 .5rem; font-size:1.05rem; font-weight:800; color:var(--dark); display:flex; align-items:center; gap:.5rem; }
  .mv-form{ display:flex; flex-direction:column; gap:10px; }
  .mv-field{ display:flex; flex-direction:column; gap:6px; }
  .mv-field span{ font-weight:700; font-size:.9rem; color:var(--dark); }
  .mv-field input, .mv-field textarea{ border:1px solid #DDEFF0; border-radius:10px; padding:.6rem .75rem; outline:none; font-size:.95rem; }
  .mv-field input:focus, .mv-field textarea:focus{ border-color:var(--blue); box-shadow:0 0 0 3px rgba(149,219,255,.35); }
  .mv-ps{ margin:.25rem 0 0; font-size:.8rem; color:#5b6; }
  .mv-note{ margin:.25rem 0 .75rem; color:#445; font-size:.92rem; }

  .btn-mint, .btn-blue, .btn-ghost{ display:inline-flex; align-items:center; justify-content:center; gap:.5rem; padding:.65rem .9rem; border-radius:10px; font-weight:800; border:1px solid transparent; cursor:pointer; text-decoration:none; }
  .btn-mint{ background:linear-gradient(180deg,var(--blue),#3DBBEA); color:#0b2230; }
  .btn-mint:hover{ filter:brightness(1.05); }
  .btn-blue{ background:#fff; border-color:var(--blue); color:#0b2230; background-image:linear-gradient(180deg,#ECF9FF,#fff); }
  .btn-blue:hover{ box-shadow:0 0 0 3px rgba(149,219,255,.35) inset; }
  .btn-ghost{ background:#F5FFFA; border-color:rgba(168,230,207,.7); color:#0b2230; }
  .btn-ghost:hover{ background:#EFFFF7; }
  .w-100{ width:100%; }

  /* Messengers */
  .msg-row{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:.25rem; }
  .btn-chat{ border-radius:10px; padding:.6rem .75rem; font-weight:800; border:1px solid var(--border); background:#fff; display:inline-flex; align-items:center; justify-content:center; gap:.5rem; text-decoration:none; color:#0b2230; box-shadow:0 6px 18px rgba(0,0,0,.05); }
  .btn-chat.wa{ background:linear-gradient(180deg,#EAFBF3,#fff); border-color:rgba(168,230,207,.65); }
  .btn-chat.tg{ background:linear-gradient(180deg,#ECF9FF,#fff); border-color:rgba(86,204,242,.55); }
  .btn-chat:hover{ filter:brightness(1.03); }
  .msg-more{ margin-top:.5rem; display:flex; justify-content:center; }
  .lnk-quiet{ color:#415; text-decoration:none; display:inline-flex; align-items:center; gap:.35rem; font-size:.92rem; }

  /* Trust */
  .trust-list{ list-style:none; padding:0; margin:0 0 .75rem; display:flex; flex-direction:column; gap:.4rem; }
  .trust-list li{ display:flex; align-items:center; gap:.5rem; }
  .b-ic{ width:28px; height:28px; border-radius:8px; background:var(--mint); display:inline-flex; align-items:center; justify-content:center; }

  /* Download */
  .dl-card .mv-ps{ color:#667; }

  /* Modal */
  .mv-modal__head{ margin-bottom:.5rem; }
  .mv-modal__title{ font-size:1.15rem; font-weight:900; color:var(--dark); }
  .mv-modal__subtitle{ color:#445; font-size:.95rem; }

  /* Responsive tweaks inside sidebar width */
  @media (max-width: 991.98px){
    /* If sidebar shown on mobile later */
    .mv-card{ padding:14px; }
  }

:root{ --mint:#A8E6CF; --blue:#56CCF2; --dark:#2F2F2F; --white:#fff; --border:#E6EEF4; }
  .mv-section{ padding:48px 0; }
  .mv-title{ display:flex; align-items:center; gap:.75rem; margin:0 0 22px; font-weight:900; font-size:1.6rem; color:#18323b; }
  .mv-title .dot{ width:12px; height:12px; border-radius:50%; background:var(--blue); box-shadow:0 0 0 6px rgba(86,204,242,.2); }

  /* ===== Преимущества ===== */
  .mv-benefits{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
  @media (max-width: 991.98px){ .mv-benefits{ grid-template-columns:1fr; } }
  .mv-benefit{
    background:var(--white); border:1px solid rgba(168,230,207,.35); border-radius:16px; padding:18px; display:flex; gap:14px; align-items:flex-start;
    box-shadow:0 10px 24px rgba(0,0,0,.06); transition:transform .2s ease, box-shadow .2s ease;
  }
  .mv-benefit:hover{ transform:translateY(-3px); box-shadow:0 18px 40px rgba(14,90,114,.12); }
  .mv-benefit .ic{ width:48px; height:48px; border-radius:12px; display:inline-flex; align-items:center; justify-content:center; background:linear-gradient(180deg,var(--mint),#90DFBF); color:#0b2230; font-size:22px; flex:0 0 48px; }
  .mv-benefit h3{ margin:0 0 6px; font-size:1.05rem; font-weight:800; color:#17333c; }
  .mv-benefit p{ margin:0; color:#2F2F2F; }

  /* ===== Примеры работ ===== */
  .mv-works{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
  @media (max-width: 1199.98px){ .mv-works{ grid-template-columns:repeat(3,1fr);} }
  @media (max-width: 991.98px){ .mv-works{ grid-template-columns:repeat(2,1fr);} }
  @media (max-width: 575.98px){ .mv-works{ grid-template-columns:1fr;} }
  .mv-work{ position:relative; border-radius:16px; overflow:hidden; background:#eef6f9; border:1px solid var(--border); box-shadow:0 8px 24px rgba(0,0,0,.04); }
  .mv-work img{ display:block; width:100%; height:220px; object-fit:cover; transition:transform .35s ease; }
  .mv-work:hover img{ transform:scale(1.05); }
  .mv-work .cap{ position:absolute; left:12px; right:12px; bottom:12px; background:rgba(0,0,0,.55); color:#fff; padding:10px 12px; border-radius:12px; font-weight:700; }
  .mv-work .cap small{ display:block; opacity:.85; font-weight:500; }

  /* ===== Схема работы ===== */
  .mv-steps{ position:relative; display:grid; grid-template-columns:repeat(3,1fr); gap:18px; counter-reset:step; }
  @media (max-width: 991.98px){ .mv-steps{ grid-template-columns:1fr; } }
  .mv-step{ background:var(--white); border:1px solid rgba(86,204,242,.3); border-radius:16px; padding:18px; box-shadow:0 10px 24px rgba(0,0,0,.06); position:relative; }
  .mv-step::before{ counter-increment:step; content:counter(step); position:absolute; top:-12px; left:-12px; width:38px; height:38px; display:grid; place-items:center; border-radius:50%; background:linear-gradient(180deg,var(--blue),#3DBBEA); color:#0b2230; font-weight:900; box-shadow:0 6px 16px rgba(61,187,234,.35); }
  .mv-step h3{ margin:0 0 6px; font-size:1.05rem; font-weight:800; color:#17333c; display:flex; align-items:center; gap:.5rem; }
  .mv-step p{ margin:0; }

  /* connector only on desktop */
  @media (min-width: 992px){
    .mv-steps .mv-step{ overflow:visible; }
    .mv-steps .mv-step:not(:nth-child(3n))::after{ content:""; position:absolute; top:28px; right:-9px; width:18px; height:18px; border-radius:50%; background:var(--mint); box-shadow:0 0 0 6px rgba(168,230,207,.25); }
  }

  /* ===== Отзывы ===== */
  .mv-testimonials{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
  @media (max-width: 991.98px){ .mv-testimonials{ grid-template-columns:1fr; } }
  .mv-tcard{ background:var(--white); border:1px solid var(--border); border-left:4px solid var(--mint); border-radius:16px; padding:18px; box-shadow:0 10px 24px rgba(0,0,0,.06); position:relative; }
  .mv-tcard .quote{ position:absolute; right:14px; top:14px; width:28px; height:28px; border-radius:8px; display:inline-flex; align-items:center; justify-content:center; background:rgba(86,204,242,.15); }
  .mv-tcard .name{ margin-top:10px; font-weight:800; }
  .mv-stars{ display:inline-flex; gap:2px; font-size:16px; color:#F59E0B; }

  /* Buttons more/filters (optional) */
  .mv-actions{ margin-top:14px; display:flex; gap:10px; flex-wrap:wrap; }
  .btn-outline{ padding:.55rem .85rem; border-radius:12px; border:1px solid var(--blue); color:#0b2230; background:#fff; text-decoration:none; font-weight:800; }
  .btn-outline:hover{ background:#ECF9FF; }

:root{
    --cs-blue:#0A59A1;      /* основной */
    --cs-blue-2:#2B7CD3;    /* акцент */
    --cs-cyan:#56CCF2;      /* вспомогательный */
    --cs-ink:#0f2532;       /* текст */
    --cs-muted:#66707A;     /* вторичный */
    --cs-line:#E6EEF5;      /* бордеры */
    --cs-card:#FFFFFF;      /* карточки */
    --cs-shadow:0 12px 30px rgba(10,89,161,.08), 0 4px 14px rgba(43,124,211,.06);
  }

  /* Секция на белом фоне */
  .cs-testimonials{ background:#fff; padding: clamp(28px,5vw,56px) 0; }

  .cs-head{ margin-bottom:12px; }
  .cs-kicker{ display:inline-flex; gap:.4rem; align-items:center; padding:.35rem .6rem; border:1px solid var(--cs-line); border-radius:999px; background:#fff; color:var(--cs-blue); font-weight:900; box-shadow: var(--cs-shadow); }
  .cs-h2{ margin:.5rem 0 0; font-size: clamp(22px,2.3vw,30px); font-weight:900; color:#22303a; letter-spacing:-.01em; }

  .cs-t-grid{ display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:14px; }
  @media (max-width: 991.98px){ .cs-t-grid{ grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 575.98px){ .cs-t-grid{ grid-template-columns: 1fr; } }

  .cs-t-card{ background:var(--cs-card); border:1px solid var(--cs-line); border-radius:16px; padding:1rem; box-shadow: var(--cs-shadow); position:relative; overflow:hidden; }
  .cs-t-card blockquote{ margin:.5rem 0 .6rem; color:var(--cs-ink); font-style:italic; }
  .cs-t-card footer{ color:var(--cs-muted); font-weight:800; display:flex; align-items:center; gap:.4rem; }

  .cs-t-top{ display:flex; align-items:center; gap:.6rem; }
  .cs-avatar{ width:40px; height:40px; border-radius:50%; display:grid; place-items:center; background: linear-gradient(135deg, var(--cs-blue), var(--cs-blue-2)); color:#fff; box-shadow:0 8px 24px rgba(10,89,161,.25); }
  .cs-name{ color:#22303a; }

  .cs-stars{ display:flex; gap:2px; color:#FFC857; }

  .cs-actions{ margin-top:1rem; }
  .cs-btn{ display:inline-flex; align-items:center; gap:.5rem; border-radius:12px; padding:.6rem 1rem; font-weight:900; text-decoration:none; }
  .cs-btn--outline{ border:1px solid var(--cs-line); background:linear-gradient(180deg, #fff, #F7FAFF); color:var(--cs-ink); }

  /* Плавное появление */
  [data-animate]{ opacity:0; transform: translateY(10px); }
  .is-inview{ opacity:1 !important; transform: translateY(0) !important; transition: opacity .45s ease, transform .45s ease; }

:root{
    --cs-blue:#0A59A1;      /* основной фирменный */
    --cs-blue-2:#2B7CD3;    /* акцент/градиент */
    --cs-cyan:#56CCF2;      /* вспомогательный */
    --cs-ink:#0f2532;       /* текст */
    --cs-muted:#66707A;     /* вторичный */
    --cs-line:#E6EEF5;      /* бордеры */
    --cs-card:#FFFFFF;      /* карточки */
    --cs-shadow:0 14px 36px rgba(10,89,161,.10), 0 4px 16px rgba(43,124,211,.06);
    --cs-focus:0 0 0 3px rgba(43,124,211,.18);
  }

  /* Белый фон секции */
  .cs-request{ background:#fff; padding: clamp(28px,5vw,56px) 0; }

  .cs-req__wrap{ display:grid; grid-template-columns: 1.05fr 1fr; gap:clamp(18px,3.5vw,40px); align-items:start; }
  @media (max-width: 991.98px){ .cs-req__wrap{ grid-template-columns:1fr; } }

  .cs-req__head{ margin-bottom:.6rem; }
  .cs-kicker{ display:inline-flex; align-items:center; gap:.4rem; padding:.35rem .6rem; border:1px solid var(--cs-line); border-radius:999px; background:#fff; color:var(--cs-blue); font-weight:900; box-shadow: var(--cs-shadow); }
  .cs-h2{ margin:.5rem 0 0; font-size: clamp(24px,2.4vw,32px); font-weight:900; color:#22303a; letter-spacing:-.01em; display:flex; align-items:center; gap:.5rem; }
  .cs-dot{ width:10px; height:10px; border-radius:3px; background: linear-gradient(135deg, var(--cs-blue), var(--cs-blue-2)); display:inline-block; }
  .cs-lead{ margin:.35rem 0 0; color:var(--cs-muted); max-width: 68ch; }

  .cs-contacts{ list-style:none; margin: .8rem 0 0; padding:0; display:grid; gap:.4rem; color:var(--cs-ink); }
  .cs-contacts i{ color:var(--cs-blue-2); margin-right:.45rem; }
  .cs-contacts a{ color:var(--cs-blue-2); text-decoration:none; font-weight:800; }

  .cs-chips{ display:flex; gap:.5rem; flex-wrap:wrap; margin-top:.8rem; }
  .cs-chip{ display:inline-flex; gap:.35rem; align-items:center; padding:.35rem .6rem; border:1px solid var(--cs-line); border-radius:999px; background:#fff; color:var(--cs-blue); font-weight:900; box-shadow: var(--cs-shadow); }

  /* Карточка формы */
  .cs-form-card{ background: var(--cs-card); border:1px solid var(--cs-line); border-radius:16px; overflow:hidden; box-shadow: var(--cs-shadow); }
  .cs-form-head{ padding: 14px 16px; background: linear-gradient(90deg, rgba(86,204,242,.12), rgba(10,89,161,.10)); border-bottom:1px solid var(--cs-line); }
  .cs-form-title{ margin:0; font-size: 20px; font-weight:900; color:#22303a; }
  .cs-form-sub{ margin:.25rem 0 0; color:var(--cs-muted); }
  .cs-form-body{ padding: 16px; }
  .cs-form-foot{ display:flex; align-items:center; gap:.45rem; padding: 0 16px 14px; color:var(--cs-muted); font-size:.9rem; border-top:1px dashed var(--cs-line); }
  .cs-form-foot i{ color:var(--cs-blue-2); }

  /* Гармонизация CF7 */
  .cs-form-body .wpcf7 form{ display:grid; gap:10px; }
  .cs-form-body .wpcf7 form label{ color:#22303a; font-weight:700; font-size:.95rem; }
  .cs-form-body .wpcf7-form-control{ width:100%; border:1px solid var(--cs-line); border-radius:12px; padding:12px 12px; font-size:14px; background:#fff; transition: box-shadow .2s, border-color .2s; }
  .cs-form-body .wpcf7-form-control:focus{ outline:none; border-color: var(--cs-blue-2); box-shadow: var(--cs-focus); }
  .cs-form-body input[type="submit"],
  .cs-form-body button[type="submit"]{ border:none; background: linear-gradient(90deg, var(--cs-blue), var(--cs-blue-2)); color:#fff; font-weight:900; padding:12px 14px; border-radius:12px; cursor:pointer; transition: transform .08s ease, filter .2s ease; }
  .cs-form-body input[type="submit"]:hover{ filter:brightness(.96); }
  .cs-form-body input[type="submit"]:active{ transform: translateY(1px); }
  .cs-form-body .wpcf7-list-item-label a{ color:var(--cs-blue-2); text-decoration:underline; }
  .cs-form-body .wpcf7-not-valid-tip{ color:#b91c1c; font-size:12px; margin-top:4px; }
  .cs-form-body .wpcf7-response-output{ margin-top:10px; border:1px solid var(--cs-line); border-radius:12px; padding:10px; }

  /* Плавное появление */
  [data-animate]{ opacity:0; transform: translateY(10px); }
  .is-inview{ opacity:1 !important; transform: translateY(0) !important; transition: opacity .45s ease, transform .45s ease; }

:root{
--cs-blue:#0A59A1; /* основной фирменный */
--cs-blue-2:#2B7CD3; /* акцент/градиент */
--cs-cyan:#56CCF2; /* вспомогательный */
--cs-ink:#0f2532; /* текст */
--cs-muted:#66707A; /* вторичный */
--cs-line:#E6EEF5; /* бордеры */
--cs-card:#FFFFFF; /* карточки */
--cs-shadow:0 14px 36px rgba(10,89,161,.10), 0 4px 16px rgba(43,124,211,.06);
--cs-focus:0 0 0 3px rgba(43,124,211,.18);
}


/* Белый фон секции */
.cs-request{ position:relative; background:#fff; padding: clamp(28px,5vw,56px) 0; overflow:hidden; }
/* Полупрозрачный тематический фон «вентиляция» */
.cs-request::before{ /* перфорированная сетка/каналы */
content:""; position:absolute; inset:0; pointer-events:none; z-index:0;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'><path d='M0 40 V0 H40' fill='none' stroke='%230A59A1' stroke-opacity='.06'/><circle cx='20' cy='20' r='1' fill='%2356CCF2' fill-opacity='.18'/></svg>");
background-size:40px 40px; background-position:0 0; opacity:.75; mix-blend-mode:normal;
}
.cs-request::after{ /* «потоки воздуха» волнами */
content:""; position:absolute; left:-10%; right:-10%; top:-20%; height:200%; pointer-events:none; z-index:0;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1200' height='600' viewBox='0 0 1200 600'><g fill='none' stroke='%230A59A1' stroke-opacity='.08' stroke-width='2'><path d='M0 150 Q150 100 300 150 T600 150 T900 150 T1200 150'/><path d='M0 300 Q150 250 300 300 T600 300 T900 300 T1200 300'/><path d='M0 450 Q150 400 300 450 T600 450 T900 450 T1200 450'/></g></svg>");
background-repeat:repeat-x; background-size:1200px 600px; background-position:0 0; opacity:1;
animation: air-move 28s linear infinite;
}
@keyframes air-move { from{ background-position:0 0; } to{ background-position:-1200px 0; } }
@media (prefers-reduced-motion: reduce){ .cs-request::after{ animation:none; } }


.cs-req__wrap{ display:grid; grid-template-columns: 1.05fr 1fr; gap:clamp(18px,3.5vw,40px); align-items:start; }
@media (max-width: 991.98px){ .cs-req__wrap{ grid-template-columns:1fr; } }


.cs-req__head{ margin-bottom:.6rem; }
.cs-kicker{ display:inline-flex; align-items:center; gap:.4rem; padding:.35rem .6rem; border:1px solid var(--cs-line); border-radius:999px; background:#fff; color:var(--cs-blue); font-weight:900; box-shadow: var(--cs-shadow); }
.cs-h2{ margin:.5rem 0 0; font-size: clamp(24px,2.4vw,32px); font-weight:900; color:#22303a; letter-spacing:-.01em; display:flex; align-items:center; gap:.5rem; }
.cs-dot{ width:10px; height:10px; border-radius:3px; background: linear-gradient(135deg, var(--cs-blue), var(--cs-blue-2)); display:inline-block; }
.cs-lead{ margin:.35rem 0 0; color:var(--cs-muted); max-width: 68ch; }


.cs-contacts{ list-style:none; margin: .8rem 0 0; padding:0; display:grid; gap:.4rem; color:var(--cs-ink); }
.cs-contacts i{ color:var(--cs-blue-2); margin-right:.45rem; }
.cs-contacts a{ color:var(--cs-blue-2); text-decoration:none; font-weight:800; }


.cs-chips{ display:flex; gap:.5rem; flex-wrap:wrap; margin-top:.8rem; }
.cs-chip{ display:inline-flex; gap:.35rem; align-items:center; padding:.35rem .6rem; border:1px solid var(--cs-line); border-radius:999px; background:#fff; color:var(--cs-blue); font-weight:900; box-shadow: var(--cs-shadow); }


/* Карточка формы */
.cs-form-card{ background: var(--cs-card); border:1px solid var(--cs-line); border-radius:16px; overflow:hidden; box-shadow: var(--cs-shadow); }
.cs-form-head{ padding: 14px 16px; background: linear-gradient(90deg, rgba(86,204,242,.12), rgba(10,89,161,.10)); border-bottom:1px solid var(--cs-line); }
.cs-form-title{ margin:0; font-size: 20px; font-weight:900; color:#22303a; }
.cs-form-sub{ margin:.25rem 0 0; color:var(--cs-muted); }
.cs-form-body{ padding: 16px; }
.cs-form-foot{ display:flex; align-items:center; gap:.45rem; padding: 0 16px 14px; color:var(--cs-muted); font-size:.9rem; border-top:1px dashed var(--cs-line); }
.cs-form-foot i{ color:var(--cs-blue-2); }


/* Гармонизация CF7 */
.cs-form-body .wpcf7 form{ display:grid; gap:10px; }
.cs-form-body .wpcf7 form label{ color:#22303a; font-weight:700; font-size:.95rem; }
.cs-form-body .wpcf7-form-control{ width:100%; border:1px solid var(--cs-line); border-radius:12px; padding:12px 12px; font-size:14px; background:#fff; transition: box-shadow .2s, border-color .2s; }
.cs-form-body .wpcf7-form-control:focus{ outline:none; border-color: var(--cs-blue-2); box-shadow: var(--cs-focus); }
.cs-form-body input[type="submit"],
.cs-form-body button[type="submit"]{ border:none; background: linear-gradient(90deg, var(--cs-blue), var(--cs-blue-2)); color:#fff; font-weight:900; padding:12px 14px; border-radius:12px; cursor:pointer; transition: transform .08s ease, filter .2s ease; }
.cs-form-body input[type="submit"]:hover{ filter:brightness(.96); }
.cs-form-body input[type="submit"]:active{ transform: translateY(1px); }

/* Source: page-rec.php */

:root{
    --sea:#56CCF2;    /* акцент */
    --indigo:#0A59A1; /* фирменный */
    --graphite:#1F2A33; --ink:#0b2230; --muted:#5E6B76;
    --bg:#F6FAFB; --card:#FFFFFF; --line:rgba(0,0,0,.08);
    --glow: 0 10px 30px rgba(86,204,242,.35), 0 2px 10px rgba(10,89,161,.12);
  }
  .mvx-hero{ background:linear-gradient(180deg, var(--bg), #F0F7FF); padding: clamp(28px, 5vw, 56px) 0; position:relative; overflow:hidden; }
  .mvx-hero-grid{ display:grid; grid-template-columns: 1.05fr 1fr; gap:clamp(18px, 3.5vw, 40px); align-items:start; }
  .mvx-hero-grid--reversed{ grid-template-columns: 1fr 1.1fr; }
  @media (max-width: 1199.98px){ .mvx-hero-grid, .mvx-hero-grid--reversed{ grid-template-columns:1fr; } }

  .mvx-left{ position:relative; }
  .mvx-right{ position:relative; }

  /* ОФФЕР */
  .mvx-offer{ position:relative; padding:0 0 .25rem; }
  .mvx-offer__badge{ display:inline-flex; gap:.5rem; align-items:center; background:#fff; border:1px solid var(--line); border-radius:999px; padding:.4rem .65rem; font-weight:800; color:var(--graphite); box-shadow: var(--glow); }
  .mvx-offer__badge i{ color:var(--sea); }
  .mvx-title{ font-size: clamp(30px, 3.6vw, 48px); line-height:1.1; margin:.5rem 0 .5rem; color:var(--graphite); font-weight:900; letter-spacing:-0.015em; }
  .mvx-lead{ font-size: clamp(16px, 1.2vw, 18px); color:var(--muted); margin:0 0 1rem; max-width: 68ch; }

  /* ПРЕИМУЩЕСТВА */
  .mvx-usps{ display:grid; gap:12px; list-style:none; padding:0; margin: 0 0 1rem; }
  .mvx-usps--compact{ grid-template-columns: repeat(3, minmax(0,1fr)); }
  @media (max-width: 991.98px){ .mvx-usps--compact{ grid-template-columns: repeat(2, 1fr); } }
  .mvx-usp{ display:flex; gap:.6rem; align-items:flex-start; background:var(--card); border:1px solid var(--line); border-radius:12px; padding:.6rem .7rem; box-shadow:0 8px 24px rgba(0,0,0,.04); transition: transform .25s ease, box-shadow .25s ease; }
  .mvx-usp:hover{ transform: translateY(-2px); box-shadow: var(--glow); }
  .mvx-usp i{ color:var(--indigo); line-height:1; margin-top:.15rem; }
  .mvx-usp strong{ display:block; font-weight:800; color:var(--graphite); font-size:.98rem; }
  .mvx-usp span{ display:block; color:var(--muted); font-size:.9rem; }

  /* ФОРМА */
  .mvx-form-card{ position:sticky; top:16px; margin-top: 8px; background: radial-gradient(120% 100% at 0% 0%, rgba(86,204,242,.12), transparent 40%), var(--card); border: 1px solid var(--line); border-radius: 16px; box-shadow: var(--glow); overflow:hidden; }
  .mvx-form-head{ padding: 14px 16px; background: linear-gradient(90deg, rgba(86,204,242,.15), rgba(10,89,161,.12)); border-bottom:1px solid var(--line); }
  .mvx-form-title{ margin:0; font-size: 20px; font-weight: 900; color: var(--graphite); }
  .mvx-form-sub{ margin:.25rem 0 0; color:var(--muted); font-size:.95rem; }
  .mvx-form-body{ padding: 16px; }
  .mvx-form-meta{ display:flex; align-items:center; gap:.4rem; padding: 0 16px 14px; color:var(--muted); font-size:.88rem; border-top:1px dashed var(--line); }
  .mvx-form-meta i{ color:var(--indigo); }

  .mvx-form-body .wpcf7 form .wpcf7-form-control{ width:100%; border:1px solid var(--line); border-radius:10px; padding:12px 12px; font-size:14px; background:#fff; transition: box-shadow .2s, border-color .2s; }
  .mvx-form-body .wpcf7 form .wpcf7-form-control:focus{ outline:none; border-color: var(--indigo); box-shadow: 0 0 0 3px rgba(10,89,161,.15); }
  .mvx-form-body .wpcf7 form input[type="submit"],
  .mvx-form-body .wpcf7 form button[type="submit"]{ border:none; background: linear-gradient(90deg, var(--indigo), #134a86); color:#fff; font-weight:800; padding:12px 14px; border-radius:10px; cursor:pointer; transition: transform .08s ease, filter .2s ease; }
  .mvx-form-body .wpcf7 form input[type="submit"]:active{ transform: translateY(1px); }
  .mvx-form-body .wpcf7-not-valid-tip{ color:#b91c1c; font-size:12px; margin-top:4px; }
  .mvx-form-body .wpcf7-response-output{ margin-top:10px; border:1px solid var(--line); border-radius:10px; padding:10px; }

  /* CTA */
  .mvx-cta{ display:flex; gap:10px; flex-wrap:wrap; margin-top:10px; }
  .mvx-btn{ display:inline-flex; align-items:center; gap:.5rem; border:1px solid var(--line); border-radius:10px; padding:10px 14px; font-weight:800; text-decoration:none; }
  .mvx-btn--primary{ background: var(--indigo); color:#fff; border-color: transparent; }
  .mvx-btn--primary:hover{ filter: brightness(.95); }
  .mvx-btn--ghost{ background:#fff; color:var(--graphite); }

  /* МЕДИА справа */
  .mvx-hero-media{ position:relative; }
  .mvx-media{ position:relative; margin:0; }
  .mvx-media__img{ width:100%; height:auto; border-radius:18px; box-shadow:0 20px 60px rgba(31,42,51,.18); border: 1px solid var(--line); }
  .mvx-badge{ position:absolute; left:16px; bottom:16px; display:inline-flex; gap:.5rem; align-items:center; background:rgba(255,255,255,.9); backdrop-filter: blur(4px); border:1px solid var(--line); border-radius:999px; padding:.45rem .75rem; font-weight:800; color:var(--ink); box-shadow: var(--glow); }
  .mvx-badge i{ color:var(--sea); }

  .mvx-bubble{ position:absolute; border-radius:50%; pointer-events:none; opacity:.7; will-change: transform; }
  .mvx-bubble.b1{ width:200px; height:200px; background: radial-gradient(circle at 30% 30%, rgba(86,204,242,.25), transparent 60%); top:-40px; right:-30px; }
  .mvx-bubble.b2{ width:300px; height:300px; background: radial-gradient(circle at 70% 70%, rgba(10,89,161,.22), transparent 65%); bottom:-60px; left:-40px; }
  .mvx-bubble.b3{ width:140px; height:140px; background: radial-gradient(circle at 60% 40%, rgba(86,204,242,.2), transparent 60%); top:20%; left:10%; }
  @media (prefers-reduced-motion:no-preference){ .mvx-bubble{ animation: float 14s ease-in-out infinite; } @keyframes float { 0%,100%{ transform: translateY(0); } 50%{ transform: translateY(-8px); } } }

  /* Социальные доки */
  .mvx-stats{ display:flex; gap:10px; align-items:center; flex-wrap:wrap; background:var(--card); border:1px dashed rgba(86,204,242,.55); padding:.6rem .75rem; border-radius:999px; width:max-content; margin-top:12px; }
  .mvx-stat{ display:flex; align-items:baseline; gap:.35rem; position:relative; }
  .mvx-stat + .mvx-stat{ padding-left:.75rem; }
  .mvx-stat + .mvx-stat::before{ content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:18px; background:linear-gradient(var(--line), var(--line)); }
  .mvx-stat__val{ font-weight:900; color:var(--sea); font-size:1.05rem; }
  .mvx-stat__label{ color:var(--muted); font-size:.9rem; }

  /* Появление */
  [data-animate]{ opacity:0; transform: translateY(10px); }
  .is-inview{ opacity:1 !important; transform: translateY(0) !important; transition: opacity .45s ease, transform .45s ease; }
  @media (max-width: 390px){
    .mvx-hero{ padding:22px 0 26px; }
    .mvx-title{ font-size:clamp(26px, 9vw, 34px); line-height:1.08; }
    .mvx-lead{ font-size:15px; margin-bottom:.85rem; }
    .mvx-offer__badge{ font-size:.82rem; }
    .mvx-usps--compact{ grid-template-columns:1fr; }
    .mvx-usp{ padding:.7rem; }
    .mvx-form-card{ position:relative; top:auto; margin-top:2px; border-radius:14px; }
    .mvx-form-head{ padding:12px 14px; }
    .mvx-form-title{ font-size:18px; }
    .mvx-form-sub{ font-size:.92rem; }
    .mvx-form-body{ padding:14px; }
    .mvx-form-meta{ padding:0 14px 12px; font-size:.84rem; }
    .mvx-cta{ gap:8px; }
    .mvx-btn{ width:100%; justify-content:center; padding:11px 13px; }
    .mvx-stats{
      width:100%;
      border-radius:16px;
      padding:.7rem;
      gap:8px;
    }
    .mvx-stat{
      width:100%;
      justify-content:space-between;
    }
    .mvx-stat + .mvx-stat{
      padding-left:0;
      padding-top:.4rem;
      border-top:1px dashed rgba(0,0,0,.08);
    }
    .mvx-stat + .mvx-stat::before{ display:none; }
    .mvx-media__img{ border-radius:16px; }
    .mvx-badge{
      left:12px;
      right:12px;
      bottom:12px;
      font-size:.82rem;
      justify-content:center;
      text-align:center;
    }
    .mvx-bubble{ display:none; }
    .cs-card{ padding:1rem; border-radius:14px; }
    .cs-head{ gap:.5rem; }
    .cs-h2{ font-size:clamp(24px, 7.4vw, 30px); }
    .cs-sub{ font-size:.95rem; }
    .cs-grid,
    .cs-steps,
    .mv-benefits,
    .mv-works,
    .mv-testimonials,
    .cs-works-grid,
    .cs-t-grid{ gap:12px; }
    .table-wrap,
    .cs-table-wrap{ overflow:auto; -webkit-overflow-scrolling:touch; }
    .cs-table-wrap::after{ right:6px; top:6px; }
    .msg-row{ grid-template-columns:1fr; }
    .cs-req__wrap{ gap:16px; }
  }

.mvx-slogan-nav ul{ list-style:none; display:flex; gap:2rem; margin:0; padding:0; align-items:center; }
  .mvx-slogan-nav a{ color:rgba(31,42,51,.85); text-decoration:none; font-weight:700; font-size:.98rem; position:relative; transition: color .2s ease; }
  .mvx-slogan-nav a::after{ content:""; position:absolute; left:0; bottom:-6px; width:0; height:3px; background:linear-gradient(90deg, var(--sea), var(--indigo)); transition:width .25s ease; border-radius:2px; }
  .mvx-slogan-nav a:hover{ color:var(--graphite); }
  .mvx-slogan-nav a:hover::after{ width:100%; }

:root{
    --cs-blue:#0A59A1;
    --cs-blue-2:#2B7CD3;
    --cs-cyan:#56CCF2;
    --cs-ink:#0f2532;
    --cs-muted:#66707A;
    --cs-line:#E6EEF5;
    --cs-card:#fff;
    --cs-shadow:0 12px 30px rgba(10,89,161,.12), 0 4px 14px rgba(43,124,211,.08);
  }

  .cs-experience{ padding: clamp(28px,5vw,56px) 0; background:linear-gradient(180deg,#F7FBFF,#F2F7FD); position:relative; overflow:hidden; }
  .cs-experience::before{ content:""; position:absolute; left:-10%; top:-12%; width:420px; height:420px; border-radius:50%; background: radial-gradient(circle at 30% 30%, rgba(86,204,242,.25), transparent 60%); filter: blur(2px); }
  .cs-experience::after{ content:""; position:absolute; right:-8%; bottom:-10%; width:480px; height:480px; border-radius:50%; background: radial-gradient(circle at 70% 60%, rgba(10,89,161,.18), transparent 65%); }

  .cs-head{ margin-bottom:1rem; display:flex; flex-direction:column; gap:.35rem; }
  .cs-kicker{ display:inline-flex; align-items:center; gap:.4rem; padding:.35rem .6rem; border:1px solid var(--cs-line); border-radius:999px; background:#fff; color:var(--cs-blue); font-weight:900; box-shadow: var(--cs-shadow); font-size:.9rem; }
  .cs-h2{ margin:0; font-size: clamp(24px,2.5vw,32px); font-weight:900; color:#22303a; }

  .cs-exp-grid{ display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:14px; }
  @media(max-width:991.98px){ .cs-exp-grid{ grid-template-columns: repeat(2, 1fr); } }
  @media(max-width:575.98px){ .cs-exp-grid{ grid-template-columns: 1fr; } }

  .cs-exp{ background:var(--cs-card); border:1px solid var(--cs-line); border-radius:16px; padding:1.1rem; box-shadow: var(--cs-shadow); text-align:center; position:relative; overflow:hidden; transition:.25s ease; }
  .cs-exp:hover{ transform: translateY(-2px); box-shadow:0 18px 52px rgba(10,89,161,.14), 0 6px 22px rgba(43,124,211,.10); border-color: rgba(43,124,211,.35); }
  .cs-exp::after{ content:""; position:absolute; inset:auto -25% -25% auto; width:200px; height:200px; background: radial-gradient(circle at 70% 30%, rgba(43,124,211,.12), transparent 60%); pointer-events:none; }

  .cs-exp__num{ font-size: clamp(32px,3vw,44px); font-weight:900; background: linear-gradient(90deg, var(--cs-blue), var(--cs-blue-2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom:.25rem; }
  .cs-exp__text{ color:var(--cs-muted); font-size:.98rem; line-height:1.35; }

  /* Плавная анимация появления */
  [data-animate]{ opacity:0; transform: translateY(10px); }
  .is-inview{ opacity:1 !important; transform: translateY(0) !important; transition: opacity .45s ease, transform .45s ease; }

/* Мини-стили, если Tailwind нет */
    #ventilation-prices .container{max-width:1180px;margin:0 auto}
    #ventilation-prices .shadow{box-shadow:0 10px 30px rgba(0,0,0,.08)}
    #ventilation-prices .rounded{border-radius:12px}
    #ventilation-prices table{width:100%;border-collapse:separate;border-spacing:0}
    #ventilation-prices thead th{background:#1e40af;color:#fff;padding:14px;font-weight:700}
    #ventilation-prices tbody td{padding:14px;border-bottom:1px solid #e5e7eb}
    #ventilation-prices .btn{display:inline-block;padding:10px 16px;border-radius:10px;color:#fff;text-decoration:none;font-weight:600}
    #ventilation-prices .btn-primary{background:#2563eb}
    #ventilation-prices .btn-primary:hover{background:#1d4ed8}
    #ventilation-prices .btn-green{background:#16a34a}
    #ventilation-prices .btn-green:hover{background:#15803d}
    #ventilation-prices .btn-orange{background:#ea580c}
    #ventilation-prices .btn-orange:hover{background:#c2410c}
    #ventilation-prices .filters select,#ventilation-prices .filters input{padding:10px 12px;border:1px solid #d1d5db;border-radius:10px}
    #ventilation-prices .note{background:#eff6ff;border:1px solid #dbeafe;padding:18px;border-radius:12px}
    /* Модалка */
    .v-modal{position:fixed;inset:0;background:rgba(0,0,0,.45);display:none;align-items:center;justify-content:center;z-index:9999}
    .v-modal.active{display:flex}
    .v-card{background:#fff;max-width:760px;width:100%;border-radius:16px;padding:22px}
    .v-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
    .v-field{display:flex;flex-direction:column;gap:6px}
    .v-field input,.v-field select,.v-field textarea{padding:10px 12px;border:1px solid #d1d5db;border-radius:10px}
    .v-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
    .v-close{background:#f3f4f6;border:none;border-radius:10px;padding:8px 12px;cursor:pointer}
    .v-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}
    .price-pill{background:#0ea5e9;color:#fff;border-radius:10px;padding:6px 10px;font-weight:700;display:inline-block}
    .muted{color:#6b7280;font-size:14px}
    .badge{display:inline-block;background:#f1f5f9;color:#0f172a;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:700}
    .hidden{display:none}

:root{
    --bg:#f5f7fa;            /* светло-серый фон */
    --bg-alt:#eef4fb;        /* светло-голубой фон */
    --text:#1b2633;
    --muted:#5b6b7b;
    --brand:#4a86e8;         /* мягкий синий акцент */
    --line:#d9e2ef;
    --chip:#e7edf7;
    --ok:#0f9955;
  }
  html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial;}
  .container{max-width:1120px;margin:auto;padding:32px 16px;}
  h1,h2{line-height:1.25;margin:0 0 12px}
  h1{font-size:clamp(24px,3.2vw,34px)}
  h2{font-size:clamp(20px,2.2vw,26px);margin-top:28px}
  p.lead{color:var(--muted);margin:0 0 16px}
  .card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 6px 20px rgba(10,35,66,.05);overflow:hidden;margin:18px 0}
  .card__head{padding:14px 18px;background:linear-gradient(0deg,var(--bg-alt),#fff);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}
  .chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:var(--chip);padding:6px 10px;font-size:12px;color:#1a4a8a;border:1px solid var(--line)}
  .table-wrap{overflow:auto}
  table{width:100%;border-collapse:separate;border-spacing:0}
  caption{caption-side:top;text-align:left;padding:14px 18px;color:var(--muted);font-size:14px}
  thead th{position:sticky;top:0;background:var(--bg-alt);color:#0f264a;font-weight:600;border-bottom:1px solid var(--line);padding:12px 14px;white-space:nowrap}
  tbody td{border-bottom:1px solid var(--line);padding:12px 14px;vertical-align:top}
  tbody tr:hover{background:#fafcff}
  .price{white-space:nowrap;font-variant-numeric:tabular-nums}
  .note{font-size:13px;color:var(--muted)}
  .ok{color:var(--ok);font-weight:600}
  .cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;background:var(--bg-alt);border:1px dashed var(--line);padding:16px;border-radius:12px;margin-top:22px}
  .cta strong{color:#0f264a}
  .btn{appearance:none;border:1px solid var(--brand);background:var(--brand);color:#fff;padding:10px 16px;border-radius:10px;text-decoration:none;font-weight:600}
  .btn--ghost{background:#fff;color:var(--brand)}
  /* Мобильная адаптация */
  @media (max-width:640px){
    thead{display:none}
    table,tbody,tr,td{display:block;width:100%}
    tbody tr{border:1px solid var(--line);border-radius:12px;margin:10px 0;background:#fff}
    tbody td{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed var(--line)}
    tbody td::before{content:attr(data-label);font-weight:600;color:#0f264a}
    tbody td:last-child{border-bottom:none}
  }

/* Палитра в цветах логотипа: синий градиент + графитовый */
  :root{
    --cs-blue:#0A59A1;      /* тёмный фирменный */
    --cs-blue-2:#2B7CD3;    /* светлее для градиента */
    --cs-cyan:#56CCF2;      /* вспомогательный акцент */
    --cs-graphite:#2B3137;  /* тёмный текст */
    --cs-ink:#0f2532;       /* основной текст */
    --cs-muted:#66707A;     /* вторичный */
    --cs-bg:#F6FAFD;        /* фон секции */
    --cs-card:#FFFFFF;      /* фон карточек */
    --cs-line:#E6EEF5;      /* бордеры */
    --cs-shadow:0 14px 36px rgba(10,89,161,.10), 0 4px 16px rgba(43,124,211,.06);
    --cs-focus:0 0 0 3px rgba(43,124,211,.18);
  }

  .cs-layout{ display:grid; grid-template-columns: 1fr 340px; gap:24px; margin:24px 0 48px; }
  @media (max-width: 1199.98px){ .cs-layout{ grid-template-columns:1fr; } }

  .cs-content{ min-width:0; }
  .cs-article p, .cs-article li{ color:var(--cs-ink); }

  .cs-card{ background:var(--cs-card); border:1px solid var(--cs-line); border-radius:16px; padding:1.25rem; box-shadow: var(--cs-shadow); position:relative; overflow:hidden; }
  .cs-card::after{ content:""; position:absolute; inset:auto -30% -30% auto; width:220px; height:220px; background: radial-gradient( circle at 70% 30%, rgba(43,124,211,.10), transparent 60% ); pointer-events:none; }
  .cs-card__title{ margin:0 0 .75rem; font-size:1.15rem; font-weight:900; color:var(--cs-graphite); letter-spacing:-.01em; }

  /* Ховер-глянец карточек */
  .cs-card:hover{ box-shadow:0 18px 52px rgba(10,89,161,.14), 0 6px 22px rgba(43,124,211,.10); }

  /* CF7 внутри карточек */
  .cs-form-wrap .wpcf7 form .wpcf7-form-control{ width:100%; border:1px solid var(--cs-line); border-radius:12px; padding:12px 12px; font-size:14px; background:#fff; transition: box-shadow .2s, border-color .2s; }
  .cs-form-wrap .wpcf7 form .wpcf7-form-control:focus{ outline:none; border-color: var(--cs-blue-2); box-shadow: var(--cs-focus); }
  .cs-form-wrap .wpcf7 form input[type="submit"],
  .cs-form-wrap .wpcf7 form button[type="submit"]{ border:none; background: linear-gradient(90deg, var(--cs-blue), var(--cs-blue-2)); color:#fff; font-weight:900; padding:12px 14px; border-radius:12px; cursor:pointer; transition: transform .08s ease, filter .2s ease; }
  .cs-form-wrap .wpcf7 form input[type="submit"]:hover{ filter:brightness(.96); }
  .cs-form-wrap .wpcf7 form input[type="submit"]:active{ transform: translateY(1px); }
  .cs-form-note{ margin:.5rem 0 0; font-size:.9rem; color:var(--cs-muted); }

  /* Соцкнопки */
  .cs-msg-row{ display:flex; gap:.5rem; }
  .cs-btn-chat{ display:inline-flex; align-items:center; gap:.5rem; padding:.6rem .9rem; border-radius:12px; text-decoration:none; font-weight:900; border:1px solid var(--cs-line); transition: transform .08s ease, box-shadow .2s ease; }
  .cs-btn-chat:hover{ transform: translateY(-1px); box-shadow: var(--cs-shadow); }
  .cs-btn--wh{ background:linear-gradient(180deg, #E9FFF6, #DAFFF1); color:#0a5443; }
  .cs-btn--tg{ background:linear-gradient(180deg, #E9F2FF, #DAE8FF); color:#0e2d64; }

  .cs-link{ color:var(--cs-blue-2); text-decoration:none; border-bottom:2px solid rgba(86,204,242,.65); font-weight:800; }

  /* Почему мы */
  .cs-trust{ list-style:none; padding:0; margin:0 0 .9rem; display:grid; gap:.5rem; }
  .cs-trust li{ position:relative; padding-left:22px; color:var(--cs-ink); }
  .cs-trust li::before{ content:""; position:absolute; left:0; top:.5rem; width:12px; height:12px; border-radius:3px; background:linear-gradient(135deg, var(--cs-blue), var(--cs-blue-2)); box-shadow:0 2px 6px rgba(43,124,211,.35); }

  /* Кнопки */
  .cs-btn{ display:inline-flex; align-items:center; gap:.5rem; text-decoration:none; font-weight:900; border-radius:12px; padding:.65rem 1rem; border:1px solid var(--cs-line); }
  .cs-btn--primary{ background: linear-gradient(90deg, var(--cs-blue), var(--cs-blue-2)); color:#fff; border-color: transparent; }
  .cs-btn--ghost{ background:#fff; color:var(--cs-graphite); }
  .cs-btn--full{ width:100%; justify-content:center; }

  .cs-ps, .cs-note{ color:var(--cs-muted); font-size:.9rem; }

  /* Плавное появление карточек в зоне видимости */
  [data-animate]{ opacity:0; transform: translateY(10px); }
  .is-inview{ opacity:1 !important; transform: translateY(0) !important; transition: opacity .45s ease, transform .45s ease; }

:root{
    --mint:#A8E6CF; --blue:#56CCF2; --dark:#2F2F2F; --white:#fff; --border:#E6EEF4; --focus:#95DBFF;
  }

  /* Контейнер формы */
.mv-request__form {
  max-width: 600px;
  margin: 0 auto;
  padding: 32px;
  background-color: #f4f7fb;
  border-radius: 16px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.05);
  font-family: 'Segoe UI', sans-serif;
}

/* Общая форма */
.mv-request__form .wpcf7-form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* Метки */
.mv-request__form label {
  font-weight: 500;
  font-size: 15px;
  color: #333;
  display: flex;
  flex-direction: column;
}

/* Поля ввода */
.mv-request__form input[type="text"],
.mv-request__form input[type="email"],
.mv-request__form textarea {
  padding: 12px 14px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 16px;
  resize: vertical;
  transition: border 0.3s ease;
  font-family: inherit;
  width: 100%;
  box-sizing: border-box;
}

.mv-request__form input:focus,
.mv-request__form textarea:focus {
  border-color: #007acc;
  outline: none;
}

/* Кнопка отправки */
.mv-request__form input[type="submit"] {
  background-color: #007acc;
  color: #fff;
  padding: 12px;
  font-size: 16px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.mv-request__form input[type="submit"]:hover:not([disabled]) {
  background-color: #005fa3;
}

.mv-request__form input[type="submit"]:disabled {
  background-color: #ccc;
  cursor: not-allowed;
}

/* Чекбокс */
.mv-request__form .licence_block {
  display: flex;
  align-items: flex-start;
  font-size: 14px;
  color: #333;
}

.mv-request__form .form-checkbox__input {
  margin-right: 8px;
  transform: scale(1.2);
  cursor: pointer;
}

.mv-request__form .form-checkbox__text {
  line-height: 1.5;
}

.mv-request__form .form-checkbox__text a {
  color: #007acc;
  text-decoration: underline;
}

.mv-request__form .form-checkbox__text a:hover {
  text-decoration: none;
}

/* Сообщение от формы (ошибки или успех) */
.mv-request__form .wpcf7-response-output {
  margin-top: 12px;
  font-size: 14px;
  color: #d9534f; /* красный по умолчанию для ошибок */
}

/* Скрытые поля */
.hidden-fields-container {
  display: none;
}
  .mv-sidebar{ display:flex; flex-direction:column; gap:16px; }
  .mv-card{ background:#fff; border:1px solid var(--border); border-radius:16px; padding:16px; box-shadow:0 8px 24px rgba(14,92,114,.06); }
  .mv-card__title{ margin:0 0 .5rem; font-size:1.05rem; font-weight:800; color:var(--dark); display:flex; align-items:center; gap:.5rem; }
  .mv-form{ display:flex; flex-direction:column; gap:10px; }
  .mv-field{ display:flex; flex-direction:column; gap:6px; }
  .mv-field span{ font-weight:700; font-size:.9rem; color:var(--dark); }
  .mv-field input, .mv-field textarea{ border:1px solid #DDEFF0; border-radius:10px; padding:.6rem .75rem; outline:none; font-size:.95rem; }
  .mv-field input:focus, .mv-field textarea:focus{ border-color:var(--blue); box-shadow:0 0 0 3px rgba(149,219,255,.35); }
  .mv-ps{ margin:.25rem 0 0; font-size:.8rem; color:#5b6; }
  .mv-note{ margin:.25rem 0 .75rem; color:#445; font-size:.92rem; }

  .btn-mint, .btn-blue, .btn-ghost{ display:inline-flex; align-items:center; justify-content:center; gap:.5rem; padding:.65rem .9rem; border-radius:10px; font-weight:800; border:1px solid transparent; cursor:pointer; text-decoration:none; }
  .btn-mint{ background:linear-gradient(180deg,var(--blue),#3DBBEA); color:#0b2230; }
  .btn-mint:hover{ filter:brightness(1.05); }
  .btn-blue{ background:#fff; border-color:var(--blue); color:#0b2230; background-image:linear-gradient(180deg,#ECF9FF,#fff); }
  .btn-blue:hover{ box-shadow:0 0 0 3px rgba(149,219,255,.35) inset; }
  .btn-ghost{ background:#F5FFFA; border-color:rgba(168,230,207,.7); color:#0b2230; }
  .btn-ghost:hover{ background:#EFFFF7; }
  .w-100{ width:100%; }

  /* Messengers */
  .msg-row{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:.25rem; }
  .btn-chat{ border-radius:10px; padding:.6rem .75rem; font-weight:800; border:1px solid var(--border); background:#fff; display:inline-flex; align-items:center; justify-content:center; gap:.5rem; text-decoration:none; color:#0b2230; box-shadow:0 6px 18px rgba(0,0,0,.05); }
  .btn-chat.wa{ background:linear-gradient(180deg,#EAFBF3,#fff); border-color:rgba(168,230,207,.65); }
  .btn-chat.tg{ background:linear-gradient(180deg,#ECF9FF,#fff); border-color:rgba(86,204,242,.55); }
  .btn-chat:hover{ filter:brightness(1.03); }
  .msg-more{ margin-top:.5rem; display:flex; justify-content:center; }
  .lnk-quiet{ color:#415; text-decoration:none; display:inline-flex; align-items:center; gap:.35rem; font-size:.92rem; }

  /* Trust */
  .trust-list{ list-style:none; padding:0; margin:0 0 .75rem; display:flex; flex-direction:column; gap:.4rem; }
  .trust-list li{ display:flex; align-items:center; gap:.5rem; }
  .b-ic{ width:28px; height:28px; border-radius:8px; background:var(--mint); display:inline-flex; align-items:center; justify-content:center; }

  /* Download */
  .dl-card .mv-ps{ color:#667; }

  /* Modal */
  .mv-modal__head{ margin-bottom:.5rem; }
  .mv-modal__title{ font-size:1.15rem; font-weight:900; color:var(--dark); }
  .mv-modal__subtitle{ color:#445; font-size:.95rem; }

  /* Responsive tweaks inside sidebar width */
  @media (max-width: 991.98px){
    /* If sidebar shown on mobile later */
    .mv-card{ padding:14px; }
  }

:root{ --mint:#A8E6CF; --blue:#56CCF2; --dark:#2F2F2F; --white:#fff; --border:#E6EEF4; }
  .mv-section{ padding:48px 0; }
  .mv-title{ display:flex; align-items:center; gap:.75rem; margin:0 0 22px; font-weight:900; font-size:1.6rem; color:#18323b; }
  .mv-title .dot{ width:12px; height:12px; border-radius:50%; background:var(--blue); box-shadow:0 0 0 6px rgba(86,204,242,.2); }

  /* ===== Преимущества ===== */
  .mv-benefits{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
  @media (max-width: 991.98px){ .mv-benefits{ grid-template-columns:1fr; } }
  .mv-benefit{
    background:var(--white); border:1px solid rgba(168,230,207,.35); border-radius:16px; padding:18px; display:flex; gap:14px; align-items:flex-start;
    box-shadow:0 10px 24px rgba(0,0,0,.06); transition:transform .2s ease, box-shadow .2s ease;
  }
  .mv-benefit:hover{ transform:translateY(-3px); box-shadow:0 18px 40px rgba(14,90,114,.12); }
  .mv-benefit .ic{ width:48px; height:48px; border-radius:12px; display:inline-flex; align-items:center; justify-content:center; background:linear-gradient(180deg,var(--mint),#90DFBF); color:#0b2230; font-size:22px; flex:0 0 48px; }
  .mv-benefit h3{ margin:0 0 6px; font-size:1.05rem; font-weight:800; color:#17333c; }
  .mv-benefit p{ margin:0; color:#2F2F2F; }

  /* ===== Примеры работ ===== */
  .mv-works{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
  @media (max-width: 1199.98px){ .mv-works{ grid-template-columns:repeat(3,1fr);} }
  @media (max-width: 991.98px){ .mv-works{ grid-template-columns:repeat(2,1fr);} }
  @media (max-width: 575.98px){ .mv-works{ grid-template-columns:1fr;} }
  .mv-work{ position:relative; border-radius:16px; overflow:hidden; background:#eef6f9; border:1px solid var(--border); box-shadow:0 8px 24px rgba(0,0,0,.04); }
  .mv-work img{ display:block; width:100%; height:220px; object-fit:cover; transition:transform .35s ease; }
  .mv-work:hover img{ transform:scale(1.05); }
  .mv-work .cap{ position:absolute; left:12px; right:12px; bottom:12px; background:rgba(0,0,0,.55); color:#fff; padding:10px 12px; border-radius:12px; font-weight:700; }
  .mv-work .cap small{ display:block; opacity:.85; font-weight:500; }

  /* ===== Схема работы ===== */
  .mv-steps{ position:relative; display:grid; grid-template-columns:repeat(3,1fr); gap:18px; counter-reset:step; }
  @media (max-width: 991.98px){ .mv-steps{ grid-template-columns:1fr; } }
  .mv-step{ background:var(--white); border:1px solid rgba(86,204,242,.3); border-radius:16px; padding:18px; box-shadow:0 10px 24px rgba(0,0,0,.06); position:relative; }
  .mv-step::before{ counter-increment:step; content:counter(step); position:absolute; top:-12px; left:-12px; width:38px; height:38px; display:grid; place-items:center; border-radius:50%; background:linear-gradient(180deg,var(--blue),#3DBBEA); color:#0b2230; font-weight:900; box-shadow:0 6px 16px rgba(61,187,234,.35); }
  .mv-step h3{ margin:0 0 6px; font-size:1.05rem; font-weight:800; color:#17333c; display:flex; align-items:center; gap:.5rem; }
  .mv-step p{ margin:0; }

  /* connector only on desktop */
  @media (min-width: 992px){
    .mv-steps .mv-step{ overflow:visible; }
    .mv-steps .mv-step:not(:nth-child(3n))::after{ content:""; position:absolute; top:28px; right:-9px; width:18px; height:18px; border-radius:50%; background:var(--mint); box-shadow:0 0 0 6px rgba(168,230,207,.25); }
  }

  /* ===== Отзывы ===== */
  .mv-testimonials{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
  @media (max-width: 991.98px){ .mv-testimonials{ grid-template-columns:1fr; } }
  .mv-tcard{ background:var(--white); border:1px solid var(--border); border-left:4px solid var(--mint); border-radius:16px; padding:18px; box-shadow:0 10px 24px rgba(0,0,0,.06); position:relative; }
  .mv-tcard .quote{ position:absolute; right:14px; top:14px; width:28px; height:28px; border-radius:8px; display:inline-flex; align-items:center; justify-content:center; background:rgba(86,204,242,.15); }
  .mv-tcard .name{ margin-top:10px; font-weight:800; }
  .mv-stars{ display:inline-flex; gap:2px; font-size:16px; color:#F59E0B; }

  /* Buttons more/filters (optional) */
  .mv-actions{ margin-top:14px; display:flex; gap:10px; flex-wrap:wrap; }
  .btn-outline{ padding:.55rem .85rem; border-radius:12px; border:1px solid var(--blue); color:#0b2230; background:#fff; text-decoration:none; font-weight:800; }
  .btn-outline:hover{ background:#ECF9FF; }

/* Палитра — как в логотипе: тёмно-синий + ярко-синий + голубой */
  :root{
    --cs-blue:#0A59A1;      /* основной фирменный */
    --cs-blue-2:#2B7CD3;    /* градиент/акцент */
    --cs-cyan:#56CCF2;      /* вспомогательный акцент */
    --cs-graphite:#2B3137;  /* заголовки */
    --cs-ink:#0f2532;       /* текст */
    --cs-muted:#66707A;     /* вторичный */
    --cs-card:#FFFFFF;      /* карточки */
    --cs-line:#E6EEF5;      /* бордеры */
    --cs-shadow:0 14px 36px rgba(10,89,161,.10), 0 4px 16px rgba(43,124,211,.06);
    --cs-soft:rgba(43,124,211,.12);
  }

  .cs-benefits{ padding: clamp(28px,5vw,56px) 0; position:relative; background:linear-gradient(180deg,#F7FBFF,#F2F7FD); overflow:hidden; }
  .cs-benefits::before{ content:""; position:absolute; left:-8%; top:-10%; width:420px; height:420px; border-radius:50%; background: radial-gradient(circle at 30% 30%, rgba(86,204,242,.25), transparent 60%); filter: blur(2px); }
  .cs-benefits::after{ content:""; position:absolute; right:-6%; bottom:-12%; width:520px; height:520px; border-radius:50%; background: radial-gradient(circle at 70% 60%, rgba(10,89,161,.18), transparent 65%); }

  .cs-head{ display:flex; align-items:baseline; gap:.75rem; margin-bottom:1.1rem; }
  .cs-kicker{ display:inline-flex; gap:.4rem; align-items:center; padding:.35rem .6rem; border:1px solid var(--cs-line); border-radius:999px; background:#fff; color:var(--cs-blue); font-weight:900; box-shadow: var(--cs-shadow); }
  .cs-h2{ margin:0; font-size: clamp(22px,2.3vw,30px); font-weight:900; color:var(--cs-graphite); letter-spacing:-.01em; }

  .cs-grid{ display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:16px; }
  @media (max-width: 991.98px){ .cs-grid{ grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 575.98px){ .cs-grid{ grid-template-columns: 1fr; } }

  .cs-b-card{ position:relative; background: var(--cs-card); border:1px solid var(--cs-line); border-radius:16px; padding:1rem; box-shadow: var(--cs-shadow); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; overflow:hidden; }
  .cs-b-card:hover{ transform: translateY(-2px); box-shadow:0 18px 52px rgba(10,89,161,.14), 0 6px 22px rgba(43,124,211,.10); border-color: rgba(43,124,211,.35); }
  .cs-b-card::after{ content:""; position:absolute; inset:auto -28% -28% auto; width:220px; height:220px; background: radial-gradient(circle at 70% 30%, var(--cs-soft), transparent 60%); pointer-events:none; }

  .cs-ico{ width:44px; height:44px; display:grid; place-items:center; border-radius:12px; background: linear-gradient(135deg, var(--cs-blue), var(--cs-blue-2)); color:#fff; box-shadow:0 8px 24px rgba(10,89,161,.25); }
  .cs-b-card h3{ margin:.55rem 0 .25rem; font-size:1.02rem; font-weight:900; color:var(--cs-graphite); }
  .cs-b-card p{ margin:0; color:var(--cs-ink); font-size:.98rem; }

  /* Плавное появление карточек */
  [data-animate]{ opacity:0; transform: translateY(10px); }
  .is-inview{ opacity:1 !important; transform: translateY(0) !important; transition: opacity .45s ease, transform .45s ease; }

:root{
    --cs-blue:#0A59A1;      /* основной */
    --cs-blue-2:#2B7CD3;    /* акцент */
    --cs-cyan:#56CCF2;      /* вспомогательный */
    --cs-ink:#0f2532;       /* текст */
    --cs-muted:#66707A;     /* вторичный */
    --cs-line:#E6EEF5;      /* бордеры */
    --cs-card:#FFFFFF;      /* карточки */
    --cs-shadow:0 12px 30px rgba(10,89,161,.12), 0 4px 14px rgba(43,124,211,.08);
    --cs-focus:0 0 0 3px rgba(43,124,211,.18);
  }

  .cs-process{ padding: clamp(28px,5vw,56px) 0; background:linear-gradient(180deg,#F7FBFF,#F2F7FD); position:relative; overflow:hidden; }
  .cs-ribbon{ display:flex; gap:.5rem; flex-wrap:wrap; margin-bottom:12px; }
  .cs-chip{ display:inline-flex; gap:.35rem; align-items:center; padding:.35rem .6rem; border:1px solid var(--cs-line); border-radius:999px; background:#fff; color:var(--cs-blue); font-weight:900; box-shadow: var(--cs-shadow); }

  .cs-head{ margin-bottom:12px; }
  .cs-kicker{ display:inline-flex; gap:.4rem; align-items:center; padding:.35rem .6rem; border:1px solid var(--cs-line); border-radius:999px; background:#fff; color:var(--cs-blue); font-weight:900; box-shadow: var(--cs-shadow); }
  .cs-h2{ margin:.5rem 0 0; font-size: clamp(22px,2.3vw,30px); font-weight:900; color:#22303a; letter-spacing:-.01em; }
  .cs-sub{ margin:.3rem 0 0; color:var(--cs-muted); max-width: 68ch; }

  .cs-steps{ display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:14px; counter-reset: s; }
  @media (max-width: 991.98px){ .cs-steps{ grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 575.98px){ .cs-steps{ grid-template-columns: 1fr; } }

  .cs-step{ position:relative; background:var(--cs-card); border:1px solid var(--cs-line); border-radius:16px; padding:1rem; box-shadow: var(--cs-shadow); }
  .cs-step__num{ counter-increment:s; content:counter(s); }
  .cs-step__num::before{ content: counter(s); position:absolute; right:12px; top:10px; width:28px; height:28px; border-radius:8px; display:grid; place-items:center; font-weight:900; color:#fff; background:linear-gradient(135deg, var(--cs-blue), var(--cs-blue-2)); }
  .cs-step__head{ display:flex; align-items:center; gap:.5rem; }
  .cs-step__head i{ color:var(--cs-blue-2); }
  .cs-step h3{ margin:.1rem 0 .25rem; font-size:1.02rem; font-weight:900; color:#22303a; }
  .cs-step p{ margin:0; color:var(--cs-ink); }
  .cs-bullets{ margin:.5rem 0 0; padding-left:1.1rem; color:var(--cs-muted); font-size:.95rem; }

  /* CTA-панель */
  .cs-cta{ margin-top:14px; border:1px solid var(--cs-line); border-radius:16px; padding:.85rem; background: radial-gradient(120% 100% at 0% 0%, rgba(86,204,242,.12), transparent 40%), #fff; display:flex; align-items:center; justify-content:space-between; gap:12px; box-shadow: var(--cs-shadow); flex-wrap:wrap; }
  .cs-cta__text strong{ display:block; font-weight:900; color:#22303a; }
  .cs-cta__text span{ color:var(--cs-muted); }
  .cs-cta__actions{ display:flex; gap:.5rem; flex-wrap:wrap; }

  .cs-btn{ display:inline-flex; align-items:center; gap:.5rem; border-radius:12px; padding:.65rem 1rem; font-weight:900; text-decoration:none; }
  .cs-btn--primary{ background: linear-gradient(90deg, var(--cs-blue), var(--cs-blue-2)); color:#fff; border:0; box-shadow:0 10px 24px rgba(10,89,161,.2); }
  .cs-btn--primary:hover{ filter:brightness(.95); }
  .cs-btn--ghost{ background:#fff; color:#22303a; border:1px solid var(--cs-line); }

  /* Встроенная форма (если шорткод есть) */
  .cs-inline-form{ margin-top:10px; }
  .cs-inline-form .wpcf7 form .wpcf7-form-control{ width:100%; border:1px solid var(--cs-line); border-radius:12px; padding:12px; font-size:14px; background:#fff; transition: box-shadow .2s, border-color .2s; }
  .cs-inline-form .wpcf7 form .wpcf7-form-control:focus{ outline:none; border-color: var(--cs-blue-2); box-shadow: var(--cs-focus); }
  .cs-inline-form .wpcf7 form input[type="submit"],
  .cs-inline-form .wpcf7 form button[type="submit"]{ border:none; background: linear-gradient(90deg, var(--cs-blue), var(--cs-blue-2)); color:#fff; font-weight:900; padding:12px 14px; border-radius:12px; cursor:pointer; }

  /* Плавное появление */
  [data-animate]{ opacity:0; transform: translateY(10px); }
  .is-inview{ opacity:1 !important; transform: translateY(0) !important; transition: opacity .45s ease, transform .45s ease; }
  .cs-process {
  background: #F7FBFF;
  padding: 56px 0;
}
.cs-process .cs-wrapper {
  background: #fff;
  border: 1px solid #E6EEF5;
  border-radius: 20px;
  padding: 32px;
  box-shadow: 0 20px 50px rgba(10,89,161,.06);
}
.cs-process {
  background: linear-gradient(180deg, #7dc1ff, #F6FBFF);
  
  padding: 56px 0;
}

:root{
    --cs-blue:#0A59A1;      /* основной */
    --cs-blue-2:#2B7CD3;    /* акцент */
    --cs-cyan:#56CCF2;      /* вспомогательный */
    --cs-ink:#0f2532;       /* текст */
    --cs-muted:#66707A;     /* вторичный */
    --cs-line:#E6EEF5;      /* бордеры */
    --cs-card:#FFFFFF;      /* карточки */
    --cs-shadow:0 12px 30px rgba(10,89,161,.08), 0 4px 14px rgba(43,124,211,.06);
  }

  /* Секция на белом фоне */
  .cs-testimonials{ background:#fff; padding: clamp(28px,5vw,56px) 0; }

  .cs-head{ margin-bottom:12px; }
  .cs-kicker{ display:inline-flex; gap:.4rem; align-items:center; padding:.35rem .6rem; border:1px solid var(--cs-line); border-radius:999px; background:#fff; color:var(--cs-blue); font-weight:900; box-shadow: var(--cs-shadow); }
  .cs-h2{ margin:.5rem 0 0; font-size: clamp(22px,2.3vw,30px); font-weight:900; color:#22303a; letter-spacing:-.01em; }

  .cs-t-grid{ display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:14px; }
  @media (max-width: 991.98px){ .cs-t-grid{ grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 575.98px){ .cs-t-grid{ grid-template-columns: 1fr; } }

  .cs-t-card{ background:var(--cs-card); border:1px solid var(--cs-line); border-radius:16px; padding:1rem; box-shadow: var(--cs-shadow); position:relative; overflow:hidden; }
  .cs-t-card blockquote{ margin:.5rem 0 .6rem; color:var(--cs-ink); font-style:italic; }
  .cs-t-card footer{ color:var(--cs-muted); font-weight:800; display:flex; align-items:center; gap:.4rem; }

  .cs-t-top{ display:flex; align-items:center; gap:.6rem; }
  .cs-avatar{ width:40px; height:40px; border-radius:50%; display:grid; place-items:center; background: linear-gradient(135deg, var(--cs-blue), var(--cs-blue-2)); color:#fff; box-shadow:0 8px 24px rgba(10,89,161,.25); }
  .cs-name{ color:#22303a; }

  .cs-stars{ display:flex; gap:2px; color:#FFC857; }

  .cs-actions{ margin-top:1rem; }
  .cs-btn{ display:inline-flex; align-items:center; gap:.5rem; border-radius:12px; padding:.6rem 1rem; font-weight:900; text-decoration:none; }
  .cs-btn--outline{ border:1px solid var(--cs-line); background:linear-gradient(180deg, #fff, #F7FAFF); color:var(--cs-ink); }

  /* Плавное появление */
  [data-animate]{ opacity:0; transform: translateY(10px); }
  .is-inview{ opacity:1 !important; transform: translateY(0) !important; transition: opacity .45s ease, transform .45s ease; }

:root{
    --cs-blue:#0A59A1;      /* основной фирменный */
    --cs-blue-2:#2B7CD3;    /* акцент/градиент */
    --cs-cyan:#56CCF2;      /* вспомогательный */
    --cs-ink:#0f2532;       /* текст */
    --cs-muted:#66707A;     /* вторичный */
    --cs-line:#E6EEF5;      /* бордеры */
    --cs-card:#FFFFFF;      /* карточки */
    --cs-shadow:0 14px 36px rgba(10,89,161,.10), 0 4px 16px rgba(43,124,211,.06);
    --cs-focus:0 0 0 3px rgba(43,124,211,.18);
  }

  /* Белый фон секции */
  .cs-request{ background:#fff; padding: clamp(28px,5vw,56px) 0; }

  .cs-req__wrap{ display:grid; grid-template-columns: 1.05fr 1fr; gap:clamp(18px,3.5vw,40px); align-items:start; }
  @media (max-width: 991.98px){ .cs-req__wrap{ grid-template-columns:1fr; } }

  .cs-req__head{ margin-bottom:.6rem; }
  .cs-kicker{ display:inline-flex; align-items:center; gap:.4rem; padding:.35rem .6rem; border:1px solid var(--cs-line); border-radius:999px; background:#fff; color:var(--cs-blue); font-weight:900; box-shadow: var(--cs-shadow); }
  .cs-h2{ margin:.5rem 0 0; font-size: clamp(24px,2.4vw,32px); font-weight:900; color:#22303a; letter-spacing:-.01em; display:flex; align-items:center; gap:.5rem; }
  .cs-dot{ width:10px; height:10px; border-radius:3px; background: linear-gradient(135deg, var(--cs-blue), var(--cs-blue-2)); display:inline-block; }
  .cs-lead{ margin:.35rem 0 0; color:var(--cs-muted); max-width: 68ch; }

  .cs-contacts{ list-style:none; margin: .8rem 0 0; padding:0; display:grid; gap:.4rem; color:var(--cs-ink); }
  .cs-contacts i{ color:var(--cs-blue-2); margin-right:.45rem; }
  .cs-contacts a{ color:var(--cs-blue-2); text-decoration:none; font-weight:800; }

  .cs-chips{ display:flex; gap:.5rem; flex-wrap:wrap; margin-top:.8rem; }
  .cs-chip{ display:inline-flex; gap:.35rem; align-items:center; padding:.35rem .6rem; border:1px solid var(--cs-line); border-radius:999px; background:#fff; color:var(--cs-blue); font-weight:900; box-shadow: var(--cs-shadow); }

  /* Карточка формы */
  .cs-form-card{ background: var(--cs-card); border:1px solid var(--cs-line); border-radius:16px; overflow:hidden; box-shadow: var(--cs-shadow); }
  .cs-form-head{ padding: 14px 16px; background: linear-gradient(90deg, rgba(86,204,242,.12), rgba(10,89,161,.10)); border-bottom:1px solid var(--cs-line); }
  .cs-form-title{ margin:0; font-size: 20px; font-weight:900; color:#22303a; }
  .cs-form-sub{ margin:.25rem 0 0; color:var(--cs-muted); }
  .cs-form-body{ padding: 16px; }
  .cs-form-foot{ display:flex; align-items:center; gap:.45rem; padding: 0 16px 14px; color:var(--cs-muted); font-size:.9rem; border-top:1px dashed var(--cs-line); }
  .cs-form-foot i{ color:var(--cs-blue-2); }

  /* Гармонизация CF7 */
  .cs-form-body .wpcf7 form{ display:grid; gap:10px; }
  .cs-form-body .wpcf7 form label{ color:#22303a; font-weight:700; font-size:.95rem; }
  .cs-form-body .wpcf7-form-control{ width:100%; border:1px solid var(--cs-line); border-radius:12px; padding:12px 12px; font-size:14px; background:#fff; transition: box-shadow .2s, border-color .2s; }
  .cs-form-body .wpcf7-form-control:focus{ outline:none; border-color: var(--cs-blue-2); box-shadow: var(--cs-focus); }
  .cs-form-body input[type="submit"],
  .cs-form-body button[type="submit"]{ border:none; background: linear-gradient(90deg, var(--cs-blue), var(--cs-blue-2)); color:#fff; font-weight:900; padding:12px 14px; border-radius:12px; cursor:pointer; transition: transform .08s ease, filter .2s ease; }
  .cs-form-body input[type="submit"]:hover{ filter:brightness(.96); }
  .cs-form-body input[type="submit"]:active{ transform: translateY(1px); }
  .cs-form-body .wpcf7-list-item-label a{ color:var(--cs-blue-2); text-decoration:underline; }
  .cs-form-body .wpcf7-not-valid-tip{ color:#b91c1c; font-size:12px; margin-top:4px; }
  .cs-form-body .wpcf7-response-output{ margin-top:10px; border:1px solid var(--cs-line); border-radius:12px; padding:10px; }

  /* Плавное появление */
  [data-animate]{ opacity:0; transform: translateY(10px); }
  .is-inview{ opacity:1 !important; transform: translateY(0) !important; transition: opacity .45s ease, transform .45s ease; }

:root{
--cs-blue:#0A59A1; /* основной фирменный */
--cs-blue-2:#2B7CD3; /* акцент/градиент */
--cs-cyan:#56CCF2; /* вспомогательный */
--cs-ink:#0f2532; /* текст */
--cs-muted:#66707A; /* вторичный */
--cs-line:#E6EEF5; /* бордеры */
--cs-card:#FFFFFF; /* карточки */
--cs-shadow:0 14px 36px rgba(10,89,161,.10), 0 4px 16px rgba(43,124,211,.06);
--cs-focus:0 0 0 3px rgba(43,124,211,.18);
}


/* Белый фон секции */
.cs-request{ position:relative; background:#fff; padding: clamp(28px,5vw,56px) 0; overflow:hidden; }
/* Полупрозрачный тематический фон «вентиляция» */
.cs-request::before{ /* перфорированная сетка/каналы */
content:""; position:absolute; inset:0; pointer-events:none; z-index:0;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'><path d='M0 40 V0 H40' fill='none' stroke='%230A59A1' stroke-opacity='.06'/><circle cx='20' cy='20' r='1' fill='%2356CCF2' fill-opacity='.18'/></svg>");
background-size:40px 40px; background-position:0 0; opacity:.75; mix-blend-mode:normal;
}
.cs-request::after{ /* «потоки воздуха» волнами */
content:""; position:absolute; left:-10%; right:-10%; top:-20%; height:200%; pointer-events:none; z-index:0;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1200' height='600' viewBox='0 0 1200 600'><g fill='none' stroke='%230A59A1' stroke-opacity='.08' stroke-width='2'><path d='M0 150 Q150 100 300 150 T600 150 T900 150 T1200 150'/><path d='M0 300 Q150 250 300 300 T600 300 T900 300 T1200 300'/><path d='M0 450 Q150 400 300 450 T600 450 T900 450 T1200 450'/></g></svg>");
background-repeat:repeat-x; background-size:1200px 600px; background-position:0 0; opacity:1;
animation: air-move 28s linear infinite;
}
@keyframes air-move { from{ background-position:0 0; } to{ background-position:-1200px 0; } }
@media (prefers-reduced-motion: reduce){ .cs-request::after{ animation:none; } }


.cs-req__wrap{ display:grid; grid-template-columns: 1.05fr 1fr; gap:clamp(18px,3.5vw,40px); align-items:start; }
@media (max-width: 991.98px){ .cs-req__wrap{ grid-template-columns:1fr; } }


.cs-req__head{ margin-bottom:.6rem; }
.cs-kicker{ display:inline-flex; align-items:center; gap:.4rem; padding:.35rem .6rem; border:1px solid var(--cs-line); border-radius:999px; background:#fff; color:var(--cs-blue); font-weight:900; box-shadow: var(--cs-shadow); }
.cs-h2{ margin:.5rem 0 0; font-size: clamp(24px,2.4vw,32px); font-weight:900; color:#22303a; letter-spacing:-.01em; display:flex; align-items:center; gap:.5rem; }
.cs-dot{ width:10px; height:10px; border-radius:3px; background: linear-gradient(135deg, var(--cs-blue), var(--cs-blue-2)); display:inline-block; }
.cs-lead{ margin:.35rem 0 0; color:var(--cs-muted); max-width: 68ch; }


.cs-contacts{ list-style:none; margin: .8rem 0 0; padding:0; display:grid; gap:.4rem; color:var(--cs-ink); }
.cs-contacts i{ color:var(--cs-blue-2); margin-right:.45rem; }
.cs-contacts a{ color:var(--cs-blue-2); text-decoration:none; font-weight:800; }


.cs-chips{ display:flex; gap:.5rem; flex-wrap:wrap; margin-top:.8rem; }
.cs-chip{ display:inline-flex; gap:.35rem; align-items:center; padding:.35rem .6rem; border:1px solid var(--cs-line); border-radius:999px; background:#fff; color:var(--cs-blue); font-weight:900; box-shadow: var(--cs-shadow); }


/* Карточка формы */
.cs-form-card{ background: var(--cs-card); border:1px solid var(--cs-line); border-radius:16px; overflow:hidden; box-shadow: var(--cs-shadow); }
.cs-form-head{ padding: 14px 16px; background: linear-gradient(90deg, rgba(86,204,242,.12), rgba(10,89,161,.10)); border-bottom:1px solid var(--cs-line); }
.cs-form-title{ margin:0; font-size: 20px; font-weight:900; color:#22303a; }
.cs-form-sub{ margin:.25rem 0 0; color:var(--cs-muted); }
.cs-form-body{ padding: 16px; }
.cs-form-foot{ display:flex; align-items:center; gap:.45rem; padding: 0 16px 14px; color:var(--cs-muted); font-size:.9rem; border-top:1px dashed var(--cs-line); }
.cs-form-foot i{ color:var(--cs-blue-2); }


/* Гармонизация CF7 */
.cs-form-body .wpcf7 form{ display:grid; gap:10px; }
.cs-form-body .wpcf7 form label{ color:#22303a; font-weight:700; font-size:.95rem; }
.cs-form-body .wpcf7-form-control{ width:100%; border:1px solid var(--cs-line); border-radius:12px; padding:12px 12px; font-size:14px; background:#fff; transition: box-shadow .2s, border-color .2s; }
.cs-form-body .wpcf7-form-control:focus{ outline:none; border-color: var(--cs-blue-2); box-shadow: var(--cs-focus); }
.cs-form-body input[type="submit"],
.cs-form-body button[type="submit"]{ border:none; background: linear-gradient(90deg, var(--cs-blue), var(--cs-blue-2)); color:#fff; font-weight:900; padding:12px 14px; border-radius:12px; cursor:pointer; transition: transform .08s ease, filter .2s ease; }
.cs-form-body input[type="submit"]:hover{ filter:brightness(.96); }
.cs-form-body input[type="submit"]:active{ transform: translateY(1px); }

/* Source: folion-projects.php */

.cs-casehub{
			position:relative;
			padding:clamp(32px,5vw,64px) 0;
			background:
				radial-gradient(circle at 0% 0%, rgba(86,204,242,.18), transparent 28%),
				radial-gradient(circle at 100% 100%, rgba(10,89,161,.14), transparent 32%),
				linear-gradient(180deg, #f8fbff 0%, #eef5fd 100%);
			overflow:hidden;
		}
		.cs-casehub__head{
			display:flex;
			align-items:flex-end;
			justify-content:space-between;
			gap:24px;
			margin-bottom:22px;
		}
		.cs-casehub__titles{ max-width:860px; }
		.cs-casehub__kicker{
			display:inline-flex;
			align-items:center;
			gap:.5rem;
			padding:.45rem .8rem;
			border-radius:999px;
			border:1px solid rgba(10,89,161,.12);
			background:rgba(255,255,255,.88);
			color:#0a59a1;
			font-weight:900;
			box-shadow:0 10px 30px rgba(10,89,161,.08);
		}
		.cs-casehub__title{
			margin:14px 0 10px;
			font-size:clamp(28px,3.2vw,42px);
			line-height:1.02;
			font-weight:900;
			letter-spacing:-.03em;
			color:#173042;
		}
		.cs-casehub__lead{
			margin:0;
			max-width:760px;
			font-size:clamp(15px,1.55vw,18px);
			line-height:1.65;
			color:#5f7082;
		}
		.cs-casehub__grid{
			display:grid;
			grid-template-columns:repeat(3, minmax(0, 1fr));
			gap:18px;
		}
		.cs-casehub__card{
			display:flex;
			flex-direction:column;
			min-height:100%;
			border-radius:24px;
			overflow:hidden;
			background:rgba(255,255,255,.92);
			border:1px solid rgba(11,49,88,.08);
			box-shadow:0 22px 60px rgba(11,49,88,.10);
			backdrop-filter:blur(12px);
		}
		.cs-casehub__media{
			position:relative;
			display:block;
			background:linear-gradient(135deg, #123c66, #2b7cd3 58%, #7be2ff);
			aspect-ratio:16/10;
			overflow:hidden;
		}
		.cs-casehub__media img{
			width:100%;
			height:100%;
			object-fit:cover;
			display:block;
			transition:transform .55s ease;
		}
		.cs-casehub__card:hover .cs-casehub__media img{ transform:scale(1.06); }
		.cs-casehub__placeholder{
			display:grid;
			place-items:center;
			width:100%;
			height:100%;
			font-size:54px;
			color:rgba(255,255,255,.92);
			background:
				radial-gradient(circle at 25% 25%, rgba(255,255,255,.24), transparent 22%),
				linear-gradient(135deg, #123c66, #2b7cd3 58%, #7be2ff);
		}
		.cs-casehub__badge{
			position:absolute;
			left:16px;
			bottom:16px;
			display:inline-flex;
			align-items:center;
			padding:.42rem .75rem;
			border-radius:999px;
			background:rgba(8,22,36,.72);
			color:#fff;
			font-size:.78rem;
			font-weight:800;
			backdrop-filter:blur(10px);
			box-shadow:0 12px 30px rgba(0,0,0,.18);
		}
		.cs-casehub__body{
			display:flex;
			flex-direction:column;
			gap:12px;
			padding:18px 18px 20px;
			flex:1;
		}
		.cs-casehub__meta{
			display:flex;
			flex-wrap:wrap;
			gap:8px;
		}
		.cs-casehub__meta span{
			display:inline-flex;
			align-items:center;
			padding:.35rem .65rem;
			border-radius:999px;
			background:#eef6ff;
			color:#24517b;
			font-size:.78rem;
			font-weight:800;
		}
		.cs-casehub__card-title{
			margin:0;
			font-size:1.22rem;
			line-height:1.25;
			font-weight:900;
		}
		.cs-casehub__card-title a{
			color:#173042;
			text-decoration:none;
		}
		.cs-casehub__system{
			margin:0;
			font-size:.94rem;
			font-weight:800;
			color:#0a59a1;
		}
		.cs-casehub__excerpt{
			margin:0;
			color:#596b7a;
			line-height:1.62;
		}
		.cs-casehub__stats{
			display:grid;
			gap:8px;
			margin-top:auto;
			padding-top:4px;
		}
		.cs-casehub__stats span{
			display:flex;
			align-items:center;
			gap:.5rem;
			color:#31506c;
			font-size:.88rem;
			font-weight:700;
		}
		.cs-casehub__link,
		.cs-casehub__more{
			display:inline-flex;
			align-items:center;
			justify-content:center;
			gap:.5rem;
			padding:.82rem 1.15rem;
			border-radius:14px;
			text-decoration:none;
			font-weight:900;
			transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
		}
		.cs-casehub__link{
			align-self:flex-start;
			color:#0f2234;
			background:#edf5ff;
			border:1px solid rgba(43,124,211,.16);
		}
		.cs-casehub__more{
			background:linear-gradient(135deg, #0a59a1, #2b7cd3);
			color:#fff;
			box-shadow:0 16px 36px rgba(10,89,161,.22);
		}
		.cs-casehub__link:hover,
		.cs-casehub__more:hover{ transform:translateY(-2px); }
		.cs-casehub__actions{
			margin-top:24px;
			display:flex;
			justify-content:center;
		}
		.cs-casehub__empty{
			padding:28px;
			border-radius:20px;
			background:#fff;
			border:1px solid rgba(11,49,88,.08);
			box-shadow:0 18px 40px rgba(11,49,88,.08);
		}
		.cs-casehub__empty strong{
			display:block;
			margin-bottom:8px;
			color:#173042;
			font-size:1.1rem;
		}
		.cs-casehub__empty p{
			margin:0;
			color:#5f7082;
			line-height:1.6;
		}
		[data-animate]{ opacity:0; transform:translateY(10px); }
		.is-inview{ opacity:1 !important; transform:translateY(0) !important; transition:opacity .45s ease, transform .45s ease; }
		@media (max-width: 1199.98px){
			.cs-casehub__grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
		}
		@media (max-width: 767.98px){
			.cs-casehub__head{ flex-direction:column; align-items:flex-start; }
			.cs-casehub__more--desktop{ display:none; }
			.cs-casehub__grid{ grid-template-columns:1fr; }
			.cs-casehub__body{ padding:16px; }
		}
		@media (min-width: 768px){
			.cs-casehub__actions{ display:none; }
		}


/* Shared service-template fixes */
.cs-visit-standalone{
  max-width:360px;
  margin:10px auto 18px;
}
.mv-modal{
  display:none;
  max-width:520px;
  width:min(100%, 520px);
}
@media (max-width: 575.98px){
  .cs-visit-standalone{
    max-width:none;
    margin:10px 0 18px;
  }
}