/* =========================================================================
   ARST Media - PREMIUM
   Оформление по канону ДНК «Живое стекло» (website-premium/style-dna.md)
   Сцена + живое стекло (свет сверху) + сочные градиент-карточки + приборность
   Тексты и разметка исходного сайта не изменены.
   ========================================================================= */

/* ============================ 1. ТОКЕНЫ ============================ */
:root{
  /* Тёмная сцена (база) */
  --bg-0:#080A0F;
  --bg-1:#0C0F16;
  --bg-2:#121724;

  --ink-1:#F2F4F8;
  --ink-2:rgba(242,244,248,.72);
  --ink-3:rgba(242,244,248,.46);
  --ink-4:rgba(242,244,248,.30);

  /* Акцент-семья проекта: электрик-индиго (наследует бренд ARST #1B3BF0) */
  --acc:#7B96FF;
  --acc-mid:#3A57E8;
  --acc-deep:#0E1A73;
  --acc-soft:rgba(123,150,255,.14);
  --acc-line:rgba(123,150,255,.32);

  /* Стопы сочной градиент-заливки (ДНК, закон 4): светлее сверху, глубокий низ */
  --g-top:#5D7BFF;
  --g-mid:#2A44D8;
  --g-bot:#0D1866;
  --grad-acc:
    radial-gradient(130% 78% at 50% -14%,rgba(255,255,255,.30),transparent 52%),
    linear-gradient(168deg,var(--g-top) 0%,var(--g-mid) 46%,var(--g-bot) 100%);

  /* Семантика статусов (константа ДНК) */
  --ok:#7ADB8B;
  --warn:#E9D75C;
  --crit:#FF6B5E;

  /* Живое стекло */
  --glass-bg:rgba(255,255,255,.055);
  --glass-bg-2:rgba(255,255,255,.085);
  --glass-brd:rgba(255,255,255,.12);
  --glass-blur:22px;

  /* Радиусы (прямых углов не бывает) */
  --r-card:26px;
  --r-ui:14px;
  --r-pill:999px;

  --shadow-card:0 24px 60px rgba(0,0,0,.5);
  --shadow-soft:0 12px 34px rgba(0,0,0,.35);

  --maxw:1200px;
  --ease:cubic-bezier(.16,1,.3,1);

  /* фон молочных секций (перебивает inline style="background:var(--bg-warm)") */
  --bg-warm:linear-gradient(180deg,#DCDEE4 0%,#EBECEF 42%,#F4F4F6 100%);
}

/* Молочная сцена - переопределение токенов */
#process, #cases, #team{
  --ink-1:#12141A;
  --ink-2:rgba(18,20,26,.68);
  --ink-3:rgba(18,20,26,.46);
  --ink-4:rgba(18,20,26,.28);
  --acc:#2A45D6;
  --acc-mid:#1B3BF0;
  --acc-deep:#0B1660;
  --acc-soft:rgba(42,69,214,.10);
  --acc-line:rgba(42,69,214,.22);
  --glass-bg:rgba(255,255,255,.58);
  --glass-bg-2:rgba(255,255,255,.72);
  --glass-brd:rgba(255,255,255,.85);
  --shadow-card:0 22px 54px rgba(16,20,32,.14);
  --shadow-soft:0 10px 28px rgba(16,20,32,.10);
  color:var(--ink-1);
}

/* ============================ 2. БАЗА ============================ */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;
  font-family:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-size:17px;
  line-height:1.62;
  color:var(--ink-1);
  background:var(--bg-0);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}
h1,h2,h3,h4{margin:0;line-height:1.08;letter-spacing:-.025em;font-weight:700;text-wrap:balance}
p{margin:0;text-wrap:pretty}
ul{margin:0;padding:0;list-style:none}
em{font-style:normal}
:focus-visible{outline:2px solid var(--acc);outline-offset:3px;border-radius:6px}

.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 22px}

/* ---- Слой зерна: киношная плёнка поверх сцены (ДНК, закон 1) ---- */
.section, .hero, .footer, .marquee-wrap{position:relative;isolation:isolate}
.section::after, .hero::after, .footer::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:3;opacity:.055;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:160px 160px;
}
#process::after, #cases::after, #team::after{opacity:.04}

/* ---- Точечная сетка тёмной сцены ---- */
.hero, .section, .footer{
  background-color:var(--bg-0);
  background-image:radial-gradient(rgba(255,255,255,.045) 1px, transparent 1.5px);
  background-size:28px 28px;
}
#process, #cases, #team{background-image:none}

.section{padding:clamp(72px,9vw,132px) 0;z-index:1}
.section--tight{padding:clamp(48px,6vw,80px) 0}

/* Плавный переход тёмная → молочная сцена */
#process::before, #cases::before, #team::before{
  content:"";position:absolute;left:0;right:0;top:-1px;height:120px;pointer-events:none;z-index:2;
  background:linear-gradient(180deg,var(--bg-0),transparent);
  opacity:.55;
}

/* ============================ 3. ЗАГОЛОВКИ СЕКЦИЙ ============================ */
.section__head{max-width:780px;margin:0 auto clamp(38px,5vw,64px);text-align:center;position:relative;z-index:2}
.section__head--left{margin-left:0;text-align:left}

/* Eyebrow -> стеклянный pill-чип со статус-точкой (ДНК: приборность, не капс-надпись) */
.eyebrow{
  display:inline-flex;align-items:center;gap:.55em;
  padding:.42em 1.05em;margin-bottom:20px;
  border-radius:var(--r-pill);
  background:var(--acc-soft);
  border:1px solid var(--acc-line);
  color:var(--acc);
  font-size:.8rem;font-weight:600;letter-spacing:.01em;
}
.eyebrow::before{
  content:"";width:6px;height:6px;border-radius:50%;background:currentColor;
  box-shadow:0 0 10px currentColor;
  animation:pulseDot 2.6s ease-in-out infinite;
}
@keyframes pulseDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}

.section__title{font-size:clamp(1.9rem,4.1vw,3.1rem);margin-bottom:16px}
.section__title em{color:var(--acc)}
.section__sub{color:var(--ink-2);font-size:clamp(1rem,1.5vw,1.1rem);max-width:64ch;margin:0 auto}
.section__head--left .section__sub{margin-left:0}

/* ============================ 4. ЖИВОЕ СТЕКЛО (ядро ДНК) ============================ */
/* Базовая поверхность: свет сверху молочным туманом + inset-кромка + глубокая тень */
.scard, .why-card, .case, .review, .team-card, .plan, .metric,
.faq, .freebie, .proof, .step__body, .flow-step, .pay-badge,
.ex__card, .marquee__item, .eco-chip, .form, .proof__item{
  position:relative;
  background:var(--glass-bg);
  -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%);
  backdrop-filter:blur(var(--glass-blur)) saturate(160%);
  border:1px solid var(--glass-brd);
  border-radius:var(--r-card);
  box-shadow:var(--shadow-card), inset 0 1px 0 rgba(255,255,255,.18);
  overflow:hidden;
}
/* ОБЯЗАТЕЛЬНЫЙ слой: молочный свет сверху (закон 3) */
.scard::before, .why-card::before, .case::before, .review::before,
.team-card::before, .plan::before, .metric::before, .freebie::before,
.proof::before, .flow-step::before, .pay-badge::before, .form::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:radial-gradient(130% 62% at 50% -12%,
    rgba(255,255,255,.26), rgba(255,255,255,.05) 46%, transparent 72%);
  mix-blend-mode:screen;
  transition:opacity .3s ease;
}
#process .flow-step::before, #cases .case::before, #team .team-card::before,
#process .step__body::before, #process .proof::before, #process .proof__item::before{
  mix-blend-mode:normal;
  background:radial-gradient(130% 62% at 50% -12%,
    rgba(255,255,255,.85), rgba(255,255,255,.25) 46%, transparent 74%);
}
/* усиление света при наведении (закон 10b) */
.scard:hover::before,.why-card:hover::before,.case:hover::before,
.review:hover::before,.team-card:hover::before,.plan:hover::before{opacity:1.5}

/* Все прямые потомки карточек - над слоем света */
.scard > *, .why-card > *, .case > *, .review > *, .team-card > *,
.plan > *, .metric > *, .freebie > *, .flow-step > *, .pay-badge > *{position:relative;z-index:1}

/* ============================ 5. ТУМАН И СВЕТОВЫЕ КОНУСЫ ============================ */
.hero__bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;opacity:var(--fade,1)}
/* translate (отдельное свойство) - слой параллакса от premium.js; transform занят дрейфом */
.blob{position:absolute;border-radius:50%;filter:blur(72px);will-change:transform,opacity;
  translate:var(--px,0) 0;transition:translate .6s linear}
.blob--1{
  width:72vmin;aspect-ratio:1;top:-22vmin;left:62%;transform:translateX(-50%);
  background:radial-gradient(closest-side,rgba(123,150,255,.62),rgba(58,87,232,.22) 48%,transparent 72%);
  animation:fogDrift 19s ease-in-out infinite alternate;
}
.blob--2{
  width:58vmin;aspect-ratio:1;bottom:-24vmin;left:2%;
  background:radial-gradient(closest-side,rgba(58,87,232,.42),transparent 70%);
  animation:fogDrift 25s ease-in-out -9s infinite alternate;
}
@keyframes fogDrift{
  from{transform:translate(-56%,0) scale(1);opacity:.75}
  to{transform:translate(-44%,4vmin) scale(1.16);opacity:1}
}
.blob--2{animation-name:fogDrift2}
@keyframes fogDrift2{
  from{transform:translate(0,0) scale(1);opacity:.55}
  to{transform:translate(6vmin,-5vmin) scale(1.2);opacity:.9}
}
.hero .grain{
  position:absolute;inset:0;opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:160px 160px;
}
/* Тёплый световой конус в молочных секциях */
#process > .container::before, #cases > .container::before, #team > .container::before{
  content:"";position:absolute;width:56vmin;aspect-ratio:1;border-radius:50%;
  top:-16vmin;right:2%;filter:blur(72px);pointer-events:none;z-index:0;
  background:radial-gradient(closest-side,rgba(244,228,196,.95),transparent 70%);
  animation:fogDrift2 22s ease-in-out infinite alternate;
}
#process > .container, #cases > .container, #team > .container{position:relative}
#process .container > *, #cases .container > *, #team .container > *{position:relative;z-index:1}

/* ============================ 6. КУРСОР / ПРОГРЕСС ============================ */
.cursor,.cursor-dot{position:fixed;top:0;left:0;pointer-events:none;z-index:9999;opacity:0;transition:opacity .3s}
.cursor{
  width:38px;height:38px;border-radius:50%;
  border:1px solid var(--acc-line);
  background:radial-gradient(circle,rgba(123,150,255,.10),transparent 70%);
  transition:width .3s var(--ease),height .3s var(--ease),background .3s,opacity .3s;
}
.cursor.is-hover{width:56px;height:56px;background:rgba(123,150,255,.14);border-color:var(--acc)}
.cursor-dot{width:6px;height:6px;border-radius:50%;background:var(--acc);box-shadow:0 0 12px var(--acc)}
@media (hover:none),(pointer:coarse){.cursor,.cursor-dot{display:none}}

.scroll-progress{
  position:fixed;top:0;left:0;height:2px;width:0;z-index:9998;
  background:linear-gradient(90deg,var(--acc-mid),var(--acc));
  box-shadow:0 0 14px var(--acc);
}

/* ============================ 7. ХЕДЕР ============================ */
.header{
  position:fixed;top:0;left:0;right:0;z-index:900;
  padding:16px 0;transition:padding .3s var(--ease),background .3s,border-color .3s;
  border-bottom:1px solid transparent;
}
.header.scrolled{
  padding:9px 0;
  background:rgba(8,10,15,.62);
  -webkit-backdrop-filter:blur(18px) saturate(160%);
  backdrop-filter:blur(18px) saturate(160%);
  border-bottom-color:rgba(255,255,255,.08);
}
.header__inner{display:flex;align-items:center;justify-content:space-between;gap:22px}

.logo{display:inline-flex;align-items:baseline;gap:.2em;font-weight:800;font-size:1.2rem;letter-spacing:-.03em}
.logo__mark{color:var(--ink-1)}
.logo__lab{color:var(--acc);font-weight:600}
.logo__dot{color:var(--acc);text-shadow:0 0 14px var(--acc)}

.nav{display:none;gap:6px}
@media(min-width:1000px){.nav{display:flex}}
.nav__link{
  padding:.5em .95em;border-radius:var(--r-pill);
  font-size:.92rem;font-weight:500;color:var(--ink-2);
  transition:color .22s,background .22s;
}
.nav__link:hover{color:var(--ink-1);background:rgba(255,255,255,.06)}

.header .header__cta{display:none}
@media(min-width:1000px){.header .header__cta{display:inline-flex}}

.burger{width:44px;height:44px;display:grid;place-content:center;gap:5px;border-radius:var(--r-ui);background:var(--glass-bg);border:1px solid var(--glass-brd)}
@media(min-width:1000px){.burger{display:none}}
.burger span{display:block;width:19px;height:1.6px;background:var(--ink-1);border-radius:2px;transition:transform .3s var(--ease),opacity .2s}
.burger.active span:first-child{transform:translateY(3.3px) rotate(45deg)}
.burger.active span:last-child{transform:translateY(-3.3px) rotate(-45deg)}

/* ---- Мобильное меню ---- */
.mobile-menu{
  position:fixed;inset:0;z-index:890;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  background:rgba(8,10,15,.94);
  -webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);
  opacity:0;visibility:hidden;transform:translateY(-8px);
  transition:opacity .35s var(--ease),transform .35s var(--ease),visibility .35s;
}
.mobile-menu.open{opacity:1;visibility:visible;transform:none}
.mobile-menu__nav{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:22px}
.mobile-menu__link{padding:.6em 1.4em;border-radius:var(--r-pill);font-size:1.5rem;font-weight:600;color:var(--ink-1)}
.mobile-menu__link:hover{background:var(--acc-soft);color:var(--acc)}
.mobile-menu__cta{margin-bottom:14px}
.mobile-menu__mail{color:var(--ink-3);font-size:.95rem}

/* ============================ 8. КНОПКИ (pill, без прямых углов) ============================ */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.55em;
  padding:.85em 1.6em;border-radius:var(--r-pill);
  font-size:.95rem;font-weight:600;white-space:nowrap;
  position:relative;overflow:hidden;
  transition:transform .3s var(--ease),box-shadow .3s var(--ease),background .25s,border-color .25s;
}
.btn--sm{padding:.62em 1.2em;font-size:.88rem}
.btn--lg{padding:1.02em 2em;font-size:1rem}

.btn--primary{
  color:#fff;border:1px solid rgba(255,255,255,.2);
  background:
    radial-gradient(140% 100% at 50% -30%,rgba(255,255,255,.34),transparent 58%),
    linear-gradient(168deg,var(--g-top) 0%,var(--g-mid) 52%,var(--g-bot) 100%);
  background-size:100% 100%,180% 180%;
  box-shadow:0 14px 38px rgba(42,68,216,.4),inset 0 1px 0 rgba(255,255,255,.3);
  animation:accDrift 15s ease-in-out infinite alternate;
}
.btn--primary:hover{transform:translateY(-2px);box-shadow:0 20px 48px rgba(42,68,216,.55),inset 0 1px 0 rgba(255,255,255,.35)}

.btn--ghost{
  color:var(--ink-1);
  background:var(--glass-bg);
  border:1px solid var(--glass-brd);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16);
}
.btn--ghost:hover{background:var(--glass-bg-2);transform:translateY(-2px);border-color:var(--acc-line)}

.btn__arrow{width:15px;height:15px;transition:transform .3s var(--ease)}
.btn:hover .btn__arrow{transform:translateX(3px)}

@keyframes accDrift{
  from{background-position:0 0,0% 0%}
  to{background-position:0 0,100% 100%}
}

/* ============================ 9. HERO ============================ */
.hero{
  min-height:100svh;display:flex;align-items:center;
  padding:120px 0 72px;position:relative;overflow:hidden;
}
.hero__inner{
  display:grid;grid-template-columns:1fr;gap:52px;align-items:center;
  position:relative;z-index:2;
}
@media(min-width:1024px){.hero__inner{grid-template-columns:1.05fr .95fr;gap:44px}}

.hero__badge{
  display:inline-flex;align-items:center;gap:.6em;
  padding:.5em 1.1em;border-radius:var(--r-pill);
  background:var(--glass-bg);border:1px solid var(--glass-brd);
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2);
  font-size:.84rem;font-weight:600;color:var(--ink-2);margin-bottom:24px;
}
.pulse{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 12px var(--ok);animation:pulseDot 2.4s ease-in-out infinite}

.hero__title{font-size:clamp(2.05rem,4.35vw,3.5rem);margin-bottom:22px;letter-spacing:-.032em}
.hero__title .line{display:block;overflow:hidden;padding-bottom:.06em}
.hero__title .line > span{display:block;transform:translateY(112%);transition:transform .95s var(--ease)}
.hero__title.in .line:nth-child(1) > span{transition-delay:.05s}
.hero__title.in .line:nth-child(2) > span{transition-delay:.16s}
.hero__title.in .line:nth-child(3) > span{transition-delay:.27s}
.hero__title.in .line > span{transform:none}
.hero__title em{
  color:var(--acc);position:relative;
  text-shadow:0 0 34px rgba(123,150,255,.5);
}

.hero__lead{color:var(--ink-2);font-size:clamp(.98rem,1.4vw,1.08rem);max-width:58ch;margin-bottom:28px}
.hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}
.hero__micro{display:flex;align-items:flex-start;gap:.6em;color:var(--ink-3);font-size:.9rem;max-width:52ch}
.hero__micro svg{width:16px;height:16px;flex-shrink:0;margin-top:.35em;color:var(--ok)}

/* ---- Живой граф: объект-герой (закон 1, 9) ---- */
.flowgraph{
  position:relative;width:min(100%,470px);aspect-ratio:1;margin:0 auto;
  filter:drop-shadow(0 30px 70px rgba(0,0,0,.55));
  translate:0 var(--sy,0);
  will-change:transform,translate;
}
/* ореол света за объектом-героем: стеклу есть что размывать */
.flowgraph::before{
  content:"";position:absolute;inset:-12%;border-radius:50%;pointer-events:none;z-index:-1;
  background:radial-gradient(closest-side,rgba(58,87,232,.34),rgba(58,87,232,.08) 55%,transparent 72%);
  filter:blur(30px);
  animation:breatheGlow 8s ease-in-out infinite;
}
@keyframes breatheGlow{0%,100%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}
.flowgraph svg{width:100%;height:100%;overflow:visible}

.fg-ring{fill:none;stroke:rgba(255,255,255,.08);stroke-width:1}
.fg-ring--soft{stroke:rgba(123,150,255,.10)}
.fg-ring-dash{
  fill:none;stroke:var(--acc-line);stroke-width:1;
  stroke-dasharray:2 12;stroke-linecap:round;
  transform-origin:200px 200px;
  animation:ringSpin 60s linear infinite;
}
@keyframes ringSpin{to{transform:rotate(360deg)}}

/* глоу-коннекторы: тонкая линия + размытый цветной дубль */
.fg-link{
  fill:none;stroke:var(--acc);stroke-width:1.2;stroke-linecap:round;
  stroke-dasharray:var(--len);stroke-dashoffset:var(--len);
  opacity:.55;
  filter:drop-shadow(0 0 5px rgba(123,150,255,.85));
  transition:stroke-dashoffset 1.5s var(--ease);
}
.flowgraph.in .fg-link{stroke-dashoffset:0}
.flowgraph.in .l1{transition-delay:.15s}
.flowgraph.in .l2{transition-delay:.3s}
.flowgraph.in .l3{transition-delay:.45s}
.flowgraph.in .l4{transition-delay:.6s}
.flowgraph.in .l5{transition-delay:.05s}
.flowgraph.in .l6{transition-delay:.75s}

/* бегущие пакеты данных */
.fg-packet{fill:var(--acc);filter:drop-shadow(0 0 7px var(--acc));opacity:0}
.flowgraph.in .fg-packet{animation:packetRun 3.4s cubic-bezier(.5,0,.5,1) infinite}
.flowgraph.in .p2{animation-delay:.7s}
.flowgraph.in .p3{animation-delay:1.4s}
.flowgraph.in .p4{animation-delay:2s;fill:var(--ok);filter:drop-shadow(0 0 8px var(--ok))}
@keyframes packetRun{
  0%{offset-distance:0%;opacity:0}
  12%{opacity:1}
  88%{opacity:1}
  100%{offset-distance:100%;opacity:0}
}

/* ноды-стекло */
.fg-node{
  position:absolute;transform:translate(-50%,-50%);
  display:flex;flex-direction:column;align-items:center;gap:5px;
  padding:11px 13px;border-radius:var(--r-ui);
  background:rgba(255,255,255,.07);
  -webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 14px 32px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.24);
  transition:transform .35s var(--ease),box-shadow .35s,border-color .3s;
}
.fg-node:hover{transform:translate(-50%,-50%) scale(1.07);border-color:var(--acc-line);box-shadow:0 18px 40px rgba(58,87,232,.4),inset 0 1px 0 rgba(255,255,255,.3)}
.fg-node svg{width:21px;height:21px}
/* перекрываем hardcoded stroke="#1b3bf0" в разметке (на тёмной сцене - светлый акцент) */
.fg-node svg [stroke]{stroke:var(--acc)}
.fg-node svg [fill]:not([fill="none"]){fill:var(--acc)}
.fg-node span{font-size:.68rem;font-weight:600;color:var(--ink-2);letter-spacing:.01em;white-space:nowrap}

.fg-node--center{
  padding:16px 20px;
  background:
    radial-gradient(140% 100% at 50% -20%,rgba(255,255,255,.38),transparent 56%),
    linear-gradient(168deg,var(--g-top) 0%,var(--g-mid) 50%,var(--g-bot) 100%);
  background-size:100% 100%,180% 180%;
  border-color:rgba(255,255,255,.24);
  box-shadow:0 20px 54px rgba(58,87,232,.5),inset 0 1px 0 rgba(255,255,255,.34);
  animation:accDrift 13s ease-in-out infinite alternate, breathe 6s ease-in-out infinite;
  z-index:3;
}
@keyframes breathe{
  0%,100%{box-shadow:0 20px 54px rgba(58,87,232,.42),inset 0 1px 0 rgba(255,255,255,.34)}
  50%{box-shadow:0 22px 70px rgba(58,87,232,.72),inset 0 1px 0 rgba(255,255,255,.4)}
}
.fg-node--center svg{width:27px;height:27px}
.fg-node--center svg [stroke]{stroke:#fff}
.fg-node--center span{color:#fff;font-size:.78rem;font-weight:700}
.fg-node--center:hover{transform:translate(-50%,-50%) scale(1.05)}

/* Ноды-источники на графе: у контент-плана - зелёный статус (семантика ДНК) */
.fg-node:last-of-type svg [stroke]{stroke:var(--ok)}

@media(max-width:1023px){
  .flowgraph{width:min(92%,400px)}
  .fg-node{padding:9px 10px}
  .fg-node span{font-size:.62rem}
}

/* ============================ 10. ЛЕНТА ПЛОЩАДОК ============================ */
.marquee-wrap{padding:34px 0 10px;background:var(--bg-0);z-index:2}
.marquee-label{text-align:center;color:var(--ink-3);font-size:.85rem;margin-bottom:20px}
.marquee{
  overflow:hidden;position:relative;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
}
.marquee__track{display:flex;gap:12px;width:max-content;animation:marquee 46s linear infinite}
.marquee:hover .marquee__track{animation-play-state:paused}
@keyframes marquee{to{transform:translateX(-50%)}}
.marquee__item{
  display:inline-flex;align-items:center;gap:.55em;
  padding:.62em 1.15em;border-radius:var(--r-pill);
  font-size:.86rem;font-weight:600;color:var(--ink-2);white-space:nowrap;
  box-shadow:var(--shadow-soft),inset 0 1px 0 rgba(255,255,255,.14);
}
.marquee__item svg{width:17px;height:17px}
.marquee__item svg[stroke]{stroke:var(--acc)}

/* ============================ 11. МЕТРИКИ (приборные карточки) ============================ */
.metrics__grid{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:600px){.metrics__grid{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.metrics__grid{grid-template-columns:repeat(4,1fr)}}

.metric{padding:30px 26px 38px;text-align:left;transition:transform .35s var(--ease)}
.metric:hover{transform:translateY(-4px)}
/* приборная риска-индикатор слева сверху (ДНК: закон 7) */
.metric > .metric__num::before{
  content:"";position:absolute;top:-14px;left:0;width:3px;height:15px;border-radius:2px;
  background:var(--acc);box-shadow:0 0 10px var(--acc);
}
.metric__num{
  position:relative;
  font-size:clamp(2.5rem,4.3vw,3.5rem);
  font-weight:200;letter-spacing:-.035em;line-height:1;
  font-variant-numeric:tabular-nums;
  color:var(--ink-1);margin-bottom:14px;
}
.metric__num em{font-weight:200;color:var(--ink-1)}
.metric__label{color:var(--ink-3);font-size:.88rem;line-height:1.5}
/* спарклайн-подложка внизу карточки: отрисовывается при появлении (приборность) */
.metric::after{
  content:"";position:absolute;left:26px;right:26px;bottom:18px;height:1px;z-index:1;
  background:linear-gradient(90deg,transparent,var(--acc-line) 30%,var(--acc) 92%,transparent);
  opacity:.55;
  transform:scaleX(0);transform-origin:left center;
  transition:transform 1.3s var(--ease) .25s;
}
.metric.gauge-lit::after{transform:scaleX(1)}
/* заполнение приборных рисок кейса */
.case__result-num::before{transform:scaleY(0);transform-origin:top center;transition:transform .6s var(--ease)}
.case__results.gauge-lit .case__result-num::before{transform:scaleY(1)}
.case__results.gauge-lit .case__result:nth-child(2) .case__result-num::before{transition-delay:.12s}
.case__results.gauge-lit .case__result:nth-child(3) .case__result-num::before{transition-delay:.24s}
/* Фирменный приём ДНК: dot-matrix (LED-точечные) цифры на ключевой метрике */
.metric:nth-child(2) .metric__num{
  font-family:'Doto','Manrope',monospace;
  font-weight:800;letter-spacing:0;
  font-size:clamp(2.2rem,3.8vw,3.05rem);
  color:var(--acc);
  text-shadow:0 0 26px rgba(123,150,255,.45);
}
.metric:nth-child(2) > .metric__num::before{background:var(--ok);box-shadow:0 0 10px var(--ok)}
.metric:nth-child(3) > .metric__num::before{background:var(--warn);box-shadow:0 0 10px var(--warn)}
.metric:nth-child(4) > .metric__num::before{background:var(--ok);box-shadow:0 0 10px var(--ok)}

/* ============================ 12. УСЛУГИ (стекло + одна градиентная) ============================ */
.services__grid{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:680px){.services__grid{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.services__grid{grid-template-columns:repeat(3,1fr)}}

.scard{padding:32px 28px;transition:transform .35s var(--ease),border-color .3s}
.scard:hover{transform:translateY(-5px);border-color:var(--acc-line)}
/* радиальная подсветка по курсору (--mx/--my из script.js) */
.scard::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:0;
  background:radial-gradient(340px circle at var(--mx,50%) var(--my,50%),rgba(123,150,255,.14),transparent 62%);
  transition:opacity .35s;
}
.scard:hover::after{opacity:1}
.scard__icon{
  width:52px;height:52px;display:grid;place-content:center;
  border-radius:var(--r-ui);margin-bottom:20px;
  background:var(--acc-soft);border:1px solid var(--acc-line);
  color:var(--acc);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 0 24px rgba(123,150,255,.14);
}
.scard__icon svg{width:23px;height:23px}
.scard__title{font-size:1.16rem;margin-bottom:11px;letter-spacing:-.02em}
.scard__text{color:var(--ink-2);font-size:.94rem;line-height:1.62}

/* Сочная градиент-карточка: 1 на 5 стеклянных (закон 4) */
.services__grid .scard:nth-child(2){
  background:var(--grad-acc);
  background-size:100% 100%,175% 175%;
  animation:accDrift 16s ease-in-out infinite alternate;
  border-color:rgba(255,255,255,.2);
  box-shadow:0 26px 74px rgba(42,68,216,.4),var(--shadow-card),inset 0 1px 0 rgba(255,255,255,.3);
  -webkit-backdrop-filter:none;backdrop-filter:none;
}
.services__grid .scard:nth-child(2)::before{display:none}
.services__grid .scard:nth-child(2) .scard__icon{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.3);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.34)}
.services__grid .scard:nth-child(2) .scard__title{color:#fff}
.services__grid .scard:nth-child(2) .scard__text{color:rgba(255,255,255,.8)}

/* ============================ 13. КАК РАБОТАЕМ (молочная сцена) ============================ */
.steps{position:relative}
.steps__line{position:absolute;top:19px;left:6%;right:6%;height:1.5px;background:rgba(18,20,26,.10);border-radius:2px;display:none}
@media(min-width:1000px){.steps__line{display:block}}
.steps__line-fill{
  display:block;height:100%;width:0;border-radius:2px;
  background:linear-gradient(90deg,var(--acc-mid),var(--acc));
  box-shadow:0 0 12px rgba(42,69,214,.6);
  transition:width 2s var(--ease);
}
.steps__grid{display:grid;grid-template-columns:1fr;gap:22px}
@media(min-width:700px){.steps__grid{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.steps__grid{grid-template-columns:repeat(5,1fr);gap:16px}}

.step{position:relative}
.step__dot{
  width:40px;height:40px;border-radius:50%;
  display:grid;place-content:center;margin-bottom:20px;
  font-size:.76rem;font-weight:700;color:var(--ink-3);
  background:#fff;border:1px solid rgba(18,20,26,.10);
  box-shadow:0 6px 18px rgba(16,20,32,.10);
  transition:all .5s var(--ease);
  position:relative;z-index:2;
}
.step.lit .step__dot{
  color:#fff;border-color:transparent;
  background:linear-gradient(165deg,var(--acc),var(--acc-deep));
  box-shadow:0 8px 26px rgba(42,69,214,.42),inset 0 1px 0 rgba(255,255,255,.32);
  transform:scale(1.06);
}
.step__body{padding:22px 20px}
.step__num{font-size:.74rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--acc);margin-bottom:8px}
.step__title{font-size:1.02rem;margin-bottom:9px;letter-spacing:-.02em}
.step__text{color:var(--ink-2);font-size:.89rem;line-height:1.58}

/* ---- Полоса доказательств ---- */
.proof{margin-top:44px;padding:28px 24px}
.proof__tie{display:flex;align-items:center;gap:.75em;margin-bottom:22px}
.proof__tie-num{
  display:grid;place-content:center;width:34px;height:34px;border-radius:50%;flex-shrink:0;
  font-size:.72rem;font-weight:700;color:#fff;
  background:linear-gradient(165deg,var(--acc),var(--acc-deep));
  box-shadow:0 6px 18px rgba(42,69,214,.4),inset 0 1px 0 rgba(255,255,255,.3);
}
.proof__tie-label{color:var(--ink-2);font-size:.9rem;font-weight:600}
.proof__grid{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:860px){.proof__grid{grid-template-columns:repeat(3,1fr)}}
.proof__item{padding:14px;background:rgba(255,255,255,.5);box-shadow:var(--shadow-soft),inset 0 1px 0 rgba(255,255,255,.7)}
.proof__item--gap-spacer{display:none}
.proof__shot{width:100%;height:auto;border-radius:var(--r-ui);border:1px solid rgba(18,20,26,.07)}
.proof__cap{display:block;margin-top:11px;color:var(--ink-3);font-size:.76rem}

.proof__cmt{display:flex;gap:11px;padding:14px;border-radius:var(--r-ui);background:rgba(255,255,255,.66);border:1px solid rgba(18,20,26,.06)}
.proof__cmt-ava{width:32px;height:32px;border-radius:50%;flex-shrink:0;background:linear-gradient(160deg,#C9CEDA,#9AA3B4)}
.proof__cmt-user{display:block;font-size:.78rem;font-weight:700;color:var(--ink-2);margin-bottom:4px}
.proof__cmt-text{font-size:.83rem;color:var(--ink-2);line-height:1.5;margin-bottom:6px}
.proof__cmt-meta{font-size:.7rem;color:var(--ink-4)}

.proof__gap{
  padding:16px;border-radius:var(--r-ui);
  background:linear-gradient(165deg,rgba(42,69,214,.07),rgba(42,69,214,.02));
  border:1px solid var(--acc-line);
  font-size:.9rem;color:var(--ink-2);line-height:1.6;
}
.proof__gap-tag{
  display:inline-block;margin-bottom:9px;
  padding:.3em .85em;border-radius:var(--r-pill);
  background:var(--acc);color:#fff;
  font-size:.68rem;font-weight:700;letter-spacing:.02em;
  box-shadow:0 4px 14px rgba(42,69,214,.35);
}
.proof__mark{background:rgba(233,215,92,.4);color:var(--ink-1);padding:.05em .25em;border-radius:4px;font-weight:600}

/* ============================ 14. ПРИМЕР РАБОТЫ (тёмные панели-паспарту) ============================ */
.ex{position:relative;margin-bottom:26px}
.ex__track{
  display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;
  padding:6px 2px 18px;scrollbar-width:none;
}
.ex__track::-webkit-scrollbar{display:none}
.ex__slide{flex:0 0 78%;scroll-snap-align:start}
@media(min-width:700px){.ex__slide{flex:0 0 42%}}
@media(min-width:1100px){.ex__slide{flex:0 0 30%}}

.ex__card{
  display:block;width:100%;text-align:left;padding:14px;
  transition:transform .35s var(--ease),border-color .3s,box-shadow .3s;
}
.ex__card:hover{transform:translateY(-5px);border-color:var(--acc-line);box-shadow:0 30px 68px rgba(0,0,0,.55)}
.ex__imgwrap{
  display:block;border-radius:var(--r-ui);overflow:hidden;position:relative;
  border:1px solid rgba(255,255,255,.08);
  background:#0F1219;
}
/* свет сверху на превью-кадре */
.ex__imgwrap::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 32%);
}
.ex__img{
  width:100%;height:auto;aspect-ratio:1150/1628;object-fit:cover;object-position:top;
  filter:brightness(.9) contrast(1.02) saturate(.95);
  transition:filter .4s ease,transform .6s var(--ease);
}
.ex__card:hover .ex__img{filter:none;transform:scale(1.015)}
.ex__cap{display:block;margin-top:12px;color:var(--ink-3);font-size:.8rem;line-height:1.5}
.ex__cap b{color:var(--ink-1);font-weight:600}

.ex__nav{
  position:absolute;top:38%;z-index:5;
  width:46px;height:46px;border-radius:50%;display:grid;place-content:center;
  background:rgba(255,255,255,.08);border:1px solid var(--glass-brd);
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  box-shadow:var(--shadow-soft),inset 0 1px 0 rgba(255,255,255,.2);
  color:var(--ink-1);transition:background .25s,transform .25s var(--ease);
}
.ex__nav:hover{background:var(--acc);transform:scale(1.07);border-color:transparent}
.ex__nav svg{width:19px;height:19px}
.ex__nav--prev{left:-6px}
.ex__nav--next{right:-6px}
@media(min-width:1280px){.ex__nav--prev{left:-24px}.ex__nav--next{right:-24px}}

.ex__dots{display:flex;justify-content:center;gap:7px;margin-top:6px}
.ex__dot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.18);transition:all .3s var(--ease)}
.ex__dot.is-active{width:24px;border-radius:var(--r-pill);background:var(--acc);box-shadow:0 0 12px var(--acc)}

.ex__foot{text-align:center;margin-top:16px}
.ex__note{color:var(--ink-4);font-size:.8rem;margin-top:16px;max-width:56ch;margin-inline:auto}

/* Лайтбокс */
.ex-lb{
  position:fixed;inset:0;z-index:9500;display:none;
  align-items:center;justify-content:center;gap:18px;padding:24px;
  background:rgba(6,8,12,.9);
  -webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);
}
.ex-lb.is-open{display:flex}
.ex-lb__fig{margin:0;max-width:min(92vw,760px);text-align:center}
.ex-lb__img{width:100%;height:auto;max-height:80vh;object-fit:contain;border-radius:var(--r-card);box-shadow:0 40px 90px rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.1)}
.ex-lb__cap{margin-top:14px;color:var(--ink-2);font-size:.86rem}
.ex-lb__cap b{color:var(--ink-1)}
.ex-lb__close,.ex-lb__nav{
  width:48px;height:48px;border-radius:50%;display:grid;place-content:center;flex-shrink:0;
  background:rgba(255,255,255,.08);border:1px solid var(--glass-brd);color:var(--ink-1);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  transition:background .25s,transform .25s var(--ease);
}
.ex-lb__close{position:absolute;top:20px;right:20px}
.ex-lb__close:hover,.ex-lb__nav:hover{background:var(--acc);transform:scale(1.06)}
.ex-lb__close svg,.ex-lb__nav svg{width:21px;height:21px}
@media(max-width:640px){
  .ex-lb__nav{position:absolute;bottom:22px}
  .ex-lb__nav--prev{left:26%}
  .ex-lb__nav--next{right:26%}
}

/* ============================ 15. ПОЧЕМУ МЫ ============================ */
.why__grid{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:680px){.why__grid{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.why__grid{grid-template-columns:repeat(3,1fr)}}
.why-card{padding:30px 26px;transition:transform .35s var(--ease),border-color .3s}
.why-card:hover{transform:translateY(-4px);border-color:var(--acc-line)}
.why-card__icon{
  width:46px;height:46px;display:grid;place-content:center;border-radius:var(--r-ui);
  margin-bottom:18px;color:var(--acc);
  background:var(--acc-soft);border:1px solid var(--acc-line);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14);
}
.why-card__icon svg{width:21px;height:21px}
.why-card__title{font-size:1.06rem;margin-bottom:10px;letter-spacing:-.02em}
.why-card__text{color:var(--ink-2);font-size:.92rem;line-height:1.6}

/* ============================ 16. КЕЙСЫ (молочная сцена, приборные результаты) ============================ */
.cases__grid{display:grid;grid-template-columns:1fr;gap:18px}
@media(min-width:820px){.cases__grid{grid-template-columns:repeat(3,1fr)}}
.case{padding:30px 26px;transition:transform .35s var(--ease)}
.case:hover{transform:translateY(-5px)}
.case__tag{
  display:inline-block;margin-bottom:16px;
  padding:.36em .95em;border-radius:var(--r-pill);
  background:var(--acc-soft);border:1px solid var(--acc-line);color:var(--acc);
  font-size:.73rem;font-weight:700;
}
.case__title{font-size:1.12rem;margin-bottom:11px;letter-spacing:-.02em}
.case__text{color:var(--ink-2);font-size:.92rem;margin-bottom:24px;line-height:1.6}
.case__results{display:grid;gap:14px;padding-top:20px;border-top:1px solid rgba(18,20,26,.08)}
.case__result{display:flex;align-items:baseline;gap:.8em}
.case__result-num{
  font-size:1.55rem;font-weight:200;letter-spacing:-.03em;line-height:1;
  font-variant-numeric:tabular-nums;color:var(--acc);flex-shrink:0;min-width:4.6em;
  position:relative;
}
.case__result-num em{font-weight:200}
/* приборная риска-статус */
.case__result-num::before{
  content:"";position:absolute;left:-11px;top:.1em;width:3px;height:.85em;border-radius:2px;
  background:var(--ok);
}
.case__result:nth-child(2) .case__result-num::before{background:var(--acc-mid)}
.case__result:nth-child(3) .case__result-num::before{background:var(--warn)}
.case__result-label{color:var(--ink-3);font-size:.79rem;line-height:1.45}

/* ============================ 17. ОТЗЫВЫ ============================ */
.reviews__grid{display:grid;grid-template-columns:1fr;gap:18px}
@media(min-width:820px){.reviews__grid{grid-template-columns:repeat(3,1fr)}}
.review{padding:30px 26px;margin:0;display:flex;flex-direction:column;transition:transform .35s var(--ease)}
.review:hover{transform:translateY(-4px)}
.review__stars{display:flex;gap:3px;margin-bottom:18px;color:var(--warn)}
.review__stars svg{width:15px;height:15px;filter:drop-shadow(0 0 6px rgba(233,215,92,.5))}
.review__quote{margin:0 0 24px;color:var(--ink-2);font-size:.94rem;line-height:1.66;flex:1}
.review__author{display:flex;align-items:center;gap:12px}
.review__avatar{
  width:44px;height:44px;border-radius:50%;display:grid;place-content:center;flex-shrink:0;
  font-size:.82rem;font-weight:700;color:#fff;
  background:
    radial-gradient(130% 100% at 50% -20%,rgba(255,255,255,.4),transparent 58%),
    linear-gradient(160deg,var(--acc),var(--acc-deep));
  box-shadow:0 8px 20px rgba(58,87,232,.34),inset 0 1px 0 rgba(255,255,255,.3);
}
.review__name{font-weight:700;font-size:.94rem}
.review__role{color:var(--ink-3);font-size:.79rem}

/* ============================ 18. КОМАНДА (молочная, паспарту-фото) ============================ */
.team__grid{display:grid;grid-template-columns:1fr;gap:18px}
@media(min-width:640px){.team__grid{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.team__grid{grid-template-columns:repeat(3,1fr)}}
.team-card{transition:transform .35s var(--ease)}
.team-card:hover{transform:translateY(-5px)}
.team-card__photo{position:relative;padding:14px 14px 0}
.team-card__photo img{
  width:100%;aspect-ratio:1;object-fit:cover;
  border-radius:var(--r-ui);
  border:1px solid rgba(18,20,26,.07);
  box-shadow:0 14px 34px rgba(16,20,32,.16);
  filter:saturate(.94) contrast(1.02);
  transition:transform .5s var(--ease),filter .4s;
}
.team-card:hover .team-card__photo img{transform:scale(1.02);filter:saturate(1.02) contrast(1.04)}
/* световой блик сверху на фото - шов кадра растворён */
.team-card__photo::after{
  content:"";position:absolute;left:14px;right:14px;top:14px;height:44%;pointer-events:none;
  border-radius:var(--r-ui) var(--r-ui) 0 0;
  background:linear-gradient(180deg,rgba(255,255,255,.3),transparent);
}
.team-card__initials{
  width:100%;aspect-ratio:1;display:grid;place-content:center;border-radius:var(--r-ui);
  font-size:2rem;font-weight:700;color:#fff;
  background:linear-gradient(160deg,var(--acc),var(--acc-deep));
}
.team-card__body{padding:20px 22px 26px}
.team-card__name{font-size:1.06rem;margin-bottom:5px;letter-spacing:-.02em}
.team-card__role{color:var(--acc);font-size:.79rem;font-weight:700;margin-bottom:12px}
.team-card__bio{color:var(--ink-2);font-size:.88rem;line-height:1.58}

/* ============================ 19. FREEBIE (стеклянная панель + поток) ============================ */
.freebie{padding:clamp(30px,4vw,52px)}
.freebie__head{text-align:center;margin-bottom:38px}
.freebie__eyebrow{
  display:inline-flex;align-items:center;gap:.5em;margin-bottom:18px;
  padding:.42em 1.05em;border-radius:var(--r-pill);
  background:rgba(122,219,139,.12);border:1px solid rgba(122,219,139,.28);color:var(--ok);
  font-size:.78rem;font-weight:700;
}
.freebie__eyebrow svg{width:14px;height:14px}
.freebie__title{font-size:clamp(1.5rem,3vw,2.35rem);letter-spacing:-.025em}
.freebie__title em{color:var(--acc)}

.flow{display:grid;grid-template-columns:1fr;gap:14px;align-items:stretch;margin-bottom:36px}
@media(min-width:900px){.flow{grid-template-columns:1fr auto 1.25fr auto 1fr;gap:10px;align-items:center}}
.flow-step{display:flex;gap:14px;padding:22px 20px;align-items:flex-start}
.flow-step__num{
  width:30px;height:30px;border-radius:50%;display:grid;place-content:center;flex-shrink:0;
  font-size:.8rem;font-weight:700;color:var(--ink-2);
  background:rgba(255,255,255,.07);border:1px solid var(--glass-brd);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2);
}
.flow-step__t{font-weight:700;font-size:.96rem;margin-bottom:5px;letter-spacing:-.01em}
.flow-step__d{color:var(--ink-3);font-size:.85rem;line-height:1.5}

/* Сочная градиент-карточка на ключевом шаге (закон 4) */
.flow-step--accent{
  background:var(--grad-acc);
  background-size:100% 100%,175% 175%;
  animation:accDrift 15s ease-in-out infinite alternate;
  border-color:rgba(255,255,255,.2);
  box-shadow:0 24px 64px rgba(42,68,216,.42),inset 0 1px 0 rgba(255,255,255,.3);
  -webkit-backdrop-filter:none;backdrop-filter:none;
}
.flow-step--accent::before{display:none}
.flow-step--accent .flow-step__num{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.34);color:#fff}
.flow-step--accent .flow-step__t{color:#fff}
.flow-step--accent .flow-step__d{color:rgba(255,255,255,.82)}

.flow-arrow{display:grid;place-content:center;color:var(--acc);opacity:.55}
.flow-arrow svg{width:22px;height:22px}
@media(max-width:899px){.flow-arrow{transform:rotate(90deg)}}

.freebie__foot{text-align:center}
.freebie__bound{margin-top:18px;color:var(--ink-3);font-size:.85rem;max-width:60ch;margin-inline:auto}
.freebie__bound strong{color:var(--ink-1);font-weight:700}

/* ============================ 20. ЦЕНЫ ============================ */
.pay-badge{
  display:flex;align-items:center;gap:14px;
  max-width:760px;margin:0 auto 38px;padding:18px 22px;
  border-radius:var(--r-pill);
}
@media(max-width:640px){.pay-badge{border-radius:var(--r-card);align-items:flex-start}}
.pay-badge__icon{
  width:38px;height:38px;border-radius:50%;display:grid;place-content:center;flex-shrink:0;
  background:rgba(122,219,139,.13);border:1px solid rgba(122,219,139,.3);color:var(--ok);
  box-shadow:0 0 20px rgba(122,219,139,.2);
}
.pay-badge__icon svg{width:19px;height:19px}
.pay-badge__text{color:var(--ink-2);font-size:.88rem;line-height:1.5}
.pay-badge__text strong{color:var(--ink-1);font-weight:700}

.pricing__grid{display:grid;grid-template-columns:1fr;gap:18px;align-items:start}
@media(min-width:900px){.pricing__grid{grid-template-columns:repeat(3,1fr)}}
.plan{padding:34px 28px;display:flex;flex-direction:column;transition:transform .35s var(--ease),border-color .3s}
.plan:hover{transform:translateY(-5px);border-color:var(--acc-line)}
.plan__name{font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-bottom:14px}
.plan__price{
  font-size:clamp(2rem,3.2vw,2.6rem);font-weight:200;letter-spacing:-.035em;line-height:1;
  font-variant-numeric:tabular-nums;margin-bottom:14px;
}
.plan__price span{font-size:.9rem;font-weight:500;color:var(--ink-3);margin-right:.4em;letter-spacing:0}
.plan__desc{color:var(--ink-3);font-size:.87rem;margin-bottom:26px;line-height:1.55;min-height:2.6em}
.plan__feats{display:grid;gap:12px;margin-bottom:30px;flex:1}
.plan__feat{display:flex;gap:.7em;align-items:flex-start;font-size:.88rem;color:var(--ink-2);line-height:1.45}
.plan__feat svg{width:15px;height:15px;flex-shrink:0;margin-top:.3em;color:var(--ok)}
.plan .btn{width:100%}

/* Флагманский тариф - сочная градиент-карточка */
.plan--featured{
  background:var(--grad-acc);
  background-size:100% 100%,175% 175%;
  animation:accDrift 17s ease-in-out infinite alternate;
  border-color:rgba(255,255,255,.22);
  box-shadow:0 32px 84px rgba(42,68,216,.46),var(--shadow-card),inset 0 1px 0 rgba(255,255,255,.32);
  -webkit-backdrop-filter:none;backdrop-filter:none;
}
@media(min-width:900px){.plan--featured{transform:scale(1.035)}.plan--featured:hover{transform:scale(1.035) translateY(-5px)}}
.plan--featured::before{display:none}
.plan__badge{
  position:absolute;top:20px;right:20px;
  padding:.34em .9em;border-radius:var(--r-pill);
  background:rgba(255,255,255,.94);color:var(--acc-deep);
  font-size:.68rem;font-weight:800;letter-spacing:.02em;
  box-shadow:0 6px 18px rgba(0,0,0,.2);
}
.plan--featured .plan__name{color:rgba(255,255,255,.72)}
.plan--featured .plan__price{color:#fff}
.plan--featured .plan__price span{color:rgba(255,255,255,.7)}
.plan--featured .plan__desc{color:rgba(255,255,255,.78)}
.plan--featured .plan__feat{color:rgba(255,255,255,.92)}
.plan--featured .plan__feat svg{color:#fff}
.plan--featured .btn--primary{
  background:#fff;color:var(--acc-deep);border-color:transparent;animation:none;
  box-shadow:0 14px 34px rgba(0,0,0,.26);
}
.plan--featured .btn--primary:hover{box-shadow:0 20px 44px rgba(0,0,0,.34)}

.pricing__note{text-align:center;margin-top:34px;color:var(--ink-2);font-size:.92rem}
.pricing__note strong{color:var(--ink-1)}
.pricing__disclaimer{text-align:center;margin-top:14px;color:var(--ink-4);font-size:.78rem;max-width:70ch;margin-inline:auto}
.pricing__disclaimer a,.pricing__note a{color:var(--acc);text-decoration:underline;text-underline-offset:3px}

/* ============================ 21. FAQ ============================ */
.faq{max-width:860px;margin:0 auto;padding:8px 10px}
.faq-item{border-bottom:1px solid rgba(255,255,255,.07)}
.faq-item:last-child{border-bottom:none}
.faq-q{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:24px 16px;text-align:left;
  font-size:1.02rem;font-weight:600;letter-spacing:-.015em;
  transition:color .25s;
}
.faq-q:hover{color:var(--acc)}
.faq-icon{position:relative;width:20px;height:20px;flex-shrink:0}
.faq-icon::before,.faq-icon::after{
  content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  background:var(--acc);border-radius:2px;transition:transform .3s var(--ease),opacity .3s;
}
.faq-icon::before{width:13px;height:1.6px}
.faq-icon::after{width:1.6px;height:13px}
.faq-item.open .faq-icon::after{transform:translate(-50%,-50%) rotate(90deg);opacity:0}
.faq-a{max-height:0;overflow:hidden;transition:max-height .45s var(--ease)}
.faq-a__inner{padding:0 16px 26px;color:var(--ink-2);font-size:.94rem;line-height:1.68;max-width:74ch}

/* ============================ 22. CTA + ФОРМА (большая градиент-панель) ============================ */
.cta{padding-bottom:clamp(80px,10vw,140px)}
.cta__box{
  position:relative;overflow:hidden;
  border-radius:clamp(28px,3vw,36px);
  border:1px solid rgba(255,255,255,.14);
  background:
    radial-gradient(150% 90% at 50% -18%,rgba(255,255,255,.20),transparent 52%),
    linear-gradient(168deg,var(--g-mid) 0%,var(--g-bot) 55%,#070B22 100%);
  background-size:100% 100%,180% 180%;
  animation:accDrift 20s ease-in-out infinite alternate;
  box-shadow:0 40px 100px rgba(13,24,102,.55),inset 0 1px 0 rgba(255,255,255,.24);
}
.cta__glow{
  position:absolute;width:44vmin;aspect-ratio:1;border-radius:50%;filter:blur(70px);pointer-events:none;
  background:radial-gradient(closest-side,rgba(123,150,255,.55),transparent 70%);
  top:-16vmin;left:8%;
  animation:fogDrift2 18s ease-in-out infinite alternate;
}
.cta__glow--2{
  background:radial-gradient(closest-side,rgba(122,219,139,.28),transparent 70%);
  top:auto;bottom:-20vmin;left:auto;right:4%;
  animation-duration:24s;animation-delay:-8s;
}
.cta__inner{
  position:relative;z-index:2;
  display:grid;grid-template-columns:1fr;gap:40px;
  padding:clamp(30px,4.4vw,60px);
}
@media(min-width:960px){.cta__inner{grid-template-columns:1fr 1fr;gap:52px;align-items:center}}

.cta__title{font-size:clamp(1.7rem,3.4vw,2.7rem);margin-bottom:16px;color:#fff;letter-spacing:-.028em}
.cta__sub{color:rgba(255,255,255,.76);font-size:1rem;margin-bottom:22px;max-width:48ch}
.cta__guarantee{
  display:flex;gap:.7em;align-items:flex-start;
  padding:14px 16px;margin-bottom:22px;border-radius:var(--r-ui);
  background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  color:rgba(255,255,255,.86);font-size:.84rem;line-height:1.5;max-width:52ch;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2);
}
.cta__guarantee svg{width:17px;height:17px;flex-shrink:0;margin-top:.2em;color:var(--ok)}
.cta__mail{display:inline-flex;align-items:center;gap:.55em;color:#fff;font-weight:600;font-size:.95rem;opacity:.92;transition:opacity .25s}
.cta__mail:hover{opacity:1}
.cta__mail svg{width:19px;height:19px}

/* ---- Форма: стеклянная панель ---- */
.form{
  padding:28px 24px;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.16);
  -webkit-backdrop-filter:blur(24px) saturate(150%);backdrop-filter:blur(24px) saturate(150%);
  box-shadow:0 30px 70px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.24);
}
.form::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(130% 55% at 50% -10%,rgba(255,255,255,.24),transparent 66%);
}
.form__fields{position:relative;z-index:1}
.hp{position:absolute;left:-9999px;opacity:0;pointer-events:none}
.form__row{margin-bottom:15px}
.field__label{display:block;margin-bottom:7px;font-size:.79rem;font-weight:600;color:rgba(255,255,255,.72)}
.field__input,.field__textarea{
  width:100%;padding:.86em 1.1em;
  border-radius:var(--r-ui);
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.16);
  color:#fff;font:inherit;font-size:.94rem;
  transition:border-color .25s,background .25s,box-shadow .25s;
}
.field__input::placeholder,.field__textarea::placeholder{color:rgba(255,255,255,.36)}
.field__input:focus,.field__textarea:focus{
  outline:none;background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.42);
  box-shadow:0 0 0 4px rgba(123,150,255,.18);
}
.field__textarea{min-height:96px;resize:vertical}
.field--invalid{border-color:var(--crit)!important;box-shadow:0 0 0 4px rgba(255,107,94,.16)!important}
.field__error{display:block;color:var(--crit);font-size:.76rem;margin:-6px 0 12px}

.consent{display:flex;gap:.7em;align-items:flex-start;margin:16px 0 8px;cursor:pointer}
.consent__box{
  width:18px;height:18px;flex-shrink:0;margin-top:.15em;
  accent-color:var(--acc);cursor:pointer;
}
.consent__text{font-size:.78rem;color:rgba(255,255,255,.66);line-height:1.5}
.consent__text a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.consent.invalid .consent__text{color:var(--crit)}

.form .btn--primary{
  width:100%;margin-top:10px;
  background:#fff;color:var(--acc-deep);border-color:transparent;animation:none;
  box-shadow:0 14px 34px rgba(0,0,0,.24);
}
.form .btn--primary:hover{box-shadow:0 20px 44px rgba(0,0,0,.32)}
.form .btn--primary:disabled{opacity:.7;cursor:wait}

.form__error{margin-top:12px;color:#FFC9C4;font-size:.8rem;text-align:center}
.form__error a{color:#fff;text-decoration:underline}
.form__or{display:flex;align-items:center;gap:12px;margin:18px 0;color:rgba(255,255,255,.4);font-size:.75rem}
.form__or::before,.form__or::after{content:"";flex:1;height:1px;background:rgba(255,255,255,.16)}
.form__tg{
  display:flex;align-items:center;justify-content:center;gap:.6em;
  padding:.85em 1.2em;border-radius:var(--r-pill);
  background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);
  color:#fff;font-size:.86rem;font-weight:600;text-align:center;
  transition:background .25s,transform .3s var(--ease);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2);
}
.form__tg:hover{background:rgba(255,255,255,.16);transform:translateY(-2px)}
.form__hint{margin-top:16px;color:rgba(255,255,255,.5);font-size:.74rem;line-height:1.5;text-align:center}
.form__hint a{color:rgba(255,255,255,.8);text-decoration:underline;text-underline-offset:2px}

.form__success{display:none;text-align:center;padding:36px 10px;position:relative;z-index:1}
.form__success.show{display:block;animation:successIn .6s var(--ease)}
@keyframes successIn{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
.form__success svg{width:56px;height:56px;color:var(--ok);margin:0 auto 18px;filter:drop-shadow(0 0 18px rgba(122,219,139,.5))}
.form__success h3{font-size:1.3rem;color:#fff;margin-bottom:9px}
.form__success p{color:rgba(255,255,255,.72);font-size:.92rem}

/* ============================ 23. ФУТЕР ============================ */
.footer{padding:64px 0 34px;border-top:1px solid rgba(255,255,255,.07);position:relative;z-index:1}
.footer__top{display:grid;grid-template-columns:1fr;gap:40px;padding-bottom:44px}
@media(min-width:820px){.footer__top{grid-template-columns:2fr 1fr 1fr;gap:44px}}
.footer__brand .logo{margin-bottom:16px}
.footer__tagline{color:var(--ink-3);font-size:.89rem;max-width:44ch;line-height:1.6;margin-bottom:26px}

.footer__eco-label{display:block;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-4);margin-bottom:12px}
.footer__eco-chips{display:flex;flex-wrap:wrap;gap:9px}
.eco-chip{
  display:inline-flex;align-items:center;gap:.55em;
  padding:.6em 1.05em;border-radius:var(--r-pill);
  font-size:.82rem;font-weight:600;color:var(--ink-2);
  box-shadow:var(--shadow-soft),inset 0 1px 0 rgba(255,255,255,.14);
  transition:transform .3s var(--ease),border-color .3s,color .25s;
}
.eco-chip:hover{transform:translateY(-2px);border-color:var(--acc-line);color:var(--ink-1)}
.eco-chip__icon{width:14px;height:14px;color:var(--acc)}
.eco-chip__arrow{width:13px;height:13px;opacity:.5;transition:transform .3s var(--ease)}
.eco-chip:hover .eco-chip__arrow{transform:translateX(3px);opacity:1}

.footer__col h4{font-size:.76rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-4);margin-bottom:18px}
.footer__col a{display:block;color:var(--ink-3);font-size:.88rem;padding:5px 0;transition:color .22s}
.footer__col a:hover{color:var(--acc)}
.footer__mail{display:inline-flex!important;align-items:center;gap:.5em;margin-top:10px}
.footer__mail svg{width:16px;height:16px}

.footer__bottom{
  display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center;
  padding-top:26px;border-top:1px solid rgba(255,255,255,.07);
}
.footer__copy{color:var(--ink-4);font-size:.82rem}
.footer__legal{display:flex;gap:20px}
.footer__legal a{color:var(--ink-4);font-size:.82rem;transition:color .22s}
.footer__legal a:hover{color:var(--acc)}

/* ============================ 24. ЭКОСИСТЕМА (если используется) ============================ */
.eco__grid{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:760px){.eco__grid{grid-template-columns:repeat(3,1fr)}}
.eco-card{
  position:relative;padding:28px 24px;border-radius:var(--r-card);
  background:var(--glass-bg);border:1px solid var(--glass-brd);
  -webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));
  box-shadow:var(--shadow-card),inset 0 1px 0 rgba(255,255,255,.16);
  transition:transform .35s var(--ease);
}
.eco-card:hover{transform:translateY(-4px)}
.eco-card__logo{width:44px;height:44px;border-radius:var(--r-ui);display:grid;place-content:center;background:var(--acc-soft);color:var(--acc);margin-bottom:16px}
.eco-card__name{font-size:1.04rem;font-weight:700;margin-bottom:8px}
.eco-card__desc{color:var(--ink-3);font-size:.87rem;line-height:1.55;margin-bottom:16px}
.eco-card__link{color:var(--acc);font-size:.85rem;font-weight:600}
.eco-card__here{display:inline-block;padding:.3em .8em;border-radius:var(--r-pill);background:var(--acc-soft);color:var(--acc);font-size:.7rem;font-weight:700}
.eco-card--active{border-color:var(--acc-line)}

/* ============================ 25. REVEAL (закон 10b) ============================ */
.reveal{opacity:0;transform:translateY(26px);filter:blur(6px)}
.reveal.in{
  opacity:1;transform:none;filter:none;
  transition:opacity .75s var(--ease),transform .8s var(--ease),filter .7s ease;
}

/* ============================ 26. ЧАТ-ВИДЖЕТ «МАЙЯ» (живое стекло) ============================ */
.ams-bubble{
  position:fixed;right:20px;bottom:20px;z-index:9400;
  width:58px;height:58px;border-radius:50%;
  display:grid;place-content:center;color:#fff;
  background:
    radial-gradient(140% 100% at 50% -22%,rgba(255,255,255,.42),transparent 58%),
    linear-gradient(165deg,var(--acc) 0%,var(--acc-mid) 50%,var(--acc-deep) 100%);
  background-size:100% 100%,180% 180%;
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 16px 42px rgba(58,87,232,.5),inset 0 1px 0 rgba(255,255,255,.34);
  animation:accDrift 14s ease-in-out infinite alternate,breathe 6s ease-in-out infinite;
  transition:transform .3s var(--ease),opacity .3s;
}
.ams-bubble:hover{transform:scale(1.06)}
.ams-bubble--hidden{opacity:0;pointer-events:none;transform:scale(.8)}
.ams-bubble__dot{
  position:absolute;top:3px;right:3px;width:11px;height:11px;border-radius:50%;
  background:var(--ok);border:2px solid #0B0E15;box-shadow:0 0 10px var(--ok);
}

.ams-panel{
  position:fixed;right:20px;bottom:20px;z-index:9401;
  width:min(380px,calc(100vw - 32px));height:min(560px,calc(100svh - 40px));
  display:flex;flex-direction:column;overflow:hidden;
  border-radius:var(--r-card);
  background:rgba(12,15,22,.86);
  -webkit-backdrop-filter:blur(26px) saturate(160%);backdrop-filter:blur(26px) saturate(160%);
  border:1px solid rgba(255,255,255,.13);
  box-shadow:0 40px 90px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.2);
  opacity:0;transform:translateY(14px) scale(.97);pointer-events:none;
  transition:opacity .35s var(--ease),transform .35s var(--ease);
}
.ams-panel--in{opacity:1;transform:none;pointer-events:auto}

.ams-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04)}
.ams-head__who{display:flex;align-items:center;gap:11px}
.ams-ava{
  width:38px;height:38px;border-radius:50%;display:grid;place-content:center;color:#fff;flex-shrink:0;
  background:linear-gradient(160deg,var(--acc),var(--acc-deep));
  box-shadow:0 6px 18px rgba(58,87,232,.4),inset 0 1px 0 rgba(255,255,255,.3);
}
.ams-head__txt{display:flex;flex-direction:column;line-height:1.25}
.ams-head__txt b{font-size:.92rem;font-weight:700;color:var(--ink-1)}
.ams-head__txt i{font-style:normal;font-size:.7rem;color:var(--ink-3)}
.ams-head__actions{display:flex;gap:6px}
.ams-tg,.ams-x{
  width:34px;height:34px;border-radius:50%;display:grid;place-content:center;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:var(--ink-2);
  transition:background .25s,color .25s;
}
.ams-tg:hover,.ams-x:hover{background:var(--acc);color:#fff;border-color:transparent}

.ams-log{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;scrollbar-width:thin}
.ams-msg{display:flex;max-width:88%}
.ams-msg--user{align-self:flex-end;justify-content:flex-end}
.ams-msg--bot{align-self:flex-start}
.ams-bub{
  padding:11px 14px;border-radius:18px;font-size:.88rem;line-height:1.5;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:var(--ink-1);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14);
}
.ams-msg--user .ams-bub{
  background:linear-gradient(165deg,var(--acc),var(--acc-deep));color:#fff;border-color:rgba(255,255,255,.18);
  box-shadow:0 8px 20px rgba(58,87,232,.34),inset 0 1px 0 rgba(255,255,255,.26);
}
.ams-typing .ams-bub{display:flex;gap:4px;align-items:center;min-height:38px}
.ams-typing .ams-bub::before,.ams-typing .ams-bub::after{
  content:"";width:6px;height:6px;border-radius:50%;background:var(--ink-3);
  animation:typing 1.2s ease-in-out infinite;
}
.ams-typing .ams-bub::after{animation-delay:.25s}
@keyframes typing{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}

.ams-cta{
  margin:0 16px 10px;padding:.8em 1.1em;border-radius:var(--r-pill);text-align:center;
  background:linear-gradient(165deg,var(--acc),var(--acc-deep));color:#fff;
  font-size:.84rem;font-weight:600;
  box-shadow:0 10px 26px rgba(58,87,232,.36),inset 0 1px 0 rgba(255,255,255,.26);
}
.ams-input{
  display:flex;gap:9px;padding:12px 14px;border-top:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
}
.ams-input textarea,.ams-input input{
  flex:1;padding:.7em 1em;border-radius:var(--r-pill);resize:none;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);
  color:var(--ink-1);font:inherit;font-size:.88rem;max-height:90px;
}
.ams-input textarea:focus,.ams-input input:focus{outline:none;border-color:var(--acc-line);background:rgba(255,255,255,.11)}
.ams-send{
  width:40px;height:40px;border-radius:50%;flex-shrink:0;display:grid;place-content:center;color:#fff;
  background:linear-gradient(165deg,var(--acc),var(--acc-deep));
  box-shadow:0 8px 20px rgba(58,87,232,.4),inset 0 1px 0 rgba(255,255,255,.28);
  transition:transform .25s var(--ease)}
.ams-send:hover{transform:scale(1.07)}
.ams-busy{opacity:.6;pointer-events:none}
.ams-suppress{display:none!important}
@media(max-width:520px){
  .ams-panel{right:8px;left:8px;bottom:8px;width:auto;height:min(78svh,600px)}
  .ams-bubble{right:16px;bottom:16px}
}

/* ============================ 27. REDUCED MOTION (закон ДНК: фолбэк) ============================ */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation:none!important;transition-duration:.01ms!important}
  html{scroll-behavior:auto}
  .reveal{opacity:1;transform:none;filter:none}
  .hero__title .line > span{transform:none}
  .fg-link{stroke-dashoffset:0}
  .fg-packet{opacity:.9}
  .steps__line-fill{width:100%!important}
  .marquee__track{animation:none;transform:none}
}

/* ============================ 28. МОБИЛЬНЫЕ УТОЧНЕНИЯ ============================ */
@media(max-width:640px){
  body{font-size:16px}
  .hero{padding-top:104px;min-height:auto}
  .hero__actions .btn{width:100%}
  .section__head{text-align:left}
  .eyebrow{margin-bottom:16px}
  .btn,.nav__link,.faq-q{min-height:44px}
  .scard,.why-card,.case,.review,.plan{padding:26px 22px}
}