/* ============================================================
   КАК ИДЁТ РАБОТА (30.09.2026, вторая версия — пять шагов)
   Слева шаги высотой почти в экран, справа липкое окно браузера.
   data-step="1…5" на окне включает сцену шага; анимации объявлены
   под селектором шага, поэтому при каждом входе в шаг играют заново.
     1 разбор       — реплики переписки по очереди, затем смета
     2 прототип     — схема страницы рисуется линиями, курсор, штамп
     3 первый экран — заливается цветом, рядом палитра
     4 части        — блоки проявляются по очереди, список с галочками
     5 запуск       — домен с замком, «онлайн», телефон, «ваши»
   ============================================================ */
.ws{ overflow-x:clip; }   /* телефон и плашки выступают за окно — не дать им прокрутку вбок */
.ws__wrap{
  display:grid;
  grid-template-columns:minmax(0, .82fr) minmax(0, 1.18fr);
  gap:clamp(28px, 4vw, 80px);
  align-items:start;
}

/* ---------- шаги ---------- */
.ws__list{ list-style:none; margin:0; padding:0; }
.ws__item{
  position:relative;
  min-height:clamp(240px, 46vh, 440px);
  padding:0 0 0 clamp(56px, 4.4vw, 76px);
  display:flex; flex-direction:column; justify-content:center; align-items:flex-start;
}
.ws__item::before{
  content:""; position:absolute; left:clamp(19px, 1.5vw, 25px); top:0; bottom:0; width:2px;
  background:linear-gradient(var(--line), var(--line)) no-repeat,
             linear-gradient(var(--accent-1), var(--accent-2)) no-repeat;
  background-size:100% 100%, 100% var(--fill, 0%);
  transition:background-size .6s var(--ease);
}
.ws__item.is-on::before, .ws__item.is-past::before{ --fill:100%; }
.ws__item:first-child::before{ top:50%; }
.ws__item:last-child::before{ bottom:50%; }
.ws__num{
  position:absolute; left:0; top:50%; translate:0 -50%;
  display:grid; place-items:center;
  width:clamp(40px, 3.1vw, 52px); height:clamp(40px, 3.1vw, 52px); border-radius:50%;
  background:#fff; border:1.5px solid var(--line);
  font:600 13px/1 var(--font-mono); color:var(--fg-mute);
  transition:background .4s var(--ease), color .4s var(--ease), border-color .4s var(--ease), box-shadow .4s var(--ease);
  z-index:1;
}
.ws__item.is-past .ws__num{ border-color:var(--accent-line); color:var(--accent-1); }
.ws__item.is-on .ws__num{
  background:var(--accent-1); border-color:var(--accent-1); color:#fff;
  box-shadow:0 0 0 6px rgba(var(--accent-rgb), .14);
}
.ws__t{
  margin:0;
  font:650 clamp(22px, 1.9vw, 32px)/1.15 var(--font); letter-spacing:-.015em;
  color:var(--fg-mute);
  transition:color .4s var(--ease);
}
.ws__s{
  margin:12px 0 0; max-width:42ch;
  font-size:clamp(14.5px, 1.04vw, 17px); line-height:1.6; color:var(--fg-mute);
  transition:color .4s var(--ease);
}
.ws__item.is-on .ws__t{ color:var(--fg); }
.ws__item.is-on .ws__s{ color:var(--fg-lead); }

/* шаг-предложение (бесплатный прототип): плашка, зелёный номер, своя кнопка */
.ws__badge{
  margin:0 0 12px; padding:6px 10px; border-radius:3px;
  background:var(--metric); color:#fff;
  font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
}
.ws__item--offer.is-on .ws__num{ background:var(--metric); border-color:var(--metric); box-shadow:0 0 0 6px rgba(23,132,90,.16); }
.ws__item--offer .ws__t{ font-size:clamp(24px, 2.1vw, 36px); }
.ws__btn{ margin-top:clamp(16px, 1.6vw, 24px); opacity:.5; transition:opacity .4s var(--ease); }
.ws__item.is-on .ws__btn{ opacity:1; }

/* ---------- окно ---------- */
.ws__stick{
  position:sticky;
  top:calc(var(--header-h) + clamp(16px, 3vh, 40px));
}
.ws__win{
  position:relative;
  aspect-ratio:16 / 11;
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--r-card);
  box-shadow:var(--shadow-lift);
}
.ws__bar{
  display:flex; align-items:center; gap:14px;
  height:clamp(38px, 3vw, 48px); padding:0 16px;
  border-bottom:1px solid var(--line);
  background:var(--surface-2);
  border-radius:var(--r-card) var(--r-card) 0 0;
}
.ws__dots{ display:flex; gap:6px; }
.ws__dots i{ width:9px; height:9px; border-radius:50%; background:#d6d8e0; }
.ws__addr{
  flex:1; max-width:56%; height:24px; border-radius:4px;
  display:flex; align-items:center; gap:8px; padding:0 10px;
  background:#fff; border:1px solid var(--line);
  font:500 12.5px/1 var(--font); color:var(--fg);
  overflow:hidden;
}
.ws__lock{
  position:relative; width:9px; height:7px; border-radius:1.5px; margin-top:3px;
  background:#1f9d5a; flex:none;
  transform:scale(0); transition:transform .4s var(--ease) .3s;
}
.ws__lock::before{
  content:""; position:absolute; left:1.5px; bottom:6px; width:6px; height:5px;
  border:1.5px solid #1f9d5a; border-bottom:0; border-radius:4px 4px 0 0; box-sizing:border-box;
}
.ws__url--draft{ width:38%; height:7px; border-radius:3px; background:#e4e6ec; }
.ws__url--live{ display:none; }
.ws__live{
  margin-left:auto; display:flex; align-items:center; gap:6px;
  font:600 11.5px/1 var(--font); color:#1f9d5a; letter-spacing:.02em;
  opacity:0; transition:opacity .4s var(--ease) .6s;
}
.ws__live i{ width:7px; height:7px; border-radius:50%; background:#1f9d5a; animation:ws-live 1.6s ease-out infinite; }
@keyframes ws-live{ 0%{ box-shadow:0 0 0 0 rgba(31,157,90,.5); } 100%{ box-shadow:0 0 0 8px rgba(31,157,90,0); } }

/* ---------- страница внутри окна ---------- */
.ws__page{
  position:absolute; inset:clamp(38px, 3vw, 48px) 0 0 0;
  padding:clamp(14px, 1.4vw, 22px);
  display:grid; grid-template-rows:1.25fr .8fr .9fr .28fr; gap:clamp(8px, .8vw, 12px);
  overflow:hidden; border-radius:0 0 var(--r-card) var(--r-card);
  transition:opacity .5s var(--ease);
}
.ws__page > *{
  position:relative; border-radius:6px;
  border:1.5px dashed #d9dce5;
  transition:background .6s var(--ease), border-color .6s var(--ease), box-shadow .6s var(--ease);
}
.ws__page i, .ws__phone i{ display:block; border-radius:3px; transition:background .5s var(--ease), box-shadow .5s var(--ease); }
.ws__hero{ display:grid; grid-template-columns:1fr .8fr; grid-template-rows:auto auto 1fr; gap:8px 16px; padding:clamp(12px, 1.3vw, 20px); }
.ws__h1{ grid-column:1; height:12px; width:88%; background:#e8eaf0; }
.ws__h2{ grid-column:1; height:12px; width:62%; background:#e8eaf0; }
.ws__cta{ grid-column:1; align-self:end; height:20px; width:40%; border-radius:4px !important; background:#e8eaf0; }
.ws__pic{ grid-column:2; grid-row:1 / 4; border-radius:6px !important; background:#f0f1f5; }
.ws__row{ display:grid; grid-template-columns:repeat(3, 1fr); gap:10px; padding:10px; }
.ws__row i{ border-radius:5px; background:#f0f1f5; }
.ws__split{ display:grid; grid-template-columns:.9fr 1fr; gap:14px; padding:10px; }
.ws__pic2{ border-radius:5px !important; background:#f0f1f5; }
.ws__split span{ display:grid; align-content:center; gap:8px; }
.ws__split span i{ height:8px; background:#e8eaf0; }
.ws__split span i:nth-child(2){ width:80%; }
.ws__split span i:nth-child(3){ width:55%; }

/* шаги 1–2: страницы ещё нет — черновик едва виден */
.ws__win[data-step="1"] .ws__page{ opacity:.45; }
.ws__win[data-step="2"] .ws__page{ opacity:.12; }

/* шаг 3+: первый экран готов */
.ws__win:is([data-step="3"], [data-step="4"], [data-step="5"]) .ws__hero{
  border:1.5px solid transparent;
  background:linear-gradient(135deg, var(--accent-wash), #fff 70%);
}
.ws__win:is([data-step="3"], [data-step="4"], [data-step="5"]) .ws__hero .ws__h1{ background:var(--fg); }
.ws__win:is([data-step="3"], [data-step="4"], [data-step="5"]) .ws__hero .ws__h2{ background:var(--accent-1); }
.ws__win:is([data-step="3"], [data-step="4"], [data-step="5"]) .ws__hero .ws__cta{ background:var(--accent-1); box-shadow:0 6px 14px rgba(var(--accent-rgb), .3); }
.ws__win:is([data-step="3"], [data-step="4"], [data-step="5"]) .ws__hero .ws__pic{
  background:
    radial-gradient(60% 60% at 60% 40%, rgba(var(--accent-rgb), .55), transparent 70%),
    linear-gradient(160deg, #dfe7fb, #f4f7fe);
}
.ws__win[data-step="3"] .ws__hero{ animation:ws-pop .7s var(--ease); }
@keyframes ws-pop{ 0%{ transform:scale(.97); } 50%{ box-shadow:0 0 0 6px rgba(var(--accent-rgb), .18); } 100%{ transform:none; } }

/* шаг 4+: части по очереди */
.ws__win:is([data-step="4"], [data-step="5"]) :is(.ws__row, .ws__split, .ws__foot){ border-color:transparent; }
.ws__win:is([data-step="4"], [data-step="5"]) .ws__row i{
  background:linear-gradient(180deg, rgba(var(--accent-rgb), .16) 0 40%, #f3f5fb 40%);
  box-shadow:0 2px 8px rgba(13,15,32,.06);
}
.ws__win:is([data-step="4"], [data-step="5"]) .ws__pic2{ background:linear-gradient(150deg, rgba(var(--accent-rgb), .35), #e9effd); }
.ws__win:is([data-step="4"], [data-step="5"]) .ws__split span i{ background:#cfd4df; }
.ws__win:is([data-step="4"], [data-step="5"]) .ws__split span i:first-child{ background:var(--fg); }
.ws__win:is([data-step="4"], [data-step="5"]) .ws__foot{ background:var(--fg); }
.ws__win[data-step="4"] .ws__row{ animation:ws-in .5s var(--ease) .15s both; }
.ws__win[data-step="4"] .ws__split{ animation:ws-in .5s var(--ease) .75s both; }
.ws__win[data-step="4"] .ws__foot{ animation:ws-in .5s var(--ease) 1.35s both; }
@keyframes ws-in{ from{ opacity:0; transform:translateY(10px); } }

/* ---------- 1: переписка и смета ---------- */
.ws__chat{
  position:absolute; z-index:2; left:6%; top:14%; width:42%;
  display:grid; gap:10px;
  opacity:0; visibility:hidden; transition:opacity .35s var(--ease), visibility 0s linear .35s;
}
.ws__msg{
  display:grid; gap:6px; padding:11px 13px; width:78%;
  border-radius:12px 12px 12px 3px;
  background:#fff; border:1px solid var(--line);
  box-shadow:0 8px 20px rgba(13,15,32,.1);
}
.ws__msg i{ height:7px; border-radius:3px; background:#d8dce6; }
.ws__msg i + i{ width:70%; }
.ws__msg--out{ justify-self:end; width:56%; border-radius:12px 12px 3px 12px; background:var(--accent-1); border-color:var(--accent-1); }
.ws__msg--out i{ background:rgba(255,255,255,.7); }
.ws__sheet{
  position:absolute; z-index:2; right:6%; top:42%; width:42%;
  display:grid; gap:11px;
  padding:clamp(14px, 1.4vw, 22px);
  background:#fff; border:1px solid var(--line); border-radius:var(--r-inner);
  box-shadow:0 24px 50px rgba(13,15,32,.16);
  opacity:0; visibility:hidden; transition:opacity .35s var(--ease), visibility 0s linear .35s;
}
.ws__sheet-h{ display:block; width:46%; height:10px; border-radius:3px; background:var(--fg); margin-bottom:4px; }
.ws__line{ display:flex; align-items:center; gap:10px; }
.ws__line i{ flex:1; height:7px; border-radius:3px; background:#e4e7ee; }
.ws__line b{ width:22%; height:7px; border-radius:3px; background:rgba(var(--accent-rgb), .45); transform-origin:left; }
.ws__line:nth-child(3) i{ flex:.7; }
.ws__line:nth-child(4) i{ flex:.85; }
.ws__line--sum{ padding-top:9px; border-top:1.5px solid var(--line); }
.ws__line--sum i{ flex:.4 !important; background:var(--fg); }
.ws__line--sum b{ width:28%; background:var(--accent-1); }
.ws__win[data-step="1"] :is(.ws__chat, .ws__sheet){ opacity:1; visibility:visible; transition:opacity .35s var(--ease), visibility 0s; }
.ws__win[data-step="1"] .ws__msg{ animation:ws-in .45s var(--ease) both; }
.ws__win[data-step="1"] .ws__msg:nth-child(2){ animation-delay:.5s; }
.ws__win[data-step="1"] .ws__msg:nth-child(3){ animation-delay:1s; }
.ws__win[data-step="1"] .ws__sheet{ animation:ws-in .5s var(--ease) 1.5s both; }
.ws__win[data-step="1"] .ws__line b{ animation:ws-grow .5s var(--ease) both; }
.ws__win[data-step="1"] .ws__line:nth-child(2) b{ animation-delay:1.9s; }
.ws__win[data-step="1"] .ws__line:nth-child(3) b{ animation-delay:2.1s; }
.ws__win[data-step="1"] .ws__line:nth-child(4) b{ animation-delay:2.3s; }
.ws__win[data-step="1"] .ws__line--sum b{ animation-delay:2.6s; }
@keyframes ws-grow{ from{ transform:scaleX(0); } }

/* ---------- 2: прототип рисуется ---------- */
.ws__proto{
  position:absolute; z-index:2;
  left:clamp(14px, 1.4vw, 22px); top:calc(clamp(38px, 3vw, 48px) + clamp(14px, 1.4vw, 22px));
  width:calc(100% - 2 * clamp(14px, 1.4vw, 22px)); height:calc(100% - clamp(38px, 3vw, 48px) - 2 * clamp(14px, 1.4vw, 22px));
  overflow:visible;
  opacity:0; transition:opacity .4s var(--ease);
}
.ws__proto rect{
  /* без vector-effect: вместе с pathLength он ломал штрих — линии шли с разрывами */
  fill:none; stroke:var(--accent-1); stroke-width:.75;
  stroke-dasharray:100 100; stroke-dashoffset:0;
}
.ws__win[data-step="2"] .ws__proto{ opacity:1; }
.ws__win[data-step="2"] .ws__proto rect{ animation:ws-draw .7s var(--ease) both; }
.ws__win[data-step="2"] .ws__proto .p2{ animation-delay:.35s; }
.ws__win[data-step="2"] .ws__proto .p3{ animation-delay:.6s; }
.ws__win[data-step="2"] .ws__proto .p4{ animation-delay:.8s; }
.ws__win[data-step="2"] .ws__proto .p5{ animation-delay:1.1s; }
.ws__win[data-step="2"] .ws__proto .p6{ animation-delay:1.3s; }
.ws__win[data-step="2"] .ws__proto .p7{ animation-delay:1.5s; }
.ws__win[data-step="2"] .ws__proto .p8{ animation-delay:1.8s; }
@keyframes ws-draw{ from{ stroke-dashoffset:100; } }
/* после шага 2 схема остаётся бледной подложкой — «сделано по прототипу» */
.ws__win:is([data-step="3"], [data-step="4"]) .ws__proto{ opacity:.16; }
.ws__cursor{
  position:absolute; z-index:4; left:10%; top:30%; width:22px; height:22px;
  fill:var(--fg); stroke:#fff; stroke-width:1.5;
  filter:drop-shadow(0 3px 6px rgba(13,15,32,.3));
  opacity:0; pointer-events:none;
}
.ws__win[data-step="2"] .ws__cursor{ animation:ws-cursor 2.4s var(--ease) both; }
@keyframes ws-cursor{
  0%{ opacity:0; left:10%; top:30%; }
  8%{ opacity:1; }
  30%{ left:50%; top:22%; }
  55%{ left:72%; top:42%; }
  80%{ left:30%; top:70%; }
  100%{ opacity:1; left:80%; top:86%; }
}
.ws__stamp{
  position:absolute; z-index:5; right:6%; top:17%;
  padding:9px 16px; border-radius:4px;
  border:2.5px solid var(--metric); color:var(--metric); background:rgba(255,255,255,.94);
  font:800 clamp(14px, 1.2vw, 19px)/1 var(--font); letter-spacing:.1em; text-transform:uppercase;
  transform:rotate(-8deg) scale(1.6); opacity:0;
  pointer-events:none;
}
.ws__win[data-step="2"] .ws__stamp{ animation:ws-stamp .45s cubic-bezier(.3,1.6,.5,1) 2.1s both; }
@keyframes ws-stamp{ to{ opacity:1; transform:rotate(-8deg) scale(1); } }

/* ---------- 3: палитра ---------- */
.ws__palette{
  position:absolute; z-index:3; right:-3%; top:16%;
  display:grid; gap:8px; padding:10px;
  background:#fff; border:1px solid var(--line); border-radius:var(--r-inner);
  box-shadow:0 16px 36px rgba(13,15,32,.16);
  opacity:0; visibility:hidden; transition:opacity .35s var(--ease), visibility 0s linear .35s;
}
.ws__palette i{ display:block; width:26px; height:26px; border-radius:50%; }
.ws__palette i:nth-child(1){ background:var(--accent-1); box-shadow:0 0 0 3px #fff, 0 0 0 5px var(--accent-1); }
.ws__palette i:nth-child(2){ background:var(--accent-2); }
.ws__palette i:nth-child(3){ background:var(--fg); }
.ws__palette i:nth-child(4){ background:linear-gradient(135deg, #dfe7fb, #f4f7fe); border:1px solid var(--line); }
.ws__win[data-step="3"] .ws__palette{ opacity:1; visibility:visible; transition:opacity .35s var(--ease), visibility 0s; }
.ws__win[data-step="3"] .ws__palette i{ animation:ws-in .4s var(--ease) both; }
.ws__win[data-step="3"] .ws__palette i:nth-child(2){ animation-delay:.1s; }
.ws__win[data-step="3"] .ws__palette i:nth-child(3){ animation-delay:.2s; }
.ws__win[data-step="3"] .ws__palette i:nth-child(4){ animation-delay:.3s; }

/* ---------- 4: части с галочками ---------- */
.ws__parts{
  position:absolute; z-index:3; right:-4%; top:44%;
  display:grid; gap:10px; width:30%;
  padding:14px;
  background:#fff; border:1px solid var(--line); border-radius:var(--r-inner);
  box-shadow:0 18px 40px rgba(13,15,32,.16);
  opacity:0; visibility:hidden; transition:opacity .35s var(--ease), visibility 0s linear .35s;
}
.ws__part{ display:flex; align-items:center; gap:9px; }
.ws__part em{
  position:relative; flex:none; width:16px; height:16px; border-radius:50%;
  border:1.5px solid var(--line); background:#fff;
}
.ws__part em::after{
  content:""; position:absolute; left:3.5px; top:4px; width:6px; height:3px;
  border:solid #fff; border-width:0 0 2px 2px; transform:rotate(-45deg);
}
.ws__part i{ flex:1; height:7px; border-radius:3px; background:#e4e7ee; }
.ws__bar2{ display:block; height:4px; border-radius:3px; background:#eef0f5; overflow:hidden; margin-top:2px; }
.ws__bar2 i{ display:block; height:100%; background:linear-gradient(90deg, var(--accent-1), var(--accent-2)); transform-origin:left; transform:scaleX(0); }
.ws__win[data-step="4"] .ws__parts{ opacity:1; visibility:visible; transition:opacity .35s var(--ease), visibility 0s; }
.ws__win[data-step="4"] .ws__part em{ animation:ws-check .35s var(--ease) both; }
.ws__win[data-step="4"] .ws__part:nth-child(1) em{ animation-delay:.5s; }
.ws__win[data-step="4"] .ws__part:nth-child(2) em{ animation-delay:1.1s; }
.ws__win[data-step="4"] .ws__part:nth-child(3) em{ animation-delay:1.7s; }
@keyframes ws-check{ to{ background:#1f9d5a; border-color:#1f9d5a; } }
.ws__win[data-step="4"] .ws__bar2 i{ animation:ws-bar 1.8s var(--ease) .3s both; }
@keyframes ws-bar{ to{ transform:scaleX(1); } }

/* ---------- 5: запуск ---------- */
.ws__win[data-step="5"] .ws__lock{ transform:scale(1); }
.ws__win[data-step="5"] .ws__url--draft{ display:none; }
.ws__win[data-step="5"] .ws__url--live{ display:inline; animation:ws-type .6s steps(12) both; }
.ws__win[data-step="5"] .ws__live{ opacity:1; }
@keyframes ws-type{ from{ clip-path:inset(0 100% 0 0); } to{ clip-path:inset(0 0 0 0); } }
.ws__phone{
  position:absolute; z-index:3; right:-4%; bottom:-8%;
  width:22%; aspect-ratio:9 / 18.5;
  padding:6px;
  background:#101320; border-radius:18px;
  box-shadow:0 24px 48px rgba(13,15,32,.28);
  opacity:0; transform:translateY(30px) rotate(6deg);
  transition:opacity .5s var(--ease), transform .7s var(--ease);
}
.ws__phone-in{
  height:100%; border-radius:13px; background:#fff;
  display:grid; grid-template-rows:auto auto auto 1fr auto auto; gap:6px; padding:12px 10px;
}
.ws__phone .ws__h1{ grid-column:auto; height:7px; width:90%; background:var(--fg); }
.ws__phone .ws__h2{ grid-column:auto; height:7px; width:60%; background:var(--accent-1); }
.ws__phone .ws__cta{ grid-column:auto; height:14px; width:55%; background:var(--accent-1); margin-top:4px; }
.ws__phone .ws__pic{ grid-column:auto; grid-row:auto; border-radius:6px !important; margin-top:6px;
  background:radial-gradient(60% 60% at 60% 40%, rgba(var(--accent-rgb), .55), transparent 70%), linear-gradient(160deg, #dfe7fb, #f4f7fe); }
.ws__phone .ws__pl{ height:6px; background:#dfe2ea; }
.ws__phone .ws__pl + .ws__pl{ width:70%; }
.ws__win[data-step="5"] .ws__phone{ opacity:1; transform:rotate(4deg); }
.ws__keys{
  position:absolute; z-index:3; left:-3%; bottom:8%;
  display:flex; align-items:center; gap:10px;
  padding:10px 14px;
  background:var(--fg); color:#fff; border-radius:4px;
  font:600 13px/1.2 var(--font);
  box-shadow:0 14px 30px rgba(13,15,32,.25);
  opacity:0; transform:translateY(16px);
  transition:opacity .5s var(--ease) .35s, transform .6s var(--ease) .35s;
}
.ws__key{ position:relative; width:18px; height:10px; flex:none; }
.ws__key::before{ content:""; position:absolute; left:0; top:0; width:10px; height:10px; border-radius:50%; border:2px solid var(--accent-2); box-sizing:border-box; }
.ws__key::after{ content:""; position:absolute; left:9px; top:4px; width:9px; height:2px; background:var(--accent-2); }
.ws__win[data-step="5"] .ws__keys{ opacity:1; transform:none; }

.ws__pager{ display:none; }

/* стеклянный предмет шага (step-*.webp), когда будет сгенерирован — справа от текста */
.ws__item:has(.ws__art){ padding-right:clamp(130px, 12vw, 200px); }
.ws__art{
  position:absolute; right:0; top:50%;
  width:clamp(120px, 11.5vw, 190px); aspect-ratio:1;
  translate:0 -50%;
  mix-blend-mode:multiply; pointer-events:none;
  opacity:.28; filter:grayscale(.8); transform:scale(.8);
  transition:opacity .5s var(--ease), filter .5s var(--ease), transform .6s var(--ease);
}
.ws__art img{ width:100%; height:100%; object-fit:contain; transform:scale(1.25); }
.ws__item.is-on .ws__art{ opacity:1; filter:none; transform:none; }

@media (prefers-reduced-motion: reduce){
  .ws__win *, .ws__win *::after{ animation:none !important; }
  .ws__win[data-step="2"] .ws__stamp{ opacity:1; transform:rotate(-8deg); }
}