/* Страница For business. Перенесена из KonstantinBeFirst/logirates-business 2026-10-15, стили ограничены .biz */
.biz{
  --bg:#F1F3F7; --bg-soft:#F7F8FB; --card:#FFFFFF; --ink:#1A1A1A; --muted:#6B7080; --line:#E4E7EE;
  --accent:#EAA30A; --accent-soft:#FDF4E1; --ok:#2E9E5B; --ok-soft:#E6F5EC;
  --r:16px; --r-sm:10px; --sec:96px;
}
.biz{color:var(--ink);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
.biz *,.biz *::before,.biz *::after{margin:0;padding:0}
.biz img{max-width:100%;display:block}
.biz a{color:inherit;text-decoration:none}
.biz .bw{width:1198px;max-width:calc(100% - 48px);margin:0 auto}
.biz .eyebrow{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.biz h1{font-size:48px;line-height:1.1;font-weight:800;letter-spacing:-.02em}
.biz h2{font-size:36px;line-height:1.15;font-weight:800;letter-spacing:-.015em}
.biz h3{font-size:20px;line-height:1.3;font-weight:700}
.biz .hl{color:var(--accent)}
.biz .lead{font-size:18px;color:var(--muted)}
.biz .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 26px;border-radius:10px;font-weight:700;font-size:16px;transition:transform .15s,box-shadow .15s,background .15s;cursor:pointer;border:0;font-family:inherit}
.biz .btn-primary{background:var(--accent);color:#fff}
.biz .btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(234,163,10,.3)}
.biz .btn-ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}
.biz .btn-ghost:hover{border-color:#cfd3dc}
.biz .section{padding:var(--sec) 0}
.biz .section.white{background:#fff;border-radius:32px}
.biz .head{text-align:center;max-width:720px;margin:0 auto 56px}
.biz .head h2{margin:10px 0 14px}
.biz .biz-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r)}

/* hero */
.biz .biz-hero{padding:72px 0 88px}
.biz .hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}
.biz .biz-hero h1{margin:14px 0 20px}
.biz .biz-hero .lead{max-width:520px}
.biz .cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.biz .micro{margin-top:16px;font-size:14px;color:var(--muted)}
.biz .carriers{display:flex;align-items:center;gap:22px;margin-top:40px;padding-top:24px;border-top:1px solid var(--line)}
.biz .carriers span{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.biz .carriers img{height:26px;width:auto}
.biz .hero-visual{position:relative}
.biz .hero-visual .shot{border-radius:var(--r);box-shadow:0 30px 60px rgba(26,26,46,.12);background:#fff;padding:10px}
.biz .float{position:absolute;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 18px;box-shadow:0 16px 32px rgba(26,26,46,.1);font-size:14px}
.biz .float b{display:block;font-size:22px}
.biz .float.f1{left:-28px;bottom:-26px}
.biz .float.f2{right:-18px;top:-22px;display:flex;align-items:center;gap:10px;font-weight:700}
.biz .dot{width:10px;height:10px;border-radius:50%;background:var(--ok);flex:none}

/* shift table */
.biz .shift{max-width:900px;margin:0 auto;overflow:hidden}
.biz .shift-row{display:grid;grid-template-columns:1fr 40px 1fr;align-items:center;padding:20px 28px;border-top:1px solid var(--line)}
.biz .shift-row:first-child{border-top:0;background:var(--bg-soft);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:14px 28px}
.biz .shift-row .old{color:var(--muted)}
.biz .shift-row .new{font-weight:700}
.biz .shift-row .arr{color:var(--accent);font-weight:800;text-align:center}

/* features */
.biz .feat{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:56px 0}
.biz .feat + .feat{border-top:1px solid var(--line)}
.biz .feat.rev .feat-text{order:2}
.biz .feat-text h3{font-size:28px;line-height:1.2;font-weight:800;margin:10px 0 14px;letter-spacing:-.01em}
.biz .feat-text p{color:var(--muted);font-size:17px}
.biz .ticks{list-style:none;margin-top:20px;display:grid;gap:10px}
.biz .ticks li{position:relative;padding-left:28px;font-weight:600;font-size:15px}
.biz .ticks li::before{content:"";position:absolute;left:0;top:4px;width:16px;height:16px;border-radius:50%;background:var(--accent-soft);box-shadow:inset 0 0 0 5px var(--accent-soft),inset 0 0 0 16px var(--accent)}
.biz .feat-vis{background:var(--bg);border-radius:20px;padding:28px}
.biz .feat-vis img{border-radius:12px;box-shadow:0 12px 30px rgba(26,26,46,.08)}

/* small cards */
.biz .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.biz .mini{padding:28px}
.biz .mini .num{font-size:13px;font-weight:800;color:var(--accent);letter-spacing:.06em}
.biz .mini h3{margin:12px 0 10px}
.biz .mini p{color:var(--muted);font-size:15px}
.biz .mini .how{margin-top:18px;padding-top:16px;border-top:1px dashed var(--line);font-size:14px;font-weight:600}
.biz .mini .how span{color:var(--muted);font-weight:500}

/* steps */
.biz .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:s}
.biz .step{padding:32px;position:relative}
.biz .step::before{counter-increment:s;content:counter(s);display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--ink);color:#fff;font-weight:800;margin-bottom:20px}
.biz .step:last-child::before{background:var(--accent)}
.biz .step p{color:var(--muted);font-size:15px;margin-top:8px}

/* next */
.biz .next{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:start}
.biz .next-list{display:grid;gap:14px}
.biz .next-item{display:flex;gap:16px;padding:22px 24px;align-items:flex-start}
.biz .tag{flex:none;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:var(--bg);color:var(--muted);border-radius:6px;padding:4px 8px;margin-top:3px}
.biz .next-item p{color:var(--muted);font-size:15px;margin-top:4px}
.biz .biz-form{padding:32px}
.biz .biz-form h3{font-size:22px}
.biz .biz-form p{color:var(--muted);font-size:15px;margin:8px 0 22px}
.biz .field{display:block;margin-bottom:14px}
.biz .field span{display:block;font-size:13px;font-weight:700;margin-bottom:6px}
.biz .field input{width:100%;height:50px;border:1px solid var(--line);border-radius:10px;padding:0 16px;font-family:inherit;font-size:15px;background:var(--bg-soft)}
.biz .field input:focus{outline:2px solid var(--accent);outline-offset:-1px;background:#fff}
.biz .checks{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.biz .checks label{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600;cursor:pointer;user-select:none}
.biz .checks input{accent-color:var(--accent)}
.biz .biz-form .btn{width:100%}
.biz .form-ok{display:none;margin-top:14px;font-weight:700;color:var(--ok);font-size:14px}

/* faq */
.biz .biz-faq{max-width:820px;margin:0 auto}
.biz .biz-faq details{background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:10px;padding:0 24px}
.biz .biz-faq summary{list-style:none;cursor:pointer;padding:22px 0;font-weight:700;font-size:17px;display:flex;justify-content:space-between;gap:16px}
.biz .biz-faq summary::-webkit-details-marker{display:none}
.biz .biz-faq summary::after{content:"+";font-size:24px;line-height:1;color:var(--muted);transition:transform .2s}
.biz .biz-faq details[open] summary::after{transform:rotate(45deg)}
.biz .biz-faq details p{padding:0 0 22px;color:var(--muted)}

/* final */
.biz .final{background:var(--ink);color:#fff;border-radius:28px;padding:72px 48px;text-align:center}
.biz .final h2{color:#fff}
.biz .final p{color:#B8BCC8;margin:14px auto 32px;max-width:560px;font-size:18px}
.biz .final .btn-ghost{background:transparent;color:#fff;border-color:#3a3d48}

@media (max-width:960px){
  .biz{--sec:72px}
  .biz h1{font-size:36px} .biz h2{font-size:28px}
  .biz .hero-grid,.biz .feat,.biz .next{grid-template-columns:1fr;gap:36px}
  .biz .feat.rev .feat-text{order:0}
  .biz .grid3,.biz .steps{grid-template-columns:1fr}
  .biz .float.f1{left:12px;bottom:-22px} .biz .float.f2{right:12px}
}
@media (max-width:560px){
  .biz .bw{max-width:calc(100% - 32px)}
  .biz .shift-row{grid-template-columns:1fr;gap:4px;padding:16px 20px}
  .biz .shift-row .arr{display:none}
  .biz .shift-row:first-child{display:none}
  .biz .shift-row .old::before{content:attr(data-label) " ";font-weight:700}
  .biz .final{padding:56px 24px}
  .biz .cta-row .btn{width:100%}
  .biz .feat-vis{padding:16px}
}

/* Эффекты */
.biz .biz-card.mini, .biz .biz-card.step, .biz .feat-vis { transition: transform .25s cubic-bezier(.2, .7, .2, 1), box-shadow .25s cubic-bezier(.2, .7, .2, 1); }
.biz .biz-card.mini:hover, .biz .biz-card.step:hover { transform: translateY(-3px); box-shadow: 0 16px 40px rgba(26, 26, 46, .07); }
.biz .feat-vis:hover { transform: translateY(-3px); }
.biz .hero-visual .shot { transition: transform .4s cubic-bezier(.2, .7, .2, 1); }
.biz .hero-visual:hover .shot { transform: translateY(-4px); }
@keyframes biz-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }
.lr-motion .biz .float.f1{ animation: biz-float 5s ease-in-out 1s infinite; }
.lr-motion .biz .float.f2{ animation: biz-float 5s ease-in-out 2.2s infinite; }
.biz .biz-faq details { transition: border-color .25s; }
.biz .biz-faq details:hover { border-color: #cfd3dc; }

/* Фото в карточках «Who it's for»: во всю ширину карточки сверху */
.biz .mini { overflow: hidden; }
.biz .mini-photo { display: block; width: calc(100% + 56px); max-width: none; height: auto; aspect-ratio: 4 / 3; object-fit: cover; margin: -28px -28px 24px; border-bottom: 1px solid var(--line); transition: transform .5s cubic-bezier(.2, .7, .2, 1); }
.biz .biz-card.mini:hover .mini-photo { transform: scale(1.03); }
.biz :where(h1, h2, h3) { text-wrap: balance; }

/* Финальный блок с фото: текст слева, фото справа во всю высоту, как на Pirate Ship */
.biz .final--photo { display: grid; grid-template-columns: 1fr 44%; padding: 0; overflow: hidden; text-align: left; }
.biz .final__copy { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 72px 56px; }
.biz .final--photo p { margin: 14px 0 0; max-width: 460px; }
.biz .final__photo { width: 100%; height: 100%; min-height: 360px; object-fit: cover; object-position: 55% 30%; }
@media (max-width: 960px) {
  .biz .final--photo { grid-template-columns: 1fr; }
  .biz .final__photo { order: -1; height: auto; min-height: 0; aspect-ratio: 4 / 3; }
  .biz .final__copy { padding: 32px 24px 40px; }
  .biz .final--photo .cta-row { width: 100%; }
}

/* ===== Версия 2: белый фон, лента, меньше рамок (как Pirate Ship) ===== */
.biz { --soft-bg: #f6f6f7; --line: #ececf0; }
.biz h1 { font-size: 64px; line-height: 1.03; letter-spacing: -.035em; }
.biz h2 { letter-spacing: -.02em; }
.biz .lead { color: #50586a; }
.biz .section.white { background: transparent; border-radius: 0; }
.biz .biz-hero { position: relative; }
.biz .hero-visual { isolation: isolate; }
.biz .hero-visual .shot { box-shadow: 0 30px 70px rgba(60, 30, 0, .16); }
.biz .float { box-shadow: 0 18px 40px rgba(60, 30, 0, .14); border-color: #f0ece4; }
.biz .biz-card { border: 0; background: var(--soft-bg); }
.biz .biz-card.mini .mini-photo { border-bottom: 0; }
.biz .biz-card.mini:hover, .biz .biz-card.step:hover { box-shadow: 0 24px 60px rgba(60, 30, 0, .10); }
.biz .shift { background: transparent; border-radius: 0; overflow: visible; }
.biz .shift-row:first-child { background: transparent; border-bottom: 2px solid var(--ink); }
.biz .feat-vis { position: relative; background: transparent; isolation: isolate; }
.biz .feat-vis::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: 28px; background: radial-gradient(70% 70% at 75% 25%, rgba(255, 122, 26, .22), transparent 70%), radial-gradient(60% 60% at 25% 80%, rgba(255, 107, 139, .18), transparent 70%), radial-gradient(60% 60% at 25% 20%, rgba(234, 163, 10, .20), transparent 70%); filter: blur(10px); }
.biz .feat-vis img { box-shadow: 0 24px 60px rgba(60, 30, 0, .14); }
.biz .feat + .feat { border-top-color: var(--line); }
.biz .biz-faq details { background: transparent; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; margin: 0; padding: 0 4px; }
.biz .biz-faq { border-top: 1px solid var(--line); }
.biz .biz-form .field input { background: #fff; }
@media (max-width: 960px) {
  .biz h1 { font-size: 38px; line-height: 1.08; }
}
.biz .hero-visual { isolation: auto; }
.biz .hero-visual .shot { position: relative; z-index: 1; }
.biz .float { z-index: 2; }

/* «Было → стало»: стрелка прорисовывается, когда строка появляется */
.biz .shift-row .arr svg { display: block; margin: 0 auto; overflow: visible; }
.biz .shift-row .arr path { stroke-dasharray: 1; stroke-dashoffset: 0; }
.lr-motion .biz .shift[data-stagger]:not(.in) .arr path{ stroke-dashoffset: 1; }
.lr-motion .biz .shift .arr path{ transition: stroke-dashoffset .7s var(--ease-out) calc(.35s + var(--i, 0) * 110ms); }
.lr-motion .biz .shift .new{ transition: color .5s; }

/* ===== Живые куски интерфейса вместо скриншотов (15.10.2026) ===== */
.biz .ui { --ui-soft: #f6f6f7; --ui-line: #ececf0; position: relative; background: #fff; border-radius: 16px; padding: 18px; font-size: 14px; color: var(--ink); text-align: left;
  box-shadow: 0 1px 2px rgba(26, 31, 51, .06), 0 24px 56px rgba(60, 30, 0, .12); }
.biz .feat-vis { padding: 40px; }
.biz .ui b { font-weight: 700; }
.biz .ui small { color: var(--muted); font-size: 12px; }
.biz .ui-logo { flex: none; width: auto; justify-self: center; }
.biz .ui-logo--usps { height: 20px; } .biz .ui-logo--ups { height: 22px; } .biz .ui-logo--fedex { height: 13px; }
.biz .ui-chip { display: inline-flex; padding: 3px 9px; border-radius: 7px; background: var(--ui-soft); color: #50586a; font-size: 12px; font-weight: 600; white-space: nowrap; }
.biz .biz-ui-btn { display: inline-flex; align-items: center; justify-content: center; height: 38px; padding: 0 16px; border-radius: 10px; background: #eaa30a; color: #fff; font-weight: 700; font-size: 13px; white-space: nowrap; }
.biz .biz-ui-btn--sm { height: 32px; padding: 0 12px; }
.biz .ui-st { font-style: normal; padding: 3px 10px; border-radius: 999px; background: var(--ui-soft); color: #50586a; font-size: 12px; font-weight: 700; white-space: nowrap; }
.biz .ui-st--done { background: #e6f5ec; color: #1f7a45; }
.biz .ui-st--way { background: #fff3dc; color: #a0700a; }

/* список отправок (первый экран и One account) */
.biz .ui-ships__head { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.biz .ui-ships__head > b { font-size: 20px; font-weight: 800; letter-spacing: -.01em; margin-right: 6px; }
.biz .ui-pill { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px; background: var(--ui-soft); font-weight: 700; font-size: 13px; }
.biz .ui-pill--on { background: #fff3dc; }
.biz .ui-pill i { font-style: normal; padding: 0 6px; border-radius: 999px; background: #eaa30a; color: #fff; font-size: 11px; }
.biz .ui-ships ul { display: flex; flex-direction: column; gap: 8px; }
.biz .ui-ships li { display: grid; grid-template-columns: 48px 1fr auto; align-items: center; gap: 12px; padding: 14px; border-radius: 12px; background: var(--ui-soft); }
.biz .ui-ship__main { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.biz .ui-ship__main b { font-size: 13px; font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.biz .ui-ship__main span { color: #50586a; font-weight: 600; }
.biz .ui-ship__side { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; }
.biz .ui-filters { display: grid; grid-template-columns: 1.6fr 1fr 1fr; gap: 8px; margin-bottom: 12px; }
.biz .ui-filters span { padding: 9px 12px; border-radius: 10px; background: var(--ui-soft); color: var(--muted); font-size: 12px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.biz .ui-select::after { content: " ▾"; }

/* шаблон */
.biz .ui-tpl { display: flex; flex-direction: column; gap: 12px; }
.biz .ui-tpl__head { display: flex; align-items: center; justify-content: space-between; }
.biz .ui-tpl__head b { font-size: 17px; font-weight: 800; }
.biz .ui-tpl__head small { padding: 2px 8px; border-radius: 6px; background: #fff3dc; color: #a0700a; font-size: 11px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.biz .ui-tpl__row { display: flex; align-items: center; gap: 10px; font-weight: 700; flex-wrap: wrap; }
.biz .ui-tpl__addr { display: flex; align-items: center; gap: 10px; color: #50586a; font-weight: 600; }
.biz .ui-tpl__addr i { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; background: #9aa0ad; color: #fff; font-style: normal; font-size: 11px; font-weight: 800; }
.biz .ui-tpl__extras { display: flex; gap: 6px; flex-wrap: wrap; }
.biz .ui-tpl__go { display: flex; align-items: center; gap: 12px; margin-top: 4px; }
.biz .ui-done { display: inline-flex; align-items: center; gap: 6px; color: #1f7a45; font-weight: 700; font-size: 13px; }
.biz .ui-done::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #2e9e5b; }

/* пакет из CSV */
.biz .ui-bulk__file { display: flex; align-items: center; gap: 12px; padding-bottom: 12px; border-bottom: 1px solid var(--ui-line); }
.biz .ui-bulk__file div { display: flex; flex-direction: column; gap: 2px; }
.biz .ui-bulk__ico { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 10px; background: linear-gradient(135deg, #ff8a8a, #ff6b8b); color: #fff; font-size: 11px; font-weight: 800; }
.biz .ui-bulk ul { position: relative; margin: 4px 0; }
.biz .ui-bulk li { display: grid; grid-template-columns: 1fr 64px 72px; align-items: center; gap: 10px; padding: 10px 4px; border-bottom: 1px solid var(--ui-line); font-weight: 600; }
.biz .ui-bulk li b { text-align: right; font-variant-numeric: tabular-nums; }
.biz .ui-bulk__pay { display: flex; align-items: center; gap: 12px; padding-top: 10px; }
.biz .ui-bulk__pay span:first-child { color: var(--muted); font-weight: 600; }
.biz .ui-bulk__pay b { margin-left: auto; font-size: 18px; font-weight: 800; }

/* команда */
.biz .ui-team__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.biz .ui-team__top b { font-size: 17px; font-weight: 800; }
.biz .ui-team__row { display: grid; grid-template-columns: 1.3fr repeat(4, 1fr); align-items: center; gap: 6px; padding: 12px 4px; border-bottom: 1px solid var(--ui-line); }
.biz .ui-team__row:last-child { border-bottom: 0; }
.biz .ui-team__row--head span { color: var(--muted); font-size: 11px; font-weight: 700; text-align: center; }
.biz .ui-team__row--head span:first-child { text-align: left; }
.biz .ui-team__row > div { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; }
.biz .ui-role { font-style: normal; padding: 1px 7px; border-radius: 6px; background: #e6f5ec; color: #1f7a45; font-size: 11px; font-weight: 700; }
.biz .ui-role--owner { background: #fff3dc; color: #a0700a; }
.biz .ui-ck { justify-self: center; width: 20px; height: 20px; border-radius: 6px; box-shadow: inset 0 0 0 2px #d9dce3; position: relative; }
.biz .ui-ck.is-on { background: #1a1a1a; box-shadow: none; }
.biz .ui-ck.is-on::after { content: ""; position: absolute; left: 6px; top: 2px; width: 6px; height: 11px; border: solid #fff; border-width: 0 2.5px 2.5px 0; transform: rotate(45deg); }

/* тарифы */
.biz .ui-rates__q { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 8px; padding: 2px 4px 14px; color: var(--muted); }
.biz .ui-rates__q b { color: var(--ink); }
.biz .ui-rates__q .ui-chip { margin-left: auto; }
.biz .ui-rates ul { display: flex; flex-direction: column; gap: 6px; }
.biz .ui-rates li { display: grid; grid-template-columns: 52px 1fr auto auto; align-items: center; gap: 12px; padding: 14px; border-radius: 12px; background: var(--ui-soft); }
.biz .ui-rates li div { display: flex; flex-direction: column; gap: 2px; }
.biz .ui-rates strong { grid-column: 4; font-size: 18px; font-weight: 800; }
.biz .ui-rates li.is-best { background: #fff8ea; box-shadow: inset 0 0 0 2px #eaa30a; }
.biz .ui-tag { grid-column: 3; padding: 3px 8px; border-radius: 6px; background: #eaa30a; color: #fff; font-size: 10px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.biz .ui-tag--dark { background: #1a1a1a; }

/* финансы */
.biz .ui-fin__cards { display: grid; grid-template-columns: 1fr 1fr 40px; gap: 8px; margin-bottom: 10px; }
.biz .ui-fin__cards div { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; border-radius: 12px; background: var(--ui-soft); }
.biz .ui-fin__cards div b { font-size: 20px; font-weight: 800; letter-spacing: -.01em; }
.biz .ui-fin__export { display: flex; align-items: center; justify-content: center; border-radius: 12px; background: #eaa30a; color: #fff; }
.biz .ui-fin li { display: grid; grid-template-columns: 48px 72px 1fr auto; align-items: center; gap: 10px; padding: 11px 4px; border-bottom: 1px solid var(--ui-line); }
.biz .ui-fin li:last-child { border-bottom: 0; }
.biz .ui-fin li span { color: #50586a; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.biz .ui-fin li b { font-variant-numeric: tabular-nums; }
.biz .ui-fin .neg { color: #c2412d; } .biz .ui-fin .pos { color: #1f7a45; }
.biz .ui-type { font-style: normal; justify-self: start; padding: 2px 8px; border-radius: 6px; background: #fff3dc; color: #a0700a; font-size: 11px; font-weight: 700; }
.biz .ui-type--refund { background: #e6f5ec; color: #1f7a45; }

/* первый экран: список вместо скриншота в рамке */
.biz .hero-visual .ui-ships { position: relative; z-index: 1; padding: 20px; }
.biz .hero-visual .float.f1 { z-index: 2; }

/* ===== Анимации (data-play → .play, первый экран сразу) ===== */
@keyframes ui-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@keyframes ui-pop { 0% { opacity: 0; transform: scale(.6); } 70% { transform: scale(1.12); } 100% { opacity: 1; transform: none; } }
@keyframes ui-press { 0%, 100% { transform: none; } 50% { transform: scale(.95); filter: brightness(.95); } }
@keyframes ui-blink { 0%, 100% { box-shadow: 0 0 0 0 rgba(234, 163, 10, .5); } 50% { box-shadow: 0 0 0 6px rgba(234, 163, 10, 0); } }
.lr-motion .biz .hero-visual .ui-ships li{ animation: ui-in .55s var(--ease-out) both; animation-delay: calc(.55s + var(--r, 0) * .15s); }
/* шаблон: кнопка нажимается, поля подсвечиваются, «Form filled» */
.lr-motion .biz .ui-tpl:not(.play) .ui-done{ opacity: 0; }
.lr-motion .biz .ui-tpl.play .biz-ui-btn{ animation: ui-press .4s ease .6s; }
.lr-motion .biz .ui-tpl.play .ui-tpl__row, .lr-motion .biz .ui-tpl.play .ui-tpl__addr, .lr-motion .biz .ui-tpl.play .ui-tpl__extras{ animation: ui-in .45s var(--ease-out) both; }
.lr-motion .biz .ui-tpl.play .ui-tpl__addr{ animation-delay: .9s; } .lr-motion .biz .ui-tpl.play .ui-tpl__addr + .ui-tpl__addr{ animation-delay: 1s; }
.lr-motion .biz .ui-tpl.play .ui-tpl__row{ animation-delay: .8s; } .lr-motion .biz .ui-tpl.play .ui-tpl__extras{ animation-delay: 1.1s; }
.lr-motion .biz .ui-tpl.play .ui-done{ animation: ui-pop .45s var(--ease-out) 1.4s both; }
/* пакет: перевозчик и цена у каждой строки, итог в конце */
.lr-motion .biz .ui-bulk:not(.play) li .ui-logo, .lr-motion .biz .ui-bulk:not(.play) li b, .lr-motion .biz .ui-bulk:not(.play) .ui-bulk__pay{ opacity: 0; }
.lr-motion .biz .ui-bulk.play li .ui-logo, .lr-motion .biz .ui-bulk.play li b{ animation: ui-pop .45s var(--ease-out) both; animation-delay: calc(.4s + var(--r, 0) * .35s); }
.lr-motion .biz .ui-bulk.play .ui-bulk__pay{ animation: ui-in .5s var(--ease-out) 2.3s both; }
/* история: статус «In transit» мигает как живой */
.lr-motion .biz .ui-ships--hist.play li{ animation: ui-in .5s var(--ease-out) both; animation-delay: calc(.2s + var(--r, 0) * .15s); }
.lr-motion .biz .ui-ships--hist.play .ui-st--live{ animation: ui-blink 1.8s ease-out 1s infinite; }
/* команда: галочки ставятся по очереди */
.lr-motion .biz .ui-team:not(.play) .ui-ck.is-on{ background: transparent; box-shadow: inset 0 0 0 2px #d9dce3; }
.lr-motion .biz .ui-team:not(.play) .ui-ck.is-on::after{ opacity: 0; }
.lr-motion .biz .ui-team.play .ui-ck.is-on{ transition: background-color .2s, box-shadow .2s; transition-delay: calc(.3s + var(--c, 0) * .09s); }
.lr-motion .biz .ui-team.play .ui-ck.is-on::after{ animation: ui-pop .3s var(--ease-out) both; animation-delay: calc(.3s + var(--c, 0) * .09s); }
/* тарифы: предложения приходят, метки встают */
.lr-motion .biz .ui-rates.play li{ animation: ui-in .5s var(--ease-out) both; animation-delay: calc(.2s + var(--r, 0) * .15s); }
.lr-motion .biz .ui-rates:not(.play) .ui-tag{ opacity: 0; }
.lr-motion .biz .ui-rates.play .ui-tag{ animation: ui-pop .45s var(--ease-out) .9s both; }
/* финансы: строки по очереди */
.lr-motion .biz .ui-fin.play li{ animation: ui-in .45s var(--ease-out) both; animation-delay: calc(.2s + var(--r, 0) * .12s); }
.lr-motion .biz .ui-ships--hist:not(.play) li, .lr-motion .biz .ui-rates:not(.play) li, .lr-motion .biz .ui-fin:not(.play) li{ opacity: 0; }

@media (max-width: 980px) {
  .biz .feat-vis { padding: 16px 0; }
  .biz .ui { padding: 14px; font-size: 13px; }
  .biz .ui-ships li { grid-template-columns: 40px 1fr; }
  .biz .ui-ship__side { grid-column: 2; flex-direction: row; align-items: center; justify-content: space-between; }
  .biz .ui-filters { grid-template-columns: 1fr 1fr; }
  .biz .ui-filters .ui-search { grid-column: 1 / -1; }
  .biz .ui-rates li { grid-template-columns: 40px 1fr auto; }
  .biz .ui-rates strong { grid-column: 3; grid-row: 1; }
  .biz .ui-tag { display: none; }
  .biz .ui-team__row { grid-template-columns: 1.1fr repeat(4, 1fr); }
  .biz .ui-team__row--head span { font-size: 9px; }
  .biz .ui-fin li { grid-template-columns: 1fr auto; }
  .biz .ui-fin li small, .biz .ui-fin li .ui-type { display: none; }
  .biz .ui-fin__cards div b { font-size: 16px; }
}
/* плашки первого экрана не закрывают строки списка */
.biz .hero-visual { padding-bottom: 56px; }
.biz .hero-visual .float.f1 { left: auto; right: 24px; bottom: 0; }
@media (max-width: 980px) { .biz .hero-visual { padding-bottom: 48px; } .biz .hero-visual .float.f1 { right: 12px; bottom: 0; left: auto; } }
.biz .ui-pill { white-space: nowrap; }
@media (max-width: 980px) { .biz .ui-ships__head { gap: 6px; } .biz .ui-ships__head > b { font-size: 17px; margin-right: 2px; } .biz .ui-pill { padding: 5px 9px; font-size: 12px; } }
/* галочка: в анимации сохраняем поворот, иначе вместо галочки «J» */
@keyframes ui-tick { 0% { opacity: 0; transform: rotate(45deg) scale(.4); } 70% { transform: rotate(45deg) scale(1.15); } 100% { opacity: 1; transform: rotate(45deg); } }
.lr-motion .biz .ui-team.play .ui-ck.is-on::after{ animation-name: ui-tick; }

/* ===== Бывшие inline-стили пакета и состояния формы early access (Vue) ===== */
.biz .float.f1 small { color: var(--muted); font-weight: 600; }
.biz .cta-row--center { justify-content: center; margin-top: 40px; }
.biz .next h2 { margin: 10px 0 14px; }
.biz .next .lead { margin-bottom: 28px; }
.biz .checks-title { display: block; font-size: 13px; font-weight: 700; margin-bottom: 8px; }
.biz .form-ok--shown { display: block; }
.biz .field--error input { border-color: #e5484d; box-shadow: inset 0 0 0 1px #e5484d; }
.biz .field__error { display: block; margin-top: 6px; font-size: 12px; font-style: normal; font-weight: 600; line-height: 1.4; color: #e5484d; }