/* DKA GROUP · лендинг · ВАРИАНТ B, ПРЕМИУМ-ЭКРАНЫ (27.10.2026, владелец: «выглядят слишком простовато»).
   Поверх m-apple.css и m-apple-b.css, ветка apple-b. ТОЛЬКО телефон (html[data-layout=phone]).
   Тексты, цвета бренда (палитра DKA: --brand-300/500/600/900, --ink-brand-*), логика (отправка, окно партнёра,
   WhatsApp, переход к калькулятору) — прежние. Меняется подача: иерархия, глубина и свет, иконки, кнопки, движение.
   Движение — по Emil Kowalski: появление ≤ 500 мс ease-out, лесенка 60 мс, нажатие 0.97 за 160 мс,
   смена состояний — переходы (их можно прервать), «уменьшить движение» — без сдвигов. */

html[data-layout=phone]{
  --b2-ease:cubic-bezier(.23,1,.32,1);
  /* иконки (линия 1.75, как у значков DS) — маской, цвет задаёт фон */
  --b2-i-star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5l2.5 5.2 5.7.8-4.1 4 1 5.6-5.1-2.7-5.1 2.7 1-5.6-4.1-4 5.7-.8z'/%3E%3C/svg%3E");
  --b2-i-shield:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 3v5.5c0 4.4-2.9 7.9-7 9.5-4.1-1.6-7-5.1-7-9.5V6z'/%3E%3Cpath d='M9 12l2.2 2.2L15.5 10'/%3E%3C/svg%3E");
  --b2-i-build:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18M5 21V4.5h9V21M14 9h5v12M8 8h3M8 12h3M8 16h3M17 13v.01M17 17v.01'/%3E%3C/svg%3E");
  --b2-p-star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D6CCFF' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5l2.5 5.2 5.7.8-4.1 4 1 5.6-5.1-2.7-5.1 2.7 1-5.6-4.1-4 5.7-.8z'/%3E%3C/svg%3E");
  --b2-p-shield:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D6CCFF' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 3v5.5c0 4.4-2.9 7.9-7 9.5-4.1-1.6-7-5.1-7-9.5V6z'/%3E%3Cpath d='M9 12l2.2 2.2L15.5 10'/%3E%3C/svg%3E");
  --b2-p-build:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D6CCFF' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18M5 21V4.5h9V21M14 9h5v12M8 8h3M8 12h3M8 16h3M17 13v.01M17 17v.01'/%3E%3C/svg%3E");
  --b2-i-up:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 15V4M7.5 8.5L12 4l4.5 4.5'/%3E%3Cpath d='M4 14.5V18a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-3.5'/%3E%3C/svg%3E");
  --b2-i-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");
}
@keyframes b2-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes b2-in{from{opacity:0;transform:translateY(4px) scale(.98)}to{opacity:1;transform:none}}
@keyframes b2-shake{0%,100%{transform:none}20%{transform:translateX(-5px)}40%{transform:translateX(4px)}60%{transform:translateX(-3px)}80%{transform:translateX(2px)}}

/* ═════════ 1. PARTNERSHIP OPPORTUNITIES ═════════ */
/* свет: фиолетовое свечение сверху и снизу на глубоком фоне бренда; фото тает в фон */
html[data-layout=phone] #app .l-partner{background:
  radial-gradient(90% 45% at 50% 38%,rgba(110,79,240,.30),transparent 70%),
  radial-gradient(70% 30% at 50% 100%,rgba(110,79,240,.22),transparent 75%),
  var(--ink-brand-900,#100C1E)}
html[data-layout=phone] #app .l-pt__field{-webkit-mask-image:linear-gradient(180deg,#000 45%,transparent);mask-image:linear-gradient(180deg,#000 45%,transparent)}
html[data-layout=phone] #app .l-partner__t{margin-top:-28px;padding:0 var(--m-gut) 64px!important;gap:0;align-items:stretch}
/* заголовок — крупно и плотно, чисто белый (свет даёт фон, не текст) */
html[data-layout=phone] #app .l-partner__t h2{font-size:34px;line-height:38px;letter-spacing:-.03em;text-align:center;margin:0 0 28px;color:#fff}
/* три абзаца → группа из трёх пунктов с иконками (как сгруппированный список iOS, стекло и тонкая обводка бренда) */
html[data-layout=phone] #app .l-partner__t>p{position:relative;display:block;max-width:none;margin:0;padding:16px 16px 16px 66px;min-height:68px;box-sizing:border-box;
  text-align:left;font-size:14px;line-height:20px;color:rgba(255,255,255,.72);text-wrap:pretty;
  background:rgba(255,255,255,.035);border:1px solid var(--ink-brand-border,rgba(168,146,255,.18));border-top-width:0}
html[data-layout=phone] #app .l-partner__t>p.l-pt__promise{border-top-width:1px;border-radius:20px 20px 0 0;color:#fff;font-weight:500}
html[data-layout=phone] #app .l-partner__t>p:nth-of-type(3){border-radius:0 0 20px 20px}
html[data-layout=phone] #app .l-partner__t>p+p::after{content:"";position:absolute;left:66px;right:0;top:-1px;height:1px;background:rgba(168,146,255,.12)}
html[data-layout=phone] #app .l-partner__t>p+p{border-top-width:0}
/* плитка иконки: стекло с подсветкой бренда */
html[data-layout=phone] #app .l-partner__t>p::before{content:"";position:absolute;left:16px;top:16px;width:36px;height:36px;border-radius:11px;
  background:var(--b2-ic) center/20px no-repeat,linear-gradient(180deg,rgba(168,146,255,.28),rgba(110,79,240,.12));box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 0 0 1px rgba(168,146,255,.22)}
/* глифы — светлым тоном бренда прямо в рисунке (#D6CCFF), чтобы плитка и значок были одним слоем */
html[data-layout=phone] #app .l-partner__t>p.l-pt__promise{--b2-ic:var(--b2-p-star)}
html[data-layout=phone] #app .l-partner__t>p:nth-of-type(2){--b2-ic:var(--b2-p-shield)}
html[data-layout=phone] #app .l-partner__t>p:nth-of-type(3){--b2-ic:var(--b2-p-build)}
/* кнопка: основная, со свечением бренда и бликом сверху, не во всю ширину */
html[data-layout=phone] #app .l-partner__t .dka-btn{align-self:center;width:min(300px,100%)!important;height:52px!important;margin-top:32px;border-radius:14px;border:0;
  background:linear-gradient(180deg,var(--brand-500,#6E4FF0),var(--brand-600,#5B3FD6))!important;color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 0 0 1px rgba(168,146,255,.25),0 14px 34px -12px rgba(110,79,240,.8);
  transition:transform 160ms var(--b2-ease),box-shadow 200ms var(--b2-ease)}
html[data-layout=phone] #app .l-partner__t .dka-btn:active{transform:scale(.97);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 0 0 1px rgba(168,146,255,.25),0 6px 18px -10px rgba(110,79,240,.8)}

/* ═════════ 2. READY TO SAVE ON HVAC? ═════════ */
html[data-layout=phone] #app .l-cta{position:relative;overflow:hidden;padding:72px var(--m-gut) 64px;gap:0;
  background:
    radial-gradient(110% 55% at 50% -5%,rgba(168,146,255,.42),transparent 62%),
    radial-gradient(90% 50% at 50% 115%,rgba(110,79,240,.50),transparent 70%),
    linear-gradient(180deg,var(--brand-900,#2A1F5C),var(--ink-brand-800,#181230))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10)}
/* тонкая световая дуга сверху — «горизонт» */
html[data-layout=phone] #app .l-cta::after{content:"";position:absolute;left:50%;top:-1px;width:72%;height:1px;transform:translateX(-50%);pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(214,204,255,.8),transparent)}
html[data-layout=phone] #app .l-cta h2{font-size:36px;line-height:40px;letter-spacing:-.035em;margin:0 0 14px;text-wrap:balance;color:#fff}
html[data-layout=phone] #app .l-cta>p{font-size:15px;line-height:22px;color:rgba(255,255,255,.72);max-width:31ch;margin:0 auto}
html[data-layout=phone] #app .l-cta .l-ct__btn{width:min(300px,100%);margin-top:32px}
/* основная — белая «пилюля»-кнопка со свечением; вторичная — стекло */
html[data-layout=phone] #app .l-cta .l-ct__btn .dka-btn{height:52px!important;border-radius:14px;border:0;
  box-shadow:inset 0 -1px 0 rgba(42,31,92,.08),0 16px 36px -14px rgba(168,146,255,.75),0 0 0 1px rgba(255,255,255,.6);
  transition:transform 160ms var(--b2-ease),box-shadow 200ms var(--b2-ease)}
html[data-layout=phone] #app .l-cta .l-ct__btn .dka-btn:active{transform:scale(.97)}
html[data-layout=phone] #app .l-cta__call.s3-wa-row{width:min(300px,100%);gap:16px;margin-top:24px}
/* «Or message us on WhatsApp» — разделитель с линиями по бокам */
html[data-layout=phone] #app .l-cta__call.s3-wa-row>span{align-self:stretch;display:flex;align-items:center;gap:12px;font-size:12px;line-height:16px;letter-spacing:.02em;color:rgba(255,255,255,.56)}
html[data-layout=phone] #app .l-cta__call.s3-wa-row>span::before,
html[data-layout=phone] #app .l-cta__call.s3-wa-row>span::after{content:"";flex:1 1 0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2))}
html[data-layout=phone] #app .l-cta__call.s3-wa-row>span::after{background:linear-gradient(90deg,rgba(255,255,255,.2),transparent)}
html[data-layout=phone] #app .l-cta__call .s3-wa{width:100%!important;height:48px!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.18)!important;
  background:rgba(255,255,255,.07);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 rgba(255,255,255,.10);font-weight:500}
html[data-layout=phone] #app .l-cta__call .s3-wa:active{transform:scale(.97);background:rgba(255,255,255,.12)}

/* ═════════ 3. UPLOAD YOUR PROJECT — форма ═════════ */
/* карточка: обводка-градиент бренда, многослойная мягкая тень */
html[data-layout=phone] #app .up-card{border:1px solid transparent;border-radius:24px;padding:20px;gap:18px;
  background:linear-gradient(#fff,#fff) padding-box,linear-gradient(180deg,rgba(168,146,255,.55),rgba(168,146,255,.10) 55%,rgba(168,146,255,.25)) border-box;
  box-shadow:0 1px 2px rgba(16,12,30,.04),0 14px 32px -16px rgba(42,31,92,.22),0 44px 80px -48px rgba(91,63,214,.38)}

/* зона загрузки — покой: светлое поле, пунктир бренда, иконка в светящемся круге */
html[data-layout=phone] #app .up-card .l-up{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  min-height:184px;height:auto!important;padding:92px 16px 22px;box-sizing:border-box;border-radius:18px;overflow:hidden;cursor:pointer;
  background:radial-gradient(110% 80% at 50% 0%,rgba(110,79,240,.10),transparent 70%),#FAF9FF;
  border:1.5px dashed rgba(91,63,214,.32);box-shadow:none;
  transition:border-color 200ms var(--b2-ease),background-color 200ms var(--b2-ease),transform 160ms var(--b2-ease),box-shadow 200ms var(--b2-ease)}
html[data-layout=phone] #app .up-card .l-up :is(.l-up__vid,.l-up__dim){display:none!important}
html[data-layout=phone] #app .up-card .l-up::before{content:"";position:absolute;left:50%;top:24px;width:56px;height:56px;margin-left:-28px;border-radius:18px;
  background:linear-gradient(180deg,var(--brand-500,#6E4FF0),var(--brand-600,#5B3FD6));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 0 0 6px rgba(110,79,240,.08),0 12px 28px -10px rgba(91,63,214,.7);
  transition:transform 220ms var(--b2-ease),box-shadow 220ms var(--b2-ease)}
html[data-layout=phone] #app .up-card .l-up::after{content:"";position:absolute;left:50%;top:38px;width:28px;height:28px;margin-left:-14px;background:#fff;
  -webkit-mask:var(--b2-i-up) center/contain no-repeat;mask:var(--b2-i-up) center/contain no-repeat;transition:transform 220ms var(--b2-ease)}
html[data-layout=phone] #app .up-card .l-up__cap{position:static!important;transform:none!important;display:flex;flex-direction:column;align-items:center;gap:6px;
  background:none!important;padding:0!important;box-shadow:none!important;-webkit-backdrop-filter:none;backdrop-filter:none}
html[data-layout=phone] #app .up-card .l-up__txt{background:none!important;padding:0!important;box-shadow:none!important;font-size:15px;line-height:22px;font-weight:600;color:var(--text-primary,#131315)}
html[data-layout=phone] #app .up-card .l-up__browse{color:var(--brand-600,#5B3FD6);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
html[data-layout=phone] #app .up-card .l-up__fmt{display:block!important;position:static!important;font-family:var(--font-mono,'IBM Plex Mono',monospace);font-size:11px;line-height:16px;letter-spacing:.08em;color:var(--text-tertiary,#8a8a92);background:none;border:0;padding:0}
html[data-layout=phone] #app .up-card .l-up:active{transform:scale(.985)}
html[data-layout=phone] #app .up-card .l-up:focus-visible{outline:2px solid var(--brand-600,#5B3FD6);outline-offset:3px}

/* перетаскивание: сплошная обводка, тон бренда, иконка приподнимается */
html[data-layout=phone] #app .up-card :is(.l-up--over,.l-up.is-press){border-style:solid;border-color:var(--brand-500,#6E4FF0);background-color:#F3F0FF;
  background-image:radial-gradient(110% 80% at 50% 0%,rgba(110,79,240,.18),transparent 70%);box-shadow:0 0 0 4px rgba(110,79,240,.12)}
html[data-layout=phone] #app .up-card :is(.l-up--over,.l-up.is-press)::before{transform:translateY(-4px) scale(1.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 0 0 8px rgba(110,79,240,.14),0 18px 34px -10px rgba(91,63,214,.8)}
html[data-layout=phone] #app .up-card :is(.l-up--over,.l-up.is-press)::after{transform:translateY(-6px) scale(1.06)}

/* загрузка / файл выбран / ошибка — иконка покоя не нужна */
html[data-layout=phone] #app .up-card :is(.l-up--busy,.l-up--done,.l-up--err)::before,
html[data-layout=phone] #app .up-card :is(.l-up--busy,.l-up--done,.l-up--err)::after{content:none}
html[data-layout=phone] #app .up-card :is(.l-up--busy,.l-up--err){min-height:0;padding:12px;border-style:solid}
html[data-layout=phone] #app .up-card .l-up__panel{position:static!important;width:100%;inset:auto;padding:0!important;background:none!important;animation:b2-in 220ms var(--b2-ease) both}
/* загрузка: строка с прогрессом — тонкая полоса с градиентом бренда */
html[data-layout=phone] #app .up-card .l-up--busy{background:#fff;border-color:rgba(91,63,214,.22)}
html[data-layout=phone] #app .up-card .dka-ur{background:none;border:0;box-shadow:none;padding:4px}
html[data-layout=phone] #app .up-card .dka-ur__track{height:4px;border-radius:2px;background:rgba(91,63,214,.12);overflow:hidden}
html[data-layout=phone] #app .up-card .dka-ur__fill{border-radius:2px;background:linear-gradient(90deg,var(--brand-500,#6E4FF0),var(--brand-300,#A892FF))}
/* файл выбран: строка — значок, имя (обрезка), «PDF · 2.3 MB», кнопка «×» */
html[data-layout=phone] #app .up-card .l-up--done{display:grid!important;grid-template-columns:44px minmax(0,1fr) 36px;grid-template-rows:auto auto;column-gap:12px;row-gap:2px;align-items:center;
  min-height:76px;padding:14px 10px 14px 14px;border-style:solid;border-color:rgba(91,63,214,.28);background:#fff;
  box-shadow:0 0 0 4px rgba(110,79,240,.06);animation:b2-in 240ms var(--b2-ease) both}
html[data-layout=phone] #app .up-card .l-up--done .l-up__tile{position:static!important;grid-row:1/3;grid-column:1;width:44px;height:44px;border-radius:12px;overflow:hidden;display:block;
  background:#F3F0FF;box-shadow:inset 0 0 0 1px rgba(91,63,214,.14)}
html[data-layout=phone] #app .up-card .l-up--done .l-up__tile img{width:100%;height:100%;object-fit:cover;display:block}
html[data-layout=phone] #app .up-card .l-up--done .l-up__file{position:static!important;grid-column:2;grid-row:1;align-self:end;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  font-family:var(--font-ui,Inter,system-ui,sans-serif);font-size:15px;line-height:20px;font-weight:600;letter-spacing:-.01em;color:var(--text-primary,#131315);text-align:left}
html[data-layout=phone] #app .up-card .l-up--done .l-up__meta{position:static!important;grid-column:2;grid-row:2;align-self:start;text-align:left;
  font-family:var(--font-mono,'IBM Plex Mono',monospace);font-size:12px;line-height:16px;letter-spacing:.02em;color:var(--text-tertiary,#8a8a92)}
html[data-layout=phone] #app .up-card .l-up--done .l-up__x{position:relative!important;inset:auto!important;grid-column:3;grid-row:1/3;width:36px;height:36px;border:0;border-radius:999px;display:grid;place-items:center;
  background:rgba(19,19,21,.05);color:var(--text-secondary,#57575c);cursor:pointer;transition:transform 160ms var(--b2-ease),background-color 160ms}
html[data-layout=phone] #app .up-card .l-up--done .l-up__x::after{content:"";position:absolute;inset:-4px}
html[data-layout=phone] #app .up-card .l-up--done .l-up__x:active{transform:scale(.92);background:rgba(19,19,21,.1)}
/* строка «File uploaded» — с галочкой в круге */
html[data-layout=phone] #app .up-card .l-up__ok{display:flex;align-items:center;gap:8px;margin-top:-6px;font-size:13px;line-height:18px;font-weight:500;color:var(--text-success,#1F8A4C);animation:b2-in 240ms var(--b2-ease) 60ms both}
html[data-layout=phone] #app .up-card .l-up__ok::before{content:"";flex:none;width:18px;height:18px;border-radius:999px;background:currentColor;
  -webkit-mask:var(--b2-i-check) center/12px no-repeat,linear-gradient(#000,#000);-webkit-mask-composite:xor;mask:var(--b2-i-check) center/12px no-repeat exclude,linear-gradient(#000,#000)}
/* ошибка: тон «опасно», лёгкое покачивание при появлении */
html[data-layout=phone] #app .up-card .l-up--err{border-color:rgba(196,48,43,.4);background:var(--danger-wash,#FBEDEB);animation:b2-shake 320ms var(--b2-ease) both}
html[data-layout=phone] #app .up-card .l-up--err .dka-note{background:none;border:0;box-shadow:none;padding:4px}

/* поля: мягкий фон, на фокусе — кольцо света бренда */
html[data-layout=phone] #app .up-card .up-fields{gap:14px}
html[data-layout=phone] #app .up-card .dka-field__label .dka-eyebrow{font-size:11px;line-height:16px;font-weight:600;letter-spacing:.07em;color:var(--text-secondary,#57575c)}
html[data-layout=phone] #app .up-card .dka-field__box{height:50px;border-radius:14px;background:#FBFAFE;border-color:rgba(19,19,21,.10);
  transition:border-color 160ms var(--b2-ease),box-shadow 200ms var(--b2-ease),background-color 160ms}
html[data-layout=phone] #app .up-card .dka-field__box:focus-within{background:#fff;border-color:var(--brand-500,#6E4FF0);outline-color:transparent;box-shadow:0 0 0 4px rgba(110,79,240,.14)}
html[data-layout=phone] #app .up-card .dka-field--error .dka-field__box{border-color:rgba(196,48,43,.55);background:#FFFBFA}
html[data-layout=phone] #app .up-card .dka-field--error .dka-field__box:focus-within{border-color:var(--danger,#C4302B);box-shadow:0 0 0 4px rgba(196,48,43,.12)}
/* кнопка отправки: основная, градиент бренда, блик и свечение; нажатие 0.97 */
html[data-layout=phone] #app .up-card>.dka-btn,html[data-layout=phone] #app .up-card .dka-btn--primary{height:52px!important;border-radius:14px;border:0;margin-top:6px;
  background:linear-gradient(180deg,var(--brand-500,#6E4FF0),var(--brand-600,#5B3FD6))!important;color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 12px 28px -12px rgba(91,63,214,.75);transition:transform 160ms var(--b2-ease),box-shadow 200ms var(--b2-ease)}
html[data-layout=phone] #app .up-card .dka-btn--primary:active{transform:scale(.97);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 6px 16px -10px rgba(91,63,214,.75)}

/* ═════════ 4. ПОЯВЛЕНИЕ — лесенка при прокрутке до экрана (один раз) ═════════ */
html[data-layout=phone] #app .partner-wrap.rv-in .l-partner__t>*{animation:b2-rise 520ms var(--b2-ease) both}
html[data-layout=phone] #app .partner-wrap.rv-in .l-partner__t>:nth-child(2){animation-delay:80ms}
html[data-layout=phone] #app .partner-wrap.rv-in .l-partner__t>:nth-child(3){animation-delay:140ms}
html[data-layout=phone] #app .partner-wrap.rv-in .l-partner__t>:nth-child(4){animation-delay:200ms}
html[data-layout=phone] #app .partner-wrap.rv-in .l-partner__t>:nth-child(n+5){animation-delay:260ms}
html[data-layout=phone] #app .cta-wrap.rv-in .l-cta>*{animation:b2-rise 520ms var(--b2-ease) both}
html[data-layout=phone] #app .cta-wrap.rv-in .l-cta>:nth-child(2){animation-delay:70ms}
html[data-layout=phone] #app .cta-wrap.rv-in .l-cta>:nth-child(3){animation-delay:140ms}
html[data-layout=phone] #app .cta-wrap.rv-in .l-cta>:nth-child(n+4){animation-delay:200ms}
html[data-layout=phone] #app #upload.rv-in .up-card>*{animation:b2-rise 480ms var(--b2-ease) both}
html[data-layout=phone] #app #upload.rv-in .up-card>:nth-child(2){animation-delay:60ms}
html[data-layout=phone] #app #upload.rv-in .up-card>:nth-child(n+3){animation-delay:120ms}

@media (prefers-reduced-motion:reduce){
  html[data-layout=phone] #app :is(.partner-wrap,.cta-wrap,#upload).rv-in :is(.l-partner__t,.l-cta,.up-card)>*{animation:b2-fade 200ms ease both}
  html[data-layout=phone] #app .up-card :is(.l-up,.l-up__panel,.l-up__ok){animation:none!important;transform:none!important}
  html[data-layout=phone] #app .up-card .l-up::before,html[data-layout=phone] #app .up-card .l-up::after{transition:none;transform:none!important}
  html[data-layout=phone] #app :is(.l-partner__t,.l-cta,.up-card) .dka-btn:active,html[data-layout=phone] #app .l-cta__call .s3-wa:active{transform:none}
}
@keyframes b2-fade{from{opacity:0}to{opacity:1}}
/* строка загрузки: имя файла дизайн-система выводит дважды (имя и «файл») — оставляем одно */
html[data-layout=phone] #app .up-card .dka-ur__file{display:none}