/* ==========================================================================
   СЦЕНЫ ПРАЙСА (#pricing-6)
   --------------------------------------------------------------------------
   Шестнадцать сюжетов — по одному на пункт обоих тарифов. Каждая сцена
   собрана из настоящих элементов интерфейса: свёрстанные страницы сайта,
   окно WordPress, код с мета-тегами, переписка, платёжная форма.
   Цвет — акцент сцены (--a), вокруг — светло-цветное поле.
   Первые восемь сцен играют сами: стопка страниц, перелистывание слайдов,
   смена фото в медиатеке, строки кода, три экрана, заявка в мессенджер,
   цепочка домен→хостинг→SSL и «до / после» правок. Фаза 3 приходит из
   js/pricing6.js в момент «клика» и включает результат: выбор файла,
   отправку заявки, галочки и финальный кадр.
   ========================================================================== */

.p6-scene{padding:0}

/* общий вход: сцена собирается по элементам со сдвигом */
.p6-in{opacity:0;transform:translateY(9%) scale(.985)}
.p6-scene.is-active .p6-in{
  animation:p6In .62s var(--p6-ease) both;
  animation-delay:calc(var(--i,0)*.07s);
}
@keyframes p6In{to{opacity:1;transform:none}}
.p6-mono{font-family:var(--mono)}

/* ==========================================================================
   01 · СТРАНИЦЫ — десять свёрстанных страниц ложатся в стопку
   ========================================================================== */
.p6-s-pages{--a:#2f63ff}
.p6-pages{
  position:absolute;inset:clamp(10px,2.6cqw,15px);
  display:grid;grid-template-columns:.335fr .665fr;gap:2.6cqw;
}
.p6-pages-side{display:flex;flex-direction:column;justify-content:center;min-width:0}
.p6-pages-cap{
  display:block;margin-bottom:1.6cqw;font-size:clamp(9px,1.9cqw,12px);
  font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#5b6b86;
}
.p6-pages-list{display:flex;flex-direction:column;gap:.3cqw}
.p6-pages-row{
  display:flex;align-items:center;gap:1cqw;padding:.6cqw .7cqw;border-radius:.7cqw;
  font-size:clamp(10px,2.05cqw,13px);font-weight:700;color:#3b4658;white-space:nowrap;
  opacity:0;transform:translateX(-1.2cqw);
}
.p6-pages-row b{
  display:grid;place-items:center;flex:none;width:2.9cqw;height:2.9cqw;border-radius:50%;
  background:#fff;color:#8b93a4;font-size:clamp(8px,1.5cqw,10px);font-weight:800;
  box-shadow:0 .4cqw 1cqw -.4cqw rgba(30,44,80,.4);
}
.p6-pages-row>i{
  margin-left:auto;font-style:normal;font-size:clamp(9px,1.9cqw,12px);font-weight:800;
  color:#16a34a;opacity:0;transform:scale(.4);
}
.p6-scene.is-active .p6-pages-row{
  animation:p6RowIn .5s var(--p6-ease) both;
  animation-delay:calc((9 - var(--i)) * .05s);
}
@keyframes p6RowIn{to{opacity:1;transform:none}}
.p6-scene.is-active .p6-pages-row b{
  animation:p6Hit .3s ease both;
  animation-delay:calc(.1s + var(--i) * .17s);
}
@keyframes p6Hit{
  0%{background:#fff;color:#8b93a4;box-shadow:0 .4cqw 1cqw -.4cqw rgba(30,44,80,.4)}
  100%{background:#e8eeff;color:var(--a);box-shadow:0 0 0 .3cqw rgba(47,99,255,.1)}
}
.p6-scene.is-active .p6-pages-row>i{
  animation:p6Tick .3s cubic-bezier(.2,1.5,.4,1) both;
  animation-delay:calc(.24s + var(--i) * .17s);
}
@keyframes p6Tick{to{opacity:1;transform:none}}

/* стопка: лист за листом, с небольшим перекрытием */
.p6-pages-stack{position:relative;margin:11.5cqw 0 0 7.8cqw}
.p6-sheet{
  position:absolute;inset:0;margin:0;display:flex;flex-direction:column;
  overflow:hidden;border-radius:1.2cqw;background:#fff;
  box-shadow:0 .4cqw 1cqw -.5cqw rgba(16,24,40,.32),0 2.2cqw 4cqw -3.4cqw rgba(16,24,40,.55);
  transform:translate(calc(var(--o) * -.86cqw),calc(var(--o) * -1.27cqw));
  z-index:calc(40 - var(--o));
  opacity:0;
}
/* тонкая акцентная кромка: по ней читается стопка */
.p6-sheet::before{content:"";flex:none;height:.42cqw;background:var(--a)}
.p6-sheet:not(:last-child) .p6-sheet-bar span{opacity:0}
.p6-scene.is-active .p6-sheet{
  animation:p6SheetIn .52s var(--p6-ease) both;
  animation-delay:calc(.05s + var(--i) * .17s);
}
@keyframes p6SheetIn{
  0%{opacity:0;transform:translate(-2.5cqw,40%) rotate(-4deg) scale(.96)}
  1%{opacity:1}
  100%{opacity:1;transform:translate(calc(var(--o) * -.86cqw),calc(var(--o) * -1.27cqw))}
}
.p6-sheet-bar{
  display:flex;align-items:center;gap:.45cqw;flex:none;height:3.4cqw;
  padding:0 1.1cqw;background:#f2f4f8;border-bottom:1px solid #e7eaf0;
}
.p6-sheet-bar i{width:.7cqw;height:.7cqw;border-radius:50%;background:#cbd3e0}
.p6-sheet-bar i:nth-child(2){background:#dbe1ea}
.p6-sheet-bar i:nth-child(3){background:#e4e8ef}
.p6-sheet-bar span{
  margin-left:.5cqw;font-size:clamp(8.5px,1.75cqw,11px);color:#8a93a5;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.p6-sheet-head{
  display:flex;align-items:center;justify-content:space-between;gap:1cqw;flex:none;
  padding:1cqw 1.3cqw;border-bottom:1px solid #eef1f6;
}
.p6-sheet-head b{
  display:flex;align-items:center;gap:.55cqw;font-size:clamp(10px,2.1cqw,13px);
  letter-spacing:-.02em;color:#16213a;white-space:nowrap;
}
.p6-sheet-head b svg{width:1.8cqw;height:1.8cqw;color:var(--a);flex:none}
.p6-sheet-head nav{display:flex;gap:1cqw;font-size:clamp(9px,1.85cqw,11.5px);color:#6b7488;white-space:nowrap}
.p6-sheet-head nav i{font-style:normal}
.p6-sheet-head nav i.is-on{color:var(--a);font-weight:800}
.p6-sheet-body{
  flex:1;min-height:0;display:flex;flex-direction:column;gap:1.1cqw;
  padding:1.4cqw;font-size:clamp(9.5px,2.05cqw,12.5px);color:#3b4658;
}

/* — страница: главная — */
.p6-pg-home{flex:1;min-height:0;display:flex;flex-direction:column;gap:1.2cqw}
.p6-pg-hero{
  position:relative;flex:1;min-height:0;display:flex;align-items:center;
  border-radius:1cqw;overflow:hidden;background:#0f2b46;
}
.p6-pg-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.p6-pg-hero::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(8,20,36,.92),rgba(8,20,36,.55) 44%,rgba(8,20,36,.06) 82%);
}
.p6-pg-copy{
  position:relative;z-index:1;width:78%;padding:2cqw;
  display:flex;flex-direction:column;justify-content:center;gap:.9cqw;color:#fff;
}
.p6-pg-copy span{font-size:clamp(8.5px,1.75cqw,10.5px);letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.62)}
.p6-pg-copy b{font:800 clamp(14px,3.5cqw,21px)/1.06 var(--display);letter-spacing:-.035em}
.p6-pg-copy i{
  align-self:flex-start;margin-top:.4cqw;padding:.65cqw 1.2cqw;border-radius:999px;
  background:#f4b860;color:#1a2233;font-style:normal;
  font-size:clamp(9px,1.9cqw,12px);font-weight:800;
}
.p6-pg-nums{display:grid;grid-template-columns:repeat(3,1fr);gap:.9cqw;flex:none}
.p6-pg-nums>div{padding:1cqw .9cqw;border-radius:.8cqw;background:#f4f7fd}
.p6-pg-nums b{display:block;font:800 clamp(12px,2.7cqw,17px)/1 var(--display);letter-spacing:-.03em;color:#16213a}
.p6-pg-nums span{display:block;margin-top:.35cqw;font-size:clamp(8.5px,1.8cqw,11px);color:#7b849a}

/* — остальные страницы — */
.p6-pg-title{display:block;flex:none;font:800 clamp(12px,2.8cqw,17px)/1.05 var(--display);letter-spacing:-.03em;color:#16213a}
.p6-pg-cards{flex:1;min-height:0;display:flex;flex-direction:column;gap:.9cqw}
.p6-pg-cards>div{flex:1;min-height:0;display:flex;align-items:center;gap:1.1cqw;padding:1.1cqw 1.2cqw;border-radius:.8cqw;background:#f4f7fd}
.p6-pg-cards i{font-style:normal;font-size:clamp(8.5px,1.75cqw,10.5px);color:#8b93a4;align-self:flex-start}
.p6-pg-cards b{flex:1;min-width:0;font-size:clamp(9.5px,2.05cqw,12.5px);color:#16213a;line-height:1.2}
.p6-pg-cards b em{display:block;margin-top:.35cqw;font-style:normal;font-weight:400;font-size:clamp(8.5px,1.8cqw,11px);color:#8b93a4}
.p6-pg-cards span{font-size:clamp(9.5px,2.05cqw,12.5px);font-weight:800;color:var(--a);white-space:nowrap}

.p6-pg-gallery{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1cqw}
.p6-pg-gallery figure{position:relative;margin:0;border-radius:.7cqw;overflow:hidden}
.p6-pg-gallery img{width:100%;height:100%;object-fit:cover;display:block}
.p6-pg-gallery figcaption{
  position:absolute;left:0;right:0;bottom:0;padding:1.5cqw .8cqw .6cqw;color:#fff;
  font-size:clamp(8.5px,1.8cqw,11px);font-weight:700;
  background:linear-gradient(transparent,rgba(8,16,38,.68));
}

.p6-pg-contact{flex:1;min-height:0;display:grid;grid-template-rows:1fr auto;gap:1.1cqw}
.p6-pg-map{width:100%;height:100%;min-height:0;object-fit:cover;border-radius:.8cqw;display:block}
.p6-pg-contact-info{display:flex;flex-direction:column;gap:.7cqw;min-width:0}
.p6-pg-contact-info>div{padding-bottom:.6cqw;border-bottom:1px solid #eef1f6}
.p6-pg-contact-info>div:last-child{border-bottom:0;padding-bottom:0}
.p6-pg-contact i{display:block;font-style:normal;font-size:clamp(8px,1.7cqw,10px);letter-spacing:.08em;text-transform:uppercase;color:#98a0b0}
.p6-pg-contact b{display:block;margin-top:.25cqw;font-size:clamp(9px,1.95cqw,12px);line-height:1.25;color:#16213a}

.p6-pg-about{flex:1;min-height:0;display:grid;grid-template-columns:1.05fr .95fr;gap:1cqw}
.p6-pg-about>img{width:100%;height:100%;object-fit:cover;border-radius:.8cqw;display:block}
.p6-pg-nums--col{grid-template-columns:1fr;align-content:center;gap:.7cqw}
.p6-pg-nums--col>div{display:flex;align-items:baseline;gap:.8cqw;padding:.7cqw .9cqw}

.p6-pg-posts{flex:1;min-height:0;display:flex;flex-direction:column;gap:.9cqw}
.p6-pg-posts figure{margin:0;display:flex;align-items:center;gap:1.1cqw;padding:.6cqw;border-radius:.8cqw;background:#f4f7fd;flex:1;min-height:0}
.p6-pg-posts img{width:7cqw;height:100%;max-height:6.2cqw;object-fit:cover;border-radius:.5cqw;flex:none}
.p6-pg-posts b{flex:1;min-width:0;font-size:clamp(9.5px,2.05cqw,12.5px);color:#16213a}
.p6-pg-posts span{font-size:clamp(8.5px,1.8cqw,11px);font-weight:700;color:var(--a);white-space:nowrap}

.p6-pg-prices{flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,1fr);gap:.9cqw}
.p6-pg-prices>div{
  display:flex;flex-direction:column;justify-content:center;gap:.5cqw;padding:1.1cqw .8cqw;
  border-radius:.8cqw;background:#f4f7fd;text-align:center;
}
.p6-pg-prices i{font-style:normal;font-size:clamp(8.5px,1.8cqw,11px);color:#8b93a4}
.p6-pg-prices b{font:800 clamp(11px,2.5cqw,15px)/1 var(--display);letter-spacing:-.02em;color:#16213a}
.p6-pg-prices span{font-size:clamp(8.5px,1.75cqw,10.5px);color:#7b849a}
.p6-pg-prices .is-on{background:#0f2b46}
.p6-pg-prices .is-on i,.p6-pg-prices .is-on span{color:rgba(255,255,255,.7)}
.p6-pg-prices .is-on b{color:#fff}

.p6-pg-reviews{flex:1;min-height:0;display:flex;flex-direction:column;gap:.9cqw}
.p6-pg-reviews>div{display:flex;flex-direction:column;gap:.45cqw;padding:1.2cqw;border-radius:.8cqw;background:#f4f7fd;flex:1}
.p6-pg-reviews span{font-size:clamp(9px,2cqw,12px);letter-spacing:.08em;color:#f4b860}
.p6-pg-reviews p{margin:0;font-size:clamp(9.5px,2.05cqw,12.5px);line-height:1.4;color:#16213a}
.p6-pg-reviews b{font-size:clamp(8.5px,1.8cqw,11px);color:#8b93a4}

.p6-pg-rows{flex:1;min-height:0;display:flex;flex-direction:column;gap:.8cqw}
.p6-pg-rows>div{
  flex:1;min-height:0;display:flex;align-items:center;justify-content:space-between;gap:1cqw;
  padding:1.1cqw 1.2cqw;border-radius:.8cqw;background:#f4f7fd;
  font-size:clamp(9.5px,2.05cqw,12.5px);
}
.p6-pg-rows b{font-weight:700;color:#16213a;line-height:1.2}
.p6-pg-rows b em{display:block;margin-top:.3cqw;font-style:normal;font-weight:400;font-size:clamp(8.5px,1.8cqw,11px);color:#8b93a4}
.p6-pg-rows span{color:var(--a);font-weight:800}
.p6-pg-rows .is-open{background:#e9efff}
.p6-pg-rows .p6-pg-rows-a{
  flex:0 0 auto;display:block;padding:0 1.2cqw .8cqw;background:none;border-radius:0;
  font-size:clamp(8.5px,1.85cqw,11.5px);color:#6b7488;
}

/* ==========================================================================
   02 · ДИЗАЙН — слайдшоу с перелистыванием
   ========================================================================== */
.p6-s-brand{--a:#7b5cff}
.p6-sl{position:absolute;inset:0;overflow:hidden;perspective:1900px;perspective-origin:50% 40%;background:#0f2b46}

/* три кадра: каждый откидывается вверх, как лист календаря, открывая
   следующий. Задержки сдвинуты на треть цикла — шоу идёт без швов. */
.p6-sl-card{
  position:absolute;inset:0;margin:0;transform-origin:50% 0;
  backface-visibility:hidden;-webkit-backface-visibility:hidden;
  z-index:1;
  animation:p6SlFlip 5.4s cubic-bezier(.55,.05,.35,1) infinite;
  animation-delay:calc(var(--k) * -1.8s);
}
@keyframes p6SlFlip{
  0%{transform:rotateX(0);z-index:3}
  24%{transform:rotateX(0);z-index:3}
  33.4%{transform:rotateX(96deg);z-index:3}
  33.5%{transform:rotateX(0);z-index:1}
  66%{z-index:1}
  66.01%{z-index:2}
  100%{transform:rotateX(0);z-index:2}
}
.p6-sl-card>img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;
  animation:p6SlZoom 5.4s linear infinite;
  animation-delay:calc(var(--k) * -1.8s);
}
@keyframes p6SlZoom{
  0%,24%{transform:scale(1)}
  66%{transform:scale(1.07)}
  100%{transform:scale(1)}
}
/* тень на откидываемом листе и светлая кромка бумаги */
.p6-sl-shade{
  position:absolute;inset:0;z-index:1;opacity:0;
  background:linear-gradient(180deg,transparent 6%,rgba(4,10,24,.28) 55%,rgba(4,10,24,.86));
  animation:p6SlShade 5.4s linear infinite;
  animation-delay:calc(var(--k) * -1.8s);
}
@keyframes p6SlShade{
  0%,21%{opacity:0}
  27%{opacity:.9}
  33%{opacity:.35}
  33.5%,100%{opacity:0}
}
.p6-sl-card::before{
  content:"";position:absolute;left:0;right:0;bottom:0;height:.35cqw;z-index:2;
  background:linear-gradient(90deg,rgba(255,255,255,.1),rgba(255,255,255,.95),rgba(255,255,255,.1));
  opacity:0;
  animation:p6SlEdge 5.4s linear infinite;
  animation-delay:calc(var(--k) * -1.8s);
}
@keyframes p6SlEdge{
  0%,21%{opacity:0}
  27%,33%{opacity:1}
  33.5%,100%{opacity:0}
}
.p6-sl-card figcaption{
  position:absolute;left:4cqw;right:4cqw;bottom:9cqw;z-index:2;
  display:flex;flex-direction:column;gap:.6cqw;color:#fff;
  text-shadow:0 .3cqw 1.6cqw rgba(0,0,0,.45);
}
.p6-sl-card figcaption span{font-size:clamp(9px,1.95cqw,12px);letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.82)}
.p6-sl-card figcaption b{font:800 clamp(21px,5cqw,32px)/1 var(--display);letter-spacing:-.04em}
.p6-sl-top{
  position:absolute;left:4cqw;top:4cqw;z-index:5;
  display:flex;align-items:center;gap:1cqw;color:#fff;
}
.p6-sl-top b{
  padding:.6cqw 1cqw;border-radius:.5cqw;font-size:clamp(10px,2.2cqw,13px);
  letter-spacing:.02em;background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.3);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
}
.p6-sl-top i{font-style:normal;font-size:clamp(9px,1.9cqw,11.5px);letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.72)}
.p6-sl-dots{position:absolute;left:4cqw;bottom:4.6cqw;z-index:5;display:flex;align-items:center;gap:.8cqw}
.p6-sl-dots i{
  display:block;width:1cqw;height:1cqw;border-radius:999px;background:rgba(255,255,255,.45);
  animation:p6SlDot 5.4s linear infinite;
  animation-delay:calc(var(--k) * -1.8s);
}
@keyframes p6SlDot{
  0%,27%{width:3.4cqw;background:#fff}
  31%,100%{width:1cqw;background:rgba(255,255,255,.45)}
}

/* ==========================================================================
   03 · CMS — упрощённый WordPress: медиатека меняет фото на сайте
   ========================================================================== */
.p6-s-cms{--a:#2271b1}
.p6-wp{
  position:absolute;inset:clamp(8px,2.5cqw,14px);
  display:flex;flex-direction:column;overflow:hidden;border-radius:1.2cqw;
  background:#fff;box-shadow:0 2.6cqw 4.4cqw -3cqw rgba(20,40,70,.5);
}
.p6-scene.is-active .p6-wp{animation:p6FrameIn .5s var(--p6-ease) both}
@keyframes p6FrameIn{from{opacity:0;transform:translateY(2.4cqw) scale(.975)}to{opacity:1;transform:none}}
.p6-wp-top{
  display:flex;align-items:center;gap:1cqw;flex:none;height:6cqw;
  padding:0 1.3cqw;background:#1d2327;color:#f0f0f1;
}
.p6-wp-logo{
  display:grid;place-items:center;width:3cqw;height:3cqw;border-radius:50%;flex:none;
  background:#f0f0f1;color:#1d2327;font:800 clamp(10px,2cqw,13px)/1 var(--display);
}
.p6-wp-site{font-size:clamp(10px,2.2cqw,13px);font-weight:700;white-space:nowrap}
.p6-wp-new{
  margin-left:auto;padding:.5cqw .85cqw;border-radius:.35cqw;background:#2271b1;color:#fff;
  font-size:clamp(8.5px,1.8cqw,11px);font-weight:700;white-space:nowrap;
}
.p6-wp-user{font-size:clamp(8.5px,1.8cqw,11px);color:#c3c4c7;white-space:nowrap}
.p6-wp-body{display:flex;flex:1;min-height:0}
.p6-wp-menu{
  flex:0 0 31%;display:flex;flex-direction:column;gap:.2cqw;
  padding:1cqw .5cqw;background:#2c3338;color:#c3c4c7;
}
.p6-wp-menu span{
  display:flex;align-items:center;gap:.65cqw;padding:.8cqw .85cqw;border-radius:.35cqw;
  font-size:clamp(8.5px,1.85cqw,11.5px);white-space:nowrap;overflow:hidden;
}
.p6-wp-menu span::before{
  content:"";flex:none;width:.85cqw;height:.85cqw;border-radius:2px;
  background:currentColor;opacity:.4;
}
.p6-wp-menu .is-on{background:#2271b1;color:#fff;font-weight:700}
.p6-wp-menu .is-on::before{opacity:.85}
.p6-wp-main{
  flex:1;min-width:0;display:flex;flex-direction:column;gap:1cqw;
  padding:1.2cqw;background:#f0f0f1;
}
.p6-wp-head{display:flex;align-items:center;gap:.8cqw;flex:none}
.p6-wp-head b{font:800 clamp(11px,2.5cqw,15px)/1 var(--display);letter-spacing:-.02em;color:#1d2327}
.p6-wp-head span{font-size:clamp(8.5px,1.8cqw,11px);color:#646970}
.p6-wp-saved{
  margin-left:auto;padding:.45cqw .8cqw;border-radius:.35cqw;background:#1d2327;color:#fff;
  font-style:normal;font-size:clamp(8.5px,1.75cqw,10.5px);font-weight:700;white-space:nowrap;
  opacity:0;transform:translateY(-.5cqw) scale(.96);
  transition:opacity .25s ease,transform .35s cubic-bezier(.2,1.3,.4,1);
}
.p6-s-cms[data-phase="3"] .p6-wp-saved{opacity:1;transform:none}
.p6-wp-site-view{
  display:grid;grid-template-columns:30% 1fr;gap:1.2cqw;flex:none;
  padding:.9cqw;border-radius:.5cqw;background:#fff;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);
}
.p6-wp-photo{position:relative;aspect-ratio:16/10;border-radius:.4cqw;overflow:hidden;background:#0f2b46}
.p6-wp-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.p6-wp-photo-new{opacity:0;transform:scale(1.08);transition:opacity .45s ease,transform .65s var(--p6-ease)}
.p6-s-cms[data-phase="3"] .p6-wp-photo-new{opacity:1;transform:none}
.p6-wp-site-txt{display:flex;flex-direction:column;justify-content:center;gap:.35cqw;min-width:0}
.p6-wp-site-txt span{
  font-size:clamp(8px,1.7cqw,10px);font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:#646970;
}
.p6-wp-site-txt b{
  font:800 clamp(10px,2.2cqw,13px)/1.05 var(--display);letter-spacing:-.02em;color:#1d2327;
}
.p6-wp-site-txt em{
  align-self:flex-start;margin-top:.2cqw;padding:.3cqw .65cqw;border-radius:999px;
  background:#edfaef;color:#0d7a32;font-style:normal;
  font-size:clamp(8px,1.7cqw,10px);font-weight:700;
  opacity:0;transform:translateY(.4cqw);
  transition:opacity .3s ease,transform .35s var(--p6-ease);
}
.p6-s-cms[data-phase="3"] .p6-wp-site-txt em{opacity:1;transform:none}
.p6-wp-grid{
  display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);
  gap:.9cqw;flex:1;min-height:0;
}
.p6-wp-file{
  position:relative;margin:0;min-height:0;border-radius:.45cqw;overflow:hidden;
  background:#fff;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);
  transition:box-shadow .25s ease,transform .3s var(--p6-ease);
}
.p6-wp-file img{width:100%;height:100%;object-fit:cover;display:block}
.p6-wp-file i{
  position:absolute;left:.45cqw;top:.45cqw;display:grid;place-items:center;
  width:2.2cqw;height:2.2cqw;border-radius:50%;background:#2271b1;color:#fff;
  font-style:normal;font-size:clamp(7px,1.35cqw,9px);font-weight:800;
  opacity:0;transform:scale(.4);
  transition:opacity .2s ease,transform .3s cubic-bezier(.2,1.5,.4,1);
}
.p6-wp-file.is-pick{box-shadow:0 0 0 .5cqw #2271b1}
.p6-wp-file.is-pick i{opacity:1;transform:none}
.p6-scene.is-active .p6-wp-file{animation:p6In .45s var(--p6-ease) both}
.p6-scene.is-active .p6-wp-file:nth-child(1){animation-delay:.16s}
.p6-scene.is-active .p6-wp-file:nth-child(2){animation-delay:.22s}
.p6-scene.is-active .p6-wp-file:nth-child(3){animation-delay:.28s}
.p6-scene.is-active .p6-wp-file:nth-child(4){animation-delay:.34s}
.p6-scene.is-active .p6-wp-file:nth-child(5){animation-delay:.4s}
.p6-scene.is-active .p6-wp-file:nth-child(6){animation-delay:.46s}
.p6-s-cms[data-phase="3"] .p6-wp-file:first-child{box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}
.p6-s-cms[data-phase="3"] .p6-wp-file:first-child i{opacity:0;transform:scale(.4)}
.p6-s-cms[data-phase="3"] .p6-wp-file:nth-child(3){box-shadow:0 0 0 .5cqw #2271b1}
.p6-s-cms[data-phase="3"] .p6-wp-file:nth-child(3) i{opacity:1;transform:none}

/* ==========================================================================
   04 · SEO — мета-теги в коде и то, что видит поиск
   ========================================================================== */
.p6-s-seo{--a:#16a34a}
.p6-seo{position:absolute;inset:clamp(10px,2.8cqw,16px);display:flex;flex-direction:column;gap:1.4cqw}
.p6-code{
  flex:1.2;min-height:0;display:flex;flex-direction:column;overflow:hidden;
  border-radius:1.1cqw;background:#0f1a2e;
  box-shadow:0 2.4cqw 4cqw -3cqw rgba(10,20,40,.7);
}
.p6-scene.is-active .p6-code{animation:p6FrameIn .5s var(--p6-ease) both}
.p6-code-bar{
  display:flex;align-items:center;gap:.45cqw;flex:none;height:3.8cqw;padding:0 1.2cqw;
  background:#16233c;border-bottom:1px solid #21304d;
}
.p6-code-bar i{width:.7cqw;height:.7cqw;border-radius:50%;background:#33415c}
.p6-code-bar span{margin-left:.7cqw;font-size:clamp(8.5px,1.75cqw,10.5px);letter-spacing:.04em;color:#8fa0bd}
.p6-code-body{
  flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;
  padding:1cqw 1.2cqw;overflow:hidden;
}
.p6-cl{
  position:relative;padding:0 4.6cqw 0 3.2cqw;
  font:500 clamp(10px,2.3cqw,13px)/1.55 var(--mono);color:#dbe4f3;
  white-space:nowrap;overflow:hidden;border-radius:.3cqw;
  opacity:0;transform:translateX(-1cqw);
}
.p6-scene.is-active .p6-cl{animation:p6CodeIn .4s var(--p6-ease) both;animation-delay:calc(.25s + var(--i) * .085s)}
@keyframes p6CodeIn{to{opacity:1;transform:none}}
.p6-cl u{
  position:absolute;left:0;top:0;width:2.2cqw;text-align:right;
  text-decoration:none;color:#4a5d80;font-size:.86em;
}
.p6-cl .p6-t{color:#ff8bbb}
.p6-cl .p6-a{color:#7dd3fc}
.p6-cl .p6-v{color:#a7e07a}
.p6-cl--key::before{
  content:"";position:absolute;left:2.55cqw;top:14%;bottom:14%;width:.28cqw;
  border-radius:2px;background:#22c55e;opacity:0;transition:opacity .3s ease;
}
.p6-s-seo[data-phase="3"] .p6-cl--key::before{opacity:1}
.p6-s-seo[data-phase="3"] .p6-cl--key{background:linear-gradient(90deg,rgba(34,197,94,.13),transparent 72%)}

.p6-serp{
  position:relative;flex:.8;min-height:0;display:flex;flex-direction:column;justify-content:center;
  gap:.7cqw;padding:1.3cqw 1.6cqw;border-radius:1.1cqw;background:#fff;
  box-shadow:0 2cqw 3.6cqw -2.6cqw rgba(16,40,30,.4);
  opacity:0;transform:translateY(1.6cqw);
  transition:opacity .4s ease .15s,transform .45s var(--p6-ease) .15s;
}
.p6-scene.is-active .p6-serp{opacity:1;transform:none}
.p6-serp-bar{
  display:flex;align-items:center;gap:.7cqw;flex:none;margin-bottom:.2cqw;
  padding:.55cqw .9cqw;border-radius:999px;background:#f3f6f4;
  font-size:clamp(9.5px,2cqw,12px);color:#3c4a44;
}
.p6-serp-bar i{
  position:relative;flex:none;width:1.1cqw;height:1.1cqw;
  border:2px solid #94a3b8;border-radius:50%;
}
.p6-serp-bar i::after{
  content:"";position:absolute;right:-.5cqw;bottom:-.3cqw;width:.6cqw;height:2px;
  background:#94a3b8;transform:rotate(45deg);
}
.p6-serp-bar span{
  margin-left:auto;padding:.3cqw .7cqw;border-radius:999px;
  background:#16a34a;color:#fff;font-size:clamp(8px,1.7cqw,10px);font-weight:800;
}
.p6-serp-res{position:relative;display:flex;flex-direction:column;gap:.2cqw;flex:none}
.p6-serp-res--top{padding:.6cqw .8cqw;border-radius:.6cqw;background:#f1faf4}
.p6-serp-url{font-size:clamp(8.5px,1.85cqw,11px);color:#0d7a32}
.p6-serp-res b{
  font-size:clamp(10.5px,2.5cqw,14.5px);font-weight:700;color:#1a0dab;letter-spacing:-.01em;
}
.p6-serp-res i{
  font-style:normal;font-size:clamp(10px,2.1cqw,12px);line-height:1.35;color:#4d5766;
}
.p6-serp-res:not(.p6-serp-res--top) b{font-size:clamp(9.5px,2.1cqw,12.5px);color:#3c4a44}
.p6-serp-top{
  position:absolute;right:.7cqw;top:.7cqw;padding:.35cqw .7cqw;border-radius:999px;
  background:#16a34a;color:#fff;font-style:normal;
  font-size:clamp(8px,1.7cqw,10px);font-weight:800;
  opacity:0;transform:scale(.7);
  transition:opacity .25s ease,transform .3s cubic-bezier(.2,1.5,.4,1);
}
.p6-s-seo[data-phase="3"] .p6-serp-top{opacity:1;transform:none}
.p6-serp-ok{
  position:absolute;right:1.5cqw;bottom:1.1cqw;padding:.4cqw .75cqw;border-radius:999px;
  background:#edfaf0;color:#0d7a32;font-size:clamp(8.5px,1.8cqw,11px);font-weight:700;
  opacity:0;transform:translateY(.5cqw);
  transition:opacity .3s ease .12s,transform .35s var(--p6-ease) .12s;
}
.p6-s-seo[data-phase="3"] .p6-serp-ok{opacity:1;transform:none}

/* ==========================================================================
   05 · АДАПТИВ — одна вёрстка на всех экранах
   ========================================================================== */
.p6-s-adapt{--a:#0ea5e9}
.p6-adapt{position:absolute;inset:clamp(10px,3cqw,17px)}
.p6-adapt-note{
  position:absolute;left:0;top:0;z-index:5;
  padding:.75cqw 1.3cqw;border-radius:999px;background:#fff;color:#0f172a;
  font-size:clamp(10px,2.15cqw,13px);font-weight:800;white-space:nowrap;
  box-shadow:0 1.4cqw 2.6cqw -1.6cqw rgba(16,24,40,.5);
  opacity:0;transform:translateY(-1cqw);
  transition:opacity .4s ease,transform .45s var(--p6-ease);
}
.p6-dev{position:absolute;margin:0}
.p6-dev-frame{
  position:relative;display:block;width:100%;overflow:hidden;background:#0f172a;
  border:.55cqw solid #101828;box-shadow:0 2.2cqw 4cqw -2.8cqw rgba(16,24,40,.65);
}
.p6-dev-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.p6-dev--pc{left:0;right:0;top:13.5cqw;z-index:1}
.p6-dev--pc .p6-dev-frame{aspect-ratio:16/10;border-radius:1.2cqw}
.p6-dev--tab{left:0;bottom:1.2cqw;width:33%;z-index:2}
.p6-dev--tab .p6-dev-frame{aspect-ratio:3/4;border-radius:1.3cqw}
.p6-dev--ph{right:1.5%;bottom:0;width:21%;z-index:3}
.p6-dev--ph .p6-dev-frame{aspect-ratio:9/19;border-radius:1.4cqw;border-width:.9cqw}
.p6-dev-bar{position:absolute;left:0;right:0;top:0;height:12%;background:rgba(255,255,255,.94);z-index:2}
.p6-dev-bar::before,.p6-dev-bar::after{
  content:"";position:absolute;top:42%;height:.35cqw;border-radius:2px;background:#16213a;
}
.p6-dev-bar::before{left:8%;width:24%}
.p6-dev-bar::after{right:8%;width:11%;box-shadow:0 .75cqw 0 #16213a,0 -.75cqw 0 #16213a}
.p6-dev>em{
  position:absolute;left:1.3cqw;bottom:1.3cqw;z-index:3;
  padding:.35cqw .7cqw;border-radius:.35cqw;background:rgba(8,16,32,.62);color:#fff;
  font-style:normal;font-size:clamp(9px,1.95cqw,12px);font-weight:800;letter-spacing:.02em;
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
}
.p6-dev--pc>em{top:1.3cqw;bottom:auto}
.p6-dev--ph>em{left:50%;bottom:1cqw;transform:translateX(-50%);padding:.3cqw .5cqw;font-size:clamp(8px,1.7cqw,10px)}
.p6-dev>i{
  position:absolute;right:-.7cqw;top:-.7cqw;z-index:4;display:grid;place-items:center;
  width:3.2cqw;height:3.2cqw;border-radius:50%;background:#16a34a;color:#fff;
  font-style:normal;font-size:clamp(8px,1.6cqw,10px);font-weight:800;
  box-shadow:0 .8cqw 1.6cqw -.6cqw rgba(22,163,74,.85);
  opacity:0;transform:scale(.4);
  transition:opacity .2s ease,transform .3s cubic-bezier(.2,1.5,.4,1);
}
.p6-scene.is-active .p6-dev{animation:p6DevIn .55s var(--p6-ease) both}
.p6-scene.is-active .p6-dev--pc{animation-delay:.06s}
.p6-scene.is-active .p6-dev--tab{animation-delay:.2s}
.p6-scene.is-active .p6-dev--ph{animation-delay:.32s}
@keyframes p6DevIn{from{opacity:0;transform:translateY(6cqw) scale(.94)}to{opacity:1;transform:none}}
.p6-s-adapt[data-phase="3"] .p6-dev>i{opacity:1;transform:none}
.p6-s-adapt[data-phase="3"] .p6-dev--pc>i{transition-delay:.05s}
.p6-s-adapt[data-phase="3"] .p6-dev--tab>i{transition-delay:.15s}
.p6-s-adapt[data-phase="3"] .p6-dev--ph>i{transition-delay:.25s}
.p6-s-adapt[data-phase="3"] .p6-adapt-note{opacity:1;transform:none}

/* ==========================================================================
   06 · ФОРМЫ — заявка с сайта уходит в мессенджер
   ========================================================================== */
.p6-s-forms{--a:#ff7a1a}
.p6-forms{
  position:absolute;inset:clamp(10px,3cqw,17px);
  display:flex;flex-direction:column;gap:1.5cqw;
}
.p6-forms-head{display:flex;align-items:baseline;gap:1cqw;flex:none;flex-wrap:wrap}
.p6-forms-head b{font:800 clamp(13px,3cqw,18px)/1 var(--display);letter-spacing:-.03em;color:#16213a}
.p6-forms-head span{font-size:clamp(9px,1.95cqw,12px);color:#7b849a}
.p6-forms-grid{
  flex:1;min-height:0;display:grid;grid-template-columns:1fr 3.2cqw .98fr;
  align-items:stretch;
}
.p6-form{
  position:relative;display:flex;flex-direction:column;gap:1.1cqw;
  padding:1.8cqw;border-radius:1.4cqw;background:#fff;
  box-shadow:0 2.4cqw 4.2cqw -3cqw rgba(80,40,10,.4);
}
.p6-form-top b{display:block;font:800 clamp(11px,2.4cqw,14px)/1.1 var(--display);letter-spacing:-.02em;color:#16213a}
.p6-form-top span{display:block;margin-top:.35cqw;font-size:clamp(8.5px,1.8cqw,11px);color:#98a0ad}
.p6-form-fields{display:flex;flex:1;flex-direction:column;justify-content:center;gap:1.1cqw}
.p6-form label{
  padding:.85cqw 1cqw;border-radius:.7cqw;background:#faf8f4;border:1px solid #efece4;
  font-size:clamp(8px,1.7cqw,10px);font-weight:800;letter-spacing:.1em;
  text-transform:uppercase;color:#a09a8f;
}
.p6-form label i{
  display:block;margin-top:.3cqw;font-style:normal;font-weight:700;
  font-size:clamp(9.5px,2.05cqw,12.5px);letter-spacing:0;text-transform:none;color:#1c2536;
  white-space:nowrap;overflow:hidden;
}
.p6-form button{
  width:100%;padding:1.05cqw;border-radius:.7cqw;background:var(--a);color:#fff;
  font-size:clamp(9.5px,2.05cqw,12.5px);font-weight:800;
  box-shadow:0 1.2cqw 2.2cqw -1.2cqw rgba(255,122,26,.85);
}
.p6-form small{
  margin-top:-.2cqw;text-align:center;font-size:clamp(7.5px,1.6cqw,9.5px);line-height:1.3;color:#a9a29a;
}
.p6-form-ok{
  position:absolute;right:1.2cqw;top:1.2cqw;display:grid;place-items:center;
  width:2.8cqw;height:2.8cqw;border-radius:50%;background:#16a34a;color:#fff;
  font-style:normal;font-size:clamp(9px,1.8cqw,12px);font-weight:800;
  opacity:0;transform:scale(.4);
  transition:opacity .22s ease,transform .34s cubic-bezier(.2,1.5,.4,1);
}
.p6-forms-arrow{
  align-self:center;text-align:center;font-size:clamp(13px,2.2cqw,19px);
  color:var(--a);opacity:.75;
}
.p6-tg{
  display:flex;flex-direction:column;justify-content:flex-end;gap:1cqw;
  padding:1.5cqw;border-radius:1.4cqw;
  background:linear-gradient(165deg,#e6f3ff,#d8ebff);
  box-shadow:0 2.4cqw 4.2cqw -3cqw rgba(20,60,110,.4);
}
.p6-tg-head{display:flex;align-items:center;gap:.8cqw;margin-bottom:auto}
.p6-tg-head i{
  display:grid;place-items:center;width:2.8cqw;height:2.8cqw;border-radius:50%;flex:none;
  background:linear-gradient(135deg,#38bdf8,#0ea5e9);color:#fff;
  font-style:normal;font-size:clamp(8px,1.7cqw,10.5px);font-weight:800;
}
.p6-tg-head b{display:block;font-size:clamp(9.5px,2cqw,12px);color:#0b3a5c}
.p6-tg-head span{display:block;font-size:clamp(8px,1.7cqw,10px);color:#5b8fb5}
.p6-tg-msg{
  align-self:flex-end;max-width:92%;padding:.9cqw 1.1cqw;border-radius:.9cqw;
  border-bottom-right-radius:.3cqw;background:#fff;color:#243b52;
  font-size:clamp(9px,1.95cqw,12px);line-height:1.35;
  box-shadow:0 1.2cqw 2.4cqw -1.8cqw rgba(10,40,70,.4);
  opacity:0;transform:translateY(.8cqw);
  transition:opacity .3s ease,transform .4s var(--p6-ease);
}
.p6-scene.is-active .p6-tg-msg{opacity:1;transform:none;transition-delay:.12s}
.p6-tg-bubble{
  padding:1.1cqw;border-radius:.9cqw;border-bottom-left-radius:.3cqw;background:#fff;
  box-shadow:0 1.2cqw 2.4cqw -1.8cqw rgba(10,40,70,.45);
  opacity:0;transform:translateY(1cqw) scale(.97);
  transition:opacity .28s ease,transform .4s var(--p6-ease);
}
.p6-tg-bubble b{display:block;font-size:clamp(10px,2.2cqw,13px);color:#0b2b45}
.p6-tg-bubble span{display:block;margin-top:.3cqw;font-size:clamp(9px,1.9cqw,11.5px);color:#6d879c}
.p6-tg-bubble em{
  display:inline-block;margin-top:.6cqw;padding:.3cqw .65cqw;border-radius:999px;
  background:#e8f2ff;color:#1d6fa5;font-style:normal;
  font-size:clamp(8px,1.7cqw,10px);
}
.p6-tg-status{
  align-self:flex-end;font-size:clamp(8.5px,1.75cqw,10.5px);color:#0b6b3a;
  opacity:0;transition:opacity .3s ease;
}
.p6-forms-foot{display:flex;align-items:center;gap:1cqw;flex:none}
.p6-forms-foot span{
  display:flex;align-items:center;gap:.6cqw;padding:.6cqw 1cqw;border-radius:999px;
  background:#fff;color:#16213a;font-size:clamp(9px,1.9cqw,11.5px);font-weight:700;
  box-shadow:0 1.2cqw 2.4cqw -1.6cqw rgba(40,30,20,.4);
}
.p6-forms-foot i{
  display:grid;place-items:center;width:2.2cqw;height:2.2cqw;border-radius:50%;
  background:#eef4ff;color:#2f63ff;font-style:normal;
  font-size:clamp(7px,1.4cqw,9px);font-weight:800;
}
.p6-forms-foot b{
  margin-left:auto;display:flex;align-items:center;gap:.6cqw;
  font-size:clamp(9px,1.85cqw,11px);font-weight:700;color:#7b849a;white-space:nowrap;
}
.p6-forms-foot b::before{content:"✓";color:#16a34a;font-weight:800}

/* ==========================================================================
   07 · ХОСТИНГ — домен, хостинг, SSL и сайт в сети
   ========================================================================== */
.p6-s-host{--a:#0e9f8a}
.p6-host{position:absolute;inset:clamp(10px,3cqw,17px);display:flex;flex-direction:column;gap:1.4cqw}
.p6-host-browser{
  position:relative;flex:1.1;min-height:0;display:flex;flex-direction:column;
  overflow:hidden;border-radius:1.2cqw;background:#fff;
  box-shadow:0 2.4cqw 4.2cqw -3cqw rgba(10,50,45,.5);
}
.p6-scene.is-active .p6-host-browser{animation:p6FrameIn .5s var(--p6-ease) both}
.p6-host-url{
  display:flex;align-items:center;gap:.7cqw;flex:none;height:5.6cqw;
  padding:0 1.3cqw;background:#f3f6f6;border-bottom:1px solid #e6eceb;
}
.p6-host-url b{
  flex:1;min-width:0;font-family:var(--mono);font-size:clamp(9px,2cqw,12px);
  font-weight:600;color:#0b3b33;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.p6-host-url b::before{content:"https://";color:#0e9f8a;font-weight:700}
.p6-host-url em{
  display:grid;place-items:center;width:2.4cqw;height:2.4cqw;border-radius:50%;flex:none;
  background:#0f766e;color:#7ef0c2;font-style:normal;
  font-size:clamp(8px,1.6cqw,10px);font-weight:800;
}
.p6-host-browser>img{flex:1;min-height:0;width:100%;object-fit:cover;display:block}
.p6-host-chain{display:flex;align-items:center;gap:.5cqw;flex:none}
.p6-host-node{
  flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:.3cqw;
  padding:1.3cqw .6cqw;border-radius:1cqw;background:#fff;text-align:center;
  box-shadow:0 1.6cqw 3cqw -2.2cqw rgba(10,50,45,.5);
}
.p6-host-node b{font-size:clamp(10px,2.1cqw,13px);color:#10231f;white-space:nowrap}
.p6-host-node span{font-size:clamp(8.5px,1.75cqw,10.5px);color:#84958f;white-space:nowrap}
.p6-host-node--ssl{background:linear-gradient(165deg,#0f766e,#0b5f59);box-shadow:0 2.2cqw 3.8cqw -2.2cqw rgba(11,95,89,.85)}
.p6-host-node--ssl b{color:#fff}
.p6-host-node--ssl span{color:rgba(255,255,255,.7)}
.p6-host-link{position:relative;flex:0 0 4.5%;height:2px;border-radius:2px;background:#d7e5e1;overflow:hidden}
.p6-host-link>i{
  position:absolute;inset:0;background:linear-gradient(90deg,#0e9f8a,#4ade80);
  transform:scaleX(0);transform-origin:left;transition:transform .6s var(--p6-ease);
}
.p6-host-foot{
  display:flex;align-items:center;justify-content:space-between;gap:1cqw;flex:none;
  padding:1.1cqw 1.4cqw;border-radius:1cqw;background:#0f2f2d;color:#fff;
}
.p6-host-foot b{display:flex;align-items:center;font-size:clamp(10px,2.1cqw,13px);white-space:nowrap}
.p6-host-foot b::before{
  content:"";width:.85cqw;height:.85cqw;border-radius:50%;background:#4ade80;
  margin-right:.7cqw;flex:none;box-shadow:0 0 .9cqw #4ade80;
}
.p6-host-foot span{font-size:clamp(8.5px,1.8cqw,11px);color:rgba(255,255,255,.72);white-space:nowrap}
.p6-s-host[data-phase="3"] .p6-host-link>i{transform:scaleX(1)}
.p6-s-host[data-phase="3"] .p6-host-node--ssl{box-shadow:0 2.2cqw 3.8cqw -2.2cqw rgba(11,95,89,.9),0 0 0 .35cqw #7ef0c2}

/* ==========================================================================
   08 · ПРАВКИ — «до / после»: два круга правок
   ========================================================================== */
.p6-s-edits{--a:#e11d48}
.p6-ed{
  position:absolute;inset:clamp(10px,3cqw,17px) clamp(10px,3cqw,17px) 11.5cqw;
  overflow:hidden;border-radius:1.4cqw;background:#fff;
  box-shadow:0 2.6cqw 4.4cqw -3cqw rgba(60,20,30,.5);
}
.p6-ed-bar{
  position:absolute;left:0;right:0;top:0;z-index:6;display:flex;align-items:center;gap:1cqw;
  height:5.6cqw;padding:0 1.4cqw;background:#fff;border-bottom:1px solid #eceef2;
}
.p6-ed-bar b{
  flex:1;text-align:center;font-size:clamp(8.5px,1.85cqw,11.5px);font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;color:#98a0ad;
}
.p6-ed-page{
  position:absolute;left:0;right:0;top:5.6cqw;bottom:0;
  display:flex;flex-direction:column;background:#fff;
}
.p6-ed-page--a{z-index:2;clip-path:inset(0 100% 0 0)}
.p6-scene.is-active .p6-ed-page--a{animation:p6Wipe 1.45s cubic-bezier(.5,0,.2,1) .55s both}
@keyframes p6Wipe{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
.p6-ed-head{
  display:flex;align-items:center;justify-content:space-between;gap:1cqw;flex:none;
  padding:1.4cqw 1.7cqw;border-bottom:1px solid #e8e8e4;
}
.p6-ed-head b{white-space:nowrap}
.p6-ed-head nav{display:flex;gap:1.1cqw;white-space:nowrap}
.p6-ed-head nav i{font-style:normal}
.p6-ed-hero{
  position:relative;flex:1;min-height:0;display:flex;align-items:center;
  overflow:hidden;padding:2cqw;
}
.p6-ed-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.p6-ed-copy{position:relative;z-index:2;display:flex;flex-direction:column;gap:.75cqw;min-width:0}
.p6-ed-copy span{letter-spacing:.16em;text-transform:uppercase}
.p6-ed-copy b{letter-spacing:-.03em}
.p6-ed-copy em{display:block;height:.65cqw;border-radius:2px}
.p6-ed-copy em:nth-of-type(1){width:92%}
.p6-ed-copy em:nth-of-type(2){width:68%}
.p6-ed-copy i{font-style:normal;align-self:flex-start;white-space:nowrap}
.p6-ed-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1cqw;flex:none;padding:0 1.7cqw 1.7cqw}
.p6-ed-cards div{height:6.2cqw;border-radius:.7cqw;background:#fff;box-shadow:inset 0 0 0 1px #e8eaee}

/* до правок: серо, тесно, без акцента */
.p6-ed-page--b .p6-ed-head b{font:600 clamp(9.5px,2cqw,12px)/1 var(--site-font);color:#7c7c78;letter-spacing:0}
.p6-ed-page--b .p6-ed-head nav{font-size:clamp(8.5px,1.8cqw,11px);color:#9a9a95}
.p6-ed-page--b .p6-ed-hero{padding:1.3cqw}
.p6-ed-page--b .p6-ed-hero>img{filter:grayscale(.95) contrast(.9) brightness(1.05)}
.p6-ed-page--b .p6-ed-copy{
  width:46%;padding:1.2cqw;background:rgba(255,255,255,.94);
  border:1px solid #dededa;border-radius:.3cqw;gap:.6cqw;
}
.p6-ed-page--b .p6-ed-copy span{font-size:clamp(8px,1.7cqw,10px);color:#a2a29c}
.p6-ed-page--b .p6-ed-copy b{font:600 clamp(11px,2.5cqw,15px)/1.2 var(--site-font);color:#6f6f6a}
.p6-ed-page--b .p6-ed-copy em{height:.55cqw;background:#dededa}
.p6-ed-page--b .p6-ed-copy em:nth-of-type(1){width:100%}
.p6-ed-page--b .p6-ed-copy em:nth-of-type(2){width:80%}
.p6-ed-page--b .p6-ed-copy i{
  padding:.55cqw 1cqw;border-radius:.3cqw;background:#d8d8d2;color:#5d5d58;
  font-size:clamp(8.5px,1.8cqw,11px);font-weight:600;
}

/* после правок: акцент, крупная типографика, воздух */
.p6-ed-page--a .p6-ed-head{padding:1.5cqw 2cqw}
.p6-ed-page--a .p6-ed-head b{font:800 clamp(11px,2.3cqw,14px)/1 var(--display);color:#0f2b46}
.p6-ed-page--a .p6-ed-head nav{font-size:clamp(9px,1.9cqw,12px);font-weight:700;color:#2f5a4a}
.p6-ed-page--a .p6-ed-hero{padding:2.2cqw}
.p6-ed-page--a .p6-ed-hero::after{
  content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(90deg,rgba(8,20,36,.88),rgba(8,20,36,.42) 48%,rgba(8,20,36,.05) 82%);
}
.p6-ed-page--a .p6-ed-copy{width:64%;gap:.9cqw;color:#fff}
.p6-ed-page--a .p6-ed-copy span{font-size:clamp(8.5px,1.8cqw,10.5px);color:#f4b860;font-weight:800}
.p6-ed-page--a .p6-ed-copy b{font:800 clamp(15px,3.8cqw,23px)/1.04 var(--display);color:#fff}
.p6-ed-page--a .p6-ed-copy em{background:rgba(255,255,255,.3)}
.p6-ed-page--a .p6-ed-copy i{
  margin-top:.5cqw;padding:.75cqw 1.3cqw;border-radius:999px;background:#f4b860;color:#12202f;
  font-size:clamp(9px,1.9cqw,11.5px);font-weight:800;
  box-shadow:0 1.2cqw 2.2cqw -1.2cqw rgba(0,0,0,.6);
}
.p6-ed-page--a .p6-ed-cards div{box-shadow:0 1.2cqw 2.4cqw -1.6cqw rgba(15,43,70,.35)}
.p6-ed-page--a .p6-ed-cards div:first-child{
  box-shadow:0 1.2cqw 2.4cqw -1.6cqw rgba(15,43,70,.35),inset 0 .5cqw 0 #f4b860;
}

.p6-ed-wipe{
  position:absolute;top:5.6cqw;bottom:0;left:0;width:.25cqw;z-index:3;
  background:#fff;box-shadow:0 0 2cqw rgba(10,20,40,.45);
  opacity:0;
}
.p6-scene.is-active .p6-ed-wipe{animation:p6WipeLine 1.45s cubic-bezier(.5,0,.2,1) .55s both}
@keyframes p6WipeLine{
  0%{left:0;opacity:0}
  6%{opacity:1}
  88%{left:88%;opacity:1}
  100%{left:100%;opacity:0}
}
.p6-ed-wipe b{
  position:absolute;left:50%;top:50%;width:4.6cqw;height:4.6cqw;border-radius:50%;
  background:#fff;transform:translate(-50%,-50%);
  box-shadow:0 .8cqw 2cqw -.6cqw rgba(10,20,40,.5);
}
.p6-ed-wipe b::before,.p6-ed-wipe b::after{
  content:"";position:absolute;top:50%;width:1.1cqw;height:.22cqw;border-radius:2px;background:#1a2233;
}
.p6-ed-wipe b::before{left:22%;transform:translateY(-50%) rotate(180deg)}
.p6-ed-wipe b::after{right:22%;transform:translateY(-50%)}
.p6-ed-tag{
  position:relative;z-index:7;padding:.4cqw .9cqw;border-radius:.4cqw;
  font-size:clamp(8px,1.8cqw,11px);font-weight:800;letter-spacing:.12em;text-transform:uppercase;
}
.p6-ed-tag--b{background:#eceef2;color:#7c8598}
.p6-ed-tag--a{background:var(--a);color:#fff;opacity:0;transform:scale(.85)}
.p6-scene.is-active .p6-ed-tag--a{animation:p6TagIn .4s cubic-bezier(.2,1.4,.4,1) 1.9s both}
@keyframes p6TagIn{to{opacity:1;transform:none}}
.p6-ed-chips{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;gap:1.1cqw}
.p6-ed-chips span{
  display:flex;align-items:center;gap:.6cqw;padding:.8cqw 1.2cqw;border-radius:999px;
  background:#fff;color:#16213a;font-size:clamp(9.5px,2.05cqw,12.5px);font-weight:700;
  white-space:nowrap;box-shadow:0 1.4cqw 2.6cqw -1.6cqw rgba(30,20,40,.5);
  opacity:0;transform:translateY(1cqw);
}
.p6-scene.is-active .p6-ed-chips span{animation:p6ChipIn .45s var(--p6-ease) both}
.p6-scene.is-active .p6-ed-chips span:first-child{animation-delay:1.6s}
.p6-scene.is-active .p6-ed-chips span:last-child{animation-delay:1.9s}
@keyframes p6ChipIn{to{opacity:1;transform:none}}
.p6-ed-chips span b{display:grid;place-items:center;width:2cqw;height:2cqw;border-radius:50%;background:#16a34a;color:#fff;font-size:clamp(7px,1.4cqw,9px)}

/* ==========================================================================
   09 · БАЗА — модули к готовому сайту
   ========================================================================== */
.p6-s-inherit{--a:#4f46e5}
.p6-inh{position:absolute;inset:clamp(10px,3.2cqw,18px);display:grid;grid-template-rows:1.15fr auto auto;gap:2cqw}
.p6-inh-base{position:relative;margin:0;border-radius:1.8cqw;overflow:hidden;box-shadow:0 2.4cqw 4.2cqw -2.8cqw rgba(30,30,90,.6)}
.p6-inh-base img{width:100%;height:100%;object-fit:cover;display:block}
.p6-inh-base figcaption{
  position:absolute;left:0;right:0;bottom:0;padding:2.2cqw;display:flex;flex-direction:column;gap:.3cqw;
  color:#fff;background:linear-gradient(transparent,rgba(18,18,50,.78));
}
.p6-inh-base figcaption b{font-size:clamp(10px,1.3cqw,17px)}
.p6-inh-base figcaption span{font-size:clamp(6.5px,.72cqw,10px);color:rgba(255,255,255,.72)}
.p6-inh-plus{
  position:absolute;right:2cqw;top:2cqw;display:grid;place-items:center;
  width:3.4cqw;height:3.4cqw;border-radius:50%;background:#fff;color:#141414;
  font-weight:800;font-size:clamp(11px,1.3cqw,17px);
  box-shadow:0 1.4cqw 2.6cqw -1.4cqw rgba(0,0,0,.4);
}
.p6-inh-mods{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4cqw}
.p6-inh-mod{
  display:flex;flex-direction:column;align-items:center;gap:.3cqw;padding:1.4cqw .8cqw;
  border-radius:1.1cqw;background:#fff;text-align:center;
  box-shadow:0 1.6cqw 3cqw -2.2cqw rgba(30,30,90,.5);
}
.p6-inh-mod b{font-size:clamp(7.5px,.85cqw,12px);color:#1b1f3a}
.p6-inh-mod span{font-size:clamp(6px,.65cqw,9px);color:#8a8fa3}
.p6-inh-tags{display:flex;flex-wrap:wrap;gap:.6cqw}
.p6-inh-tags i{
  padding:.55cqw .9cqw;border-radius:999px;background:rgba(79,70,229,.08);
  color:#4338ca;font-style:normal;font-size:clamp(6.5px,.68cqw,10px);font-weight:700;
}

/* ==========================================================================
   10 · КАТАЛОГ — фильтры и товары
   ========================================================================== */
.p6-s-catalog{--a:#f59e0b}
.p6-cat{position:absolute;inset:clamp(10px,3.2cqw,18px);display:flex;flex-direction:column;gap:1.6cqw}
.p6-cat-top{display:flex;align-items:center;justify-content:space-between;gap:1cqw}
.p6-cat-top b{font:800 clamp(10px,1.15cqw,15px)/1 var(--display);letter-spacing:-.01em}
.p6-cat-chips{display:flex;gap:.5cqw}
.p6-cat-chips i{
  padding:.5cqw .85cqw;border-radius:999px;background:#fff;color:#7a6a4f;
  font-style:normal;font-size:clamp(6.5px,.66cqw,9.5px);white-space:nowrap;
  box-shadow:0 .8cqw 1.6cqw -1cqw rgba(90,70,20,.4);
}
.p6-cat-chips i.is-on{background:var(--a);color:#fff}
.p6-cat-grid{flex:1;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:1.4cqw;min-height:0}
.p6-cat-card{
  position:relative;display:flex;flex-direction:column;padding:.8cqw;border-radius:1.2cqw;
  background:#fff;overflow:hidden;box-shadow:0 1.6cqw 3cqw -2.2cqw rgba(90,70,20,.45);
}
.p6-cat-card img{flex:1;min-height:0;width:100%;object-fit:cover;border-radius:.8cqw;display:block}
.p6-cat-card b{display:block;margin-top:.6cqw;font-size:clamp(7px,.78cqw,11px);color:#1c2430}
.p6-cat-card span{display:block;font-size:clamp(7px,.8cqw,11.5px);font-weight:800;color:#1c2430}
.p6-cat-card:nth-child(3n) span{color:#b45309}

/* ==========================================================================
   11 · ТОВАР — карточка и покупка
   ========================================================================== */
.p6-s-product{--a:#e11d48}
.p6-prod{position:absolute;inset:clamp(10px,3.2cqw,18px);display:grid;grid-template-columns:1.1fr .9fr;gap:2.2cqw}
.p6-prod-media{position:relative;margin:0;border-radius:1.8cqw;overflow:hidden;box-shadow:0 2.6cqw 4.4cqw -3cqw rgba(70,20,35,.5)}
.p6-prod-media img{width:100%;height:100%;object-fit:cover;display:block}
.p6-prod-media b{
  position:absolute;left:1.4cqw;top:1.4cqw;padding:.5cqw .9cqw;border-radius:999px;
  background:var(--a);color:#fff;font-size:clamp(7px,.78cqw,11px);
}
.p6-prod-thumbs{position:absolute;left:1.4cqw;bottom:1.4cqw;display:flex;gap:.5cqw}
.p6-prod-thumbs i{
  width:3cqw;height:3cqw;border-radius:.6cqw;background:rgba(255,255,255,.4);
  border:1px solid rgba(255,255,255,.6);
}
.p6-prod-thumbs i.is-on{background:#fff}
.p6-prod-info{position:relative;display:flex;flex-direction:column;justify-content:center;gap:1.1cqw;min-width:0}
.p6-prod-cat{font-size:clamp(6.5px,.68cqw,9.5px);letter-spacing:.14em;text-transform:uppercase;color:#8b8f9a}
.p6-prod-name{font:800 clamp(14px,2.2cqw,30px)/1.05 var(--display);letter-spacing:-.03em;color:#141a26}
.p6-prod-rate{font-size:clamp(7px,.75cqw,10.5px);color:#e0a800;letter-spacing:.08em}
.p6-prod-rate span{margin-left:.5cqw;letter-spacing:0;color:#8b8f9a}
.p6-prod-price{display:flex;align-items:baseline;gap:.7cqw}
.p6-prod-price b{font:800 clamp(15px,2.2cqw,30px)/1 var(--display);letter-spacing:-.03em;color:#141a26}
.p6-prod-price s{font-size:clamp(7.5px,.8cqw,11px);color:#a0a4ad}
.p6-prod-colors{display:flex;gap:.5cqw}
.p6-prod-colors i{width:2.2cqw;height:2.2cqw;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.p6-prod-colors i.is-on{box-shadow:inset 0 0 0 1px rgba(0,0,0,.12),0 0 0 .35cqw #fff,0 0 0 .55cqw #141a26}
.p6-prod button{
  align-self:flex-start;padding:.9cqw 1.8cqw;border-radius:999px;background:#141a26;color:#fff;
  font-size:clamp(7.5px,.85cqw,11.5px);font-weight:800;
}
.p6-prod-plus{
  position:absolute;right:.4cqw;bottom:1.6cqw;display:grid;place-items:center;
  width:3.6cqw;height:3.6cqw;border-radius:50%;background:var(--a);color:#fff;
  font-style:normal;font-weight:800;font-size:clamp(9px,1cqw,14px);
  opacity:0;transform:scale(.4);transition:opacity .22s ease,transform .34s cubic-bezier(.2,1.5,.4,1);
}

/* ==========================================================================
   12 · КОРЗИНА
   ========================================================================== */
.p6-s-cart{--a:#ea580c}
.p6-cart{position:absolute;inset:clamp(10px,3.2cqw,18px);display:grid;grid-template-columns:1.12fr .88fr;gap:2.2cqw}
.p6-cart-list{display:flex;flex-direction:column;gap:1cqw;padding:1.6cqw;border-radius:1.7cqw;background:#fff;box-shadow:0 2.4cqw 4.2cqw -3cqw rgba(80,40,10,.45)}
.p6-cart-row{display:flex;flex:1;align-items:center;gap:1.1cqw;min-height:0}
.p6-cart-row img{width:6.6cqw;height:5cqw;object-fit:cover;border-radius:.7cqw;display:block}
.p6-cart-row b{flex:1;min-width:0;font-size:clamp(7.5px,.82cqw,11.5px);color:#1c2430;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p6-cart-row b em{display:block;margin-top:.25cqw;font-style:normal;font-weight:400;font-size:clamp(6.5px,.66cqw,9.5px);color:#98a0ad}
.p6-cart-row span{font-size:clamp(7px,.78cqw,11px);font-weight:700;color:#1c2430;white-space:nowrap}
.p6-cart-sum{display:flex;align-items:baseline;justify-content:space-between;margin-top:.6cqw;padding-top:1cqw;border-top:1px solid #f0ece4}
.p6-cart-sum span{font-size:clamp(6.5px,.7cqw,10px);color:#98a0ad}
.p6-cart-sum b{font:800 clamp(14px,1.9cqw,26px)/1 var(--display);color:#1c2430}
.p6-cart-side{display:flex;flex-direction:column;gap:1.1cqw;padding:1.8cqw;border-radius:1.7cqw;background:linear-gradient(170deg,#fff7ed,#ffedd5);box-shadow:0 2.4cqw 4.2cqw -3cqw rgba(80,40,10,.45)}
.p6-cart-side>b{font-size:clamp(8px,.9cqw,12px);color:#7c2d12}
.p6-cart-note{display:flex;flex:1;flex-direction:column;justify-content:center;gap:.8cqw;padding:1.2cqw;border-radius:1cqw;background:#fff}
.p6-cart-note div{display:flex;align-items:baseline;justify-content:space-between;gap:.8cqw;font-size:clamp(6.5px,.68cqw,9.5px);color:#98a0ad}
.p6-cart-note b{font-size:clamp(7px,.72cqw,10px);color:#1c2430;white-space:nowrap}
.p6-cart-side button{padding:1cqw;border-radius:.9cqw;background:var(--a);color:#fff;font-size:clamp(7.5px,.85cqw,11.5px);font-weight:800}
.p6-cart-side em{font-style:normal;text-align:center;font-size:clamp(6px,.62cqw,9px);color:#a16207}

/* ==========================================================================
   13 · КАБИНЕТ
   ========================================================================== */
.p6-s-account{--a:#2563eb}
.p6-acc{position:absolute;inset:clamp(10px,3.2cqw,18px);display:flex;flex-direction:column;gap:1.4cqw;padding:2cqw;border-radius:1.8cqw;background:#fff;box-shadow:0 2.6cqw 4.4cqw -3cqw rgba(20,40,90,.45)}
.p6-acc-head{display:flex;align-items:center;gap:1.1cqw;padding-bottom:1.2cqw;border-bottom:1px solid #eef1f6}
.p6-acc-ava{display:grid;place-items:center;width:3.6cqw;height:3.6cqw;border-radius:50%;background:linear-gradient(140deg,#60a5fa,#2563eb);color:#fff;font-style:normal;font-weight:800;font-size:clamp(10px,1.1cqw,15px)}
.p6-acc-head b{display:block;font-size:clamp(8px,.9cqw,12.5px)}
.p6-acc-head span{display:block;font-size:clamp(6.5px,.66cqw,9.5px);color:#98a0ad}
.p6-acc-head em{margin-left:auto;font-style:normal;padding:.4cqw .8cqw;border-radius:999px;background:#eef4ff;color:#1d4ed8;font-size:clamp(6px,.62cqw,9px)}
.p6-acc-orders{display:flex;flex:1;flex-direction:column;gap:.9cqw;min-height:0}
.p6-acc-row{display:flex;flex:1;align-items:center;gap:1cqw;padding:.9cqw 1.1cqw;border-radius:.9cqw;background:#f7f9fc;font-size:clamp(7.5px,.8cqw,11px);color:#1c2430;min-height:0}
.p6-acc-row b{color:#8b95a5;font-weight:600}
.p6-acc-row span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p6-acc-row u{margin-left:.5cqw;text-decoration:none;color:#98a0ad;font-size:clamp(7px,.7cqw,10px)}
.p6-acc-row em{font-style:normal;padding:.35cqw .65cqw;border-radius:999px;background:#eef2f7;color:#7b8797;font-size:clamp(6.5px,.66cqw,9.5px);white-space:nowrap}
.p6-acc-row em.is-ok{background:#e8f8ee;color:#15803d}

/* ==========================================================================
   14 · CRM — заказ в таблицу
   ========================================================================== */
.p6-s-crm{--a:#7c3aed}
.p6-crm{position:absolute;inset:clamp(10px,3.2cqw,18px);display:grid;grid-template-columns:.78fr .12fr 1.5fr;gap:1.2cqw;align-items:stretch}
.p6-crm-in{display:flex;flex-direction:column;gap:1cqw;justify-content:center}
.p6-order{display:flex;flex-direction:column;padding:.9cqw 1.1cqw;border-radius:1cqw;background:#fff;box-shadow:0 1.4cqw 2.6cqw -2cqw rgba(40,20,80,.5)}
.p6-order b{font-size:clamp(7.5px,.82cqw,11.5px);color:#1c2430}
.p6-order span{font-size:clamp(6.5px,.7cqw,10px);color:#8b95a5}
.p6-crm-arrow{align-self:center;text-align:center;font-size:clamp(14px,1.8cqw,24px);color:#7c3aed;opacity:0;transform:scale(.6);transition:opacity .24s ease,transform .32s cubic-bezier(.2,1.5,.4,1)}
.p6-crm-table{display:flex;flex-direction:column;padding:1.4cqw;border-radius:1.5cqw;background:#fff;box-shadow:0 2.2cqw 4cqw -3cqw rgba(40,20,80,.5)}
.p6-crm-head,.p6-crm-row{display:grid;grid-template-columns:1fr 1fr 1fr 1.1fr;gap:.6cqw;align-items:center;padding:.7cqw .6cqw;font-size:clamp(6.5px,.7cqw,10px)}
.p6-crm-head{color:#98a0ad;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #eef1f6}
.p6-crm-row{flex:1;margin-top:.45cqw;border-radius:.6cqw;background:#faf7ff;color:#1c2430;min-height:0}
.p6-crm-row span{color:#8b95a5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p6-crm-row em{justify-self:start;padding:.25cqw .55cqw;border-radius:999px;background:#f3e8ff;color:#6b21a8;font-style:normal;font-size:clamp(6px,.62cqw,9px)}
.p6-crm-row:first-of-type{box-shadow:inset .35cqw 0 0 var(--a)}

/* ==========================================================================
   15 · SEO КАТАЛОГА
   ========================================================================== */
.p6-s-seoseo{--a:#059669}
.p6-seoseo{position:absolute;inset:clamp(10px,3.2cqw,18px);display:grid;grid-template-columns:.42fr .58fr;grid-template-rows:1fr auto;gap:1.6cqw}
.p6-tree{display:flex;flex-direction:column;gap:.5cqw;padding:1.4cqw;border-radius:1.4cqw;background:#fff;box-shadow:0 1.8cqw 3.4cqw -2.6cqw rgba(10,50,35,.45)}
.p6-tree b{font-size:clamp(7.5px,.82cqw,11.5px);color:#1c2430;margin-bottom:.4cqw}
.p6-tree span{display:flex;align-items:center;justify-content:space-between;padding:.45cqw .6cqw;border-radius:.5cqw;font-size:clamp(6.5px,.68cqw,9.5px);color:#6b7a72}
.p6-tree span i{font-style:normal;color:#9aa8a1}
.p6-tree span:nth-child(2){background:#e9f8f0;color:#065f46;font-weight:700}
.p6-seo-pages{display:grid;grid-template-columns:repeat(3,1fr);gap:1cqw;min-height:0}
.p6-seo-pages>div{position:relative;display:flex;flex-direction:column;gap:.4cqw;padding:.9cqw;border-radius:.9cqw;background:#fff;box-shadow:0 1.4cqw 2.6cqw -2cqw rgba(10,50,35,.4);min-height:0}
.p6-seo-pages b{display:block;height:.45cqw;width:78%;border-radius:2px;background:#d9e4df}
.p6-seo-pages i{display:block;height:.45cqw;width:52%;border-radius:2px;background:#e8eeeb}
.p6-seo-pages u{display:block;flex:1;border-radius:.5cqw;background:linear-gradient(140deg,#dfeee8,#cfe6dd)}
.p6-seo-pages em{
  position:absolute;right:.5cqw;top:.5cqw;display:grid;place-items:center;
  width:1.5cqw;height:1.5cqw;border-radius:50%;background:var(--a);color:#fff;
  font-style:normal;font-size:clamp(6px,.6cqw,9px);
  opacity:0;transform:scale(.5);transition:opacity .2s ease,transform .3s cubic-bezier(.2,1.5,.4,1);
}
.p6-seo-done{
  grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:1cqw;
  padding:1cqw 1.2cqw;border-radius:1cqw;background:#065f46;color:#fff;
  box-shadow:0 1.8cqw 3.4cqw -2.4cqw rgba(6,95,70,.7);
}
.p6-seo-done b{font-size:clamp(7.5px,.8cqw,11px)}
.p6-seo-done span{font-size:clamp(6.5px,.66cqw,9.5px);color:rgba(255,255,255,.65)}

/* ==========================================================================
   16 · ОПЛАТА
   ========================================================================== */
.p6-s-pay{--a:#0d9488}
.p6-pay{position:absolute;inset:clamp(10px,3.2cqw,18px);display:flex;flex-direction:column;justify-content:center;gap:0}
.p6-bank{
  position:relative;width:62%;aspect-ratio:1.72;margin:0 auto;padding:2.4cqw;border-radius:1.8cqw;
  background:linear-gradient(140deg,#0f766e,#0d9488 52%,#14b8a6);color:#fff;
  box-shadow:0 2.4cqw 4.4cqw -2.4cqw rgba(8,70,65,.7);
  transform:rotate(-5deg);transform-origin:50% 60%;
}
.p6-bank::after{
  content:"";position:absolute;right:-12%;top:-30%;width:70%;aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.22),transparent 68%);
}
.p6-bank i{display:block;width:3.4cqw;height:2.6cqw;border-radius:.6cqw;background:rgba(255,255,255,.35)}
.p6-bank b{position:absolute;left:2.2cqw;bottom:5.4cqw;font-size:clamp(9px,1.25cqw,18px);letter-spacing:.16em}
.p6-bank em{position:absolute;right:2.2cqw;bottom:1.8cqw;font-style:normal;font-weight:800;font-size:clamp(8px,1.05cqw,15px)}
.p6-bank span{position:absolute;left:2.2cqw;bottom:2cqw;font-size:clamp(6px,.62cqw,9px);letter-spacing:.14em;opacity:.7}
.p6-pay-panel{
  position:relative;z-index:2;display:flex;flex-direction:column;gap:.9cqw;
  margin-top:-4cqw;padding:2.1cqw 2.4cqw;border-radius:1.8cqw;background:#fff;
  box-shadow:0 2.6cqw 4.6cqw -2.4cqw rgba(8,60,56,.55);
}
.p6-pay-panel>span{font-size:clamp(8px,1.2cqw,11.5px);letter-spacing:.12em;text-transform:uppercase;color:#7c8b8a;font-weight:700}
.p6-pay-sum{font:800 clamp(24px,4.8cqw,46px)/1 var(--display);letter-spacing:-.03em;color:#0f2f2d}
.p6-pay-methods{display:flex;flex-wrap:wrap;gap:.4cqw}
.p6-pay-methods i{padding:.5cqw .8cqw;border-radius:999px;background:#eff6f5;color:#5f7370;font-style:normal;font-size:clamp(8px,1.1cqw,11px);font-weight:700}
.p6-pay-methods i.is-on{background:#0f2f2d;color:#fff}
.p6-pay-panel button{align-self:stretch;padding:1.1cqw;border-radius:999px;background:var(--a);color:#fff;font-size:clamp(9px,1.5cqw,13px);font-weight:800;box-shadow:0 1.2cqw 2.2cqw -1.2cqw rgba(13,148,136,.9)}
.p6-pay-secure{display:flex;align-items:center;justify-content:center;gap:.5cqw;font-size:clamp(6.5px,.8cqw,9px);color:#8fa3a0;letter-spacing:0;text-transform:none;font-weight:400}
.p6-pay-secure::before{content:"";width:.6cqw;height:.7cqw;border:1px solid #8fa3a0;border-radius:1px}
.p6-pay-ok{
  position:absolute;right:1.4cqw;top:1.2cqw;display:grid;place-items:center;
  width:3.2cqw;height:3.2cqw;border-radius:50%;background:#16a34a;color:#fff;
  font-style:normal;font-weight:800;font-size:clamp(9px,1.15cqw,15px);
  opacity:0;transform:scale(.4);transition:opacity .22s ease,transform .36s cubic-bezier(.2,1.5,.4,1);
}
.p6-pay-done{
  padding:.75cqw;border-radius:999px;text-align:center;
  background:#0f2f2d;color:#fff;font-size:clamp(7px,.9cqw,10.5px);
  opacity:0;transform:translateY(.5cqw);transition:opacity .26s ease,transform .36s var(--p6-ease);
}

/* ==========================================================================
   ФАЗОВЫЕ СЛЕДСТВИЯ: всё, что происходит после клика
   ========================================================================== */
.p6-s-forms .p6-form-ok,
.p6-s-forms .p6-tg-bubble,
.p6-s-forms .p6-tg-status,
.p6-s-product .p6-prod-plus,
.p6-s-seoseo .p6-seo-pages em,
.p6-s-pay .p6-pay-ok,
.p6-s-pay .p6-pay-done{pointer-events:none}

.p6-s-forms[data-phase="3"] .p6-form-ok{opacity:1;transform:none}
.p6-s-forms[data-phase="3"] .p6-tg-bubble{opacity:1;transform:none;transition-delay:.14s}
.p6-s-forms[data-phase="3"] .p6-tg-status{opacity:1;transition-delay:.36s}
.p6-s-forms[data-phase="3"] .p6-form button{animation:p6TapBtn .34s ease}

.p6-s-inherit .p6-inh-plus{opacity:0;transform:scale(.5);transition:opacity .24s ease,transform .4s cubic-bezier(.2,1.6,.4,1)}
.p6-s-inherit .p6-inh-mod{opacity:0;transform:translateY(1.6cqw);transition:opacity .3s ease,transform .44s var(--p6-ease)}
.p6-s-inherit[data-phase="3"] .p6-inh-plus{opacity:1;transform:none}
.p6-s-inherit[data-phase="3"] .p6-inh-mod{opacity:1;transform:none;transition-delay:calc(.14s + var(--i,0)*.09s)}

.p6-s-catalog .p6-cat-chips i{transition:background .25s ease,color .25s ease}
.p6-s-catalog[data-phase="3"] .p6-cat-chips i:first-child{background:#f59e0b;color:#fff}
.p6-s-catalog .p6-cat-card{transition:transform .4s var(--p6-ease),box-shadow .3s ease}
.p6-s-catalog[data-phase="3"] .p6-cat-card:first-child{transform:translateY(-.5cqw);box-shadow:0 2cqw 3.6cqw -2cqw rgba(120,80,10,.55)}

.p6-s-product[data-phase="3"] .p6-prod-plus{opacity:1;transform:none}
.p6-s-product[data-phase="3"] .p6-prod button{animation:p6TapBtn .34s ease}

.p6-s-cart .p6-cart-row img{transition:transform .4s var(--p6-ease)}
.p6-s-cart[data-phase="3"] .p6-cart-row img{transform:scale(1.06)}
.p6-s-cart[data-phase="3"] .p6-cart-side button{animation:p6TapBtn .34s ease}

.p6-s-account[data-phase="3"] .p6-acc-row:first-of-type{box-shadow:inset 0 0 0 1.5px #2563eb}
.p6-s-account[data-phase="3"] .p6-acc-row:first-of-type em{background:#e8f0ff;color:#1d4ed8}

.p6-s-crm .p6-crm-arrow{opacity:0}
.p6-s-crm[data-phase="3"] .p6-crm-arrow{opacity:1;transform:none}
.p6-s-crm[data-phase="3"] .p6-crm-row:first-of-type{box-shadow:inset .35cqw 0 0 #7c3aed,0 0 0 1.5px rgba(124,58,237,.35)}

.p6-s-seoseo .p6-seo-pages em{opacity:0}
.p6-s-seoseo[data-phase="3"] .p6-seo-pages em{opacity:1;transform:none;transition-delay:calc(var(--i,0)*.08s)}
.p6-s-seoseo[data-phase="3"] .p6-seo-done{box-shadow:0 2cqw 3.6cqw -2.2cqw rgba(6,95,70,.8),0 0 0 1.5px #34d399}

.p6-s-pay .p6-bank{transition:box-shadow .4s ease}
.p6-s-pay[data-phase="3"] .p6-bank{box-shadow:0 2.4cqw 4.4cqw -2.4cqw rgba(8,70,65,.7),0 0 0 2px #5eead4}
.p6-s-pay[data-phase="3"] .p6-pay-ok{opacity:1;transform:none}
.p6-s-pay[data-phase="3"] .p6-pay-done{opacity:1;transform:none;transition-delay:.24s}
.p6-s-pay[data-phase="3"] .p6-pay-panel button{animation:p6TapBtn .34s ease}

/* ==========================================================================
   reduced motion: показываем результат сразу
   ========================================================================== */
@media (prefers-reduced-motion:reduce){
  .p6-in{opacity:1;transform:none}

  /* 01–08: сразу финальный кадр */
  .p6-sheet{opacity:1!important;animation:none!important}
  .p6-pages-row{opacity:1!important;transform:none!important}
  .p6-pages-row b{animation:none!important}
  .p6-pages-row>i{opacity:1!important;transform:none!important;animation:none!important}
  .p6-s-brand .p6-sl-card{animation:none!important;transform:none!important;opacity:0!important}
  .p6-s-brand .p6-sl-card:first-of-type{opacity:1!important;z-index:3}
  .p6-s-brand .p6-sl-shade,.p6-s-brand .p6-sl-dots{display:none}
  .p6-s-cms .p6-wp-file,.p6-s-cms .p6-wp{animation:none!important}
  .p6-s-seo .p6-cl,.p6-s-seo .p6-code{animation:none!important;opacity:1!important;transform:none!important}
  .p6-s-seo .p6-serp{opacity:1!important;transform:none!important}
  .p6-s-seo .p6-serp-top,.p6-s-seo .p6-serp-ok{opacity:1!important;transform:none!important}
  .p6-s-adapt .p6-dev{animation:none!important;opacity:1!important;transform:none!important}
  .p6-s-adapt .p6-dev>i,.p6-s-adapt .p6-adapt-note{opacity:1!important;transform:none!important}
  .p6-s-adapt .p6-adapt-note{transform:translate(-50%,0)!important}
  .p6-s-host .p6-host-browser{animation:none!important}
  .p6-s-host .p6-host-link>i{transform:scaleX(1)!important}
  .p6-s-edits .p6-ed-page--a{animation:none!important;clip-path:none!important}
  .p6-s-edits .p6-ed-wipe{display:none}
  .p6-s-edits .p6-ed-tag--a,.p6-s-edits .p6-ed-chips span{opacity:1!important;transform:none!important;animation:none!important}

  .p6-s-forms .p6-form-ok,.p6-s-forms .p6-tg-bubble,.p6-s-forms .p6-tg-status,
  .p6-s-product .p6-prod-plus,.p6-s-inherit .p6-inh-plus,.p6-s-inherit .p6-inh-mod,
  .p6-s-seoseo .p6-seo-pages em,.p6-s-pay .p6-pay-ok,
  .p6-s-pay .p6-pay-done,.p6-s-crm .p6-crm-arrow{
    opacity:1!important;transform:none!important;
  }
  .p6-s-cms[data-phase="3"] .p6-wp-photo-new{opacity:1!important;transform:none!important}
  .p6-s-cms[data-phase="3"] .p6-wp-site-view>em{opacity:1!important;transform:none!important}
  .p6-s-seo[data-phase="3"] .p6-cl--key::before{opacity:1!important}
  .p6-s-pay .p6-bank{transform:rotate(-5deg)!important}
}

/* ==========================================================================
   узкие сцены (телефон): убираем второстепенное, текст остаётся крупным
   ========================================================================== */
@container (max-width: 430px){
  .p6-pages{grid-template-columns:1fr}
  .p6-pages-side{display:none}
  .p6-pages-stack{margin:9.5cqw 0 0 7cqw}

  .p6-wp-menu{display:none}
  .p6-wp-site-view{grid-template-columns:24% 1fr}

  .p6-s-seo .p6-serp{display:none}
  .p6-s-seo .p6-code{flex:1}

  .p6-s-forms .p6-forms-foot{display:none}
  .p6-s-forms .p6-form-fields label:nth-child(3){display:none}
  .p6-s-forms .p6-tg-msg{display:none}

  .p6-s-adapt .p6-adapt-note{font-size:11px}
  .p6-s-edits .p6-ed-head nav{display:none}
}