.hero-noise{position:absolute;inset:0;opacity:.06;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/></filter><rect width='200' height='200' filter='url(%23n)'/></svg>");mix-blend-mode:overlay}
.hero-blob{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;opacity:.5}
.hero-blob-1{top:-10%;left:-5%;width:500px;height:500px;background:radial-gradient(circle,rgba(190,30,45,.35),transparent 70%);animation:blob-float 20s ease-in-out infinite}
.hero-blob-2{bottom:-20%;right:-5%;width:600px;height:600px;background:radial-gradient(circle,rgba(60,97,158,.4),transparent 70%);animation:blob-float 24s ease-in-out infinite reverse}
@keyframes blob-float{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(30px,-30px) scale(1.1)}}
.scroll-progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--accent),var(--accent-light),var(--accent));z-index:999;transition:width .08s linear;box-shadow:0 0 12px rgba(190,30,45,.5)}
.floaters{position:fixed;left:24px;bottom:24px;z-index:91;display:flex;flex-direction:column;gap:10px}
.floater{display:flex;align-items:center;gap:0;width:52px;height:52px;border-radius:50%;color:#fff;overflow:hidden;transition:width .3s cubic-bezier(.16,1,.3,1),gap .3s;box-shadow:0 12px 26px -10px rgba(0,0,0,.4);padding:0 15px}
.floater svg{flex-shrink:0}
.floater-label{opacity:0;white-space:nowrap;font-size:14px;font-weight:700;transition:opacity .2s .1s}
.floater:hover{width:160px;gap:10px}
.floater:hover .floater-label{opacity:1}
.floater-wa{background:linear-gradient(135deg,#25D366,#128C7E)}
.floater-tg{background:linear-gradient(135deg,#2AABEE,#229ED9)}
.floater-ph{background:linear-gradient(135deg,var(--accent),var(--accent-dark))}
@media (max-width:640px){.floaters{left:16px;bottom:16px;flex-direction:row}.floater:hover{width:52px}.floater:hover .floater-label{opacity:0}}
.section-fines{background:linear-gradient(180deg,#fff,#fff9f9 100%);position:relative;overflow:hidden}
.eyebrow-accent{color:var(--accent)}
.fines-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.fine-item{background:#fff;border:1px solid var(--navy-100);border-radius:var(--radius-lg);padding:28px 26px;border-left:4px solid var(--accent);transition:transform .3s,box-shadow .3s}
.fine-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.fine-amount{font-size:32px;font-weight:900;color:var(--accent);letter-spacing:-.03em;line-height:1;margin-bottom:6px}
.fine-who{font-size:12px;font-weight:800;color:var(--navy-400);text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}
.fine-text{font-size:14px;color:var(--navy-600);line-height:1.55}
.fines-cta{text-align:center;margin-top:44px}
@media (max-width:900px){.fines-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.fines-grid{grid-template-columns:1fr}}
.cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.case-card{background:#fff;border:1px solid var(--navy-100);border-radius:var(--radius-lg);padding:28px;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s;display:flex;flex-direction:column;gap:16px}
.case-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}
.case-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--navy-100)}
.case-sector{font-size:11px;font-weight:800;color:var(--accent);background:rgba(190,30,45,.08);padding:5px 11px;border-radius:6px;text-transform:uppercase;letter-spacing:.06em}
.case-region{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--navy-400)}
.case-card h3{font-size:17px;color:var(--navy-800)}
.case-body{display:flex;flex-direction:column;gap:14px;flex:1}
.case-row .case-label{display:block;font-size:11px;font-weight:800;color:var(--navy-400);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}
.case-row p{font-size:14px;color:var(--navy-600);line-height:1.55}
.case-result{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:12px;padding-top:16px;border-top:1px dashed var(--navy-200)}
.case-res-item strong{display:block;font-size:18px;font-weight:900;color:var(--navy-800)}
.case-res-item span{font-size:11px;color:var(--navy-400);text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.case-res-amount strong{color:var(--accent)}
@media (max-width:1000px){.cases-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.cases-grid{grid-template-columns:1fr}}
.process-list{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;position:relative;max-width:1100px;margin:0 auto}
.process-list::before{content:"";position:absolute;top:24px;left:8%;right:8%;height:2px;background:repeating-linear-gradient(90deg,var(--navy-200) 0,var(--navy-200) 6px,transparent 6px,transparent 12px)}
.process-step{position:relative;background:#fff;border:1px solid var(--navy-100);border-radius:var(--radius);padding:26px 20px 22px;text-align:center;transition:transform .3s,box-shadow .3s,border-color .3s}
.process-step:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm);border-color:var(--accent)}
.process-num{display:grid;place-items:center;width:44px;height:44px;margin:0 auto 14px;border-radius:12px;background:linear-gradient(135deg,var(--navy-800),var(--navy-600));color:#fff;font-family:var(--font-mono);font-size:15px;font-weight:800;position:relative;z-index:2}
.process-step strong{display:block;font-size:15px;font-weight:800;color:var(--navy-800);margin-bottom:8px}
.process-step p{font-size:13px;color:var(--navy-500);line-height:1.5}
@media (max-width:900px){.process-list{grid-template-columns:repeat(2,1fr)}.process-list::before{display:none}}
@media (max-width:560px){.process-list{grid-template-columns:1fr}}
.guar-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid var(--navy-100);border-radius:var(--radius-lg);padding:26px 22px;text-align:center;transition:transform .3s,box-shadow .3s,border-color .3s}
.guar-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--accent)}
.guar-icon{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 16px;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff;box-shadow:0 12px 24px -8px rgba(190,30,45,.5)}
.guar-card h3{font-size:17px;margin-bottom:8px}
.guar-card p{font-size:13px;color:var(--navy-500);line-height:1.55}
.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.review-card{background:#fff;border:1px solid var(--navy-100);border-radius:var(--radius-lg);padding:30px 26px;display:flex;flex-direction:column;gap:16px;position:relative;transition:transform .3s,box-shadow .3s}
.review-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}
.review-stars{display:flex;gap:2px;color:#f59e0b}
.review-text{font-size:15px;color:var(--navy-700);line-height:1.6;flex:1;font-style:italic}
.review-author{display:flex;align-items:center;gap:12px;padding-top:14px;border-top:1px solid var(--navy-100)}
.review-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--navy-800),var(--navy-600));color:#fff;font-weight:900;font-size:18px;flex-shrink:0}
.review-author strong{display:block;font-size:14px;color:var(--navy-800)}
.review-author span{font-size:12px;color:var(--navy-400)}
.review-tag{display:inline-block;align-self:flex-start;padding:5px 11px;border-radius:6px;background:var(--navy-50);color:var(--navy-600);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
@media (max-width:900px){.reviews-grid{grid-template-columns:1fr}}
.calc-card{background:linear-gradient(135deg,var(--navy-950),var(--navy-800));border-radius:var(--radius-xl);padding:44px;margin-bottom:44px;color:#fff;position:relative;overflow:hidden}
.calc-inner{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;position:relative}
.calc-card h2{color:#fff;margin-bottom:12px}
.calc-card .lead{color:#cbd5e1;font-size:16px}
.calc-card .eyebrow{color:var(--accent-light)}
.calc-form{display:grid;gap:14px}
.calc-field{display:flex;flex-direction:column;gap:6px}
.calc-field span{font-size:13px;font-weight:700;color:#cbd5e1}
.calc-field input,.calc-field select{padding:15px 18px;border-radius:var(--radius);border:1.5px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff;font-size:16px;font-weight:600;font-family:inherit}
.calc-field input:focus,.calc-field select:focus{outline:none;border-color:var(--accent-light);background:rgba(255,255,255,.1)}
.calc-result{padding:18px 22px;border-radius:var(--radius);background:rgba(190,30,45,.16);border:1px solid rgba(190,30,45,.3);display:flex;justify-content:space-between;align-items:center}
.calc-result span{font-size:13px;color:#cbd5e1;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.calc-result strong{font-size:28px;font-weight:900;color:#fff;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
@media (max-width:900px){.calc-card{padding:32px 24px}.calc-inner{grid-template-columns:1fr;gap:28px}}
.cta-pattern{position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:radial-gradient(circle at 15% 30%,rgba(190,30,45,.22),transparent 40%),radial-gradient(circle at 85% 70%,rgba(60,97,158,.3),transparent 45%)}
.form-success{text-align:center;padding:40px 20px}
.form-success-icon{display:grid;place-items:center;width:80px;height:80px;margin:0 auto 20px;border-radius:50%;background:linear-gradient(135deg,var(--ok),#059669);color:#fff;box-shadow:0 20px 40px -12px rgba(16,185,129,.5)}
.form-success h3{color:var(--navy-800);margin-bottom:8px}
.form-success p{color:var(--navy-500)}
.stat-num{font-variant-numeric:tabular-nums}


/* v111-premium */
/* Многослойные тени карточек + мягкий hover-lift */
.card, .svc-detail, .case-card, .review-card, .guar-card,
.legal-card, .faq-item, .v16-q, .price-block, .contact-card {
  box-shadow:
    0 1px 2px rgba(16,42,86,.04),
    0 4px 12px rgba(16,42,86,.06),
    0 24px 48px -12px rgba(16,42,86,.10) !important;
  transition:
    transform .35s cubic-bezier(.2,.8,.2,1),
    box-shadow .35s cubic-bezier(.2,.8,.2,1),
    border-color .25s ease !important;
  will-change: transform, box-shadow;
}

.card:hover, .svc-detail:hover, .case-card:hover, .review-card:hover,
.guar-card:hover, .legal-card:hover, .faq-item:hover, .contact-card:hover {
  transform: translateY(-4px);
  box-shadow:
    0 2px 4px rgba(16,42,86,.05),
    0 8px 24px rgba(16,42,86,.10),
    0 40px 80px -20px rgba(16,42,86,.18) !important;
}

/* Кнопки: градиент и усиленный hover */
.btn {
  transition:
    transform .25s cubic-bezier(.2,.8,.2,1),
    box-shadow .25s cubic-bezier(.2,.8,.2,1),
    background .2s !important;
}
.btn-p {
  background: linear-gradient(180deg, #d02a3b 0%, #BE1E2D 60%, #a5172a 100%) !important;
  border: none !important;
  box-shadow:
    0 1px 2px rgba(190,30,45,.18),
    0 4px 14px rgba(190,30,45,.28);
}
.btn-p:hover {
  transform: translateY(-2px);
  box-shadow:
    0 2px 4px rgba(190,30,45,.22),
    0 8px 26px rgba(190,30,45,.38);
}
.btn-p:active { transform: translateY(0); }
.btn-xl { padding: 1rem 1.75rem; font-weight: 700; letter-spacing: .01em; }

/* Градиентный текст в H1 hero и H2 секций */
.hero h1 em {
  background: linear-gradient(135deg, #ff6377 0%, #BE1E2D 50%, #ff6377 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  font-style: normal;
  font-weight: inherit;
}
.section-head h2 {
  background: linear-gradient(135deg, #102A56 0%, #1e4a8a 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  letter-spacing: -.01em;
}

/* Навигация: анимированное подчёркивание */
.nav a { position: relative; }
.nav a::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: -4px;
  height: 2px;
  background: linear-gradient(90deg, #BE1E2D 0%, #ff6377 100%);
  border-radius: 2px;
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform .35s cubic-bezier(.2,.8,.2,1);
}
.nav a:hover::after,
.nav a.on::after {
  transform: scaleX(1);
  transform-origin: left center;
}

/* Eyebrow: короткая линия-акцент слева */
.eyebrow {
  position: relative;
  padding-left: 1.25rem;
}
.eyebrow::before {
  content: "";
  position: absolute;
  left: 0; top: 50%;
  transform: translateY(-50%);
  width: .9rem;
  height: 2px;
  background: currentColor;
  border-radius: 2px;
  opacity: .7;
}

/* Чипсы городов: hover-lift */
.chip {
  transition:
    transform .2s cubic-bezier(.2,.8,.2,1),
    box-shadow .2s !important;
}
.chip:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(16,42,86,.12);
}

/* Поля ввода: аккуратный focus */
input:focus, select:focus, textarea:focus {
  outline: none !important;
  border-color: #BE1E2D !important;
  box-shadow: 0 0 0 4px rgba(190,30,45,.10) !important;
  transition: box-shadow .2s, border-color .2s;
}

/* Таблица цен: табличные цифры */
.price-table .num {
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  color: #102A56;
}

/* Ссылки в тексте */
.prose a {
  color: #BE1E2D;
  text-decoration: none;
  border-bottom: 1px solid rgba(190,30,45,.30);
  transition: border-color .2s, color .2s;
}
.prose a:hover { border-bottom-color: #BE1E2D; }

/* Кастомный скроллбар (WebKit/Blink) */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #102A56 0%, #1e4a8a 100%);
  border-radius: 10px;
  border: 2px solid #f1f5f9;
}
::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #BE1E2D 0%, #ff6377 100%);
}

/* Плавный скролл */
html { scroll-behavior: smooth; }

/* Reveal: чуть более плавное появление */
.reveal {
  transition:
    opacity .75s cubic-bezier(.2,.8,.2,1),
    transform .75s cubic-bezier(.2,.8,.2,1) !important;
}

/* Уважение к prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
  }
  html { scroll-behavior: auto; }
}
/* /v111-premium */


/* v114-polish */
/* 1. Glass-шапка при скролле */
.header {
  transition:
    background .35s ease,
    box-shadow .35s ease,
    backdrop-filter .35s ease,
    -webkit-backdrop-filter .35s ease !important;
}
.header.scrolled {
  background: rgba(255, 255, 255, .72) !important;
  -webkit-backdrop-filter: blur(14px) saturate(160%);
  backdrop-filter: blur(14px) saturate(160%);
  box-shadow:
    0 1px 0 rgba(16,42,86,.06),
    0 8px 28px -12px rgba(16,42,86,.14) !important;
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .header.scrolled { background: rgba(255, 255, 255, .96) !important; }
}

/* 2. Плавный счётчик — визуальная полировка цифр */
.stat-num {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
  display: inline-block;
  min-width: 1.4ch;
}

/* 3. Каскадное появление карточек */
.reveal.v114-shown {
  animation: v114-fadeUp .85s cubic-bezier(.2,.8,.2,1) both;
}
@keyframes v114-fadeUp {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: none; }
}

/* Ступенчатая задержка для элементов в сетках */
.grid-3 > .reveal.v114-shown:nth-child(1),
.grid-4 > .reveal.v114-shown:nth-child(1),
.cases-grid > .reveal.v114-shown:nth-child(1),
.reviews-grid > .reveal.v114-shown:nth-child(1) { animation-delay: .00s; }

.grid-3 > .reveal.v114-shown:nth-child(2),
.grid-4 > .reveal.v114-shown:nth-child(2),
.cases-grid > .reveal.v114-shown:nth-child(2),
.reviews-grid > .reveal.v114-shown:nth-child(2) { animation-delay: .08s; }

.grid-3 > .reveal.v114-shown:nth-child(3),
.grid-4 > .reveal.v114-shown:nth-child(3),
.cases-grid > .reveal.v114-shown:nth-child(3),
.reviews-grid > .reveal.v114-shown:nth-child(3) { animation-delay: .16s; }

.grid-3 > .reveal.v114-shown:nth-child(4),
.grid-4 > .reveal.v114-shown:nth-child(4) { animation-delay: .24s; }

.grid-3 > .reveal.v114-shown:nth-child(5),
.grid-4 > .reveal.v114-shown:nth-child(5) { animation-delay: .32s; }

.grid-3 > .reveal.v114-shown:nth-child(6),
.grid-4 > .reveal.v114-shown:nth-child(6) { animation-delay: .40s; }

.grid-3 > .reveal.v114-shown:nth-child(7),
.grid-4 > .reveal.v114-shown:nth-child(7) { animation-delay: .48s; }

.grid-3 > .reveal.v114-shown:nth-child(8),
.grid-4 > .reveal.v114-shown:nth-child(8) { animation-delay: .56s; }

/* Уважение к prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
  .reveal.v114-shown { animation: none; }
  .header { transition: none !important; }
}
/* /v114-polish */


/* v1.16 — новые плавающие кнопки */
.floaters {
    position: fixed;
    right: 22px;
    bottom: 22px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    z-index: 90;
}
.floater {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #FFFFFF;
    color: #102A56;
    box-shadow:
        0 2px 4px rgba(16,42,86,.08),
        0 8px 24px -6px rgba(16,42,86,.18);
    text-decoration: none;
    overflow: hidden;
    transition: width .35s cubic-bezier(.2,.8,.2,1),
                box-shadow .25s,
                transform .25s;
    position: relative;
    white-space: nowrap;
}
.floater svg {
    flex: 0 0 22px;
    margin: 0 17px;
    transition: transform .25s;
}
.floater:hover {
    width: 168px;
    justify-content: flex-start;
    transform: translateY(-2px);
    box-shadow:
        0 4px 8px rgba(16,42,86,.10),
        0 16px 32px -8px rgba(16,42,86,.24);
}
.floater-label {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .01em;
    opacity: 0;
    transition: opacity .2s .1s;
    padding-right: 18px;
}
.floater:hover .floater-label { opacity: 1; }

/* Цвета — только иконка, фон белый */
.floater-wa  { color: #25D366; }
.floater-tg  { color: #229ED9; }
.floater-max { color: #8B5CF6; }
.floater-ph  { color: #102A56; }

.floater:hover.floater-wa  { background: #25D366; color: #fff; }
.floater:hover.floater-tg  { background: #229ED9; color: #fff; }
.floater:hover.floater-max { background: #8B5CF6; color: #fff; }
.floater:hover.floater-ph  { background: #BE1E2D; color: #fff; }

@media (max-width: 640px) {
    .floaters { right: 14px; bottom: 14px; gap: 10px; }
    .floater { width: 48px; height: 48px; }
    .floater svg { margin: 0 13px; }
    .floater:hover { width: 48px; }
    .floater:hover .floater-label { display: none; }
}


/* v1.17 — плавающие кнопки без SVG (цветные кружки + буквы) */
.floaters .floater {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    overflow: hidden;
    text-decoration: none;
    box-shadow:
        0 2px 4px rgba(16,42,86,.08),
        0 8px 24px -6px rgba(16,42,86,.20);
    transition: width .35s cubic-bezier(.2,.8,.2,1),
                box-shadow .25s, transform .25s;
    white-space: nowrap;
    color: #fff !important;
}
.floaters .floater:hover {
    width: 172px;
    transform: translateY(-2px);
    box-shadow:
        0 4px 8px rgba(16,42,86,.10),
        0 16px 32px -8px rgba(16,42,86,.24);
}
.floaters .floater-ico {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 58px;
    height: 58px;
    font-size: 24px;
    font-weight: 800;
    color: #fff;
    letter-spacing: 0;
}
.floaters .floater-label {
    font-size: 13.5px;
    font-weight: 700;
    color: #fff;
    opacity: 0;
    padding-right: 20px;
    transition: opacity .2s .1s;
}
.floaters .floater:hover .floater-label { opacity: 1; }

/* Цвета */
.floaters .floater-wa  { background: #25D366; }
.floaters .floater-tg  { background: #229ED9; }
.floaters .floater-max { background: #8B5CF6; }
.floaters .floater-ph  { background: #BE1E2D; }

@media (max-width: 640px) {
    .floaters .floater { width: 50px; height: 50px; }
    .floaters .floater-ico { flex: 0 0 50px; height: 50px; font-size: 20px; }
    .floaters .floater:hover { width: 50px; }
    .floaters .floater:hover .floater-label { display: none; }
}


/* v1.18 — премиальные плавающие кнопки */
.floaters {
    position: fixed;
    right: 22px;
    bottom: 22px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    z-index: 90;
}
.floaters .floater {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 28px;
    padding: 0;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    box-shadow:
        0 1px 2px rgba(16,42,86,.10),
        0 8px 24px -6px rgba(16,42,86,.24);
    transition:
        width .35s cubic-bezier(.2,.8,.2,1),
        padding .35s cubic-bezier(.2,.8,.2,1),
        justify-content .35s,
        transform .25s,
        box-shadow .25s;
    white-space: nowrap;
    color: #fff;
}
.floaters .floater:hover {
    width: 176px;
    justify-content: flex-start;
    padding: 0 22px 0 15px;
    transform: translateY(-2px);
    box-shadow:
        0 3px 6px rgba(16,42,86,.12),
        0 18px 36px -8px rgba(16,42,86,.28);
}
.floaters .floater-ico {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 26px;
    width: 26px;
    height: 26px;
    color: #fff;
}
.floaters .floater-ico svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: none;
    stroke: none;
}
.floaters .floater-ico svg path {
    fill: #fff;
    stroke: none;
}
.floaters .floater-ico svg path[stroke="#fff"]{fill:none;stroke:#fff}.floaters .floater-label{display:inline-block;max-width:0;overflow:hidden;opacity:0;font-size:13.5px;font-weight:700;color:#fff;margin-left:10px;transition:max-width .35s cubic-bezier(.2,.8,.2,1),opacity .25s .1s,margin-left .35s;letter-spacing:.01em}.floaters .floater:hover .floater-label{max-width:130px;opacity:1}.floaters .floater-wa{background:linear-gradient(135deg,#25D366 0%,#1DA851 100%)}.floaters .floater-tg{background:linear-gradient(135deg,#37BBFE 0%,#229ED9 100%)}.floaters .floater-max{background:linear-gradient(135deg,#A78BFA 0%,#7C3AED 100%)}.floaters .floater-ph{background:linear-gradient(135deg,#D02A3B 0%,#A5172A 100%)}@media (max-width:640px){.floaters{right:14px;bottom:14px;gap:10px}.floaters .floater{width:48px;height:48px;border-radius:24px}.floaters .floater:hover{width:48px;padding:0;justify-content:center}.floaters .floater-ico{flex:0 0 22px;width:22px;height:22px}.floaters .floater:hover .floater-label{max-width:0;opacity:0;margin-left:0}}