/* ==========================================================================
   Складно — фулфилмент. Премиум-тема, тёплый ink + янтарный акцент.
   ========================================================================== */
@font-face{
  font-family:'TildaSans';
  src:url("../fonts/TildaSans-VF.b2f3b3aa203b.woff2") format('woff2-variations'),
      url("../fonts/TildaSans-VF.b2f3b3aa203b.woff2") format('woff2');
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}
/* Заголовки — засечный Century Schoolbook Cyrillic (шрифт с gcl-tech.ru, само-хостинг) */
@font-face{
  font-family:'CentSchbkCyrillBT';
  src:url("../fonts/CentSchbkCyr-400.d386a9e00188.woff") format('woff');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'CentSchbkCyrillBT';
  src:url("../fonts/CentSchbkCyr-600.d386a9e00188.woff") format('woff');
  font-weight:600 700;
  font-style:normal;
  font-display:swap;
}

:root{
  --ink:#17191C;
  --ink-2:#23272D;
  --ink-soft:#3A3F46;
  --paper:#FBFAF7;
  --paper-2:#F4F1EA;
  --card:#FFFFFF;
  --accent:#F4700B;
  --accent-2:#FF8A34;
  --accent-ink:#8A3D00;
  --muted:#6E6E68;
  --line:rgba(23,25,28,.10);
  --line-2:rgba(23,25,28,.06);
  --shadow:0 18px 46px -22px rgba(23,25,28,.30);
  --shadow-sm:0 8px 22px -14px rgba(23,25,28,.30);
  --wrap:1180px;
  --r:16px;
  --r-lg:22px;
  --ease:cubic-bezier(.22,.61,.36,1);
  /* Типографика (система шрифтов с gcl-tech.ru): 3 уровня — засечный заголовок + TildaSans в двух весах */
  --font-head:'CentSchbkCyrillBT',Georgia,'Times New Roman',serif;                /* заголовки: засечный */
  --font-sub:'TildaSans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;    /* подзаголовки, карточки, лейблы, цифры */
  --font-body:'TildaSans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;   /* основной текст (лёгкий вес 300) */
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font:16px/1.55 var(--font-body);font-weight:300;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2{font-family:var(--font-head);font-weight:600;letter-spacing:-.01em;line-height:1.14;margin:0}
h3,h4{font-family:var(--font-sub);font-weight:600;letter-spacing:-.01em;line-height:1.2;margin:0}
p{margin:0}
.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:22px;width:100%}

/* ---------- Кнопки ---------- */
.btn{
  --bg:transparent;--fg:var(--ink);--bd:transparent;
  display:inline-flex;align-items:center;justify-content:center;gap:.5em;
  padding:.72em 1.25em;border-radius:999px;font-weight:600;font-size:.95rem;
  background:var(--bg);color:var(--fg);border:1.5px solid var(--bd);
  cursor:pointer;transition:transform .18s var(--ease),box-shadow .18s var(--ease),background .18s,color .18s,border-color .18s;
  white-space:nowrap;
}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0)}
.btn--solid{--bg:var(--accent);--fg:#fff;box-shadow:0 12px 26px -12px rgba(244,112,11,.75)}
.btn--solid:hover{--bg:var(--accent-2)}
.btn--ghost{--bd:var(--line);--fg:var(--ink)}
.btn--ghost:hover{--bd:var(--ink)}
.btn--soft{--bg:var(--paper-2);--fg:var(--ink)}
.btn--lg{padding:.92em 1.6em;font-size:1.02rem}
.btn--block{display:flex;width:100%}

/* ---------- Шапка ---------- */
.hdr{position:sticky;top:0;z-index:60;background:rgba(250,248,244,.78);
  backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:border-color .3s,background .3s}
.hdr.is-stuck{border-color:var(--line);background:rgba(250,248,244,.92)}
.hdr__in{display:flex;align-items:center;gap:22px;height:70px}
.logo{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-sub);font-weight:700;font-size:1.22rem;letter-spacing:-.02em}
.logo__mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--ink);color:var(--accent)}
.nav{display:flex;gap:26px;margin-left:14px}
.nav a{color:var(--ink-soft);font-weight:500;font-size:.96rem;position:relative;padding:4px 0}
.nav a::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:var(--accent);transition:width .25s var(--ease)}
.nav a:hover{color:var(--ink)}
.nav a:hover::after{width:100%}
.hdr__cta{display:flex;gap:10px;margin-left:auto;align-items:center}
.burger{display:none;margin-left:auto;width:44px;height:44px;border:none;background:transparent;flex-direction:column;gap:5px;align-items:center;justify-content:center;cursor:pointer}
.burger span{width:22px;height:2px;background:var(--ink);border-radius:2px;transition:transform .3s,opacity .2s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* Мобильное меню */
.drawer{position:fixed;inset:70px 0 auto 0;z-index:55;background:var(--paper);border-bottom:1px solid var(--line);
  box-shadow:var(--shadow);animation:drawer .28s var(--ease)}
@keyframes drawer{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
.drawer__nav{display:flex;flex-direction:column;gap:6px;padding:16px 22px 24px}
.drawer__nav a{padding:12px 4px;font-size:1.05rem;font-weight:500;border-bottom:1px solid var(--line-2)}
.drawer__nav .btn{margin-top:8px;justify-content:center}

/* ---------- Флеш ---------- */
.flash-wrap{margin-top:16px;display:flex;flex-direction:column;gap:8px}
.flash{padding:12px 16px;border-radius:12px;background:#EAF7EE;border:1px solid #BFE6CB;font-size:.95rem}
.flash--error{background:#FCECEC;border-color:#F1C4C4}

/* ---------- Общие секции ---------- */
.sec{padding:clamp(44px,5.5vw,80px) 0}
@media(max-width:640px){
  .sec{padding:30px 0}
  .hero{padding:24px 0 34px}
  .sec__head{margin-bottom:20px!important}
  .cards,.steps,.why,.vsteps,.tariffs,.seox,.lpwhy,.lpsteps{gap:12px!important}
}
.sec__head{max-width:640px;margin-bottom:clamp(28px,4vw,48px)}
.sec__head h2{font-size:clamp(24px,3vw,34px)}
.sec__sub{margin-top:12px;color:var(--muted);font-size:1.06rem}
.eyebrow{display:inline-block;font-family:var(--font-sub);font-weight:600;font-size:.8rem;
  letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}
.eyebrow--light{color:var(--accent-2)}

/* ---------- Херо ---------- */
.hero{position:relative;padding-top:clamp(30px,5vw,56px);overflow:hidden}
.hero::before{content:"";position:absolute;inset:-40% -20% auto auto;width:70vw;height:70vw;max-width:820px;max-height:820px;
  background:radial-gradient(closest-side,rgba(244,112,11,.16),transparent 70%);pointer-events:none}
.hero__in{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding-bottom:clamp(20px,3vw,40px)}
.hero__title{font-size:clamp(30px,4vw,48px)}
.hero__lead{margin-top:20px;font-size:clamp(16px,2vw,19px);color:var(--ink-soft);max-width:30em}
.hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.hero__in{perspective:1100px}
.scene{transition:transform .45s var(--ease);will-change:transform}
@media(prefers-reduced-motion:reduce){.scene{transition:none!important;transform:none!important}}
.hero__quote{margin-top:26px;max-width:440px;display:flex;flex-direction:column;gap:10px;padding:20px;
  background:rgba(255,255,255,.72);backdrop-filter:blur(6px);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-sm)}
.hero__quote-t{display:flex;align-items:center;gap:9px;font-family:var(--font-sub);font-weight:600;font-size:1.1rem;letter-spacing:-.01em}
.hero__quote-t svg{width:20px;height:20px;flex:none;color:var(--accent)}
.hero__quote-t b{color:var(--accent-ink);font-weight:700}
.hero__qf{display:block}
.hero__qf input{width:100%;padding:14px 16px;border:1.5px solid rgba(244,112,11,.28);border-radius:13px;font:inherit;
  background:#fff;color:var(--ink);transition:border-color .2s,box-shadow .2s;
  box-shadow:0 0 0 3px rgba(244,112,11,.06),0 6px 18px -12px rgba(244,112,11,.5)}
.hero__qf input::placeholder{color:var(--muted)}
.hero__qf input:focus{outline:none;border-color:var(--accent);
  box-shadow:0 0 0 4px rgba(244,112,11,.18),0 10px 26px -10px rgba(244,112,11,.65)}
.hero__quote>.btn{width:100%}
.hero__or{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:.95rem;color:var(--ink);font-weight:600}
.hero__or span{flex:1 0 100%;margin:0 0 2px;animation:msgPulse 1.6s ease-in-out infinite}
.hero__or span::after{content:"↓";margin-left:6px;color:var(--accent);font-weight:700;display:inline-block;animation:msgArrow 1.2s ease-in-out infinite}
@keyframes msgPulse{0%,100%{color:var(--ink);text-shadow:0 0 0 rgba(244,112,11,0)}50%{color:var(--accent);text-shadow:0 0 12px rgba(244,112,11,.55)}}
@keyframes msgArrow{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}
@media (prefers-reduced-motion:reduce){.hero__or span,.hero__or span::after{animation:none}}
.hero__msg{display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:.95rem;padding:10px 18px;border-radius:999px;border:1px solid transparent;color:#fff;box-shadow:0 6px 16px rgba(23,25,28,.16);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}
.hero__msg::before{content:"";width:17px;height:17px;flex:0 0 auto;background:center/contain no-repeat}
.hero__msg--tg{background:#229ED9}
.hero__msg--tg::before{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M2 21l21-9L2 3v7l15 2-15 2z'/></svg>")}
.hero__msg--max{background:#8B31D9}
.hero__msg--max::before{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M12 3C6.5 3 2 6.6 2 11c0 2.4 1.3 4.6 3.5 6-.2 1-.7 2.2-1.3 3.1-.2.3.1.7.5.6 1.8-.4 3.1-1 4-1.5 1 .2 2.1.3 3.3.3 5.5 0 10-3.6 10-8S17.5 3 12 3z'/></svg>")}
.hero__msg:hover{transform:translateY(-2px);box-shadow:0 11px 24px rgba(23,25,28,.22);filter:brightness(1.06)}
.hero__reglink{color:var(--muted);text-decoration:underline;text-underline-offset:2px}
.hero__note{margin-top:22px;display:inline-flex;align-items:center;gap:9px;color:var(--muted);font-size:.95rem}
.hero__note .dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(244,112,11,.18)}
/* Правая колонка героя: анимация + компактный glass-оффер под ней */
.hero__aside{display:flex;flex-direction:column;gap:clamp(18px,2.2vw,28px);min-width:0}
.hero__offer{display:flex;align-items:center;gap:15px;padding:15px 18px;border-radius:18px;
  background:rgba(255,255,255,.72);backdrop-filter:blur(12px) saturate(1.3);-webkit-backdrop-filter:blur(12px) saturate(1.3);
  border:1px solid rgba(244,112,11,.26);
  box-shadow:0 22px 46px -28px rgba(244,112,11,.65),inset 0 0 0 1px rgba(255,255,255,.5);
  transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.hero__offer:hover{transform:translateY(-3px);box-shadow:0 30px 56px -26px rgba(244,112,11,.75),inset 0 0 0 1px rgba(255,255,255,.6)}
.hero__offer-badge{flex:none;font-family:var(--font-sub);font-weight:700;font-size:1.05rem;color:#fff;line-height:1;
  background:linear-gradient(180deg,var(--accent-2),var(--accent));padding:12px 13px;border-radius:13px;
  box-shadow:0 12px 24px -8px rgba(244,112,11,.6)}
.hero__offer-body{display:flex;flex-direction:column;gap:3px;min-width:0}
.hero__offer-body b{font-family:var(--font-sub);font-weight:600;font-size:1rem;color:var(--ink);letter-spacing:-.01em}
.hero__offer-body>span{font-size:.9rem;color:var(--ink-soft);line-height:1.35}
.hero__offer-arrow{flex:none;margin-left:auto;color:var(--accent);font-size:1.3rem;transition:transform .25s var(--ease)}
.hero__offer:hover .hero__offer-arrow{transform:translateX(4px)}

/* ---------- Сцена: грузовик → конвейер → склад ---------- */
.scene{position:relative}
.scene__svg{width:100%;max-width:460px;height:auto;margin-inline:auto;display:block;overflow:visible}
.s-ground{fill:rgba(23,25,28,.10)}
.s-wh-body{fill:var(--ink)}
.s-wh-roof{fill:var(--ink-2)}
.s-wh-door{fill:#0E0F11}
.s-wh-lintel{fill:var(--accent)}
.s-wh-win{fill:var(--accent);opacity:.85}
.s-belt-band{fill:var(--ink-2)}
.s-roller{fill:#C9C3B8}
.s-truck-box{fill:#fff;stroke:var(--ink);stroke-width:3}
.s-truck-door{fill:none;stroke:rgba(23,25,28,.35);stroke-width:2.5}
.s-truck-cab{fill:var(--accent)}
.s-truck-win{fill:#0E0F11;opacity:.85}
.s-wheel{fill:var(--ink)}
.s-hub{fill:#C9C3B8}
.s-box rect{fill:var(--accent);stroke:var(--accent-ink);stroke-width:2}
.s-box-tape{stroke:rgba(255,255,255,.55);stroke-width:2;fill:none}

.s-truck{animation:truckIn 1s var(--ease) both}
@keyframes truckIn{from{transform:translateX(-60px);opacity:0}to{transform:none;opacity:1}}
.s-roller{animation:rollerSpin 1.1s linear infinite;transform-origin:center;transform-box:fill-box}
@keyframes rollerSpin{to{transform:rotate(360deg)}}
/* Коробки едут от грузовика к складу и «въезжают» в ворота */
.s-box{animation:boxRide 3.6s linear infinite}
.s-box--1{animation-delay:0s}
.s-box--2{animation-delay:1.2s}
.s-box--3{animation-delay:2.4s}
@keyframes boxRide{
  0%{transform:translateX(200px);opacity:0}
  8%{opacity:1}
  70%{transform:translateX(392px);opacity:1}
  86%{transform:translateX(432px);opacity:0}
  100%{transform:translateX(432px);opacity:0}
}
.scene__badge{position:absolute;left:1%;top:3%;bottom:auto;background:#fff;border:1px solid var(--line);
  border-radius:14px;padding:10px 15px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;line-height:1.1}
.scene__badge strong{font-family:var(--font-sub);font-size:1.35rem}
.scene__badge span{font-size:.8rem;color:var(--muted)}
@media (prefers-reduced-motion:reduce){
  .s-box,.s-roller,.s-truck{animation:none}
  .s-box--1{transform:translateX(250px)}.s-box--2{transform:translateX(320px)}.s-box--3{transform:translateX(390px)}
}

/* ---------- Цифры ---------- */
.stats{background:var(--ink);color:#fff}
.stats__in{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:34px 22px}
.stat__val{font-family:var(--font-sub);font-weight:700;font-size:clamp(28px,4vw,40px)}
.stat__val span{color:var(--accent-2);font-size:.6em;margin-left:2px}
.stat__label{color:rgba(255,255,255,.62);font-size:.92rem;margin-top:4px}

/* ---------- Карточки услуг ---------- */
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:26px 22px;
  transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s}
.card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:transparent}
.card h3{font-size:1.14rem;margin:16px 0 8px}
.card p{color:var(--muted);font-size:.95rem}
.card--link{text-decoration:none;color:inherit;cursor:pointer}
.card--link h3{color:var(--ink)}
.card__ic{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:rgba(244,112,11,.12)}
.card__ic::before{content:"";width:26px;height:26px;background:var(--accent);
  -webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.ic--box{--ic:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'><path d='M21 8 12 3 3 8v8l9 5 9-5Z'/><path d='M3 8l9 5 9-5M12 13v8'/></svg>")}
.ic--tag{--ic:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'><path d='M3 11V5a2 2 0 0 1 2-2h6l10 10-8 8L3 11Z'/><circle cx='8' cy='8' r='1.6' fill='black' stroke='none'/></svg>")}
.ic--truck{--ic:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'><path d='M2 6h11v11H2zM13 9h5l3 3v5h-8z'/><circle cx='7' cy='18' r='2'/><circle cx='17' cy='18' r='2'/></svg>")}
.ic--globe{--ic:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'><circle cx='12' cy='12' r='9'/><path d='M3 12h18M12 3c3 3 3 15 0 18M12 3c-3 3-3 15 0 18'/></svg>")}

/* ---------- Как работает (тёмная) ---------- */
.sec--dark{background:var(--ink);color:#fff}
.sec--dark h2{color:#fff}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.step{position:relative;padding:26px 22px;border-radius:var(--r-lg);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09)}
.step__n{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--accent);color:#fff;
  font-family:var(--font-sub);font-weight:700;font-size:1.1rem;margin-bottom:16px}
.step h3{font-size:1.1rem;margin-bottom:6px}
.step p{color:rgba(255,255,255,.6);font-size:.94rem}

/* ---------- Тарифы ---------- */
.tariffs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}
.tariff{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:30px 26px;
  transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.tariff:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.tariff--hot{background:var(--ink);color:#fff;border-color:var(--ink);transform:translateY(-8px)}
.tariff--hot:hover{transform:translateY(-14px)}
.tariff--hot h3{color:#fff}
.tariff__flag{position:absolute;top:-13px;left:26px;background:var(--accent);color:#fff;font-size:.76rem;font-weight:600;
  padding:5px 12px;border-radius:999px;letter-spacing:.02em}
.tariff h3{font-size:1.4rem;margin-bottom:8px}
.tariff__price{font-family:var(--font-sub);font-weight:500;font-size:2rem;margin-bottom:18px;font-variant-numeric:tabular-nums}
.tariff__price span{font-size:.5em;color:var(--muted);font-weight:400}
.tariff__price em{font-style:normal;font-size:.44em;font-weight:400;color:var(--muted);margin-right:.5em}
.tariff--hot .tariff__price span{color:rgba(255,255,255,.6)}
.tariff ul{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-direction:column;gap:11px}
.tariff li{position:relative;padding-left:28px;font-size:.96rem;color:var(--ink-soft)}
.tariff--hot li{color:rgba(255,255,255,.78)}
.tariff li::before{content:"";position:absolute;left:0;top:2px;width:18px;height:18px;border-radius:50%;
  background:rgba(244,112,11,.16);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F4700B' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M5 13l4 4L19 7'/></svg>");
  background-size:12px;background-position:center;background-repeat:no-repeat}

/* ---------- Калькулятор ---------- */
.sec--calc{background:var(--paper-2)}
.calc__in{display:grid;grid-template-columns:1fr 420px;gap:40px;align-items:center}
.calc__text h2{font-size:clamp(26px,3.6vw,38px)}
.calc__text p{margin-top:12px;color:var(--muted);max-width:26em}
.calc__box{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:26px;box-shadow:var(--shadow-sm)}
.calc__box label{display:block;font-size:.86rem;font-weight:600;color:var(--ink-soft);margin-bottom:16px}
.calc__box input,.calc__box select{width:100%;margin-top:7px;padding:13px 14px;border:1.5px solid var(--line);border-radius:12px;
  font:inherit;background:var(--paper);color:var(--ink)}
.calc__box input:focus,.calc__box select:focus{outline:none;border-color:var(--accent)}
.calc__result{display:flex;align-items:baseline;justify-content:space-between;padding:16px 0 20px}
.calc__result span{color:var(--muted);font-size:.92rem}
.calc__result b{font-family:var(--font-sub);font-size:1.9rem}

/* ---------- CTA ---------- */
.cta__in{background:linear-gradient(135deg,var(--ink),#2A2016);color:#fff;border-radius:var(--r-lg);
  padding:clamp(30px,5vw,54px);display:flex;flex-wrap:wrap;gap:26px;align-items:center;justify-content:space-between}
.cta__in h2{font-size:clamp(24px,3.4vw,36px);color:#fff}
.cta__in p{margin-top:10px;color:rgba(255,255,255,.68);max-width:34em}
.cta__links{display:flex;flex-wrap:wrap;gap:12px}

/* ---------- Подвал ---------- */
.ft{background:var(--ink);color:#fff;padding:56px 0 30px;margin-top:auto}
.ft__in{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:36px}
.logo--ft .logo__mark{background:rgba(255,255,255,.08)}
.ft__about{margin-top:16px;color:rgba(255,255,255,.6);font-size:.94rem;max-width:34em}
.ft__col h4{font-family:var(--font-sub);font-size:.95rem;margin-bottom:14px;color:rgba(255,255,255,.9)}
.ft__col a,.ft__muted{display:block;color:rgba(255,255,255,.6);font-size:.94rem;padding:5px 0}
.ft__col a:hover{color:var(--accent-2)}
.ft__legal{margin-top:36px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.4);font-size:.76rem;line-height:1.6}
.ft__bottom{margin-top:16px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.45);font-size:.86rem}

/* ---------- Появление по скроллу ---------- */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

/* ==========================================================================
   Адаптив
   ========================================================================== */
@media (max-width:960px){
  .nav,.hdr__cta{display:none}
  .burger{display:flex}
  .hero__in{grid-template-columns:1fr;gap:18px}
  .hero__aside{align-items:center;gap:18px;width:100%}
  .scene{max-width:520px;width:100%}
  .hero__offer{width:100%;max-width:520px}
  .cards,.steps{grid-template-columns:repeat(2,1fr)}
  .stats__in{grid-template-columns:repeat(2,1fr)}
  .tariffs{grid-template-columns:1fr}
  .tariff--hot{transform:none}
  .tariff--hot:hover{transform:translateY(-6px)}
  .calc__in{grid-template-columns:1fr}
  .ft__in{grid-template-columns:1fr 1fr}
  .ft__brand{grid-column:1/-1}
}
@media (max-width:560px){
  .wrap{padding-inline:18px}
  .cards{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
  .cta__in{flex-direction:column;align-items:flex-start}
  .cta__links{width:100%;flex-direction:column}
  .cta__links .btn{width:100%;justify-content:center}
}

/* ==========================================================================
   Авторизация и кабинет
   ========================================================================== */
.wrap--narrow{max-width:760px}

.auth{min-height:calc(100vh - 70px);display:grid;place-items:center;padding:48px 22px}
.auth__card{width:100%;max-width:430px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);
  padding:38px 34px;box-shadow:var(--shadow)}
.auth__card--wide{max-width:560px;margin:0 auto}
.auth__card h1{font-size:1.7rem;margin-bottom:8px}
.auth__sub{color:var(--muted);margin-bottom:26px;font-size:.96rem}
.auth__alt{margin-top:22px;text-align:center;color:var(--muted);font-size:.94rem}
.auth__alt a{color:var(--accent);font-weight:600}

.form{display:flex;flex-direction:column;gap:16px}
.field{display:flex;flex-direction:column;gap:7px}
.field>span{font-size:.86rem;font-weight:600;color:var(--ink-soft)}
.form input,.form select,.form textarea,
.lpform input,.lpform select,.lpform textarea{width:100%;padding:13px 14px;border:1.5px solid var(--line);border-radius:12px;
  font:inherit;background:var(--paper);color:var(--ink);transition:border-color .2s,box-shadow .2s}
.form input:focus,.form select:focus,.form textarea:focus,
.lpform input:focus,.lpform select:focus,.lpform textarea:focus{outline:none;border-color:var(--accent);
  box-shadow:0 0 0 3px rgba(244,112,11,.14)}
.form textarea,.lpform textarea{min-height:64px;line-height:1.5}
.hp-field{position:absolute!important;left:-9999px;top:auto;width:1px;height:1px;opacity:0;pointer-events:none}
.field__err{color:#C0392B;font-size:.82rem;font-style:normal}
.field__hint{color:var(--muted);font-size:.79rem;font-style:normal;line-height:1.4}
/* Премиум-переключатель вместо системного select (заявка на посадочной) */
.lpseg{display:flex;flex-wrap:wrap;gap:8px}
.lpseg__btn{padding:10px 14px;border:1.5px solid var(--line);border-radius:12px;background:var(--paper);
  font:inherit;font-size:.92rem;color:var(--ink-soft);cursor:pointer;transition:border-color .18s var(--ease),background .18s,color .18s}
.lpseg__btn:hover{border-color:var(--accent)}
.lpseg__btn.is-on{background:var(--ink);color:#fff;border-color:var(--ink)}

/* Кабинет */
.cab{padding:clamp(28px,4vw,52px) 0 80px}
.cab__top{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;margin-bottom:28px}
.cab__top h1{font-size:clamp(24px,3.4vw,34px);margin-top:6px}
.cab__lead{color:var(--muted);margin-top:8px}
.cab__h2{font-size:1.3rem;margin:34px 0 16px}
.back{display:inline-block;color:var(--muted);font-size:.92rem;margin-bottom:18px}
.back:hover{color:var(--accent)}

.cab__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.ctile{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px}
.ctile b{font-family:var(--font-sub);font-size:1.9rem;display:block}
.ctile span{color:var(--muted);font-size:.88rem}

.supplies{display:flex;flex-direction:column;gap:12px}
.srow{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;
  background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;
  transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s}
.srow:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:transparent}
.srow__id{display:flex;align-items:center;gap:10px}
.srow__id b{font-family:var(--font-sub);font-size:1.05rem}
.srow__meta{color:var(--muted);font-size:.9rem;margin-top:4px}
.srow__stage{min-width:220px;flex:1;max-width:300px}
.srow__stagelabel{font-size:.86rem;color:var(--ink-soft);font-weight:600}
.pbar{height:8px;border-radius:999px;background:var(--paper-2);overflow:hidden;margin-bottom:8px}
.pbar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .6s var(--ease)}

.badge{font-size:.76rem;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--paper-2);color:var(--ink-soft)}
.badge--lg{font-size:.9rem;padding:7px 14px}
.badge--wb{background:#F3E8FB;color:#7B2CBF}
.badge--ozon{background:#E3ECFF;color:#1E4FD6}
.badge--ym{background:#FFF0D6;color:#B5730A}
.badge--avito{background:#E0F5FF;color:#0A86C8}

.empty{background:#fff;border:1px dashed var(--line);border-radius:var(--r-lg);padding:44px;text-align:center}
.empty p{color:var(--muted);margin-bottom:18px}

/* Таймлайн статусов */
.tl{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:30px 26px;margin-top:8px;
  display:flex;flex-direction:column;gap:0}
.tl__item{position:relative;padding:0 0 26px 40px}
.tl__item:last-child{padding-bottom:0}
.tl__item::before{content:"";position:absolute;left:12px;top:22px;bottom:-4px;width:2px;background:var(--line)}
.tl__item:last-child::before{display:none}
.tl__dot{position:absolute;left:5px;top:2px;width:16px;height:16px;border-radius:50%;background:#fff;border:2.5px solid var(--line)}
.tl__label{font-weight:500;color:var(--muted)}
.tl__item.is-done .tl__dot{background:var(--accent);border-color:var(--accent)}
.tl__item.is-done::before{background:var(--accent)}
.tl__item.is-done .tl__label{color:var(--ink)}
.tl__item.is-current .tl__dot{background:#fff;border-color:var(--accent);box-shadow:0 0 0 5px rgba(244,112,11,.18)}
.tl__item.is-current .tl__label{color:var(--ink);font-weight:700;font-family:var(--font-sub)}

.events{display:flex;flex-direction:column;gap:2px}
.event{display:flex;gap:16px;padding:12px 0;border-bottom:1px solid var(--line-2)}
.event time{color:var(--muted);font-size:.86rem;min-width:120px;font-variant-numeric:tabular-nums}
.event span{font-size:.95rem}

@media (max-width:760px){
  .cab__stats{grid-template-columns:repeat(2,1fr)}
  .srow{flex-direction:column;align-items:flex-start}
  .srow__stage{max-width:none;width:100%}
  .auth__card{padding:30px 22px}
}

/* ==========================================================================
   ПРЕМИУМ-СЛОЙ — свет, зерно, стекло, блики, глубина
   ========================================================================== */

/* Тонкое зерно поверх всего (мягко «состаривает» плоские заливки) */
body::after{
  content:"";position:fixed;inset:0;z-index:3;pointer-events:none;opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* Более благородные тени и фирменное свечение */
:root{
  --shadow:0 30px 60px -30px rgba(23,25,28,.34);
  --shadow-sm:0 14px 30px -18px rgba(23,25,28,.30);
  --glow:0 0 0 1px rgba(244,112,11,.35),0 20px 50px -22px rgba(244,112,11,.45);
}

/* Кнопки: внутренний блик + бегущий отсвет при наведении */
.btn{position:relative;overflow:hidden;isolation:isolate}
.btn--solid{
  background:linear-gradient(180deg,var(--accent-2),var(--accent));
  box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 14px 30px -12px rgba(244,112,11,.7);
}
.btn--solid:hover{background:linear-gradient(180deg,#FF9646,var(--accent-2))}
.btn::before{
  content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;z-index:-1;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);
  transform:skewX(-18deg);transition:left .6s var(--ease);
}
.btn:hover::before{left:150%}
.btn--ghost::before,.btn--soft::before{background:linear-gradient(100deg,transparent,rgba(23,25,28,.06),transparent)}

/* Фокус-кольцо в фирменном цвете */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{
  outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}

/* Шапка: настоящее стекло при скролле */
.hdr.is-stuck{background:rgba(250,248,244,.7);backdrop-filter:saturate(1.6) blur(20px);
  box-shadow:0 1px 0 var(--line),0 10px 30px -24px rgba(23,25,28,.5)}
.logo__mark{box-shadow:0 8px 18px -8px rgba(23,25,28,.55),inset 0 1px 0 rgba(255,255,255,.08)}

/* Герой: два живых световых пятна + тонкая сетка */
.hero{background:
  radial-gradient(60% 50% at 78% 8%,rgba(244,112,11,.12),transparent 70%),
  radial-gradient(50% 60% at 8% 40%,rgba(35,39,45,.06),transparent 70%);}
.hero::before{animation:orbFloat 12s var(--ease) infinite alternate}
@keyframes orbFloat{from{transform:translate(0,0) scale(1)}to{transform:translate(-4%,4%) scale(1.08)}}
.eyebrow{position:relative;padding-left:30px}
.eyebrow::before{content:"";position:absolute;left:0;top:.5em;width:20px;height:2px;background:var(--accent)}
.hero__title{letter-spacing:-.02em;text-wrap:balance}
.hero__lead{text-wrap:pretty}

/* Чипы маркетплейсов в герое */
.hero__trust{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:26px;
  padding-top:22px;border-top:1px solid var(--line-2)}
.hero__trust-label{font-size:.82rem;color:var(--muted);margin-right:2px}
.mp{font-family:var(--font-sub);font-weight:600;font-size:.86rem;padding:7px 14px;border-radius:999px;
  background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.mp--wb{color:#7B2CBF}.mp--ozon{color:#1E4FD6}.mp--ym{color:#B5730A}.mp--avito{color:#0A86C8}

/* Бегущая строка доверия */
.marquee{overflow:hidden;background:var(--ink);color:#fff;border-block:1px solid rgba(255,255,255,.06)}
.marquee__track{display:flex;align-items:center;gap:26px;white-space:nowrap;width:max-content;
  padding:15px 0;animation:marquee 34s linear infinite}
.marquee__track span{font-family:var(--font-sub);font-weight:500;font-size:.98rem;letter-spacing:.01em;color:rgba(255,255,255,.86)}
.marquee__dot{color:var(--accent)!important}
.marquee:hover .marquee__track{animation-play-state:paused}
@keyframes marquee{to{transform:translateX(-50%)}}

/* Блок «спросите в мессенджере»: TG + MAX. Тёмный тёплый — бесшовно между тёмными секциями */
.bots-sec{background:#181410;color:#fff}
.bots-sec .eyebrow{color:#F6B27A}
.bots-sec h2{color:#fff}
.bots-sec .sec__sub{color:rgba(255,255,255,.72)}
.bots{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}
.botcard{display:flex;align-items:center;gap:16px;padding:20px 22px;border-radius:18px;color:#fff;
  background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.1);transition:transform .25s var(--ease),border-color .25s,box-shadow .25s}
.botcard:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.22);box-shadow:0 18px 44px rgba(0,0,0,.4)}
.botcard__ic{flex:none;width:54px;height:54px;border-radius:15px;display:grid;place-items:center}
.botcard__ic svg{width:28px;height:28px}
.botcard--tg .botcard__ic{background:rgba(42,158,217,.18);color:#3aa9e6}
.botcard--max .botcard__ic{background:rgba(244,112,11,.2);color:var(--accent)}
.botcard__tx{display:flex;flex-direction:column;gap:2px;margin-right:auto;min-width:0}
.botcard__tx b{font-family:var(--font-sub);font-size:1.08rem}
.botcard__tx span{font-size:.9rem;color:rgba(255,255,255,.66)}
.botcard__go{flex:none;font-weight:600;font-size:.92rem;padding:10px 18px;border-radius:999px;white-space:nowrap;
  background:var(--accent);color:#fff;box-shadow:0 8px 22px rgba(244,112,11,.28)}
.botcard:hover .botcard__go{background:var(--accent-2)}
@media (max-width:640px){.bots{grid-template-columns:1fr}}

/* Блок «−10% за 2 шага» — компактная премиум-полоса сразу под геро */
.promo10-sec{padding-top:clamp(6px,1.2vw,16px);padding-bottom:clamp(26px,3.4vw,52px)}
.promo10{display:flex;gap:22px;align-items:center;padding:clamp(16px,1.8vw,24px) clamp(20px,2.4vw,32px);border-radius:20px;
  background:linear-gradient(135deg,#fff,#FFF4E9);border:1px solid rgba(244,112,11,.28);
  box-shadow:0 24px 52px -42px rgba(244,112,11,.7);position:relative;overflow:hidden}
.promo10::before{content:"";position:absolute;inset:auto -12% -60% auto;width:52%;height:150%;
  background:radial-gradient(circle,rgba(244,112,11,.16),transparent 65%);pointer-events:none}
.promo10__badge{flex:none;width:82px;height:82px;border-radius:18px;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:1px;text-align:center;color:#fff;
  background:linear-gradient(180deg,var(--accent-2),var(--accent));box-shadow:0 16px 32px rgba(244,112,11,.38)}
.promo10__badge b{font:700 30px/1 var(--font-sub)}
.promo10__badge span{font-size:11px;font-weight:600;line-height:1.2;opacity:.95}
.promo10__tx{position:relative;z-index:1;min-width:0}
.promo10__tx h2{font-size:clamp(20px,2.3vw,27px);margin:2px 0 0}
.promo10__lead{color:var(--ink-soft);margin:6px 0 0;font-size:.98rem}
.promo10__steps{list-style:none;display:flex;flex-wrap:wrap;gap:8px 22px;margin:12px 0 14px;padding:0}
.promo10__steps li{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--ink);font-size:.96rem}
.promo10__steps b{flex:none;width:26px;height:26px;border-radius:50%;background:var(--ink);color:#fff;
  display:grid;place-items:center;font:700 14px var(--font-sub)}
.promo10__actions{display:flex;flex-wrap:wrap;gap:12px}
.promo10__code{display:inline-flex;align-items:center;gap:12px;margin:14px 0 4px;padding:8px 8px 8px 18px;
  border-radius:14px;background:#fff;border:1.5px dashed rgba(244,112,11,.5)}
.promo10__code b{font:700 1.35rem/1 var(--font-sub);letter-spacing:.06em;color:var(--ink)}
@media (max-width:720px){.promo10{flex-direction:column;text-align:center}
  .promo10__steps{justify-content:center}.promo10__actions{justify-content:center}
  .promo10__code{flex-direction:column;align-items:stretch;text-align:center}}

/* Сцена: глубина, парение, тень */
.scene__svg{filter:drop-shadow(0 30px 30px rgba(23,25,28,.14));animation:sceneFloat 7s var(--ease) infinite alternate}
@keyframes sceneFloat{from{transform:translateY(0)}to{transform:translateY(-10px)}}
.s-truck{filter:drop-shadow(0 12px 10px rgba(23,25,28,.18))}
.s-box{filter:drop-shadow(0 8px 6px rgba(23,25,28,.22))}
.s-wh-win{filter:drop-shadow(0 0 6px rgba(244,112,11,.6))}
.scene__badge{background:rgba(255,255,255,.72);backdrop-filter:blur(10px) saturate(1.3);border-color:rgba(255,255,255,.7)}

/* Цифры: разделители-хайрлайны */
.stats__in{position:relative}
.stat{position:relative;padding-inline:6px}
.stat+.stat::before{content:"";position:absolute;left:-10px;top:50%;transform:translateY(-50%);
  width:1px;height:42px;background:rgba(255,255,255,.12)}
.stat__val{letter-spacing:-.02em}

/* Заголовки секций: премиальный маркер */
.sec__head h2{letter-spacing:-.02em;text-wrap:balance}

/* Карточки услуг: свечение рамки + верхняя акцент-линия */
.card{position:relative;overflow:hidden}
.card::after{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2));
  transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}
.card:hover{box-shadow:var(--glow)}
.card:hover::after{transform:scaleX(1)}
.card__ic{transition:transform .35s var(--ease),background .35s}
.card:hover .card__ic{transform:scale(1.08) rotate(-4deg);background:rgba(244,112,11,.2)}

/* Шаги: аккуратная соединительная линия на десктопе */
.steps{position:relative}
.step__n{box-shadow:0 10px 22px -10px rgba(244,112,11,.8),inset 0 1px 0 rgba(255,255,255,.3)}

/* Тариф-хит: мягкое свечение + акцентная окантовка */
.tariff--hot{box-shadow:0 40px 80px -40px rgba(23,25,28,.7),0 0 0 1px rgba(244,112,11,.25)}
.tariff--hot::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:radial-gradient(80% 60% at 50% 0%,rgba(244,112,11,.18),transparent 70%)}
.tariff__price{letter-spacing:-.02em}

/* Калькулятор и CTA — благороднее */
.calc__box{box-shadow:var(--shadow)}
.calc__result b{letter-spacing:-.02em}
.cta__in{position:relative;overflow:hidden;box-shadow:var(--shadow)}
.cta__in::before{content:"";position:absolute;inset:auto -10% -60% auto;width:60%;height:120%;
  background:radial-gradient(closest-side,rgba(244,112,11,.35),transparent 70%);pointer-events:none}

/* Подвал: тонкая акцентная линия сверху */
.ft{position:relative}
.ft::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.6}

@media (prefers-reduced-motion:reduce){
  .hero::before,.scene__svg,.marquee__track{animation:none}
}
@media (max-width:960px){
  .scene__svg{animation:none}
}

/* ==========================================================================
   ПРЕМИУМ-СЛОЙ 2 — фактурные карточки, плавающие марки, тарифы
   ========================================================================== */

/* --- Секция услуг: лёгкая фактура фона --- */
#services{background:
  radial-gradient(60% 80% at 100% 0,rgba(244,112,11,.05),transparent 60%),
  var(--paper);
  position:relative}
#services::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:radial-gradient(rgba(23,25,28,.05) 1px,transparent 1px);background-size:26px 26px;
  -webkit-mask:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent);
  mask:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent)}
#services .wrap{position:relative;z-index:1}

/* --- Карточки услуг: номер-водяной знак, тёмный чип, тег, стрелка --- */
.card{padding:32px 26px 56px;background:rgba(255,255,255,.7);backdrop-filter:blur(6px);
  border:1px solid rgba(23,25,28,.09)}
.card__num{position:absolute;top:16px;right:22px;font-family:var(--font-sub);font-weight:700;
  font-size:2.7rem;line-height:1;color:rgba(23,25,28,.06);transition:color .4s var(--ease)}
.card:hover .card__num{color:rgba(244,112,11,.2)}
.card__ic{background:var(--ink);box-shadow:0 12px 24px -12px rgba(23,25,28,.6)}
.card__ic::before{background:var(--accent)}
.card:hover .card__ic{background:var(--accent);transform:scale(1.06) rotate(-4deg)}
.card:hover .card__ic::before{background:#fff}
.card__tag{display:inline-block;margin:18px 0 4px;font-size:.76rem;font-weight:600;letter-spacing:.06em;
  text-transform:uppercase;color:var(--accent-ink);background:rgba(244,112,11,.12);padding:5px 11px;border-radius:999px}
.card h3{margin:8px 0 8px}
.card__arrow{position:absolute;left:26px;bottom:22px;font-size:1.35rem;color:var(--accent);font-weight:700;
  opacity:0;transform:translateX(-8px);transition:opacity .35s var(--ease),transform .35s var(--ease)}
.card:hover .card__arrow{opacity:1;transform:none}

/* --- Плавающие марки маркетплейсов на фоне «Как работает» --- */
.sec--dark{position:relative;overflow:hidden}
.sec--dark .wrap{position:relative;z-index:2}
.orbits{position:absolute;inset:0;z-index:1;pointer-events:none}
.orb{position:absolute;display:grid;place-items:center;border-radius:50%;
  font-family:var(--font-sub);font-weight:700;color:#fff;opacity:.9;
  box-shadow:0 24px 60px -18px rgba(0,0,0,.6);will-change:transform}
.orb::after{content:"";position:absolute;inset:-40%;border-radius:50%;z-index:-1;filter:blur(30px);opacity:.5;
  background:inherit}
.orb--wb,.orb--wb2{background:linear-gradient(135deg,#8B2FD6,#E6007E)}
.orb--ozon,.orb--ozon2{background:linear-gradient(135deg,#0059FF,#12B6FF);text-transform:lowercase}
.orb--ym{background:linear-gradient(135deg,#FFCC00,#FC3F1D);color:#141414}
.orb--ym2{background:linear-gradient(135deg,#FFCC00,#FC3F1D);color:#141414}

.orb--wb{top:14%;left:5%;width:96px;height:96px;font-size:1.5rem;animation:floatA 17s var(--ease) infinite}
.orb--ozon{top:62%;left:12%;width:78px;height:78px;font-size:.95rem;animation:floatB 21s var(--ease) infinite}
.orb--ym{top:20%;right:8%;width:112px;height:112px;font-size:.9rem;animation:floatA 24s var(--ease) infinite reverse}
.orb--wb2{bottom:12%;right:24%;width:64px;height:64px;font-size:1.1rem;animation:floatB 19s var(--ease) infinite}
.orb--ozon2{top:6%;left:46%;width:70px;height:70px;font-size:.9rem;animation:floatA 26s var(--ease) infinite}
.orb--ym2{bottom:18%;left:36%;width:82px;height:82px;font-size:1.5rem;animation:floatB 28s var(--ease) infinite reverse}
@keyframes floatA{0%{transform:translate(0,0) rotate(0)}50%{transform:translate(28px,-34px) rotate(8deg)}100%{transform:translate(0,0) rotate(0)}}
@keyframes floatB{0%{transform:translate(0,0) rotate(0)}50%{transform:translate(-30px,26px) rotate(-8deg)}100%{transform:translate(0,0) rotate(0)}}
/* Шаги поверх марок, слегка «стеклянные» */
.step{background:rgba(255,255,255,.05);backdrop-filter:blur(6px);border-color:rgba(255,255,255,.12)}
.step:hover{border-color:rgba(244,112,11,.5);background:rgba(255,255,255,.08)}
.step{transition:border-color .3s,background .3s,transform .3s var(--ease)}
.step:hover{transform:translateY(-4px)}

/* --- Тарифы: премиальнее --- */
.tariff{padding-top:36px}
.tariff::after{content:"";position:absolute;inset:0 0 auto 0;height:3px;border-radius:var(--r-lg) var(--r-lg) 0 0;
  background:linear-gradient(90deg,var(--accent),var(--accent-2));transform:scaleX(0);transform-origin:left;
  transition:transform .4s var(--ease)}
.tariff:hover::after{transform:scaleX(1)}
/* Тариф-хит: живое свечение */
.tariff--hot{animation:tariffGlow 3.4s ease-in-out infinite alternate}
@keyframes tariffGlow{
  from{box-shadow:0 30px 70px -34px rgba(244,112,11,.4),0 0 0 1px rgba(244,112,11,.28)}
  to{box-shadow:0 36px 95px -28px rgba(244,112,11,.7),0 0 0 1px rgba(244,112,11,.5)}}
.tariff__flag{z-index:2}
@media (prefers-reduced-motion:reduce){.tariff--hot{animation:none}}
.tariff--hot .tariff__price{background:linear-gradient(90deg,#FFB877,var(--accent-2));
  -webkit-background-clip:text;background-clip:text;color:transparent}
.tariff__flag{box-shadow:0 10px 22px -10px rgba(244,112,11,.9);
  background:linear-gradient(180deg,var(--accent-2),var(--accent))}
.tariff li::marker{content:""}

@media (prefers-reduced-motion:reduce){
  .orb{animation:none!important}
}
@media (max-width:640px){
  .orb--ozon2,.orb--ym2,.orb--wb2{display:none}
  .orb--wb{width:70px;height:70px;font-size:1.1rem}
  .orb--ym{width:80px;height:80px}
}

/* ==========================================================================
   ПРЕМИУМ-СЛОЙ 3 — калькулятор: тёмная сцена со свечением
   ========================================================================== */
.sec--calc{background:var(--ink);color:#fff;position:relative;overflow:hidden}
.sec--calc::before{content:"";position:absolute;inset:auto -10% -30% 30%;width:60%;height:120%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(244,112,11,.35),transparent 70%);
  animation:glowPulse 8s var(--ease) infinite alternate}
.sec--calc::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.4;
  background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:30px 30px;
  -webkit-mask:linear-gradient(120deg,#000,transparent 60%);mask:linear-gradient(120deg,#000,transparent 60%)}
@keyframes glowPulse{from{opacity:.6;transform:scale(1)}to{opacity:1;transform:scale(1.12)}}
.calc__in{position:relative;z-index:1}
.sec--calc .calc__text h2{color:#fff}
.sec--calc .calc__text p{color:rgba(255,255,255,.66)}
.calc__list{list-style:none;margin:24px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.calc__list li{position:relative;padding-left:30px;color:rgba(255,255,255,.82);font-size:.98rem}
.calc__list li::before{content:"";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;
  background:rgba(244,112,11,.18);
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF8A34' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M5 13l4 4L19 7'/></svg>");
  background-size:13px;background-position:center;background-repeat:no-repeat}

/* «Стеклянная» карточка калькулятора с акцентным кольцом и свечением */
.calc__box{position:relative;background:rgba(255,255,255,.97);
  box-shadow:0 40px 90px -40px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.06);
  border:none}
.calc__box::before{content:"";position:absolute;inset:-1.5px;border-radius:calc(var(--r-lg) + 1px);z-index:-1;
  background:linear-gradient(135deg,var(--accent),transparent 40%,transparent 60%,var(--accent-2));
  opacity:.8;filter:blur(.3px)}
.calc__result{border-top:1px solid var(--line);margin-top:6px}
.calc__result b{background:linear-gradient(90deg,var(--accent),var(--accent-2));
  -webkit-background-clip:text;background-clip:text;color:transparent;font-size:2.1rem}

/* ==========================================================================
   ПРЕМИУМ-СЛОЙ 4 — плавающие марки на фоне героя (деликатно, на светлом)
   ========================================================================== */
.hero{position:relative}
.hero__in{position:relative;z-index:2}
.orbits--hero{z-index:0}
.orbits--hero .orb{opacity:.16;box-shadow:none;color:#fff}
.orbits--hero .orb::after{filter:blur(38px);opacity:.55}
.orbits--hero .orb--ym{color:#141414}
.orbits--hero .orb--wb{top:5%;left:41%;width:88px;height:88px;font-size:1.35rem;animation:floatA 19s var(--ease) infinite}
.orbits--hero .orb--ozon{top:15%;right:33%;left:auto;width:66px;height:66px;font-size:.85rem;animation:floatB 23s var(--ease) infinite}
.orbits--hero .orb--ym{bottom:16%;left:31%;width:92px;height:92px;font-size:.82rem;animation:floatA 27s var(--ease) infinite reverse}
@media (max-width:860px){
  .orbits--hero{display:none}
}

/* ==========================================================================
   ПРЕМИУМ-СЛОЙ 5 — подвал
   ========================================================================== */
.ft{position:relative;overflow:hidden;padding-top:64px}
.ft__glow{position:absolute;inset:auto 0 -50% 0;height:80%;pointer-events:none;
  background:radial-gradient(60% 100% at 50% 100%,rgba(244,112,11,.16),transparent 70%)}
.ft__in{position:relative;z-index:1;align-items:start}
.ft__mps{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.ft__mps .mp{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);box-shadow:none;font-size:.8rem}
.ft__mps .mp--wb{color:#C79BEA}.ft__mps .mp--ozon{color:#7FB0FF}.ft__mps .mp--ym{color:#FFCB57}.ft__mps .mp--avito{color:#6FD3FF}
.ft__phone{display:inline-block;font-family:var(--font-sub);font-weight:700;font-size:1.4rem;
  color:#fff!important;letter-spacing:-.01em;margin-bottom:14px}
.ft__phone:hover{color:var(--accent-2)!important}
.ft__msgs{display:flex;gap:10px;margin-bottom:14px}
.ft__msg{display:inline-flex;align-items:center;padding:9px 16px;border-radius:999px;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#fff!important;
  font-size:.88rem;font-weight:500;transition:background .2s,border-color .2s,transform .2s var(--ease)}
.ft__msg:hover{background:rgba(244,112,11,.16);border-color:var(--accent);transform:translateY(-2px)}
/* Большой «водяной» логотип-подпись */
.ft__mark{position:relative;z-index:1;font-family:var(--font-sub);font-weight:700;
  font-size:clamp(64px,17vw,220px);line-height:.9;letter-spacing:-.04em;text-align:center;
  color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.08);
  margin:36px 0 -2%;pointer-events:none;user-select:none}
.ft__bottom{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:space-between;align-items:center}
@media (max-width:560px){
  .ft__mark{-webkit-text-stroke-width:.5px}
}

/* ==========================================================================
   ПРЕМИУМ-СЛОЙ 6 — фуры с логотипами по дороге + мягкие переходы секций
   ========================================================================== */

/* --- Дорога и фуры (фон секции «Как работает») --- */
.road{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.road__line{position:absolute;left:0;right:0;height:2px;
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.13) 0 30px,transparent 30px 62px)}
.road__line--near{bottom:158px}
.road__line--far{display:none}
.ftruck{position:absolute;left:0;height:auto;will-change:transform}
.ftruck svg{width:100%;height:auto;display:block}
.cab{fill:#2A2E35}.win{fill:#0E0F11}.wh{fill:#12141A}.hub{fill:#C9C3B8}
.cargo-label{font-family:var(--font-sub);font-weight:700;font-size:30px;text-anchor:middle;fill:#fff}
.cargo-label--sm{font-size:19px}
.ftruck--wb .cargo{fill:#8B2FD6}
.ftruck--ozon .cargo{fill:#0059FF}
.ftruck--ozon .cargo-label{text-transform:lowercase}
.ftruck--ym .cargo{fill:#FFCC00}
.ftruck--ym .cargo-label{fill:#141414}
.ftruck--avito .cargo{fill:#00AAFF}
@keyframes drive{from{transform:translateX(-210px)}to{transform:translateX(calc(100vw + 90px))}}
/* Одна аккуратная полоса ПОД карточками, чёткие фуры, ровный интервал */
.ftruck{bottom:142px;width:138px;opacity:.95;filter:drop-shadow(0 7px 6px rgba(0,0,0,.5))}
.t--n1{animation:drive 26s linear infinite}
.t--n2{animation:drive 26s linear infinite;animation-delay:-6.5s}
.t--n3{animation:drive 26s linear infinite;animation-delay:-13s}
.t--n4{animation:drive 26s linear infinite;animation-delay:-19.5s}
.t--f1,.t--f2,.t--f3{display:none}
@media (prefers-reduced-motion:reduce){.ftruck{animation:none!important;display:none}}
@media (max-width:640px){
  .ftruck{width:104px;bottom:126px}
  .road__line--near{bottom:140px}
}

/* --- Мягкие переходы: тёплый приглушённый тёмный + длинное растворение краёв --- */
/* Тёплый тёмный + растворение через тёплые тона (коричневый→песочный→кремовый), без серой мути */
.marquee{background:#181410}
.stats{padding-bottom:175px;
  background:linear-gradient(180deg,
    #181410 0,#181410 120px,#3A2E20 205px,#8A7256 272px,#DACFBE 312px,var(--paper) 348px)}
.stat+.stat::before{background:rgba(255,255,255,.1)}
/* Калькулятор — симметричное тёплое растворение с обеих сторон */
.sec--calc{padding-top:235px;padding-bottom:235px;
  background:linear-gradient(180deg,
    var(--paper) 0,#DACFBE 44px,#8A7256 102px,#3A2E20 168px,#181410 232px,
    #181410 calc(100% - 232px),#3A2E20 calc(100% - 168px),#8A7256 calc(100% - 102px),#DACFBE calc(100% - 44px),var(--paper) 100%)}
/* «Как работает» — тёплый вход сверху, тёплый выход снизу (дорога остаётся на ровном тёмном) */
.sec--dark{padding-top:235px;padding-bottom:190px;
  background:linear-gradient(180deg,
    var(--paper) 0,#DACFBE 44px,#8A7256 102px,#3A2E20 168px,#181410 232px,
    #181410 calc(100% - 138px),#3A2E20 calc(100% - 84px),#8A7256 calc(100% - 42px),var(--paper) 100%)}
.ft{padding-top:158px;
  background:linear-gradient(180deg,var(--paper),#DACFBE 46px,#8A7256 96px,#3A2E20 152px,#181410 212px)}
/* Карточки шагов — читаемее над проезжающими фурами, мягче по цвету */
.step{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}
/* Секции светлого блока — чуть теплее, без резкого контраста */
#services{background:
  radial-gradient(60% 80% at 100% 0,rgba(244,112,11,.04),transparent 60%),var(--paper)}

/* ==========================================================================
   ПРЕМИУМ-СЛОЙ 7 — карточки «Как работает» (плотные), подвал, страницы, вход
   ========================================================================== */

/* Карточки шагов на тёмной секции — плотные, ничего не просвечивает */
.sec--dark .step,.steps .step{background:#221C15;border:1px solid rgba(255,255,255,.08);
  backdrop-filter:none;transition:transform .3s var(--ease),border-color .3s,background .3s}
.sec--dark .step:hover{transform:translateY(-4px);border-color:rgba(244,112,11,.5);background:#2A2318}
#how{padding-bottom:210px}

/* Подвал: разграничение колонок */
@media (min-width:861px){
  .ft__in{grid-template-columns:1.7fr 1fr 1.2fr}
  .ft__col:not(.ft__brand){border-left:1px solid rgba(255,255,255,.09);padding-left:34px}
}

/* Навигация: плотнее под 7 пунктов */
.nav{gap:20px;margin-left:20px}
@media (max-width:1080px) and (min-width:961px){.nav{gap:14px;margin-left:12px}.nav a{font-size:.9rem}}

/* --- Шапка страниц (по центру, премиум) --- */
.phero{position:relative;overflow:hidden;
  background:linear-gradient(180deg,#FFF6EC 0%,var(--paper) 58%);
  padding:clamp(96px,12vw,150px) 0 clamp(56px,7vw,86px)}
.phero__glow{position:absolute;inset:-48% auto auto 50%;transform:translateX(-50%);
  width:120vw;max-width:1040px;height:70vw;max-height:660px;pointer-events:none;
  background:radial-gradient(closest-side,rgba(244,112,11,.20),transparent 70%)}
.phero__glow--2{inset:auto -12% -55% auto;transform:none;left:auto;width:64vw;max-width:640px;
  height:52vw;max-height:540px;background:radial-gradient(closest-side,rgba(244,112,11,.10),transparent 70%)}
.phero__lines{position:absolute;inset:0;pointer-events:none;opacity:.55;
  background-image:linear-gradient(90deg,rgba(23,25,28,.045) 1px,transparent 1px),linear-gradient(rgba(23,25,28,.045) 1px,transparent 1px);
  background-size:74px 74px;
  -webkit-mask:radial-gradient(82% 72% at 50% 24%,#000,transparent 80%);
  mask:radial-gradient(82% 72% at 50% 24%,#000,transparent 80%)}
.phero__marks{position:absolute;inset:0;pointer-events:none;z-index:0}
.pmark{position:absolute;display:grid;place-items:center;border-radius:18px;color:#fff;opacity:.16;
  font-family:var(--font-sub);font-weight:700;box-shadow:0 20px 40px rgba(0,0,0,.12)}
.pmark--wb{top:15%;left:6%;width:76px;height:76px;font-size:1.15rem;background:linear-gradient(135deg,#8E1FE0,#CB11AB);animation:floatA 21s var(--ease) infinite}
.pmark--ozon{top:22%;right:7%;width:66px;height:66px;font-size:.82rem;background:#005BFF;animation:floatB 25s var(--ease) infinite}
.pmark--ym{bottom:15%;left:11%;width:60px;height:60px;font-size:1.1rem;background:#FC3F1D;animation:floatB 23s var(--ease) infinite reverse}
.pmark--avito{bottom:19%;right:12%;width:72px;height:72px;font-size:.78rem;background:linear-gradient(135deg,#00AAFF,#8BC53F);animation:floatA 27s var(--ease) infinite}
.phero__in{position:relative;z-index:1;max-width:820px;margin:0 auto;text-align:center;
  display:flex;flex-direction:column;align-items:center}
.phero__eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;padding:8px 18px;border-radius:999px;
  background:rgba(244,112,11,.1);border:1px solid rgba(244,112,11,.22);color:var(--accent-ink);
  font-family:var(--font-sub);font-weight:600;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}
.phero__eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);
  box-shadow:0 0 0 4px rgba(244,112,11,.18)}
.phero h1{font-size:clamp(30px,4vw,46px);letter-spacing:-.02em;line-height:1.08;text-wrap:balance;max-width:19ch}
.phero h1 .hl,.sec h2 .hl,.sec__head h2 .hl,.hero__title .hl{position:relative;color:var(--accent);z-index:0}
.phero h1 .hl::after,.sec h2 .hl::after,.sec__head h2 .hl::after,.hero__title .hl::after{content:"";position:absolute;left:-.05em;right:-.05em;bottom:.04em;height:.16em;border-radius:999px;
  background:linear-gradient(90deg,var(--accent-2),var(--accent));opacity:.24;z-index:-1}
.phero__lead{margin-top:20px;font-size:clamp(16px,2vw,19px);color:var(--ink-soft);max-width:58ch;
  text-wrap:pretty;margin-inline:auto}
.phero__actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:32px}
.phero__trust{display:flex;flex-wrap:wrap;gap:9px;align-items:center;justify-content:center;margin-top:30px}
.phero__trust-k{font-size:.82rem;color:var(--muted);margin-right:4px}
@media(max-width:640px){.pmark--ozon,.pmark--avito{display:none}.pmark{opacity:.12}}

.sec--soft{background:var(--paper-2)}
.sec__head--c{text-align:center;margin-inline:auto}

/* --- Список с галочками --- */
.plist{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.plist--2{grid-template-columns:1fr 1fr;gap:11px 26px}
.plist li{position:relative;padding-left:30px;color:var(--ink-soft)}
.plist li::before{content:"";position:absolute;left:0;top:2px;width:19px;height:19px;border-radius:50%;
  background:rgba(244,112,11,.14);
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F4700B' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M5 13l4 4L19 7'/></svg>");
  background-size:12px;background-position:center;background-repeat:no-repeat}

/* --- Услуги: крупные блоки --- */
.sblocks{display:flex;flex-direction:column;gap:18px}
.sblock{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:32px 34px 32px 38px;overflow:hidden;
  transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s}
.sblock::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;
  background:linear-gradient(180deg,var(--accent),var(--accent-2));
  transform:scaleY(.4);transform-origin:top;transition:transform .4s var(--ease)}
.sblock:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:transparent}
.sblock:hover::before{transform:scaleY(1)}
.sblock__head{display:flex;align-items:center;margin-bottom:18px}
.sblock__num{font-family:var(--font-sub);font-weight:700;font-size:1.05rem;
  letter-spacing:.06em;color:var(--accent)}
.sblock__num::before{content:"";display:inline-block;width:22px;height:2px;background:var(--accent);
  vertical-align:middle;margin-right:10px;opacity:.5}
.sblock__body h3{font-size:1.4rem;margin-bottom:8px}
.sblock__lead{color:var(--muted);margin-bottom:20px;max-width:64ch}

/* Шаги на светлом */
.steps--light .step{background:var(--card);border:1px solid var(--line)}
.steps--light .step h3{color:var(--ink)}
.steps--light .step p{color:var(--muted)}
.steps--light .step:hover{transform:translateY(-4px);border-color:rgba(244,112,11,.4);box-shadow:var(--shadow-sm)}

/* --- Таблицы прайса --- */
.ptables{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.ptable{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:26px 24px}
.ptable h3{font-size:1.2rem;margin-bottom:12px}
.ptable table{width:100%;border-collapse:collapse}
.ptable td{padding:11px 0;border-bottom:1px solid var(--line-2);font-size:.96rem;color:var(--ink-soft)}
.ptable td:last-child{text-align:right;font-weight:600;color:var(--ink);white-space:nowrap}
.ptable tr:last-child td{border-bottom:none}
.ptable--accent{background:var(--ink);color:#fff}
.ptable--accent h3{color:#fff}
.ptable--accent td{border-color:rgba(255,255,255,.1);color:rgba(255,255,255,.75)}
.ptable--accent td:last-child{color:var(--accent-2)}

/* --- Логистика: склады --- */
.whcards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:start}
.whcard{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px}
.whcard .mp{margin-bottom:14px}
.whcard table{width:100%;border-collapse:collapse}
.whcard td{padding:10px 0;border-bottom:1px solid var(--line-2);font-size:.92rem;color:var(--ink-soft)}
.whcard td:last-child{text-align:right;font-weight:600;color:var(--ink);white-space:nowrap}
.whcard tr:last-child td{border-bottom:none}
.card--flat{padding:26px}
.card--flat h3{margin-top:0;font-size:1.12rem}

/* --- ВЭД: сроки + этапы + преимущества --- */
.terms{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.term{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px;text-align:center}
.term b{display:block;font-family:var(--font-sub);font-size:1.5rem;letter-spacing:-.02em}
.term span{color:var(--muted);font-size:.9rem}
.vsteps{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.vsteps--3{grid-template-columns:repeat(3,1fr)}
.vstep{display:flex;gap:16px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px 24px}
.vstep__n{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;
  background:var(--accent);color:#fff;font-family:var(--font-sub);font-weight:700;
  box-shadow:0 10px 20px -10px rgba(244,112,11,.8)}
.vstep h3{font-size:1.08rem;margin-bottom:4px}
.vstep p{color:var(--muted);font-size:.94rem}
.adv-in{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}
.adv-text h2{font-size:clamp(24px,3.4vw,36px)}

/* Статистика как отдельная секция страницы */
.stats--page{padding-block:0}
.stats--page .stats__in{padding:44px 22px}

/* --- Контакты --- */
.contacts-in{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}
.contacts-info{display:flex;flex-direction:column;gap:14px}
.cinfo{display:flex;flex-direction:column;gap:4px;background:var(--card);border:1px solid var(--line);
  border-radius:var(--r);padding:18px 20px;transition:border-color .2s,transform .2s var(--ease)}
.cinfo:hover{border-color:rgba(244,112,11,.45);transform:translateY(-2px)}
.cinfo__k{font-size:.82rem;color:var(--muted)}
.cinfo b{font-family:var(--font-sub);font-size:1.15rem;font-weight:600}
.cinfo__sub{font-size:.86rem;color:var(--muted)}
.cinfo--accent{background:var(--ink);color:#fff}
.cinfo--accent .cinfo__k{color:rgba(255,255,255,.6)}
.cinfo--accent b{color:#fff;font-size:1.5rem}
.cinfo-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.lead-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:30px 28px;box-shadow:var(--shadow)}
.lead-card h2{font-size:1.5rem}
.lead-card__sub{color:var(--muted);margin:8px 0 22px}
.form textarea{width:100%;padding:13px 14px;border:1.5px solid var(--line);border-radius:12px;font:inherit;background:var(--paper);color:var(--ink);resize:vertical}
.form textarea:focus{outline:none;border-color:var(--accent)}

/* --- Приложение --- */
.app-in{display:grid;grid-template-columns:1fr 330px;gap:44px;align-items:center}
.app-features{display:flex;flex-direction:column;gap:16px}
.afeat{display:flex;gap:18px;align-items:flex-start;background:var(--card);border:1px solid var(--line);
  border-radius:var(--r-lg);padding:22px 24px;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.afeat:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}
.afeat h3{font-size:1.12rem;margin-bottom:5px}
.afeat p{color:var(--muted);font-size:.95rem}
.phone{position:relative;margin:0 auto;width:290px;background:var(--ink);border-radius:38px;padding:14px;
  box-shadow:var(--shadow),inset 0 0 0 2px rgba(255,255,255,.06)}
.phone__notch{position:absolute;top:22px;left:50%;transform:translateX(-50%);width:110px;height:22px;background:#000;border-radius:0 0 14px 14px;z-index:2}
.phone__screen{background:var(--paper);border-radius:26px;padding:20px 16px;min-height:430px;display:flex;flex-direction:column;gap:12px}
.phone__bar{font-family:var(--font-sub);font-weight:700;font-size:1.1rem;padding:12px 4px 8px}
.phone__row{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px}
.phone__row b{font-family:var(--font-sub);font-size:.95rem;display:block}
.phone__row i{font-style:normal;font-size:.82rem;color:var(--accent)}
.pd{width:10px;height:10px;border-radius:50%;flex:none}
.pd--wb{background:#8B2FD6}.pd--ozon{background:#0059FF}.pd--ym{background:#FFCC00}.pd--avito{background:#00AAFF}
.phone__cta{margin-top:auto;text-align:center;background:var(--accent);color:#fff;font-weight:600;padding:13px;border-radius:14px}
.app-badges{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;align-items:center}
.storebadge{padding:11px 18px;border:1px solid var(--line);border-radius:12px;font-weight:600;color:var(--ink-soft);background:var(--card)}

/* --- Премиум-вход --- */
.authp{position:relative;min-height:calc(100vh - 70px);display:grid;place-items:center;overflow:hidden;
  padding:56px 22px;background:radial-gradient(70% 60% at 80% 10%,rgba(244,112,11,.16),transparent 70%),var(--ink)}
.authp__bg{position:absolute;inset:0;z-index:0;pointer-events:none}
.authp__bg .amark{position:absolute;display:grid;place-items:center;border-radius:50%;color:#fff;
  font-family:var(--font-sub);font-weight:700;opacity:.16}
.authp__bg .amark::after{content:"";position:absolute;inset:-40%;border-radius:50%;background:inherit;filter:blur(36px);opacity:.5;z-index:-1}
.amark--wb,.amark--wb2{background:linear-gradient(135deg,#8B2FD6,#E6007E)}
.amark--ozon,.amark--ozon2{background:linear-gradient(135deg,#0059FF,#12B6FF);text-transform:lowercase}
.amark--ym,.amark--ym2{background:linear-gradient(135deg,#FFCC00,#FC3F1D);color:#141414}
.amark--avito{top:46%;left:5%;width:72px;height:72px;font-size:.74rem;background:linear-gradient(135deg,#00AAFF,#97CF26);
  animation:floatB 25s var(--ease) infinite}
.amark--wb{top:12%;left:8%;width:84px;height:84px;font-size:1.3rem;animation:floatA 20s var(--ease) infinite}
.amark--ozon{bottom:14%;left:14%;width:64px;height:64px;font-size:.82rem;animation:floatB 24s var(--ease) infinite}
.amark--ym{top:16%;right:10%;width:96px;height:96px;font-size:.8rem;animation:floatA 26s var(--ease) infinite reverse}
.amark--wb2{bottom:18%;right:16%;width:58px;height:58px;font-size:1rem;animation:floatB 22s var(--ease) infinite}
.amark--ozon2{top:44%;right:30%;width:54px;height:54px;font-size:.78rem;animation:floatA 28s var(--ease) infinite}
.amark--ym2{bottom:8%;left:44%;width:70px;height:70px;font-size:1.2rem;animation:floatB 30s var(--ease) infinite reverse}
@media (prefers-reduced-motion:reduce){.authp__bg .amark{animation:none}}
.authp__card{position:relative;z-index:1;width:100%;max-width:460px;background:#fff;border-radius:var(--r-lg);
  padding:38px 36px;box-shadow:0 50px 100px -40px rgba(0,0,0,.8)}
.authp__head{margin-bottom:22px}
.authp__head h1{font-size:1.7rem;margin:6px 0 10px}
.authp__sub{color:var(--muted);font-size:.96rem}
.soc{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.soc__btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px;border-radius:12px;
  border:1.5px solid var(--line);background:var(--paper);font:inherit;font-weight:600;cursor:pointer;
  transition:border-color .2s,transform .2s var(--ease),background .2s;position:relative}
.soc__btn:hover{transform:translateY(-2px)}
.soc__btn svg{width:20px;height:20px}
.soc__btn--tg{color:#229ED9}.soc__btn--tg:hover{border-color:#229ED9;background:#EAF6FC}
.soc__btn--ya{color:#111}.soc__btn--ya:hover{border-color:#FC3F1D;background:#FFF1EE}
.soc__ya{display:grid;place-items:center;width:20px;height:20px;border-radius:5px;background:#FC3F1D;color:#fff;font-family:var(--font-sub);font-weight:700;font-size:.8rem}
.soc__hint{display:block;position:absolute;bottom:-20px;left:0;right:0;text-align:center;font-style:normal;font-size:.72rem;color:var(--accent)}
.authp__or{display:flex;align-items:center;gap:12px;margin:22px 0 4px;color:var(--muted);font-size:.85rem}
.authp__or::before,.authp__or::after{content:"";flex:1;height:1px;background:var(--line)}
.authp__alt{margin-top:20px;text-align:center;color:var(--muted);font-size:.94rem}
.authp__alt a{color:var(--accent);font-weight:600}
.authp__trust{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:22px;padding-top:20px;border-top:1px solid var(--line-2)}
.tchip{font-size:.78rem;font-weight:600;color:var(--ink-soft);background:var(--paper-2);padding:6px 12px;border-radius:999px}

/* --- Адаптив новых блоков --- */
@media (max-width:900px){
  .ptables{grid-template-columns:1fr}
  .whcards{grid-template-columns:1fr}
  .terms{grid-template-columns:1fr 1fr}
  .vsteps,.vsteps--3{grid-template-columns:1fr}
  .adv-in{grid-template-columns:1fr;gap:20px}
  .plist--2{grid-template-columns:1fr}
  .contacts-in{grid-template-columns:1fr}
  .app-in{grid-template-columns:1fr;gap:30px}
  .app-phone{order:-1}
  .cards .card--flat{}
}
@media (max-width:560px){
  .sblock{padding:26px 20px 26px 24px}
  .terms{grid-template-columns:1fr}
  .cinfo-row{grid-template-columns:1fr}
}

/* --- Меню: чистое, редакторское, с акцентной линией активного пункта --- */
.nav{gap:28px;margin-left:34px;background:none;padding:0}
.hdr.is-stuck .nav{background:none}
.nav a{position:relative;padding:22px 0;color:var(--ink-soft);font-weight:500;font-size:.96rem;
  letter-spacing:-.01em;white-space:nowrap;transition:color .2s}
.nav a::after{content:"";display:block;position:absolute;left:0;right:0;bottom:0;height:2px;
  background:var(--accent);border-radius:2px 2px 0 0;transform:scaleX(0);transform-origin:center;
  transition:transform .28s var(--ease)}
.nav a:hover{color:var(--ink)}
.nav a:hover::after{transform:scaleX(1)}
.nav a.is-active{color:var(--ink);font-weight:600}
.nav a.is-active::after{transform:scaleX(1)}
@media (max-width:1140px) and (min-width:961px){
  .nav{gap:18px;margin-left:18px}
  .nav a{font-size:.88rem}
}
/* Активная страница в мобильном меню */
.drawer__nav a.is-active{color:var(--accent);font-weight:600}

/* --- Разные стили заголовков секций (уходим от одинакового ритма) --- */
.sec__head--center{text-align:center;max-width:680px;margin-left:auto;margin-right:auto}
.sec__head--center .eyebrow{padding-left:0}
.sec__head--center .eyebrow::before{display:none}
.sec__head--center .eyebrow::after{content:"";display:block;width:34px;height:2px;background:var(--accent);margin:12px auto 0}
.sec__head--center .sec__sub{margin-left:auto;margin-right:auto}

.sec__head--split{display:grid;grid-template-columns:1.05fr .95fr;gap:10px 46px;align-items:end;max-width:none}
.sec__head--split .eyebrow{grid-column:1/-1;margin-bottom:6px}
.sec__head--split h2{margin-top:6px}
.sec__head--split .sec__sub{margin-top:0;align-self:end;padding-bottom:8px;border-left:2px solid var(--accent);padding-left:18px}
.sec--dark .sec__head--split .sec__sub{color:rgba(255,255,255,.7)}
@media (max-width:760px){
  .sec__head--split{grid-template-columns:1fr;gap:12px}
  .sec__head--split .sec__sub{border-left:none;padding-left:0}
}

/* ==========================================================================
   ФИНАЛ: тёмные блоки — отдельные скруглённые панели на кремовом фоне.
   Нет краёв «чёрное→белое» — это цельные карточки с воздухом вокруг.
   ========================================================================== */
.stats,.sec--dark,.sec--calc{
  background:#181410!important;
  margin-inline:clamp(14px,3.5vw,44px);
  margin-block:clamp(20px,4vw,56px);
  border-radius:clamp(22px,2.6vw,36px);
  overflow:hidden;
  padding-top:clamp(52px,7vw,84px)!important;
  padding-bottom:clamp(52px,7vw,84px)!important;
}
/* «Как работает»: место под дорогу с фурами внизу панели */
#how{padding-bottom:150px!important}
.road{border-radius:inherit}
.road__line--near{bottom:60px}
.ftruck{bottom:44px}
@media (max-width:640px){.ftruck{bottom:38px}.road__line--near{bottom:52px}}

/* Бегущая строка — скруглённая пилюля в том же языке панелей */
.marquee{background:#181410;margin:clamp(18px,3vw,32px) 0 0;
  border-radius:999px;padding-block:15px}

/* Подвал — тёмная панель со скруглённым верхом (поднимается из кремового) */
.ft{background:#181410;padding-top:clamp(56px,7vw,80px);
  border-radius:clamp(24px,3vw,40px) clamp(24px,3vw,40px) 0 0}
.ft::before{display:none}

/* Тёмные карточки-компоненты на светлых страницах — в тёплый тон панелей */
.ptable--accent,.cinfo--accent{background:#181410}
.cta__in{background:linear-gradient(135deg,#181410,#2A2016)}

/* --- Тарифы: одинаковая высота, кнопки на одной линии --- */
.tariffs{align-items:stretch}
.tariff{display:flex;flex-direction:column}
.tariff ul{flex:1 0 auto}
.tariff>.btn{margin-top:auto}
.tariff--hot{transform:none}
.tariff--hot:hover{transform:translateY(-6px)}
.tariff__price{display:flex;align-items:baseline;gap:6px}
.tariff__price span{font-size:.95rem}

/* --- Блок «условия/преимущества»: премиальные строки-карточки --- */
.adv-in{gap:44px}
.adv-in .plist{gap:12px}
.adv-in .plist li{background:var(--card);border:1px solid var(--line);border-radius:14px;
  padding:15px 18px 15px 48px;color:var(--ink);font-weight:500;
  transition:border-color .2s,transform .2s var(--ease)}
.adv-in .plist li:hover{border-color:rgba(244,112,11,.4);transform:translateY(-2px)}
.adv-in .plist li::before{left:16px;top:15px}

/* --- Одинаковая высота карточек в рядах на всех страницах --- */
.cards,.whcards,.terms,.vsteps{align-items:stretch}
.card,.whcard,.term,.vstep,.afeat{height:100%}

/* --- Кнопки на тёмном: читаемые --- */
.btn--glass{color:#fff;border:1.5px solid rgba(255,255,255,.28);background:rgba(255,255,255,.06);backdrop-filter:blur(6px)}
.btn--glass:hover{border-color:#fff;background:rgba(255,255,255,.14)}
.cta__in .btn--ghost{color:#fff;border-color:rgba(255,255,255,.3)}
.cta__in .btn--ghost:hover{border-color:#fff;background:rgba(255,255,255,.08)}

/* --- Вовлекающий CTA с ценником «дешевле рынка» --- */
.megacta{position:relative;overflow:hidden;display:grid;grid-template-columns:1.4fr .9fr;gap:40px;align-items:center;
  background:linear-gradient(135deg,#181410,#2A2016);border-radius:clamp(24px,3vw,36px);
  padding:clamp(34px,5vw,60px);box-shadow:var(--shadow)}
.megacta__glow{position:absolute;inset:auto -5% -60% 28%;width:60%;height:130%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(244,112,11,.4),transparent 70%);animation:glowPulse 7s var(--ease) infinite alternate}
.megacta__left{position:relative;z-index:1}
.megacta__badge{display:inline-flex;align-items:center;gap:9px;font-size:.82rem;font-weight:600;letter-spacing:.02em;
  color:#fff;background:rgba(244,112,11,.16);border:1px solid rgba(244,112,11,.4);padding:8px 15px;border-radius:999px}
.megacta__pulse{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:ping 1.8s ease-out infinite}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(244,112,11,.6)}70%{box-shadow:0 0 0 10px rgba(244,112,11,0)}100%{box-shadow:0 0 0 0 rgba(244,112,11,0)}}
.megacta h2{color:#fff;font-size:clamp(26px,3.6vw,40px);margin:18px 0 14px;line-height:1.12}
.megacta h2 .accent{color:var(--accent-2)}
.megacta p{color:rgba(255,255,255,.72);max-width:42ch}
.megacta p b{color:#fff}
.megacta__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.megacta__price{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:32px 24px;backdrop-filter:blur(6px)}
.megacta__from{color:rgba(255,255,255,.6);font-size:.95rem}
.megacta__num{font-family:var(--font-sub);font-weight:700;font-size:clamp(46px,6.5vw,68px);line-height:1;
  background:linear-gradient(180deg,#fff,#FFC79A);-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent}
.megacta__num i{font-style:normal;font-size:.4em;-webkit-text-fill-color:var(--accent-2);color:var(--accent-2);margin-left:4px}
.megacta__unit{color:rgba(255,255,255,.72);font-size:.95rem;margin-top:6px}
.megacta__compare{margin-top:18px;padding-top:15px;border-top:1px solid rgba(255,255,255,.12);font-size:.85rem;color:rgba(255,255,255,.6);width:100%}
.megacta__compare s{color:#fff;font-weight:600;margin-right:6px;text-decoration-color:var(--accent)}
@media (max-width:760px){.megacta{grid-template-columns:1fr;gap:26px}.megacta__price{order:-1}}

/* --- Свечение цифр в блоке статистики (привлекает внимание) --- */
.stats{position:relative}
.stats::after{content:"";position:absolute;left:0;right:0;top:0;height:75%;z-index:0;pointer-events:none;
  background:radial-gradient(75% 120% at 50% -15%,rgba(244,112,11,.2),transparent 62%)}
.stats__in{position:relative;z-index:1}
.stat{position:relative}
.stat::after{content:"";position:absolute;left:14px;top:6px;width:130px;height:60px;z-index:-1;pointer-events:none;
  background:radial-gradient(closest-side,rgba(244,112,11,.28),transparent 72%);filter:blur(8px)}
.stat__val{text-shadow:0 0 34px rgba(255,200,150,.18)}
.stat__val span{text-shadow:0 0 22px rgba(244,112,11,.65);animation:statGlow 3s ease-in-out infinite alternate}
@keyframes statGlow{from{text-shadow:0 0 14px rgba(244,112,11,.45)}to{text-shadow:0 0 26px rgba(244,112,11,.85)}}
@media (prefers-reduced-motion:reduce){.stat__val span{animation:none}}

/* --- Калькулятор: премиум-переключатель тарифа (вместо системного select) --- */
.calc__field{margin-bottom:18px}
.calc__label{display:block;font-size:.86rem;font-weight:600;color:var(--ink-soft);margin-bottom:9px}
.segbtns{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.segbtn{display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px 6px;
  border:1.5px solid var(--line);border-radius:12px;background:var(--paper);font:inherit;font-weight:600;
  font-size:.92rem;color:var(--ink-soft);cursor:pointer;transition:border-color .2s,background .2s,color .2s,transform .15s}
.segbtn i{font-style:normal;font-weight:500;font-size:.76rem;color:var(--muted)}
.segbtn:hover{border-color:rgba(244,112,11,.5);transform:translateY(-1px)}
.segbtn.is-on{border-color:var(--accent);background:rgba(244,112,11,.12);color:var(--accent-ink);
  box-shadow:0 8px 18px -10px rgba(244,112,11,.6)}
.segbtn.is-on i{color:var(--accent)}
.segbtns--mp{grid-template-columns:repeat(auto-fit,minmax(104px,1fr))}
.segbtns--mp .segbtn{font-family:var(--font-sub);font-weight:600;font-size:.92rem;padding:13px 8px}
.segbtns--mp .segbtn.is-on{box-shadow:0 0 24px -8px rgba(244,112,11,.6)}

/* --- Почему с нами --- */
.whygrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.whyitem{display:flex;gap:14px;align-items:flex-start;background:var(--card);border:1px solid var(--line);
  border-radius:var(--r-lg);padding:24px;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s}
.whyitem:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm);border-color:transparent}
.whyitem__check{flex:none;width:32px;height:32px;border-radius:10px;background:rgba(244,112,11,.12);
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F4700B' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M5 13l4 4L19 7'/></svg>");
  background-size:17px;background-position:center;background-repeat:no-repeat;margin-top:2px}
.whyitem h3{font-size:1.08rem;margin-bottom:5px}
.whyitem p{color:var(--muted);font-size:.93rem}
@media(max-width:900px){.whygrid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.whygrid{grid-template-columns:1fr}}

/* --- Акция «Приведи друга» --- */
.refer{position:relative;overflow:hidden;display:grid;grid-template-columns:1.3fr .9fr;gap:40px;align-items:center;
  background:linear-gradient(135deg,#181410,#2A2016);border-radius:clamp(24px,3vw,36px);
  padding:clamp(32px,5vw,56px);box-shadow:var(--shadow)}
.refer__glow{position:absolute;inset:-40% -10% auto auto;width:60%;height:150%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(244,112,11,.35),transparent 70%);animation:glowPulse 7s var(--ease) infinite alternate}
.refer__main{position:relative;z-index:1}
.refer__badge{display:inline-block;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:#fff;background:var(--accent);padding:6px 14px;border-radius:999px;margin-bottom:16px}
.refer h2{color:#fff;font-size:clamp(24px,3.4vw,38px);line-height:1.12;margin-bottom:14px}
.refer h2 .accent{color:var(--accent-2)}
.refer p{color:rgba(255,255,255,.72);max-width:46ch;margin-bottom:26px}
.refer__steps{position:relative;z-index:1;display:flex;flex-direction:column;gap:12px}
.refer__step{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);
  border-radius:14px;padding:14px 18px;color:#fff;backdrop-filter:blur(6px)}
.refer__step b{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;
  background:var(--accent);color:#fff;font-family:var(--font-sub);font-weight:700}
.refer__step span{font-size:.95rem}
@media(max-width:820px){.refer{grid-template-columns:1fr;gap:26px}}

/* --- Частые вопросы (аккордеон) --- */
.faq-in{display:grid;grid-template-columns:.75fr 1.25fr;gap:44px;align-items:start}
.faq-in .sec__head{margin-bottom:0;position:sticky;top:90px}
.faq{display:flex;flex-direction:column;gap:0;background:var(--card);
  border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-sm)}
.faq__item{background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;
  transition:background .2s}
.faq__item:first-child{border-top:0}
.faq__item[open]{background:linear-gradient(180deg,rgba(244,112,11,.05),transparent 60%)}
.faq__item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:18px 22px;font-family:var(--font-sub);font-weight:600;font-size:1rem;line-height:1.4;
  color:var(--ink);transition:color .2s}
.faq__item summary::-webkit-details-marker{display:none}
.faq__ic{position:relative;flex:none;width:16px;height:16px;opacity:.55;transition:opacity .2s,transform .3s var(--ease)}
.faq__ic::before,.faq__ic::after{content:"";position:absolute;background:currentColor;border-radius:2px;transition:transform .3s var(--ease)}
.faq__ic::before{left:0;top:7px;width:16px;height:2px}
.faq__ic::after{left:7px;top:0;width:2px;height:16px}
.faq__item[open] .faq__ic::after{transform:scaleY(0)}
.faq__a{padding:0 22px 20px;color:var(--muted);font-size:.94rem;line-height:1.65}
@media(max-width:820px){.faq-in{grid-template-columns:1fr;gap:20px}.faq-in .sec__head{position:static}}

/* --- Пасхалка: ракеты в небе + ПВО (фон блока «Как работает») --- */
.sky{position:absolute;inset:0;z-index:1;pointer-events:none}
.rocket{position:absolute;left:0;width:52px;filter:drop-shadow(0 3px 5px rgba(0,0,0,.5))}
.rocket svg{width:100%;height:auto;display:block}
.rocket--1{top:64px;animation:fly1 7s linear infinite}
.rocket--2{top:38px;animation:fly2 7s linear infinite;animation-delay:-3.5s}
@keyframes fly1{0%{transform:translate(1240px,-12px);opacity:0}6%{opacity:1}
  54%{transform:translate(670px,44px);opacity:1}59%{transform:translate(650px,50px);opacity:0}100%{opacity:0}}
@keyframes fly2{0%{transform:translate(1320px,8px);opacity:0}6%{opacity:1}
  54%{transform:translate(1010px,-4px);opacity:1}59%{transform:translate(992px,0);opacity:0}100%{opacity:0}}
.boom{position:absolute;width:64px;height:64px;border-radius:50%;opacity:0;
  background:radial-gradient(circle,rgba(255,228,150,.98),rgba(244,112,11,.65) 42%,transparent 72%)}
.boom--1{left:620px;top:96px;animation:boom1 7s linear infinite}
.boom--2{left:962px;top:52px;animation:boom1 7s linear infinite;animation-delay:-3.5s}
@keyframes boom1{0%,53%{opacity:0;transform:scale(.2)}57%{opacity:1;transform:scale(1)}
  66%{opacity:0;transform:scale(1.6)}100%{opacity:0}}
.pvo{position:absolute;left:44px;bottom:150px;width:64px;filter:drop-shadow(0 6px 6px rgba(0,0,0,.5))}
.pvo svg{width:100%;height:auto;display:block}
.pvo-shot{position:absolute;left:86px;bottom:180px;width:3px;height:34px;border-radius:2px;opacity:0;
  background:linear-gradient(180deg,transparent,#FFD88A,#F4700B);transform-origin:bottom}
.pvo-shot--1{animation:shot1 7s linear infinite}
.pvo-shot--2{animation:shot2 7s linear infinite;animation-delay:-3.5s}
@keyframes shot1{0%,40%{opacity:0;transform:translate(0,0) rotate(30deg)}44%{opacity:1}
  55%{opacity:1;transform:translate(520px,-330px) rotate(30deg)}57%{opacity:0;transform:translate(520px,-330px) rotate(30deg)}100%{opacity:0}}
@keyframes shot2{0%,40%{opacity:0;transform:translate(0,0) rotate(42deg)}44%{opacity:1}
  55%{opacity:1;transform:translate(900px,-360px) rotate(42deg)}57%{opacity:0;transform:translate(900px,-360px) rotate(42deg)}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.rocket,.boom,.pvo-shot{animation:none;display:none}}
@media (max-width:1000px){.sky{display:none}}

/* --- Контакты: карточки с иконками --- */
.cinfo{flex-direction:row!important;align-items:center;gap:16px}
.cinfo__ic{flex:none;width:48px;height:48px;border-radius:14px;background:rgba(244,112,11,.12);display:grid;place-items:center}
.cinfo__ic::before{content:"";width:23px;height:23px;background:var(--accent);
  -webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.cinfo__tx{display:flex;flex-direction:column;gap:3px;min-width:0}
.cinfo__tx b{word-break:break-word}
.cinfo--accent .cinfo__ic{background:rgba(255,255,255,.14)}
.cinfo--accent .cinfo__ic::before{background:#fff}
.ic--phone{--ic:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3 19.5 19.5 0 0 1-6-6 19.8 19.8 0 0 1-3-8.6A2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.3 1.8.6 2.6a2 2 0 0 1-.5 2.1L8 9.6a16 16 0 0 0 6 6l1.2-1.2a2 2 0 0 1 2.1-.5c.8.3 1.7.5 2.6.6a2 2 0 0 1 1.7 2z'/></svg>")}
.ic--tg{--ic:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M22 3 2 11l6 2 2 6 3-4 5 4z'/></svg>")}
.ic--mail{--ic:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='5' width='18' height='14' rx='2'/><path d='m3 7 9 6 9-6'/></svg>")}
.ic--pin{--ic:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z'/><circle cx='12' cy='10' r='3'/></svg>")}
.ic--store{--ic:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 9 4 4h16l1 5M4 9h16v10a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1zM4 9a3 3 0 0 0 6 0 3 3 0 0 0 6 0'/></svg>")}
.lead-card{position:relative;overflow:hidden}
.lead-card::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--accent),var(--accent-2))}

/* --- Премиум-кабинет --- */
.cabhero{position:relative;overflow:hidden;display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;
  background:linear-gradient(135deg,#181410,#2A2016);color:#fff;border-radius:clamp(20px,2.6vw,32px);
  padding:clamp(28px,4vw,44px);margin-bottom:20px;box-shadow:var(--shadow)}
.cabhero__glow{position:absolute;inset:auto -5% -70% 42%;width:50%;height:170%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(244,112,11,.35),transparent 70%)}
.cabhero__tx{position:relative;z-index:1}
.cabhero h1{color:#fff;font-size:clamp(24px,3.2vw,34px);margin:6px 0 8px}
.cabhero p{color:rgba(255,255,255,.72);max-width:44ch}
.cabhero .btn{position:relative;z-index:1}
.ctile{position:relative;transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s}
.ctile:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm);border-color:transparent}
.ctile__ic{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:rgba(244,112,11,.12);margin-bottom:14px}
.ctile__ic::before{content:"";width:22px;height:22px;background:var(--accent);
  -webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.ic--layers{--ic:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m12 2 9 5-9 5-9-5 9-5Z'/><path d='m3 12 9 5 9-5M3 17l9 5 9-5'/></svg>")}
.srow{position:relative;overflow:hidden}
.srow::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--accent),var(--accent-2));
  transform:scaleY(0);transform-origin:top;transition:transform .3s var(--ease)}
.srow:hover::before{transform:scaleY(1)}

/* --- Окно поддержки в кабинете --- */
.support{position:fixed;right:24px;bottom:24px;z-index:80;display:flex;flex-direction:column;align-items:flex-end;gap:14px}
.support__fab{display:inline-flex;align-items:center;gap:10px;padding:14px 20px;border:none;border-radius:999px;cursor:pointer;
  background:linear-gradient(180deg,var(--accent-2),var(--accent));color:#fff;font:inherit;font-weight:600;
  box-shadow:0 16px 34px -12px rgba(244,112,11,.85);transition:transform .2s var(--ease)}
.support__fab:hover{transform:translateY(-2px)}
.support__fab svg{width:22px;height:22px}
.support__fab-close{display:none}
.support.is-open .support__fab{padding:14px}
.support.is-open .support__fab-chat,.support.is-open .support__fab-tx{display:none}
.support.is-open .support__fab-close{display:block}
.support__panel{width:322px;max-width:calc(100vw - 40px);background:var(--card);border:1px solid var(--line);
  border-radius:20px;box-shadow:0 40px 80px -30px rgba(23,25,28,.55);overflow:hidden;animation:supIn .25s var(--ease)}
@keyframes supIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
.support__head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 18px;
  background:linear-gradient(135deg,#181410,#2A2016);color:#fff}
.support__title{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-sub);font-weight:600}
.support__dot{width:9px;height:9px;border-radius:50%;background:#37D67A;box-shadow:0 0 0 4px rgba(55,214,122,.18)}
.support__close{background:none;border:none;color:rgba(255,255,255,.7);font-size:1.6rem;line-height:1;cursor:pointer;padding:0 4px}
.support__close:hover{color:#fff}
.support__lead{padding:16px 18px 6px;color:var(--muted);font-size:.9rem}
.support__links{display:flex;flex-direction:column;gap:8px;padding:8px 14px 14px}
.support__link{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);
  color:var(--ink);transition:border-color .2s,background .2s,transform .15s}
.support__link:hover{border-color:rgba(244,112,11,.5);background:var(--paper);transform:translateX(2px)}
.support__link svg{width:20px;height:20px;color:var(--accent);flex:none}
.support__link span{font-weight:600}
.support__link i{margin-left:auto;font-style:normal;font-size:.82rem;color:var(--muted);white-space:nowrap}
.support__all{display:block;text-align:center;padding:13px;border-top:1px solid var(--line-2);color:var(--accent);font-weight:600;font-size:.9rem}
.support__all:hover{background:var(--paper)}
@media(max-width:560px){.support{right:16px;bottom:16px}.support__fab-tx{display:none}}

/* --- Плитки кабинета: премиум-стекло (в духе keepai) --- */
.ctile{background:linear-gradient(160deg,rgba(255,255,255,.92),rgba(255,255,255,.66));
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.8);border-radius:18px;padding:22px 22px 20px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 16px 38px -24px rgba(23,25,28,.42),0 6px 24px -14px rgba(244,112,11,.22);overflow:hidden}
.ctile::after{content:"";position:absolute;inset:0 0 auto 0;height:3px;border-radius:18px 18px 0 0;
  background:linear-gradient(90deg,var(--accent),var(--accent-2));opacity:.5;transform-origin:left;transition:opacity .35s var(--ease)}
.ctile:hover::after{opacity:1}
.ctile:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 22px 46px -22px rgba(23,25,28,.45),0 10px 30px -12px rgba(244,112,11,.32)}
.ctile__ic{background:linear-gradient(135deg,rgba(244,112,11,.2),rgba(244,112,11,.08));
  border:1px solid rgba(244,112,11,.24);box-shadow:0 0 22px -7px rgba(244,112,11,.5)}
.ctile b{font-size:2rem;line-height:1;display:block;margin-bottom:5px}
.ctile span{font-size:.9rem}
/* Строка поставки — лёгкое стекло + мягкий фон */
.srow{background:linear-gradient(160deg,rgba(255,255,255,.92),rgba(255,255,255,.72));
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.pbar{background:rgba(23,25,28,.08)}
.pbar i{box-shadow:0 0 14px -2px rgba(244,112,11,.6)}

/* --- Чат поддержки (клиент) --- */
.support__panel{width:344px}
.support__chat{height:330px;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px;background:var(--paper)}
.support__loading{color:var(--muted);font-size:.88rem;text-align:center;margin:auto}
.sbub{max-width:82%;padding:10px 13px;border-radius:15px;font-size:.92rem;line-height:1.45;word-break:break-word}
.sbub time{display:block;font-size:.66rem;opacity:.65;margin-top:3px}
.sbub--them{align-self:flex-start;background:#fff;border:1px solid var(--line);border-bottom-left-radius:5px;color:var(--ink)}
.sbub--me{align-self:flex-end;background:linear-gradient(180deg,var(--accent-2),var(--accent));color:#fff;border-bottom-right-radius:5px}
.support__form{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line);background:var(--card)}
.support__form input{flex:1;padding:11px 15px;border:1.5px solid var(--line);border-radius:999px;font:inherit;background:var(--paper);color:var(--ink)}
.support__form input:focus{outline:none;border-color:var(--accent)}
.support__form button{flex:none;width:42px;height:42px;border:none;border-radius:50%;cursor:pointer;display:grid;place-items:center;
  background:linear-gradient(180deg,var(--accent-2),var(--accent));color:#fff}
.support__form button svg{width:20px;height:20px}
.support__foot{display:flex;gap:16px;justify-content:center;padding:10px;border-top:1px solid var(--line-2);font-size:.82rem}
.support__foot a{color:var(--muted)}.support__foot a:hover{color:var(--accent)}

/* --- Кабинет менеджера --- */
.adminchat{display:grid;grid-template-columns:300px 1fr;gap:0;background:var(--card);border:1px solid var(--line);
  border-radius:var(--r-lg);overflow:hidden;min-height:240px;margin-bottom:10px}
.convlist{border-right:1px solid var(--line);max-height:540px;overflow-y:auto;background:var(--paper)}
.conv{display:flex;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line-2);color:var(--ink)}
.conv:hover{background:#fff}
.conv.is-active{background:#fff;box-shadow:inset 3px 0 0 var(--accent)}
.conv__ava{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--accent-2),var(--accent));color:#fff;font-family:var(--font-sub);font-weight:700}
.conv__tx{display:flex;flex-direction:column;min-width:0}
.conv__tx b{font-size:.95rem}
.conv__tx i{font-style:normal;font-size:.78rem;color:var(--muted)}
.conv__empty{padding:18px;color:var(--muted)}
.thread-box{display:flex;flex-direction:column;min-height:200px}
.thread-box__head{padding:15px 18px;border-bottom:1px solid var(--line);color:var(--muted)}
.thread-box__empty{margin:auto;color:var(--muted);padding:40px;text-align:center}
.thread{flex:1;overflow-y:auto;max-height:240px;padding:18px;display:flex;flex-direction:column;gap:10px;background:var(--paper)}
.thread__empty{color:var(--muted);margin:auto}
.bubble{max-width:72%;padding:11px 14px;border-radius:15px;font-size:.94rem;line-height:1.45;word-break:break-word}
.bubble time{display:block;font-size:.7rem;opacity:.6;margin-top:4px}
.bubble--them{align-self:flex-start;background:#fff;border:1px solid var(--line);border-bottom-left-radius:5px}
.bubble--me{align-self:flex-end;background:linear-gradient(180deg,var(--accent-2),var(--accent));color:#fff;border-bottom-right-radius:5px}
.thread-reply{display:flex;gap:10px;padding:14px;border-top:1px solid var(--line)}
.thread-reply input{flex:1;padding:12px 16px;border:1.5px solid var(--line);border-radius:999px;font:inherit;background:var(--paper);color:var(--ink)}
.thread-reply input:focus{outline:none;border-color:var(--accent)}
.adm-table{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);overflow:auto;margin-bottom:10px}
.adm-table table{width:100%;border-collapse:collapse;min-width:660px}
.adm-table th{text-align:left;padding:14px 16px;font-size:.78rem;letter-spacing:.03em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line)}
.adm-table td{padding:12px 16px;border-bottom:1px solid var(--line-2);font-size:.92rem;vertical-align:middle}
.stageform{display:flex;gap:8px;align-items:center}
.stageform select{padding:8px 10px;border:1.5px solid var(--line);border-radius:10px;font:inherit;background:var(--paper);color:var(--ink)}
.btn--sm{padding:.5em .95em;font-size:.85rem}
.adm-empty{color:var(--muted);text-align:center;padding:26px}
.adm-leads{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.lead{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px 20px}
.lead__top{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.lead__top b{font-family:var(--font-sub)}
.lead__top time{margin-left:auto;color:var(--muted);font-size:.8rem}
.lead__meta{color:var(--accent-ink);font-size:.86rem;margin-top:6px}
.lead__msg{color:var(--muted);font-size:.9rem;margin-top:8px;line-height:1.5}
@media(max-width:820px){.adminchat{grid-template-columns:1fr}.convlist{max-height:220px;border-right:none;border-bottom:1px solid var(--line)}.adm-leads{grid-template-columns:1fr}}

/* --- «Почему с нами»: премиальнее --- */
.whyitem{padding:28px 26px;gap:16px}
.whyitem__check{width:40px;height:40px;border-radius:13px;
  background:linear-gradient(135deg,var(--accent-2),var(--accent))!important;background-image:none;
  box-shadow:0 12px 22px -10px rgba(244,112,11,.75);display:grid;place-items:center;transition:transform .3s var(--ease)}
.whyitem__check::before{content:"";width:19px;height:19px;background:#fff;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M5 13l4 4L19 7'/></svg>") center/contain no-repeat;
  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M5 13l4 4L19 7'/></svg>") center/contain no-repeat}
.whyitem:hover .whyitem__check{transform:scale(1.08) rotate(-4deg)}
.whyitem::after{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.whyitem:hover::after{transform:scaleX(1)}
.whyitem h3{font-size:1.12rem}

/* --- FAQ: тонкий премиальный столбец в духе Apple --- */
.faq__item summary:hover{color:var(--accent-ink)}
.faq__item summary:hover .faq__ic{opacity:1;color:var(--accent)}
.faq__item[open] summary{color:var(--accent-ink)}
.faq__item[open] .faq__ic{opacity:1;color:var(--accent);transform:rotate(180deg)}

/* --- Онбординг в кабинете --- */
.onbo{position:relative;overflow:hidden;background:linear-gradient(135deg,#181410,#2A2016);color:#fff;
  border-radius:var(--r-lg);padding:clamp(26px,4vw,40px);margin-bottom:20px;box-shadow:var(--shadow)}
.onbo__badge{display:inline-block;background:var(--accent);color:#fff;font-size:.76rem;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;padding:6px 14px;border-radius:999px}
.onbo h2{color:#fff;font-size:clamp(22px,3vw,32px);margin:14px 0 20px}
.onbo__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px}
.onbo__step{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);
  border-radius:14px;padding:14px 16px}
.onbo__step b{flex:none;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:var(--accent);
  font-family:var(--font-sub)}
.onbo__step span{font-size:.92rem;color:rgba(255,255,255,.85)}
@media(max-width:700px){.onbo__steps{grid-template-columns:1fr}}

/* --- Карточки промокода и Telegram --- */
.cab-cards{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;margin-bottom:20px}
.promo-card,.tg-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px 26px}
.promo-card{position:relative;overflow:hidden}
.promo-card__badge{display:inline-block;background:rgba(244,112,11,.12);color:var(--accent-ink);font-weight:700;
  font-size:.74rem;letter-spacing:.05em;text-transform:uppercase;padding:5px 12px;border-radius:999px}
.promo-card h3,.tg-card h3{font-size:1.2rem;margin:12px 0 10px}
.promo-code{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px}
.promo-code b{font-family:var(--font-sub);font-size:1.5rem;letter-spacing:.08em;
  background:var(--paper-2);padding:8px 16px;border-radius:12px;border:1px dashed var(--line)}
.promo-card p{color:var(--muted);font-size:.92rem}
.promo-card p b{color:var(--ink)}
.tg-card{display:flex;flex-direction:column;align-items:flex-start}
.tg-card p{color:var(--muted);font-size:.92rem;margin-bottom:14px}
.tg-card.is-on{border-color:rgba(55,214,122,.5);background:linear-gradient(160deg,rgba(55,214,122,.06),var(--card))}
.tg-card__ok{color:#2A9D5B!important;font-weight:600}
@media(max-width:700px){.cab-cards{grid-template-columns:1fr}}

/* --- Мини-график отгрузок --- */
.mini-analytics{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px 26px;margin-bottom:20px}
.mini-analytics__head{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;justify-content:space-between;margin-bottom:20px}
.mini-analytics__head h3{font-size:1.15rem}
.mini-analytics__head span{color:var(--muted);font-size:.88rem}
.bars{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;align-items:end;height:150px}
.bar{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:8px}
.bar__col{width:60%;max-width:46px;min-height:6px;border-radius:8px 8px 0 0;position:relative;
  background:linear-gradient(180deg,var(--accent-2),var(--accent));box-shadow:0 6px 16px -8px rgba(244,112,11,.7)}
.bar__col i{position:absolute;top:-20px;left:50%;transform:translateX(-50%);font-style:normal;font-size:.82rem;font-weight:600}
.bar span{font-size:.8rem;color:var(--muted)}
.mini-analytics--wide .bars{height:170px}

/* --- Фотоотчёт (галерея) --- */
.cab__top-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.gallery__item{position:relative;margin:0}
.gallery__item>a{display:block;aspect-ratio:1;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--paper)}
.gallery__item img{width:100%;height:100%;object-fit:cover;transition:transform .3s var(--ease)}
.gallery__item:hover img{transform:scale(1.04)}
.gallery__item figcaption{margin-top:8px;font-size:.78rem;line-height:1.4;color:var(--muted)}
.gallery__del{position:absolute;top:8px;right:8px;background:rgba(23,25,28,.72);border-color:transparent;color:#fff}
.gallery__tag{position:absolute;left:8px;bottom:8px;background:rgba(23,25,28,.75);color:#fff;font-size:.72rem;
  font-weight:600;padding:4px 9px;border-radius:999px;backdrop-filter:blur(4px)}
.shotgrp{margin-top:24px}
.shotgrp h3{display:flex;align-items:baseline;gap:9px;margin-bottom:12px;font-size:1.02rem;font-weight:500}
.shotgrp h3 span{font-size:.8rem;font-weight:400;color:var(--muted)}
.shots{display:grid;gap:12px;margin:18px 0 4px;padding:18px;border-radius:16px;background:var(--paper);border:1px solid var(--line-2)}
.shots__row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:12px;align-items:end}
.shots__row--go{grid-template-columns:minmax(0,1fr) auto}
.shots input[type=file]{width:100%;padding:11px 14px;border-radius:12px;border:1px solid var(--line-2);background:#fff;font:inherit;color:var(--muted);cursor:pointer}
.shots input[type=file]::file-selector-button{font:inherit;font-weight:600;margin:-11px 14px -11px -14px;padding:11px 18px;border:none;border-right:1px solid var(--line-2);border-radius:12px 0 0 12px;background:var(--paper-2);color:var(--ink);cursor:pointer;transition:background .2s var(--ease),color .2s var(--ease)}
.shots input[type=file]::file-selector-button:hover{background:var(--ink);color:#fff}
.lightbox{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:24px;background:rgba(15,13,11,.9)}
.lightbox[hidden]{display:none}
.lightbox img{max-width:min(96vw,1100px);max-height:86vh;border-radius:12px;box-shadow:0 30px 80px -30px rgba(0,0,0,.9)}
.lightbox__x{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));right:14px;width:44px;height:44px;border-radius:50%;
  border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.12);color:#fff;font-size:1.3rem;line-height:1;cursor:pointer}

/* --- Служебный вход: кабинет менеджера --- */
.authp--staff{background:#141210}
.authp__card--staff{background:#1C1916;border:1px solid rgba(255,255,255,.1);color:#fff}
.authp__card--staff h1{color:#fff}
.authp__card--staff .authp__sub{color:rgba(255,255,255,.62)}
.authp__card--staff .field span{color:rgba(255,255,255,.62)}
.authp__card--staff .field input{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16);color:#fff}
.authp__card--staff .field input:focus{border-color:var(--accent);background:rgba(255,255,255,.1)}
.authp__card--staff .field input::placeholder{color:rgba(255,255,255,.3)}
.staffnote{list-style:none;margin:22px 0 0;padding:18px 0 0;border-top:1px solid rgba(255,255,255,.1);display:grid;gap:10px}
.staffnote li{position:relative;padding-left:26px;font-size:.9rem;line-height:1.55;color:rgba(255,255,255,.62)}
.staffnote li::before{content:"";position:absolute;left:0;top:.65em;width:14px;height:2px;border-radius:2px;background:var(--accent)}
.authp__alt--staff{color:rgba(255,255,255,.5)}
.authp__alt--staff a{color:#fff}

/* Выход из кабинета: только POST (Django 5), поэтому кнопка в форме, а не ссылка */
.logoutf{display:inline-flex;margin:0;padding:0;border:0;background:none}
.logoutf button{cursor:pointer;font:inherit}
.drawer .logoutf{display:block;width:100%}

/* --- Посадочная под рекламу --- */
.lphdr{position:sticky;top:0;z-index:50;background:rgba(250,248,244,.92);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);padding:calc(10px + env(safe-area-inset-top,0px)) 0 10px}
.lphdr__in{display:flex;align-items:center;justify-content:space-between;gap:18px}
.lphdr__right{display:flex;align-items:center;gap:14px}
.lphdr__note{font-size:.82rem;color:var(--muted)}
.lphdr__phone{font:500 1rem var(--font-sub);color:var(--ink);white-space:nowrap}
.lphero{position:relative;overflow:hidden;background:#17140F;color:#fff;padding:clamp(40px,6vw,76px) 0 clamp(48px,7vw,86px)}
.lphero__glow{position:absolute;inset:-30% -10% auto 30%;height:150%;pointer-events:none;
  background:radial-gradient(60% 50% at 50% 50%,rgba(244,112,11,.34),transparent 70%)}
.lphero__in{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:clamp(28px,4vw,64px);align-items:start}
.lphero h1{font-size:clamp(28px,3.6vw,44px);line-height:1.08;letter-spacing:-.02em;margin:14px 0 18px;color:#fff}
.lphero__lead{max-width:52ch;font-size:clamp(16px,1.6vw,19px);line-height:1.65;color:rgba(255,255,255,.72)}
.lphero__lead b{color:#fff;font-weight:500}
.lphero__facts{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.lphero__facts li{display:grid;gap:4px;padding-top:14px;border-top:1px solid rgba(255,255,255,.16)}
.lphero__facts b{font:500 clamp(19px,2vw,24px)/1.1 var(--font-sub);letter-spacing:-.01em}
.lphero__facts span{font-size:.84rem;line-height:1.45;color:rgba(255,255,255,.55)}
.lphero__mp{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.lpform{padding:clamp(22px,2.6vw,30px);border-radius:var(--r-lg);background:#fff;box-shadow:0 30px 70px -40px rgba(0,0,0,.8)}
.lpform__head{margin-bottom:18px}
.lpform__head b{display:block;font:500 1.25rem/1.2 var(--font-sub);margin-bottom:6px}
.lpform__head span{font-size:.9rem;line-height:1.5;color:var(--muted)}
.lpform .field{margin-bottom:12px}
.lpform__two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lpform__or{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;font-size:.86rem;color:var(--muted)}
.lpform__or span{margin-right:2px}
.lpform textarea{resize:vertical}
.lpform__legal{margin:12px 0 0;font-size:.76rem;line-height:1.45;color:var(--muted)}
.lpform__more{margin-bottom:12px}
.lpform__more>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;
  font-size:.9rem;font-weight:600;color:var(--accent);user-select:none;padding:2px 0}
.lpform__more>summary::-webkit-details-marker{display:none}
.lpform__more>summary::before{content:"+";display:inline-flex;align-items:center;justify-content:center;
  width:20px;height:20px;flex:none;border:1.5px solid var(--accent);border-radius:50%;font-size:1rem;line-height:1}
.lpform__more[open]>summary{margin-bottom:12px}
.lpform__more[open]>summary::before{content:"\2013"}
.lpform__more>summary span{font-weight:400;color:var(--muted)}
.skladf{margin-bottom:clamp(20px,2.6vw,34px)}
.skladf__points{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.2vw,30px)}
.skladf__points li{padding-left:16px;border-left:2px solid var(--accent)}
.skladf__points b{display:block;font:600 clamp(1.05rem,1.4vw,1.22rem)/1.3 var(--font-sub);margin-bottom:4px}
.skladf__points span{color:var(--muted);font-size:.96rem;line-height:1.5}
@media(max-width:760px){.skladf__points{grid-template-columns:1fr;gap:16px}}
.skladg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,20px);margin-top:8px}
.skladg__it{margin:0}
.skladg__it img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:14px;
  box-shadow:0 22px 50px -32px rgba(0,0,0,.6)}
.skladg__it figcaption{margin-top:10px;font-size:.84rem;line-height:1.45;color:var(--muted)}
.skladg__trust{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;
  margin-top:clamp(20px,2.4vw,30px);padding-top:18px;border-top:1px solid var(--line);
  font-size:.86rem;color:var(--ink-soft)}
.skladg__trust a{color:var(--accent);font-weight:600;white-space:nowrap}
.skladg__addr{color:var(--muted)}
@media(max-width:720px){.skladg{grid-template-columns:1fr}}
.lpwhy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.4vw,34px) clamp(28px,4vw,64px)}
.lpwhy__item{padding-top:20px;border-top:1px solid var(--line)}
.lpwhy__item h3{position:relative;padding-left:32px;font:500 clamp(17px,1.8vw,21px)/1.3 var(--font-sub);letter-spacing:-.01em}
.lpwhy__item h3::before{content:"";position:absolute;left:0;top:.62em;width:18px;height:2px;border-radius:2px;background:var(--accent)}
.lpwhy__item p{margin:10px 0 0 32px;max-width:52ch;color:var(--ink-soft);line-height:1.7}
.lpprice{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(24px,3.4vw,52px);align-items:start}
.lpprice__rows{margin-top:0}
.lptar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.lptar__item{display:flex;flex-direction:column;padding:22px 20px;border-radius:var(--r-lg);background:var(--card);border:1px solid var(--line)}
.lptar__item--hot{background:#181410;border-color:#181410;color:#fff}
.lptar__item--hot h3{color:#fff}
.lptar__top{margin-bottom:14px}
.lptar__top h3{font-size:1.05rem;font-weight:500}
.lptar__price{display:flex;align-items:baseline;gap:4px;margin-top:6px;
  font:500 clamp(24px,2.6vw,30px)/1 var(--font-sub);font-variant-numeric:tabular-nums}
.lptar__price em{font-style:normal;font-size:max(.42em,12.5px);font-weight:400;color:var(--muted);margin-right:.35em}
.lptar__price span{font-size:max(.42em,12.5px);font-weight:400;color:var(--muted)}
.lptar__item--hot .lptar__price em,.lptar__item--hot .lptar__price span{color:rgba(255,255,255,.55)}
.lptar ul{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:9px}
.lptar li{position:relative;padding-left:20px;font-size:.9rem;line-height:1.5;color:var(--ink-soft)}
.lptar li::before{content:"";position:absolute;left:0;top:.6em;width:10px;height:2px;border-radius:2px;background:var(--accent)}
.lptar__item--hot li{color:rgba(255,255,255,.72)}
.lptar .btn{margin-top:auto}
.lpnote{margin:22px 0 0;color:var(--muted);font-size:.92rem}
.lpshots{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,60px);
  align-items:center;padding:clamp(26px,3.4vw,48px);border-radius:var(--r-lg);background:#17140F;color:#fff;overflow:hidden}
.lpshots h2{color:#fff;font-size:clamp(24px,2.8vw,34px);margin:12px 0 14px}
.lpshots p{color:rgba(255,255,255,.7);max-width:52ch;line-height:1.7}
.lpshots__list{list-style:none;margin:20px 0 26px;padding:0;display:grid;gap:11px}
.lpshots__list li{position:relative;padding-left:26px;color:rgba(255,255,255,.72);line-height:1.6}
.lpshots__list li::before{content:"";position:absolute;left:0;top:.62em;width:14px;height:2px;border-radius:2px;background:var(--accent)}
.lpshots__demo{display:grid;gap:10px;padding:18px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.lpshots__row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.05)}
.lpshots__row b{display:block;font:500 .95rem var(--font-sub)}
.lpshots__row i{font-style:normal;font-size:.78rem;color:rgba(255,255,255,.5)}
.lpshots__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:4px}
.lpshots__grid i{display:block;aspect-ratio:1;border-radius:10px;background:linear-gradient(140deg,rgba(255,255,255,.14),rgba(255,255,255,.04))}
.lpsteps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.6vw,34px)}
.lpstep{padding-top:20px;border-top:1px solid var(--line)}
.lpstep h3{position:relative;padding-left:30px;font:500 clamp(17px,1.8vw,20px)/1.3 var(--font-sub)}
.lpstep h3::before{content:"";position:absolute;left:0;top:.62em;width:16px;height:2px;border-radius:2px;background:var(--accent)}
.lpstep p{margin:10px 0 0 30px;color:var(--ink-soft);line-height:1.7}
.lpfaq{display:grid;gap:0;max-width:900px}
.lpfaq__item{padding:18px 0;border-bottom:1px solid var(--line)}
.lpfaq__item summary{display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer;
  list-style:none;font:500 1.04rem/1.4 var(--font-sub)}
.lpfaq__item summary::-webkit-details-marker{display:none}
.lpfaq__item summary::after{content:"+";font-size:1.3rem;color:var(--accent);line-height:1}
.lpfaq__item[open] summary::after{content:"–"}
.lpfaq__item p{margin:12px 0 0;max-width:70ch;color:var(--ink-soft);line-height:1.7}
.lpend{padding:clamp(28px,4vw,56px);border-radius:var(--r-lg);background:var(--card);border:1px solid var(--line);text-align:center}
.lpend h2{font-size:clamp(26px,3.2vw,40px);margin-bottom:14px}
.lpend p{max-width:56ch;margin:0 auto;color:var(--muted);line-height:1.7}
.lpend__go{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:26px}
.lpend__addr{margin-top:20px;font-size:.88rem;color:var(--muted)}
.lpbar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:center;justify-content:space-between;
  gap:14px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:#17140F;color:#fff;
  box-shadow:0 -14px 34px -20px rgba(0,0,0,.85)}
.lpbar[hidden]{display:none}
.lpbar span{display:block;font-size:.74rem;color:rgba(255,255,255,.55)}
.lpbar b{font:500 1.15rem var(--font-sub)}
/* сцена: фуры площадок и грузчики с коробками */
.lpscene{position:relative;height:230px;overflow:hidden;background:#17140F}
.lpscene__ground{position:absolute;left:0;right:0;bottom:0;height:96px;
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.01))}
.lpscene .road{position:absolute;inset:0;overflow:hidden}
.lpscene .road__line--near{bottom:84px;display:block;opacity:.5}
.lpscene .ftruck{bottom:88px;width:126px}
.porters{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.porter{position:absolute;bottom:22px;width:96px;will-change:transform;filter:drop-shadow(0 10px 8px rgba(0,0,0,.45))}
.porter__in{display:block;animation:bob 1.1s ease-in-out infinite}
.porter svg{width:100%;height:auto;display:block;overflow:visible}
.p-body{fill:#2A2E35}
.p-head{fill:#E7DCCB}
.p-arm{fill:#343943}
.p-leg{fill:#14161C;transform-box:fill-box;transform-origin:50% 4%}
.p-leg--a{animation:step-a .62s ease-in-out infinite}
.p-leg--b{animation:step-b .62s ease-in-out infinite}
.p-cap{fill:var(--accent)}
.p-tape{stroke:rgba(255,255,255,.34);stroke-width:2.4;fill:none}
.p-label{font-family:var(--font-sub);font-weight:700;font-size:23px;text-anchor:middle;fill:#fff}
.p-label--sm{font-size:16px}
.porter--wb .p-box{fill:#8B2FD6}
.porter--ozon .p-box{fill:#0059FF}
.porter--ym .p-box{fill:#FFCC00}
.porter--ym .p-label{fill:#141414}
.porter--ym .p-tape{stroke:rgba(20,20,20,.28)}
.porter--avito .p-box{fill:#00AAFF}
.p--1{animation:walk 36s linear infinite;animation-delay:-3s}
.p--2{animation:walk 36s linear infinite;animation-delay:-12s}
.p--3{animation:walk 36s linear infinite;animation-delay:-22s}
.p--4{animation:walk 36s linear infinite;animation-delay:-30s}
@keyframes walk{from{transform:translateX(-120px)}to{transform:translateX(calc(100vw + 80px))}}
@keyframes step-a{0%,100%{transform:rotate(11deg)}50%{transform:rotate(-11deg)}}
@keyframes step-b{0%,100%{transform:rotate(-11deg)}50%{transform:rotate(11deg)}}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media (prefers-reduced-motion:reduce){
  .porter,.porter__in,.p-leg{animation:none!important}
  .porter{position:static;display:inline-block;margin:0 10px}
  .porters{position:relative;display:flex;justify-content:center;align-items:flex-end;height:100%;padding-bottom:26px}
}
@media (max-width:980px){
  .lpscene{height:190px}
  .lpscene .ftruck{width:104px;bottom:74px}
  .lpscene .road__line--near{bottom:70px}
  .porter{width:72px;bottom:16px}
  .lphero__in,.lpprice,.lpshots{grid-template-columns:1fr}
  .lpwhy{grid-template-columns:1fr}
  .lptar,.lpsteps{grid-template-columns:1fr}
  .lphdr__note{display:none}
}
@media (max-width:560px){
  .lphero__facts{grid-template-columns:1fr;gap:12px}
  .lphdr__phone{display:none}
  .lpbar b{font-size:1.02rem}
}
@media(max-width:700px){
  .gallery{grid-template-columns:1fr 1fr;gap:10px}
  .shots__row,.shots__row--go{grid-template-columns:1fr}
}

/* --- Гарантии --- */
.guards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.guard{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:26px 24px;
  transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s;height:100%}
.guard:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:transparent}
.guard__ic{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;
  background:linear-gradient(135deg,rgba(244,112,11,.16),rgba(244,112,11,.07));border:1px solid rgba(244,112,11,.2);margin-bottom:16px}
.guard__ic::before{content:"";width:24px;height:24px;background:var(--accent);
  -webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.guard h3{font-size:1.08rem;margin-bottom:6px}
.guard p{color:var(--muted);font-size:.92rem}
.ic--shield{--ic:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'><path d='M12 3 5 6v6c0 4 3 6.5 7 9 4-2.5 7-5 7-9V6z'/><path d='m9 12 2 2 4-4'/></svg>")}
.ic--camera{--ic:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'><path d='M4 7h3l2-2h6l2 2h3v13H4z'/><circle cx='12' cy='13' r='4'/></svg>")}
.ic--lock{--ic:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'><rect x='4' y='11' width='16' height='10' rx='2'/><path d='M8 11V8a4 4 0 0 1 8 0v3'/></svg>")}
.ic--gift{--ic:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'><rect x='3' y='8' width='18' height='4'/><path d='M5 12v9h14v-9M12 8v13'/><path d='M12 8S10 3 7.5 4.5 9 8 12 8Zm0 0s2-5 4.5-3.5S15 8 12 8Z'/></svg>")}
@media(max-width:900px){.guards{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.guards{grid-template-columns:1fr}}

/* --- Премиум промокод (тёмная карточка) --- */
.promo-card{background:linear-gradient(135deg,#181410,#2A2016)!important;color:#fff;position:relative;overflow:hidden}
.promo-card>*{position:relative;z-index:1}
.promo-card__glow{position:absolute!important;z-index:0!important;inset:-45% -25% auto auto;width:75%;height:160%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(244,112,11,.42),transparent 70%);animation:glowPulse 7s var(--ease) infinite alternate}
.promo-card__gift{position:absolute!important;z-index:0!important;top:-8px;right:-6px;width:120px;height:120px;opacity:.16;
  background:var(--accent-2);
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'><rect x='3' y='8' width='18' height='4'/><path d='M5 12v9h14v-9M12 8v13'/><path d='M12 8S10 3 7.5 4.5 9 8 12 8Zm0 0s2-5 4.5-3.5S15 8 12 8Z'/></svg>") center/contain no-repeat;
  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'><rect x='3' y='8' width='18' height='4'/><path d='M5 12v9h14v-9M12 8v13'/><path d='M12 8S10 3 7.5 4.5 9 8 12 8Zm0 0s2-5 4.5-3.5S15 8 12 8Z'/></svg>") center/contain no-repeat}
.promo-card__badge{background:rgba(244,112,11,.2);color:#fff;border:1px solid rgba(244,112,11,.45)}
.promo-card h3{color:#fff}
.promo-code b{background:rgba(255,255,255,.08);border:1px dashed rgba(255,255,255,.3);color:#fff}
.promo-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}
.promo-metrics div{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:13px;padding:13px 8px;text-align:center;backdrop-filter:blur(6px)}
.promo-metrics span{display:block;font-size:.72rem;color:rgba(255,255,255,.62);margin-bottom:5px}
.promo-metrics b{font-family:var(--font-sub);font-size:1.3rem;color:var(--accent-2)}

/* --- Карточка уведомлений (Telegram + MAX) --- */
.notif-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px 26px}
.notif-card h3{font-size:1.2rem;margin-bottom:8px}
.notif-card p{color:var(--muted);font-size:.92rem;margin-bottom:16px}
.notif-row{display:flex;gap:10px}
.notif-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;padding:16px 8px;border-radius:14px;
  border:1.5px solid var(--line);color:var(--ink);transition:border-color .2s,transform .15s,background .2s}
.notif-btn:hover{transform:translateY(-2px);border-color:rgba(244,112,11,.5)}
.notif-btn svg{width:26px;height:26px;color:#229ED9}
.notif-btn span{font-weight:600}
.notif-btn i{font-style:normal;font-size:.76rem;color:var(--muted)}
.notif-btn.is-on{border-color:rgba(55,214,122,.55);background:rgba(55,214,122,.06)}
.notif-btn.is-on i{color:#2A9D5B}
.notif-max{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;
  background:linear-gradient(135deg,#8A5CFF,#2F80FF);color:#fff;font-family:var(--font-sub);font-weight:700;font-size:.72rem}

/* --- SEO-текст --- */
.seo-sec{background:var(--paper)}
.seo-in h2{font-size:clamp(21px,2.8vw,30px);margin-bottom:16px;max-width:900px;letter-spacing:-.02em}
.seo-lead{font-weight:600;font-size:clamp(17px,2.2vw,22px);
  color:var(--ink);max-width:62ch;margin-bottom:26px;line-height:1.5}
.seo-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.seo-cols p{color:var(--muted);font-size:.94rem;line-height:1.7}
@media(max-width:820px){.seo-cols{grid-template-columns:1fr;gap:16px}}

/* --- Скачивание приложения --- */
.app-dl{position:relative;overflow:hidden;display:grid;grid-template-columns:1.2fr .8fr;gap:44px;align-items:center;
  background:linear-gradient(135deg,#181410,#2A2016);color:#fff;border-radius:var(--r-lg);padding:clamp(32px,5vw,60px);box-shadow:var(--shadow)}
.app-dl__glow{position:absolute;inset:auto -10% -60% 30%;width:60%;height:150%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(244,112,11,.4),transparent 70%);animation:glowPulse 7s var(--ease) infinite alternate}
.app-dl__text{position:relative;z-index:1}
.app-dl__text h2{color:#fff;font-size:clamp(26px,3.6vw,40px);line-height:1.1;margin:14px 0 14px}
.app-dl__text p{color:rgba(255,255,255,.72);max-width:44ch}
.app-dl__actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:26px}
.app-dl__ver{color:rgba(255,255,255,.6);font-size:.88rem}
.app-dl__hint{margin-top:16px;font-size:.85rem;color:rgba(255,255,255,.55);max-width:46ch}
.app-dl .app-phone{position:relative;z-index:1}
@media(max-width:820px){.app-dl{grid-template-columns:1fr;gap:28px}.app-dl .app-phone{order:-1}}

/* --- Баннер приложения на главной --- */
.appbn{position:relative;overflow:hidden;display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;
  background:linear-gradient(135deg,#181410,#2A2016);color:#fff;border-radius:var(--r-lg);padding:clamp(30px,5vw,56px);box-shadow:var(--shadow)}
.appbn__glow{position:absolute;inset:auto -10% -60% 30%;width:60%;height:150%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(244,112,11,.4),transparent 70%);animation:glowPulse 7s var(--ease) infinite alternate}
.appbn__text{position:relative;z-index:1}
.appbn__text h2{color:#fff;font-size:clamp(24px,3.4vw,38px);margin:12px 0 12px}
.appbn__text p{color:rgba(255,255,255,.72);max-width:40ch}
.appbn__feats{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.appbn__feats li{font-family:var(--font-sub);font-weight:500;font-size:.92rem;color:#fff;
  padding:9px 15px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);
  box-shadow:0 0 22px -9px rgba(244,112,11,.55)}
.appbn__note{color:rgba(255,255,255,.6);font-size:.9rem;margin-top:16px}
.appbn__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.appbn__phone{position:relative;z-index:1;display:flex;justify-content:center}
.appbn__phone .phone{width:238px}
@media(max-width:820px){.appbn{grid-template-columns:1fr;gap:26px}.appbn__phone{order:-1}}

/* ==========================================================================
   МОБИЛЬНЫЕ ГОРИЗОНТАЛЬНЫЕ СЛАЙДЫ — свайп вбок вместо длинной прокрутки
   ========================================================================== */
@media (max-width:760px){
  .cards, .whygrid, .guards, .steps, .tariffs, .terms, .whcards {
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:82%;
    grid-template-columns:none;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    gap:14px;
    margin-inline:-18px;
    padding:4px 18px 16px;
    scroll-padding-inline:18px;
  }
  .cards::-webkit-scrollbar, .whygrid::-webkit-scrollbar, .guards::-webkit-scrollbar,
  .steps::-webkit-scrollbar, .tariffs::-webkit-scrollbar, .terms::-webkit-scrollbar,
  .whcards::-webkit-scrollbar { height:0; display:none }
  .cards>*, .whygrid>*, .guards>*, .steps>*, .tariffs>*, .terms>*, .whcards>* {
    scroll-snap-align:center; height:auto;
  }
  .tariff--hot{transform:none}
}
@media (prefers-reduced-motion:reduce){.appbn__glow{animation:none}}

/* Панель слайдов (slider.js): счётчик «01 / 04», прогресс, стрелки — палец, мышь, MAX на компьютере */
.sldr{display:none}
@media (max-width:760px){
  .sldr{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px}
  .sldr[hidden]{display:none}
  .sldr__dots{display:flex;align-items:center;gap:7px}
  .sldr__dot{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:rgba(23,25,28,.16);cursor:pointer;
    transition:width .35s var(--ease),background .35s var(--ease);-webkit-tap-highlight-color:transparent}
  .sldr__dot.is-on{width:26px;background:linear-gradient(90deg,#FF9A3D,var(--accent))}
  .sldr__btn{display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:50%;cursor:pointer;
    border:1px solid var(--line);background:#fff;color:var(--ink);box-shadow:0 10px 24px -16px rgba(23,25,28,.55);
    transition:transform .2s var(--ease),background .2s,color .2s,border-color .2s,opacity .2s;-webkit-tap-highlight-color:transparent}
  .sldr__btn--prev svg{transform:rotate(180deg)}
  .sldr__btn:not(:disabled):active{transform:scale(.9)}
  .sldr__btn:not(:disabled):hover{background:var(--ink);border-color:var(--ink);color:#fff}
  .sldr__btn:disabled{opacity:.3;cursor:default;box-shadow:none}
  .sldr--dark .sldr__dot{background:rgba(255,255,255,.22)}
  .sldr--dark .sldr__dot.is-on{background:linear-gradient(90deg,#FF9A3D,var(--accent))}
  .sldr--dark .sldr__btn{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18);color:#fff;box-shadow:none}
  .sldr--dark .sldr__btn:not(:disabled):hover{background:var(--accent);border-color:var(--accent)}
  .is-drag{cursor:grabbing;scroll-snap-type:none!important;user-select:none}
}

/* Мобильное выравнивание: чипы, мессенджеры, финальный CTA — ровно и по центру */
@media (max-width:640px){
  .hero__quote{max-width:none}
  .hero__or{justify-content:center}
  .hero__trust{justify-content:center;gap:8px}
  .hero__trust-label{width:100%;text-align:center;margin:0 0 2px}
  .ft__mps{justify-content:flex-start}
  .megacta{text-align:center}
  .megacta__actions{flex-direction:column;align-items:stretch;gap:10px}
  .megacta__actions .btn{width:100%;justify-content:center}
  .megacta__badge{margin-inline:auto}
}

/* Установка приложения (/prilozhenie/): вкладки по системе + шаги */
.setup{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:clamp(20px,3.4vw,38px);box-shadow:var(--shadow)}
.setup__tabs{max-width:640px}
.setup__tabs .segbtn{position:relative;font-weight:600}
.setup__tabs .segbtn.has-you::after{content:"у вас";position:absolute;top:-9px;right:10px;padding:2px 8px;border-radius:999px;
  background:var(--ink);color:#fff;font:600 .64rem/1.4 Inter,system-ui,sans-serif;letter-spacing:.04em}
.setup__done{margin-top:18px;padding:12px 16px;border-radius:12px;background:rgba(244,112,11,.1);color:var(--accent-ink);font-weight:600}
.setup__go{margin-top:18px}
.setup__panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(20px,4vw,52px);margin-top:28px;padding-top:28px;border-top:1px solid var(--line)}
.setup__panel[hidden],.setup__done[hidden],.setup__go[hidden]{display:none}
.setup__lead h3{font-size:clamp(20px,2.2vw,25px);margin-bottom:10px}
.setup__lead p{color:var(--muted);max-width:44ch;margin-bottom:20px}
.setup__steps{list-style:none;margin:0;padding:0}
.setup__steps li{display:flex;align-items:baseline;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);line-height:1.5}
.setup__steps li::before{content:"";flex:none;width:16px;height:2px;border-radius:2px;background:var(--accent);transform:translateY(-5px)}
.setup__steps li:first-child{padding-top:2px}
.setup__steps li:last-child{border-bottom:0;padding-bottom:0}
.setup__steps b{color:var(--ink)}
.setup__share{display:inline-block;vertical-align:-3px;margin:0 2px;color:var(--accent)}
@media (max-width:760px){
  .setup__panel{grid-template-columns:1fr;gap:18px}
  .setup__tabs .segbtn{padding:12px 4px;font-size:.9rem}
  .setup__tabs .segbtn i{font-size:.76rem}
}

/* ==========================================================================
   КОНТАКТЫ: связь + как добраться (карта) + расчёт
   ========================================================================== */
.ic--max{--ic:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M21 12a9 9 0 1 1-3.1-6.8L21 4l-.9 3.6A9 9 0 0 1 21 12Z'/><path d='M8 15V9l4 3.2L16 9v6'/></svg>")}
.hub{padding-top:clamp(28px,4vw,48px)}
.hub__in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(18px,2.4vw,28px);align-items:stretch}
.hub__contacts{display:flex;flex-direction:column;gap:14px}
.hub__phone{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:6px;padding:28px 30px;border-radius:var(--r-lg);
  background:#181410;color:#fff;box-shadow:var(--shadow);transition:transform .25s var(--ease)}
.hub__phone::after{content:"";position:absolute;inset:auto -30% -80% 30%;height:150%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(244,112,11,.3),transparent 70%)}
.hub__phone:hover{transform:translateY(-2px)}
.hub__k{position:relative;z-index:1;font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.hub__phone b{position:relative;z-index:1;font:600 clamp(26px,3vw,34px)/1.1 var(--font-sub);letter-spacing:-.01em}
.hub__note{position:relative;z-index:1;color:rgba(255,255,255,.58);font-size:.9rem}
.hub__msgs{display:grid;gap:10px}
.hub__msg{display:flex;align-items:center;gap:14px;padding:13px 18px 13px 13px;border-radius:16px;
  background:linear-gradient(150deg,rgba(255,255,255,.9),rgba(255,255,255,.6));
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.8);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 14px 32px -24px rgba(23,25,28,.4),0 5px 20px -14px rgba(244,112,11,.2);
  transition:border-color .2s,transform .2s var(--ease),box-shadow .25s var(--ease)}
.hub__msg:hover{border-color:rgba(244,112,11,.4);transform:translateX(3px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 18px 40px -22px rgba(23,25,28,.45),0 10px 28px -12px rgba(244,112,11,.32)}
.hub__msg .cinfo__ic{width:42px;height:42px;border-radius:12px;box-shadow:0 0 20px -7px rgba(244,112,11,.5)}
.hub__msg .cinfo__ic::before{width:20px;height:20px}
.hub__tx{display:flex;flex-direction:column;min-width:0}
.hub__tx b{font-weight:600}
.hub__tx i{font-style:normal;font-size:.86rem;color:var(--muted);overflow-wrap:anywhere}
.hub__msg::after{content:"→";margin-left:auto;padding-left:8px;color:var(--muted);transition:color .2s,transform .2s var(--ease)}
.hub__msg:hover::after{color:var(--accent);transform:translateX(3px)}
.hub__hint{font-size:.88rem;color:var(--muted);padding:2px 4px;margin:0}

.route{position:relative;display:grid;grid-template-rows:minmax(320px,1fr) auto;border-radius:var(--r-lg);overflow:hidden;
  background:#181410;box-shadow:var(--shadow);isolation:isolate}
.route__map{position:relative;min-height:320px;background:#EDE7DC}
.route__map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.route__card{position:relative;padding:clamp(22px,2.6vw,30px) clamp(22px,3vw,34px) clamp(24px,3vw,32px);color:#fff;
  border-top:1px solid rgba(255,255,255,.06)}
.route__top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.route__k{font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:600}
.route__status{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:999px;font-size:.8rem;white-space:nowrap;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.85)}
.route__status::before{content:"";width:7px;height:7px;border-radius:50%;background:#9A8B7A}
.route__status.is-open::before{background:#3DDC84;box-shadow:0 0 0 4px rgba(61,220,132,.16)}
.route__addr{color:#fff;font-size:clamp(22px,2.6vw,30px);line-height:1.15;margin:0}
.route__region{color:rgba(255,255,255,.58);margin:6px 0 20px}
.route__meta{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 22px;padding:18px 0;border-block:1px solid rgba(255,255,255,.1)}
.route__meta dt{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.42);margin-bottom:6px}
.route__meta dd{margin:0;font-size:.95rem;line-height:1.55;color:#fff}
.route__meta dd span{color:rgba(255,255,255,.55)}
.route__go{display:flex;flex-wrap:wrap;gap:10px}
.route__btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:12px;cursor:pointer;
  font:600 .92rem/1 Inter,system-ui,sans-serif;color:#fff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);
  transition:background .2s,border-color .2s,transform .2s var(--ease)}
.route__btn:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3)}
.route__btn:active{transform:scale(.97)}
.route__btn--main{background:var(--accent);border-color:var(--accent)}
.route__btn--main:hover{background:#FF8A2A;border-color:#FF8A2A}

.quote__in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,64px);align-items:start}
.quote__side h2{font-size:clamp(28px,3.4vw,42px);line-height:1.08;margin:14px 0 30px}
.quote__flow{list-style:none;margin:0;padding:0;display:grid}
.quote__flow li{display:grid;gap:6px;padding:18px 0;border-top:1px solid var(--line-2)}
.quote__flow li:first-child{border-top:0;padding-top:0}
.quote__flow b{position:relative;padding-left:32px;font:500 1.08rem/1.35 var(--font-sub);letter-spacing:-.01em}
.quote__flow b::before{content:"";position:absolute;left:0;top:.62em;width:18px;height:2px;border-radius:2px;background:var(--accent)}
.quote__flow span{padding-left:32px;color:var(--muted);line-height:1.65;max-width:48ch}
.quote__form{display:grid;gap:22px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:clamp(22px,3.4vw,38px);box-shadow:var(--shadow)}
.qf{border:0;margin:0;padding:0;min-width:0}
.qf legend{padding:0;margin-bottom:10px;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:600}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{position:relative;cursor:pointer}
.chip input{position:absolute;opacity:0;pointer-events:none}
.chip span{display:inline-flex;align-items:center;padding:10px 15px;border-radius:999px;border:1.5px solid var(--line);background:var(--paper);
  font-size:.92rem;font-weight:500;color:var(--ink-soft);transition:border-color .2s,background .2s,color .2s}
.chip:hover span{border-color:rgba(244,112,11,.5)}
.chip input:checked+span{border-color:var(--ink);background:var(--ink);color:#fff}
.chip input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.chip--multi span::before{content:"";width:0;margin-right:0;overflow:hidden;font-weight:700;color:var(--accent);transition:width .2s,margin .2s}
.chip--multi input:checked+span::before{content:"✓";width:.9em;margin-right:6px}
.qf__note{margin-left:8px;font-style:normal;font-weight:500;letter-spacing:0;text-transform:none;color:var(--accent)}
.qf__row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.qfield{display:grid;gap:7px}
.qfield>span{font-size:.86rem;font-weight:600;color:var(--ink-soft)}
.qfield em{font-style:normal;font-weight:400;color:var(--muted);margin-left:4px}
.qfield input,.qfield textarea{width:100%;padding:14px 16px;border:1.5px solid var(--line);border-radius:14px;background:var(--paper);
  font:inherit;color:var(--ink);transition:border-color .2s,background .2s,box-shadow .2s}
.qfield textarea{resize:vertical;min-height:96px}
.qfield input:focus,.qfield textarea:focus{outline:none;border-color:var(--ink);background:#fff;box-shadow:0 0 0 4px rgba(23,25,28,.06)}
.quote__submit{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;padding-top:2px}
.quote__legal{flex:1 1 220px;margin:0;font-size:.78rem;line-height:1.45;color:var(--muted)}
@media (max-width:900px){
  .hub__in,.quote__in{grid-template-columns:1fr}
  .route{grid-template-rows:260px auto}
  .route__map{min-height:260px}
}
@media (max-width:560px){
  .qf__row,.route__meta{grid-template-columns:1fr}
  .quote__submit .btn,.route__btn--main{width:100%}
  .hub__phone{padding:22px}
  .quote__side h2{margin-bottom:22px}
}

/* Вход без пароля: Telegram / MAX / код на почту */
.pwl__lead{margin:0 0 10px;font-size:.84rem;color:var(--muted);text-align:center}
.soc--3{grid-template-columns:repeat(3,1fr)}
.soc__btn--max{color:#111}.soc__btn--max svg{color:#6B4EFF}
.soc__btn--max:hover{border-color:#6B4EFF;background:#F3F0FF}
.soc__btn--mail{color:var(--ink)}.soc__btn--mail svg{color:var(--accent)}
.soc__btn--mail:hover{border-color:var(--accent);background:#FFF4EA}
.pwl__wait{display:flex;gap:14px;align-items:flex-start;margin-top:16px;padding:16px 18px;border-radius:14px;
  background:var(--paper);border:1px solid var(--line)}
.pwl__wait[hidden],.pwl__mail[hidden],.pwl__code[hidden],.pwl__err[hidden]{display:none}
.pwl__wait b{display:block;margin-bottom:4px}
.pwl__wait p{margin:0 0 10px;color:var(--muted);font-size:.9rem;line-height:1.45}
.pwl__spin{flex:none;width:22px;height:22px;margin-top:1px;border-radius:50%;border:2.5px solid rgba(244,112,11,.22);
  border-top-color:var(--accent);animation:pwlSpin .9s linear infinite}
@keyframes pwlSpin{to{transform:rotate(360deg)}}
.pwl__again{margin-right:14px;color:var(--accent);font-weight:600;font-size:.9rem}
.pwl__cancel{background:none;border:0;padding:0;color:var(--muted);font:inherit;font-size:.9rem;cursor:pointer;
  text-decoration:underline;text-underline-offset:3px}
.pwl__mail,.pwl__code{margin-top:16px}
.pwl__code .pwl__cancel{align-self:center}
.pwl__sent{margin:0;color:var(--muted);font-size:.92rem}
.form input.pwl__otp{font-family:var(--font-sub);font-size:1.5rem;letter-spacing:.45em;text-align:center;padding-left:.45em}
.pwl__err{margin:12px 0 0;color:#C0392B;font-size:.88rem;text-align:center}
.auth__quick{margin:-6px 0 18px;padding:12px 14px;border-radius:12px;background:var(--paper);font-size:.9rem;color:var(--muted)}
.auth__quick a{color:var(--accent);font-weight:600}
@media (max-width:420px){.soc--3 .soc__btn{padding:12px 4px;gap:6px;font-size:.86rem}}

/* ==========================================================================
   КАБИНЕТ АДМИНИСТРАТОРА: период, KPI, график, источники, пользователи, переписка
   ========================================================================== */
.adm-hero__side{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.adm-hero__link{font-size:.84rem;color:rgba(255,255,255,.6)}
.adm-hero__link:hover{color:#fff}
.periods{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
.periods__btn{padding:9px 16px;border-radius:999px;font-weight:600;font-size:.88rem;color:rgba(255,255,255,.72);transition:background .2s,color .2s}
.periods__btn:hover{color:#fff}
.periods__btn.is-on{background:#fff;color:var(--ink)}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px}
.kpi{position:relative;display:flex;flex-direction:column;gap:6px;min-width:0;padding:20px 22px;border-radius:var(--r-lg);
  background:var(--card);border:1px solid var(--line)}
.kpi__k{font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}
.kpi b{font:600 clamp(24px,2.5vw,34px)/1.05 var(--font-sub);letter-spacing:-.01em;color:var(--ink);overflow-wrap:anywhere}
.kpi__d{position:absolute;top:18px;right:18px;font-style:normal;font-size:.76rem;font-weight:600;padding:3px 8px;border-radius:999px}
.kpi__d.is-up{color:#1E8E4E;background:rgba(61,220,132,.15)}
.kpi__d.is-down{color:#C0392B;background:rgba(192,57,43,.1)}
.kpi__sub{font-size:.82rem;color:var(--muted)}
.kpi--accent{background:#181410;border-color:#181410;overflow:hidden}
.kpi--accent::after{content:"";position:absolute;inset:auto -30% -90% 30%;height:160%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(244,112,11,.32),transparent 70%)}
.kpi--accent .kpi__k{color:rgba(255,255,255,.5)}.kpi--accent b{color:#fff}.kpi--accent .kpi__sub{color:rgba(255,255,255,.55)}
.adm-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;margin-top:16px}
.adm-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.panel{min-width:0;padding:22px 24px;border-radius:var(--r-lg);background:var(--card);border:1px solid var(--line)}
.panel__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:18px}
.panel__head h3{font-size:1.06rem;margin:0}
.panel__head>span{font-size:.84rem;color:var(--muted)}
.legend{display:inline-flex;align-items:center;gap:6px}
.lg{display:inline-block;width:10px;height:10px;border-radius:3px;margin:0 2px 0 8px;vertical-align:-1px}
.lg--v{background:#E4D9C9}.lg--r{background:var(--accent)}.lg--ink{background:var(--ink);margin-left:0}
.vchart{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:4px;align-items:end;height:210px;padding-top:18px}
.adm-grid>.panel{display:flex;flex-direction:column}
.adm-grid>.panel>.vchart{flex:1;height:auto;min-height:210px}
.vchart__col{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;min-width:0}
.vchart__bar{position:relative;width:100%;max-width:28px;min-height:3px;border-radius:6px 6px 2px 2px;
  background:linear-gradient(180deg,#EFE6D9,#E1D4C1);transition:background .2s}
.vchart__col:hover .vchart__bar{background:linear-gradient(180deg,#FBCFA8,#F4A15C)}
.vchart__reg{position:absolute;left:50%;top:-10px;transform:translateX(-50%);min-width:18px;height:18px;padding:0 4px;border-radius:999px;
  background:var(--accent);color:#fff;font:600 .66rem/18px Inter,sans-serif;text-align:center;box-shadow:0 0 0 2px var(--card)}
.vchart__x{height:16px;margin-top:6px;font-size:.66rem;color:var(--muted);white-space:nowrap}
.srcs{list-style:none;margin:0;padding:0;display:grid;gap:15px}
.srcs__top{display:flex;justify-content:space-between;gap:10px;font-size:.92rem}
.srcs__top span{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.srcs__bar{height:6px;margin-top:7px;border-radius:999px;background:var(--paper-2);overflow:hidden}
.srcs__bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#FF9A3D,var(--accent))}
.srcs em{display:block;margin-top:5px;font-style:normal;font-size:.78rem;color:var(--muted);overflow-wrap:anywhere}
.split{display:flex;height:12px;margin:8px 0 16px;border-radius:999px;overflow:hidden;background:var(--paper-2)}
.split i{display:block;height:100%}
.split .s1{background:var(--ink)}.split .s2{background:var(--accent)}
.split__legend{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:.92rem}
.split__legend b{font-family:var(--font-sub);margin-left:4px}
.toplist{list-style:none;margin:0;padding:0}
.toplist li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line-2);font-size:.92rem}
.toplist li:last-child{border-bottom:0}
.toplist code{font-family:inherit;color:var(--ink);overflow-wrap:anywhere}
.toplist span{color:var(--muted);font-variant-numeric:tabular-nums}
.adm .adm-empty{color:var(--muted);list-style:none}
.panel__sub{margin:20px 0 12px;font-size:.78rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--muted)}
.panel .srcs+.panel__sub,.panel .toplist+.panel__sub{margin-top:22px}
.adm-note{margin:6px 0 0;font-size:.86rem;line-height:1.5;color:var(--muted)}
.adm-note code{background:var(--paper-2);padding:1px 6px;border-radius:6px;font-size:.82em;overflow-wrap:anywhere}
.adm-sec__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:34px}
.adm-sec__head .cab__h2{margin:0}
.cab__h2 span{margin-left:8px;font-size:.9rem;font-weight:500;color:var(--muted)}
.adm-search input{width:min(320px,80vw);padding:11px 16px;border:1.5px solid var(--line);border-radius:999px;background:var(--card);font:inherit;color:var(--ink)}
.adm-search input:focus{outline:none;border-color:var(--ink)}
.adm-table--users{margin-top:16px}
.adm-table--users table{min-width:920px}
.ucell{display:flex;align-items:center;gap:10px;min-width:190px}
.ucell .conv__ava{width:34px;height:34px;font-size:.85rem}
.ucell b{display:block;font-size:.92rem;overflow-wrap:anywhere}
.ucell i,.adm-table td i.muted{display:block;font-style:normal;font-size:.76rem;color:var(--muted)}
.adm-link{color:var(--accent);font-weight:600}
.chipx{display:inline-block;padding:4px 10px;border-radius:999px;font-size:.76rem;font-weight:600;white-space:nowrap;background:var(--paper-2);color:var(--ink-soft)}
.chipx--tg{background:#EAF6FC;color:#1A86BF}.chipx--max{background:#F1EEFF;color:#5B3FE0}.chipx--mail{background:#FFF1E5;color:#B85A06}
.chipx--site{background:#FFF1E5;color:#B85A06}
/* Посетители: список + карточка */
.vrow{cursor:pointer;transition:background .15s}
.vrow:hover{background:#FDFBF8}
.qdot{display:inline-block;width:11px;height:11px;border-radius:50%;vertical-align:middle}
.qdot--good{background:#22C55E}.qdot--mid{background:#F4700B}.qdot--bounce{background:#D64545}
.vlegend{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;margin:2px 2px 26px;font-size:.82rem;color:var(--muted)}
.vlegend .qdot{margin-right:6px}
.vmodal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}
.vmodal[hidden]{display:none}
.vmodal__bg{position:absolute;inset:0;background:rgba(20,16,12,.55);backdrop-filter:blur(3px)}
.vmodal__card{position:relative;width:100%;max-width:560px;max-height:86vh;overflow:auto;background:var(--card);
  border-radius:22px;padding:28px 26px;box-shadow:0 30px 80px rgba(20,16,12,.4);animation:dzpop .18s ease}
.vmodal__x{position:absolute;top:14px;right:16px;width:34px;height:34px;border:none;background:var(--paper-2);
  border-radius:50%;font-size:20px;line-height:1;color:var(--ink-soft);cursor:pointer}
.vmodal__load{padding:40px;text-align:center;color:var(--muted)}
.vcard__head{display:flex;align-items:center;gap:10px;font-size:1.2rem;font-family:var(--font-sub);font-weight:600;margin-bottom:16px;padding-right:34px}
.vcard__grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;margin-bottom:18px}
.vcard__grid>div{display:flex;flex-direction:column;gap:3px}
.vcard__grid span{font-size:.76rem;color:var(--muted)}
.vcard__grid b{font-size:.94rem;font-weight:600}
.vcard__sub{font-size:.78rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--muted);margin:14px 0 8px}
.vpages,.vacts{list-style:none;margin:0;padding:0}
.vpages li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line-2);font-size:.9rem}
.vpages li:last-child{border-bottom:0}
.vpages time,.vacts time{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.vacts li{padding:8px 0;border-bottom:1px solid var(--line-2);font-size:.88rem;color:var(--ink-soft)}
.vacts li:last-child{border-bottom:0}
@media(max-width:520px){.vcard__grid{grid-template-columns:1fr}}
.chan{font-style:normal;font-weight:600}
.chan--tg{color:#1A86BF}.chan--max{color:#5B3FE0}.chan--site{color:var(--accent-ink)}
.conv__ava--tg{background:#EAF6FC!important;color:#1A86BF!important}
.conv__ava--max{background:#F1EEFF!important;color:#5B3FE0!important}
.conv__t{margin-left:auto;align-self:flex-start;padding-left:6px;font-size:.7rem;color:var(--muted);white-space:nowrap}
.bubble__img{display:block;max-width:220px;border-radius:10px;margin-bottom:6px}
.bubble__ph{display:block;margin-bottom:4px;font-size:.82rem;opacity:.75}
@media (max-width:980px){
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .adm-grid,.adm-grid--2{grid-template-columns:1fr}
  .adm-hero__side{align-items:flex-start}
}
@media (max-width:560px){
  .kpis{gap:10px}.kpi{padding:16px}.kpi__d{top:14px;right:12px}
  .panel{padding:18px}.periods__btn{padding:8px 11px;font-size:.82rem}
  .vchart{gap:2px;height:170px}
}

/* ==========================================================================
   ПОСТАВКА: товары и маркировка (ШК, «Честный знак», серийный номер) + файлы
   ========================================================================== */
.wrap--mid{max-width:1040px}
.sx{margin-top:22px;padding:clamp(20px,3vw,32px);border-radius:var(--r-lg);background:var(--card);border:1px solid var(--line)}
.sx__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:18px 28px;margin-bottom:22px}
.sx__head h2{font-size:clamp(22px,2.4vw,28px);margin:10px 0 6px}
.sx__head p{max-width:56ch;margin:0;color:var(--muted)}
.sx__meter{display:flex;gap:4px;padding:5px;border-radius:16px;background:var(--paper);border:1px solid var(--line-2)}
.sx__meter div{display:flex;flex-direction:column;align-items:center;min-width:80px;padding:9px 12px;border-radius:12px}
.sx__meter div:first-child{background:#181410;color:#fff}
.sx__meter b{font:600 1.35rem/1.1 var(--font-sub)}
.sx__meter span{font-size:.74rem;color:var(--muted)}
.sx__meter div:first-child span{color:rgba(255,255,255,.6)}
.sx__add{margin-bottom:20px;padding:18px;border-radius:18px;background:var(--paper);border:1px solid var(--line-2)}
.sx__switch{display:inline-flex;gap:4px;margin-bottom:16px;padding:4px;border-radius:999px;background:#fff;border:1px solid var(--line)}
.sx__tab{padding:8px 16px;border:0;border-radius:999px;background:none;font:600 .88rem Inter,system-ui,sans-serif;color:var(--muted);cursor:pointer;transition:background .2s,color .2s}
.sx__tab:hover{color:var(--ink)}
.sx__tab.is-on{background:var(--ink);color:#fff}
.itemform{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;align-items:end;
  grid-template-areas:"name name bc bc serial serial" "cz cz cz cz qty go" "hint hint hint hint hint hint"}
.itemform__name{grid-area:name}.itemform__bc{grid-area:bc}.itemform__serial{grid-area:serial}
.itemform__cz{grid-area:cz}.itemform__qty{grid-area:qty}.itemform__go{grid-area:go}.itemform [data-gtin]{grid-area:hint}
.itemform[hidden],.bulkform[hidden],.itemform__hint[hidden]{display:none}
.sx__add .qfield input,.sx__add .qfield textarea{background:#fff}
.itemform__go,.bulkform__row .btn{height:52px;white-space:nowrap}
.itemform__hint{grid-column:1/-1;margin:0;font-size:.82rem;color:var(--accent-ink)}
.itemform__hint--muted{color:var(--muted)}
.bulkform{display:grid;gap:12px}
.bulkform textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86rem;line-height:1.55}
.bulkform__row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}
.sx__tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px}
.sx__table{width:100%;min-width:760px;border-collapse:collapse;font-size:.92rem}
.sx__table th{padding:12px 14px;text-align:left;font-size:.7rem;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);
  background:var(--paper);border-bottom:1px solid var(--line);white-space:nowrap}
.sx__table td{padding:11px 14px;border-bottom:1px solid var(--line-2);vertical-align:middle}
.sx__table tbody tr:last-child td{border-bottom:0}
.sx__table tbody tr:hover{background:#FDFBF8}
.sx__table .num{text-align:right;font-variant-numeric:tabular-nums}
.sx__table .act{width:48px;text-align:right}
.sx__table form{margin:0}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.84rem}
.muted{color:var(--muted)}
.czcode{display:inline-flex;align-items:center;gap:10px;max-width:100%;padding:5px 10px;border-radius:9px;border:1px solid var(--line);
  background:var(--paper);color:var(--ink);text-align:left;cursor:pointer;transition:border-color .2s,background .2s}
.czcode i{font-style:normal;font-size:.7rem;font-weight:600;color:var(--accent);white-space:nowrap;opacity:0;transition:opacity .2s}
.czcode:hover{border-color:rgba(244,112,11,.45)}
.czcode:hover i,.czcode.is-copied i{opacity:1}
.czcode.is-copied{background:#FFF6EE}
.iconbtn{display:inline-grid;place-items:center;width:34px;height:34px;padding:0;border-radius:10px;border:1px solid var(--line);background:#fff;
  color:var(--muted);font-size:1.1rem;line-height:1;cursor:pointer;transition:color .2s,border-color .2s,background .2s}
.iconbtn:hover{color:#C0392B;border-color:rgba(192,57,43,.35);background:#FFF5F4}
.iconbtn--dl:hover{color:var(--accent);border-color:rgba(244,112,11,.45);background:#FFF6EE}
.sx__foot{display:flex;justify-content:flex-end;margin-top:12px}
.sx__link{font-size:.88rem;font-weight:600;color:var(--accent)}
.sx__empty{padding:22px;border-radius:16px;border:1px dashed rgba(23,25,28,.16);text-align:center;color:var(--muted)}
.drop{display:grid;gap:12px;margin-bottom:18px}
.drop__zone{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:30px 20px;border-radius:18px;
  border:1.5px dashed rgba(23,25,28,.18);background:var(--paper);text-align:center;cursor:pointer;transition:border-color .2s,background .2s}
.drop__zone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.drop__zone:hover,.drop__zone.is-over{border-color:var(--accent);background:#FFF6EE}
.drop__zone.has-files{border-style:solid;border-color:var(--ink);background:#fff}
.drop__zone.is-empty{border-color:#C0392B;background:#FFF5F4}
.drop__ic{display:grid;place-items:center;width:48px;height:48px;margin-bottom:6px;border-radius:14px;background:#181410;color:#fff}
.drop__zone>span{font-size:.88rem;color:var(--muted)}
.drop__zone u{color:var(--accent);text-underline-offset:3px}
.drop__zone .drop__picked{max-width:100%;margin-top:6px;color:var(--ink);font-weight:600;overflow-wrap:anywhere}
.drop__zone .drop__picked[hidden]{display:none}
.drop__row{display:grid;grid-template-columns:1fr auto;gap:12px}
.drop__row .btn{height:52px}
.drop__comment{padding:14px 16px;border:1.5px solid var(--line);border-radius:14px;background:#fff;font:inherit;color:var(--ink)}
.drop__comment:focus{outline:none;border-color:var(--ink)}
.flist{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.flist__item{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:#fff;transition:border-color .2s}
.flist__item:hover{border-color:rgba(244,112,11,.35)}
.flist__ext{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:var(--paper-2);
  font:700 .68rem/1 var(--font-sub);letter-spacing:.04em;color:var(--accent-ink)}
.flist__tx{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}
.flist__name{font-weight:600;color:var(--ink);overflow-wrap:anywhere}
.flist__name:hover{color:var(--accent)}
.flist__tx span{font-size:.8rem;color:var(--muted)}
.flist__item form{margin:0}
.adm-table td a.adm-link+i.muted{display:block;font-style:normal;font-size:.76rem}
@media (max-width:900px){
  .itemform{grid-template-columns:1fr 1fr;grid-template-areas:"name name" "bc serial" "cz cz" "qty go" "hint hint"}
}
@media (max-width:560px){
  .sx__meter{width:100%}.sx__meter div{flex:1;min-width:0;padding:8px 6px}
  .sx__meter--one{width:auto}.sx__meter--one div{flex:0 0 auto;min-width:104px;padding:9px 16px}
  .itemform{grid-template-areas:"name name" "bc bc" "serial serial" "cz cz" "qty go" "hint hint"}
  .bulkform__row,.drop__row{grid-template-columns:1fr}
  .flist__item{gap:10px;padding:10px}.flist__ext{width:40px;height:40px}
}

/* ==========================================================================
   ГЛАВНАЯ: гарантии (договор + три цифры) и SEO-блок бенто-сеткой
   ========================================================================== */
.gx{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(16px,2.6vw,32px);align-items:stretch}
.gx__doc{position:relative;overflow:hidden;padding:clamp(28px,4vw,48px);border-radius:var(--r-lg);background:#181410;color:#fff;box-shadow:var(--shadow)}
.gx__doc::before{content:"";position:absolute;inset:auto -20% -60% 30%;height:120%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(244,112,11,.28),transparent 70%)}
.gx__doc>*{position:relative;z-index:1}
.gx__doc h2{color:#fff;font-size:clamp(28px,3.4vw,42px);line-height:1.08;margin:14px 0}
.gx__doc>p{max-width:46ch;margin:0 0 32px;color:rgba(255,255,255,.7)}
.paper{max-width:430px;padding:22px 24px 20px;border-radius:14px;background:#FAF8F4;color:var(--ink);
  box-shadow:0 34px 60px -30px rgba(0,0,0,.75);transform:rotate(-2.2deg);transform-origin:left bottom;transition:transform .6s var(--ease)}
.gx__doc:hover .paper{transform:rotate(0) translateY(-4px)}
.paper__head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:12px;border-bottom:1px dashed rgba(23,25,28,.22)}
.paper__head b{font:600 .96rem/1.3 var(--font-sub)}
.paper__head span{font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.paper__cl{list-style:none;margin:16px 0 18px;padding:0;display:grid;gap:13px;counter-reset:none}
.paper__cl li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start}
.paper__cl i{font-style:normal;font:600 .78rem/1.5 var(--font-sub);color:var(--accent)}
.paper__cl span{font-size:.88rem;line-height:1.5;color:var(--ink-soft)}
.paper__sign{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid var(--line)}
.paper__sign span{display:block;margin-bottom:2px;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.paper__sign b{font:600 .96rem var(--font-sub)}
.paper__auto{width:132px;height:46px;color:#2A3550;opacity:.85;transform:rotate(-3deg)}
.gtext{display:flex;flex-direction:column;justify-content:center;padding:clamp(4px,2vw,30px) 0 0 clamp(0px,2.4vw,34px)}
.gtext__lead{margin:0 0 18px;font:500 clamp(20px,2.1vw,27px)/1.35 var(--font-sub);letter-spacing:-.02em;color:var(--ink);max-width:30ch}
.gtext p{margin:0;color:var(--muted);font-size:1rem;line-height:1.7;max-width:46ch}
.gfacts{list-style:none;display:flex;flex-wrap:wrap;gap:12px 36px;margin:30px 0 0;padding:22px 0 0;border-top:1px solid var(--line)}
.gfacts b{display:block;font:600 clamp(24px,2.4vw,32px)/1 var(--font-sub);letter-spacing:-.03em;color:var(--ink)}
.gfacts span{display:block;margin-top:6px;font-size:.84rem;color:var(--muted);max-width:18ch}
.gtext__link{margin-top:26px;align-self:flex-start;font-weight:600;color:var(--accent);border-bottom:1px solid rgba(244,112,11,.35);padding-bottom:2px}
.gtext__link:hover{border-color:var(--accent)}

.seox__head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:14px 44px;align-items:end;margin-bottom:26px}
.seox__head .eyebrow,.seox__mps{grid-column:1/-1}
.seox__head h2{margin:0;font-size:clamp(24px,3vw,38px);line-height:1.1;letter-spacing:-.02em}
.seox__lead{margin:0;font-size:clamp(16px,1.6vw,19px);line-height:1.5;color:var(--ink-soft)}
.seox__mps{display:flex;flex-wrap:wrap;gap:8px}
.seox__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:14px}
.seox__card{position:relative;display:flex;flex-direction:column;gap:10px;padding:clamp(22px,2.6vw,30px);border-radius:var(--r-lg);
  background:var(--card);border:1px solid var(--line)}
.seox__card--dark{grid-row:span 2;justify-content:space-between;gap:28px;overflow:hidden;background:#181410;border-color:#181410;color:#fff}
.seox__card--dark::after{content:"";position:absolute;inset:-40% -30% auto auto;width:80%;height:90%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(244,112,11,.26),transparent 70%)}
.seox__card--dark>*{position:relative;z-index:1}
.seox__stat{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px}
.seox__stat b{font:600 clamp(30px,3.2vw,44px)/1 var(--font-sub);letter-spacing:-.03em;color:var(--accent)}
.seox__card--dark .seox__stat b{font-size:clamp(64px,7vw,104px);color:#fff}
.seox__stat span{font-size:.86rem;line-height:1.35;color:var(--muted)}
.seox__card--dark .seox__stat span{color:rgba(255,255,255,.6)}
.seox__ops{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}
.seox__ops li{padding:7px 13px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);
  font-size:.82rem;color:rgba(255,255,255,.78)}
.seox__card h3{margin:4px 0 0;font-size:1.12rem}
.seox__card--dark h3{margin-bottom:10px;color:#fff;font-size:1.3rem}
.seox__card p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.7}
.seox__card--dark p{color:rgba(255,255,255,.7)}
@media (max-width:900px){
  .gx,.seox__head,.seox__grid{grid-template-columns:1fr}
  .seox__card--dark{grid-row:auto}
}
/* ==========================================================================
   ВЭД И КИТАЙ: себестоимость, сроки, этапы
   ========================================================================== */
.vcost{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(20px,3vw,56px);align-items:start}
.vcost__tx h2{font-size:clamp(26px,3.2vw,38px);line-height:1.12;margin:14px 0 16px;max-width:18ch}
.vcost__tx p{margin:0 0 26px;color:var(--muted);line-height:1.7;max-width:44ch}
.vcost__list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.vcost__list li{padding:20px 2px;border-bottom:1px solid var(--line)}
.vcost__list b{display:block;font-size:1.05rem;margin-bottom:4px}
.vcost__list span{color:var(--muted);font-size:.93rem;line-height:1.55}
.vterms{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.vterms li{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(0,1.6fr) 130px;grid-template-areas:"name bar days" "note note note";
  gap:10px 22px;align-items:center;padding:20px 4px;border-bottom:1px solid var(--line)}
.vterms li:first-child{border-top:1px solid var(--line)}
.vterms__name{grid-area:name;font:600 1.08rem var(--font-sub)}
.vterms__bar{grid-area:bar;height:10px;border-radius:999px;background:var(--paper-2);overflow:hidden}
.vterms__bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#FF9A3D,var(--accent))}
.vterms__days{grid-area:days;text-align:right;font:600 1rem var(--font-sub);white-space:nowrap}
.vterms__note{grid-area:note;color:var(--muted);font-size:.9rem}
.vsteps2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.vstep2{padding:clamp(20px,2.4vw,28px);border-radius:var(--r-lg);background:var(--card);border:1px solid var(--line);
  transition:border-color .25s,transform .25s var(--ease)}
.vstep2:hover{border-color:rgba(244,112,11,.4);transform:translateY(-3px)}
.vstep2 h3{position:relative;padding-top:18px;font-size:1.1rem;margin-bottom:6px}
.vstep2 h3::before{content:"";position:absolute;left:0;top:0;width:26px;height:2px;border-radius:2px;background:var(--accent)}
.vstep2 p{margin:0;color:var(--muted);font-size:.93rem;line-height:1.6}
.vadv{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(20px,3vw,52px);align-items:center}
.vadv__tx h2{font-size:clamp(24px,3vw,34px);line-height:1.15;margin:14px 0 14px;max-width:20ch}
.vadv__tx p{margin:0;color:var(--muted);line-height:1.7;max-width:44ch}
.vadv__list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.vadv__list li{position:relative;padding:18px 20px 18px 52px;border-radius:16px;background:var(--card);border:1px solid var(--line);
  font-size:.98rem;color:var(--ink-soft)}
.vadv__list li::before{content:"";position:absolute;left:20px;top:22px;width:16px;height:16px;border-radius:5px;
  background:rgba(244,112,11,.16);box-shadow:inset 0 0 0 2px var(--accent)}
@media (max-width:980px){
  .vcost,.vadv,.vsteps2{grid-template-columns:1fr}
  .vsteps2{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .vsteps2{grid-template-columns:1fr}
  .vterms li{grid-template-columns:1fr auto;grid-template-areas:"name days" "bar bar" "note note";gap:8px 16px}
}

/* ==========================================================================
   ЛОГИСТИКА: склады площадок, Авито, регионы, услуги
   ========================================================================== */
.whs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.wh{padding:clamp(22px,2.6vw,30px);border-radius:var(--r-lg);background:var(--card);border:1px solid var(--line)}
.wh__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.wh__price{font:600 1rem var(--font-sub);color:var(--accent-ink);white-space:nowrap}
.wh__lead{margin:14px 0 20px;color:var(--muted);font-size:.93rem;line-height:1.6}
.wh__grp+.wh__grp{margin-top:18px;padding-top:18px;border-top:1px solid var(--line-2)}
.wh__grp h3{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.wh__grp ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.wh__grp li{position:relative;padding-left:16px;font-size:.93rem;color:var(--ink-soft);line-height:1.45}
.wh__grp li::before{content:"";position:absolute;left:0;top:9px;width:5px;height:5px;border-radius:50%;background:var(--accent);opacity:.75}
.avito{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(20px,3vw,44px);
  padding:clamp(26px,3.4vw,44px);border-radius:var(--r-lg);background:#181410;color:#fff;box-shadow:var(--shadow)}
.avito::after{content:"";position:absolute;inset:auto -20% -70% 45%;height:140%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(0,170,255,.26),transparent 70%)}
.avito>*{position:relative;z-index:1}
.avito h2{color:#fff;font-size:clamp(24px,2.8vw,34px);margin:14px 0 12px}
.avito p{margin:0 0 14px;color:rgba(255,255,255,.72);max-width:46ch}
.avito .mp{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16)}
.avito__note{font-size:.9rem;color:rgba(255,255,255,.55)}
.avito__steps{list-style:none;margin:0;padding:0;align-self:center;border-top:1px solid rgba(255,255,255,.12)}
.avito__steps li{padding:16px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:.96rem;line-height:1.55;
  color:rgba(255,255,255,.86)}
.rlist{max-width:1000px}
.rlist__row{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.5fr);gap:12px clamp(24px,4vw,64px);
  padding:clamp(22px,2.6vw,32px) 0;border-top:1px solid var(--line)}
.rlist__who{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.rlist__who b{font:500 clamp(19px,1.9vw,24px)/1.25 var(--font-sub);letter-spacing:-.02em}
.rlist__row p{margin:0;max-width:60ch;color:var(--ink-soft);font-size:1.01rem;line-height:1.75}
.rlist__sum{margin:clamp(22px,2.6vw,32px) 0 0;padding:6px 0 6px 22px;border-left:3px solid var(--accent);
  max-width:70ch;font-size:clamp(17px,1.7vw,20px);line-height:1.6;color:var(--ink)}
@media (max-width:760px){
  .rlist__row{grid-template-columns:1fr;padding:22px 0;gap:10px}
  .rlist__sum{padding-left:16px}
}
.lrows{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.lrows li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:baseline;padding:22px 4px;border-bottom:1px solid var(--line);
  transition:background .2s}
.lrows li:hover{background:var(--card)}
.lrows__tx b{display:block;font-size:1.06rem;margin-bottom:4px}
.lrows__tx span{color:var(--muted);font-size:.93rem;line-height:1.55}
.lrows__price{font:600 1rem var(--font-sub);color:var(--ink);white-space:nowrap}
@media (max-width:980px){.whs,.regions{grid-template-columns:1fr}.avito{grid-template-columns:1fr}}
@media (max-width:560px){
  .lrows li{grid-template-columns:1fr;gap:8px;padding:18px 2px}
  .lrows__price{font-size:.92rem;color:var(--accent-ink)}
}

/* ==========================================================================
   ПРАЙС ПО ОПЕРАЦИЯМ И КАЛЬКУЛЯТОР
   ========================================================================== */
.pschemes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.pscheme{display:flex;flex-direction:column;padding:clamp(24px,3vw,34px);border-radius:var(--r-lg);background:var(--card);border:1px solid var(--line)}
.pscheme h3{font-size:clamp(20px,2.2vw,26px);line-height:1.2}
.pscheme__badge{align-self:flex-start;font-family:var(--font-sub);font-weight:600;font-size:.78rem;letter-spacing:.08em;
  padding:6px 14px;border-radius:999px;margin-bottom:14px;color:var(--accent);
  background:rgba(244,112,11,.10);border:1px solid rgba(244,112,11,.34);box-shadow:0 0 22px -6px rgba(244,112,11,.55)}
.pscheme--dark .pscheme__badge{color:var(--accent-2);background:rgba(244,112,11,.16);border-color:rgba(244,112,11,.46);
  box-shadow:0 0 26px -4px rgba(244,112,11,.6)}
.pscheme__lead{margin:10px 0 20px;color:var(--muted);max-width:44ch}
.pscheme--dark{position:relative;overflow:hidden;background:#181410;border-color:#181410;color:#fff}
.pscheme--dark::after{content:"";position:absolute;inset:auto -25% -70% 35%;height:130%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(244,112,11,.26),transparent 70%)}
.pscheme--dark>*{position:relative;z-index:1}
.pscheme--dark h3{color:#fff}.pscheme--dark .pscheme__lead{color:rgba(255,255,255,.7)}
.pscheme__rows{margin:0 0 22px;display:grid;grid-template-columns:minmax(0,1fr) auto auto}
.pscheme__rows>div{display:contents}
.pscheme__rows dt,.pscheme__rows dd{padding-block:12px;border-bottom:1px solid var(--line-2);line-height:24px}
.pscheme__rows>div:last-child dt,.pscheme__rows>div:last-child dd{border-bottom:0}
.pscheme--dark .pscheme__rows dt,.pscheme--dark .pscheme__rows dd{border-color:rgba(255,255,255,.1)}
.pscheme__rows dt{font-size:.94rem;color:var(--ink-soft);padding-right:18px}
.pscheme__rows .prow__val,.pscheme__rows .prow__unit{line-height:24px}
.pscheme--dark .pscheme__rows dt{color:rgba(255,255,255,.72)}
.pscheme__rows dd{margin:0}
.pscheme__rows .prow__val{font-size:1.02rem}
.pscheme--dark .pscheme__rows .prow__val{color:#fff}
.pscheme--dark .pscheme__rows .prow__unit,.pscheme--dark .pscheme__rows .prow__val em,
.pscheme--dark .pscheme__rows .rub i{color:rgba(255,255,255,.5)}
.pscheme--dark .pscheme__rows .prow__val--free{color:#8FE3B0}
.pscheme .btn{margin-top:auto}

.plist2>*{min-width:0}
.plist2{display:grid;grid-template-columns:minmax(0,230px) minmax(0,1fr);gap:clamp(18px,3vw,40px);align-items:start}
.pnav{position:sticky;top:86px;display:flex;flex-direction:column;gap:2px}
.pnav__link{padding:10px 14px;border-radius:12px;font-size:.92rem;color:var(--muted);transition:background .2s,color .2s}
.pnav__link:hover{color:var(--ink);background:var(--paper-2)}
.pnav__link.is-on{background:var(--ink);color:#fff}
.pnav__go{margin-top:10px;padding:10px 14px;font-size:.9rem;font-weight:600;color:var(--accent)}
.pgroups{display:grid;gap:16px}
.pgroup{padding:clamp(20px,2.6vw,30px);border-radius:var(--r-lg);background:var(--card);border:1px solid var(--line);scroll-margin-top:90px}
.pgroup__head h3{font-size:clamp(19px,2vw,23px)}
.pgroup__head p{margin:6px 0 0;color:var(--muted);font-size:.9rem;max-width:60ch}
/* цены: число и ₽ одним неразрывным блоком, одна типографика на всей странице */
.rub{white-space:nowrap;font-variant-numeric:tabular-nums}
.rub i{font-style:normal;font-weight:400;font-size:.82em;color:var(--muted);margin-left:.18em}
.prow__val{text-align:right;white-space:nowrap;font:500 1.05rem/25px var(--font-sub);letter-spacing:-.01em;color:var(--ink)}
.prow__val em{font-style:normal;font-weight:400;font-size:.72em;color:var(--muted);margin-right:.4em}
.prow__val--free{font-size:.92rem;color:var(--accent-ink)}

/* ==========================================================================
   ГЕО-ПОСАДОЧНЫЕ (SEO под «фулфилмент <площадка/город>»)
   ========================================================================== */
.geo-lede{max-width:66ch}
.geo-lede p{margin:0 0 16px;color:var(--ink-soft);line-height:1.75;font-size:1.05rem}
.geo-lede .btn{margin-top:6px}
.geo-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.geo-related__card{display:flex;flex-direction:column;gap:10px;align-items:flex-start;
  padding:clamp(18px,2.2vw,24px);border-radius:var(--r-lg);background:var(--card);
  border:1px solid var(--line);color:var(--ink);
  transition:border-color .25s,transform .25s var(--ease)}
.geo-related__card:hover{border-color:rgba(244,112,11,.4);transform:translateY(-3px)}
.geo-related__card b{font-size:1.04rem;line-height:1.3}
@media (max-width:900px){.geo-related{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.geo-related{grid-template-columns:1fr}}
.prow__unit{padding-left:18px;min-width:104px;font-size:.78rem;line-height:25px;color:var(--muted)}
.prow__note{grid-column:2/-1;text-align:right;font-size:.9rem;line-height:25px;color:var(--muted)}
.prows{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr) auto auto}
.prows li{display:contents}
.prows li>*{padding-block:13px;border-bottom:1px solid var(--line-2)}
.prows li:last-child>*{border-bottom:0;padding-bottom:0}
.prow__name{font-size:.96rem;line-height:25px;color:var(--ink-soft);padding-right:18px}
.pmatrix{margin-top:18px;max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:16px}
.pmatrix table{width:100%;min-width:620px;border-collapse:collapse;font-size:.92rem}
.pmatrix th{padding:12px 14px;text-align:left;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);
  background:var(--paper);border-bottom:1px solid var(--line)}
.pmatrix tbody th{background:transparent;text-transform:none;letter-spacing:0;font-size:.92rem;color:var(--ink)}
.pmatrix tbody th .pmatrix__lbl{display:block;font-weight:500}
.pmatrix tbody th span{font-size:.74rem;color:var(--muted)}
.pmatrix td{padding:12px 14px;border-bottom:1px solid var(--line-2);font-variant-numeric:tabular-nums;font-weight:500}
.pmatrix tbody tr:last-child td,.pmatrix tbody tr:last-child th{border-bottom:0}
.pmatrix tbody tr:hover td,.pmatrix tbody tr:hover th{background:#FDFBF8}
/* Таблица «Цены по объёму» */
.tiers{margin-top:6px;max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:var(--card)}
.tiers__table{width:100%;min-width:660px;border-collapse:collapse;font-size:.94rem}
.tiers__table thead th{padding:14px 16px;text-align:right;font-size:.74rem;letter-spacing:.05em;text-transform:uppercase;
  color:var(--muted);background:var(--paper);border-bottom:1px solid var(--line)}
.tiers__table thead th:first-child{text-align:left}
.tiers__table tbody th{padding:13px 16px;text-align:left;font-weight:500;color:var(--ink);border-bottom:1px solid var(--line-2)}
.tiers__table tbody td{padding:13px 16px;text-align:right;border-bottom:1px solid var(--line-2);white-space:nowrap;font-variant-numeric:tabular-nums}
.tiers__table tbody td b{font:600 1.02rem var(--font-sub);color:var(--ink)}
.tiers__table tbody td span{color:var(--muted);font-size:.78rem;margin-left:5px}
.tiers__table tbody tr:last-child th,.tiers__table tbody tr:last-child td{border-bottom:0}
.tiers__table tbody tr:hover th,.tiers__table tbody tr:hover td{background:#FDFBF8}
.tiers__table thead th:last-child,.tiers__table tbody td:last-child{background:rgba(244,112,11,.07);box-shadow:inset 3px 0 0 rgba(244,112,11,.25)}
.tiers__table thead th:last-child{color:var(--accent-ink)}
.tiers__table tbody td:last-child b{color:var(--accent-ink)}
.tiers__table tbody tr:first-child td{padding-top:16px}
@media(max-width:640px){
  .tiers{overflow:visible;border:0;background:transparent;box-shadow:none}
  .tiers__table{min-width:0}
  .tiers__table thead{display:none}
  .tiers__table tbody,.tiers__table tr,.tiers__table th,.tiers__table td{display:block}
  .tiers__table tr{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px 16px;margin-bottom:12px}
  .tiers__table tbody th{padding:0 0 8px;margin-bottom:6px;font-size:1rem;font-weight:600;border-bottom:1px solid var(--line-2)}
  .tiers__table tbody td{display:flex;align-items:center;justify-content:space-between;gap:12px;
    padding:7px 0;text-align:left;background:none!important;box-shadow:none!important;white-space:normal}
  .tiers__table tbody td::before{content:attr(data-tier);color:var(--muted);font-size:.86rem}
  .tiers__table tbody td:last-child::before{color:var(--accent-ink);font-weight:600}
  .tiers__table tbody td b{font-size:1.05rem}
}
/* Уведомление «идёт обновление прайса» */
.pupdate{display:flex;gap:20px;align-items:flex-start;margin-top:22px;padding:clamp(22px,2.6vw,30px);
  border-radius:var(--r-lg);background:linear-gradient(135deg,#fff,#FFF4E9);border:1px solid rgba(244,112,11,.24);
  box-shadow:0 30px 60px -46px rgba(244,112,11,.6)}
.pupdate__ic{flex:none;width:56px;height:56px;border-radius:16px;display:grid;place-items:center;
  background:rgba(244,112,11,.12);color:var(--accent)}
.pupdate__ic svg{width:28px;height:28px}
.pupdate__tx h3{margin:2px 0 8px;font-size:clamp(19px,2.2vw,24px)}
.pupdate__tx p{margin:0 0 18px;color:var(--ink-soft);max-width:60ch;line-height:1.55}
.pupdate__actions{display:flex;flex-wrap:wrap;gap:10px}
@media(max-width:560px){.pupdate{flex-direction:column;gap:14px}}
.pdeliv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 32px;margin-top:20px}
.pdeliv__g{padding-top:16px;border-top:1px solid var(--line)}
.pdeliv__g .mp{margin-bottom:6px}
.pdeliv__g .prows li>*{padding-block:11px}
.mp--reg{color:var(--ink-soft)}
@media (max-width:760px){.pdeliv{grid-template-columns:1fr;gap:6px}}
.pboxes{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.pboxes li{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:14px 16px;border-radius:14px;background:var(--paper);border:1px solid var(--line-2)}
.pboxes__size{font:500 .95rem var(--font-sub);font-variant-numeric:tabular-nums;color:var(--ink-soft)}
.pboxes .prow__val{font-size:.98rem;color:var(--accent-ink)}
.pboxes .prow__val .rub i{color:var(--accent-ink);opacity:.55}
.pbottom{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;align-items:start}
.pdisc,.pcond{padding:clamp(22px,2.6vw,30px);border-radius:var(--r-lg);border:1px solid var(--line);background:var(--card)}
.pdisc{background:#181410;border-color:#181410;color:#fff}
.pdisc h3,.pcond h3{margin:10px 0 16px;font-size:1.25rem}
.pdisc h3{color:#fff}
.pdisc ul{list-style:none;margin:0;padding:0}
.pdisc li{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.pdisc li:last-child{border-bottom:0}
.pdisc li span{color:rgba(255,255,255,.72);font-size:.95rem}
.pdisc__v{font:500 1.15rem var(--font-sub);font-variant-numeric:tabular-nums;color:var(--accent-2)}
.pspec{margin:0;display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr)}
.pspec>div{display:contents}
.pspec dt,.pspec dd{padding-block:13px;border-bottom:1px solid var(--line-2);line-height:25px}
.pspec>div:last-child dt,.pspec>div:last-child dd{border-bottom:0;padding-bottom:0}
.pspec dt{font-size:.74rem;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);padding-right:20px}
.pspec dd{margin:0;text-align:right;font-size:.98rem;color:var(--ink)}
.calcta{position:relative;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;
  padding:clamp(28px,4vw,48px);border-radius:var(--r-lg);background:#181410;color:#fff;box-shadow:var(--shadow)}
.calcta__glow{position:absolute;inset:auto -10% -70% 40%;height:150%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(244,112,11,.34),transparent 70%)}
.calcta__tx{position:relative;z-index:1;max-width:56ch}
.calcta h2{color:#fff;font-size:clamp(24px,3vw,34px);margin:12px 0 10px}
.calcta p{margin:0;color:rgba(255,255,255,.7)}
.calcta .btn{position:relative;z-index:1}

.calc2{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);gap:clamp(16px,2.6vw,28px);align-items:start}
.calc2__form{display:grid;gap:14px}
.cstep{padding:clamp(20px,2.6vw,28px);border-radius:var(--r-lg);background:var(--card);border:1px solid var(--line)}
.cstep__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 18px;
  margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.cstep h2{font-size:1.18rem;margin:0}
.cstep__hint{font-size:.82rem;color:var(--muted)}
.cgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.cgrid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.csel,.cstep .qfield input{width:100%;padding:13px 15px;border:1.5px solid var(--line);border-radius:14px;background:var(--paper);font:inherit;color:var(--ink)}
.csel{appearance:none;-webkit-appearance:none;cursor:pointer;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236E6E68' stroke-width='2' stroke-linecap='round'><path d='m6 9 6 6 6-6'/></svg>");
  background-repeat:no-repeat;background-position:right 12px center;background-size:18px;padding-right:38px}
.csel:focus,.cstep .qfield input:focus{outline:none;border-color:var(--ink);background-color:#fff}
.cchecks{display:grid;gap:8px;margin-top:14px}
.ccheck{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:var(--paper);border:1px solid var(--line-2);
  font-size:.92rem;cursor:pointer;transition:border-color .2s}
.ccheck:hover{border-color:rgba(244,112,11,.4)}
.ccheck input{width:18px;height:18px;accent-color:var(--accent);flex:none}
.cnote{margin:12px 0 0;font-size:.82rem;color:var(--muted);line-height:1.5}
.creceipt{position:sticky;top:86px;padding:clamp(22px,2.6vw,30px);border-radius:var(--r-lg);background:#181410;color:#fff;box-shadow:var(--shadow)}
.creceipt h2{color:#fff;font-size:1.3rem;margin:8px 0 0}
.creceipt .cnote{color:rgba(255,255,255,.5)}
.clines{list-style:none;margin:18px 0 0;padding:0 10px 0 0;max-height:min(66vh,640px);overflow-y:auto;overscroll-behavior:contain;
  scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) transparent}
.clines--more{-webkit-mask-image:linear-gradient(#000 calc(100% - 34px),transparent);mask-image:linear-gradient(#000 calc(100% - 34px),transparent)}
.clines::-webkit-scrollbar{width:6px}
.clines::-webkit-scrollbar-track{background:transparent}
.clines::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:99px}
.clines::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.34)}
.clines li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 14px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.clines li b{grid-column:2;grid-row:1/span 2;align-self:center;justify-self:end;
  font:600 1rem var(--font-sub);white-space:nowrap}
.cline__name{grid-column:1;grid-row:1;font-size:.92rem;color:#fff;overflow-wrap:anywhere}
.cline__calc{grid-column:1;grid-row:2;font-size:.78rem;line-height:1.45;color:rgba(255,255,255,.5);overflow-wrap:anywhere}
.clines__empty{color:rgba(255,255,255,.6);font-size:.92rem;border-bottom:0}
.cline--disc b{color:var(--accent-2)}
.cline--free b{color:#3DDC84}
.ctotal{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.16)}
.ctotal span{color:rgba(255,255,255,.6);font-size:.9rem}
.ctotal b{font:600 clamp(28px,3vw,38px)/1 var(--font-sub);letter-spacing:-.02em}
.creceipt .btn{margin-top:18px}
.cbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:#181410;color:#fff;box-shadow:0 -12px 30px -18px rgba(0,0,0,.8)}
.cbar[hidden]{display:none}
.cbar span{display:block;font-size:.76rem;color:rgba(255,255,255,.55)}
.cbar b{font:600 1.25rem var(--font-sub)}
@media (max-width:1100px){.plist2{grid-template-columns:1fr}
  .plist2>*,.pgroups>*{min-width:0}
  .pnav{position:static;flex-direction:row;overflow-x:auto;gap:8px;padding-bottom:6px;scrollbar-width:none}
  .pnav::-webkit-scrollbar{display:none}
  .pnav__link{white-space:nowrap;background:var(--card);border:1px solid var(--line)}
  .pnav__go{border:0;background:none}
}
@media (max-width:900px){
  .pschemes,.pbottom,.calc2{grid-template-columns:1fr}
  .creceipt{position:static}
  .cgrid,.cgrid--3{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  .cgrid,.cgrid--3{grid-template-columns:1fr}
  .calcta{padding:24px}
  .pboxes{grid-template-columns:1fr}
  .pboxes li{min-width:0}
  .prow__unit{min-width:72px;padding-left:10px;font-size:.73rem}
  .prow__name,.pscheme__rows dt{padding-right:10px}
  .pspec dt{font-size:.78rem}
}

@media (max-width:900px){.gtext{padding-left:0;padding-top:4px}}
@media (max-width:560px){
  .gfacts{gap:14px 24px;margin-top:24px}
  .paper{transform:rotate(-1deg)}
  .paper__auto{width:104px;height:38px}
}

/* Telegram-карточка — чуть премиальнее */
.tg-card{position:relative;overflow:hidden}
.tg-card::after{content:"";position:absolute;top:0;right:0;width:140px;height:140px;pointer-events:none;opacity:.12;
  background:#229ED9;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M22 3 2 11l6 2 2 6 3-4 5 4z' fill='black'/></svg>") center/70% no-repeat;
  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M22 3 2 11l6 2 2 6 3-4 5 4z' fill='black'/></svg>") center/70% no-repeat}

/* ============ Закупка под ключ (страница /zakupka/) ============ */
.zk-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.zk-step{position:relative;padding:26px 22px 22px;border-radius:20px;overflow:hidden;
  background:linear-gradient(160deg,rgba(255,255,255,.94),rgba(255,255,255,.7));
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.8);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 16px 38px -26px rgba(23,25,28,.4),0 6px 22px -14px rgba(244,112,11,.2);
  transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.zk-step:hover{transform:translateY(-3px);box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 24px 48px -24px rgba(23,25,28,.45),0 12px 30px -12px rgba(244,112,11,.32)}
.zk-step__n{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;margin-bottom:14px;
  font-family:var(--font-sub);font-weight:700;font-size:1.2rem;color:#fff;
  background:linear-gradient(180deg,var(--accent-2),var(--accent));box-shadow:0 12px 24px -8px rgba(244,112,11,.6)}
.zk-step h3{font-size:1.12rem;margin-bottom:6px}
.zk-step p{color:var(--ink-soft);font-size:.96rem;line-height:1.5}

.zk-markets{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.zk-market{padding:20px;border-radius:16px;background:rgba(255,255,255,.6);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.8);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 12px 30px -24px rgba(23,25,28,.4);
  transition:transform .2s var(--ease),border-color .2s}
.zk-market:hover{transform:translateY(-2px);border-color:rgba(244,112,11,.4)}
.zk-market b{display:block;font-family:var(--font-sub);font-weight:600;font-size:1.08rem;margin-bottom:4px}
.zk-market span{color:var(--muted);font-size:.9rem;line-height:1.4}
.zk-note{margin-top:20px;color:var(--ink-soft);font-size:1rem;max-width:62ch}

.zk-tags{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.zk-tag{display:inline-flex;align-items:center;gap:10px;padding:12px 18px 12px 16px;border-radius:14px;
  font-family:var(--font-sub);font-weight:500;font-size:.98rem;color:var(--ink);
  background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  border:1px solid rgba(244,112,11,.2);box-shadow:0 10px 26px -20px rgba(244,112,11,.5)}
.zk-tag::before{content:"";width:9px;height:9px;border-radius:50%;flex:none;
  background:var(--accent);box-shadow:0 0 12px 1px rgba(244,112,11,.6)}

.zk-order{position:relative;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,4vw,54px);
  align-items:center;padding:clamp(28px,4vw,48px);border-radius:var(--r-lg);
  background:linear-gradient(135deg,#181410,#241a12);color:#fff}
.zk-order__glow{position:absolute;inset:auto -10% -70% 40%;width:55%;height:170%;pointer-events:none;
  background:radial-gradient(circle,rgba(244,112,11,.35),transparent 62%)}
.zk-order__tx{position:relative;z-index:1}
.zk-order__tx h2{color:#fff;margin:10px 0 12px}
.zk-order__tx>p{color:rgba(255,255,255,.72);max-width:42ch}
.zk-order__list{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px}
.zk-order__list li{position:relative;padding-left:28px;color:rgba(255,255,255,.86);font-size:.96rem}
.zk-order__list li::before{content:"";position:absolute;left:0;top:4px;width:16px;height:16px;border-radius:50%;
  background:rgba(244,112,11,.2);box-shadow:inset 0 0 0 1px rgba(244,112,11,.55)}
.zk-order__list li::after{content:"";position:absolute;left:5px;top:8px;width:6px;height:3px;
  border-left:2px solid var(--accent-2);border-bottom:2px solid var(--accent-2);transform:rotate(-45deg)}
.zk-form{position:relative;z-index:1;display:grid;gap:13px;padding:clamp(20px,2.4vw,28px);border-radius:18px;
  background:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.16);box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.zk-form .field{margin:0;display:block}
.zk-form .field>span{color:rgba(255,255,255,.72);display:block;margin-bottom:6px}
.zk-form input,.zk-form textarea{width:100%;padding:13px 15px;border-radius:12px;font:inherit;color:#fff;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);transition:border-color .2s,background .2s}
.zk-form input::placeholder,.zk-form textarea::placeholder{color:rgba(255,255,255,.4)}
.zk-form input:focus,.zk-form textarea:focus{outline:none;border-color:var(--accent);background:rgba(255,255,255,.12)}
.zk-form textarea{resize:vertical;min-height:74px}
.zk-form__hint{color:rgba(255,255,255,.45);font-size:.8rem;text-align:center;line-height:1.4}

@media(max-width:900px){.zk-steps,.zk-markets{grid-template-columns:repeat(2,1fr)}
  .zk-order{grid-template-columns:1fr}}
@media(max-width:560px){.zk-steps,.zk-markets{grid-template-columns:1fr}}

/* ============ Квиз-подбор (страница /podbor/) ============ */
.quiz-sec{position:relative;overflow:hidden;padding:clamp(24px,4vw,48px) 0 clamp(50px,7vw,90px)}
.quiz-sec__glow{position:absolute;inset:-12% -20% auto auto;width:60%;height:80%;pointer-events:none;
  background:radial-gradient(circle,rgba(244,112,11,.14),transparent 65%)}
.quiz-wrap{position:relative;z-index:1;max-width:780px;margin:0 auto}
.quiz-head{text-align:center;margin-bottom:clamp(22px,3vw,34px)}
.quiz-head h1{font-size:clamp(28px,4.4vw,46px);margin:10px 0 12px}
.quiz-head p{color:var(--ink-soft);max-width:52ch;margin:0 auto}
.quiz{position:relative;background:linear-gradient(160deg,#fff,#FFF7EF);border:1px solid rgba(244,112,11,.16);
  border-radius:var(--r-lg);padding:clamp(24px,3.5vw,42px);
  box-shadow:0 40px 82px -46px rgba(23,25,28,.5),0 8px 30px -18px rgba(244,112,11,.28)}
.quiz__bar{height:6px;border-radius:999px;background:rgba(23,25,28,.08);overflow:hidden;margin-bottom:26px}
.quiz__bar i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .35s var(--ease)}
.quiz__step{display:none}
.quiz__step.is-active{display:block;animation:quizin .35s var(--ease)}
@keyframes quizin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.quiz__num{font-family:var(--font-sub);font-weight:600;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink)}
.quiz__step h2{font-size:clamp(21px,2.6vw,30px);margin:8px 0 22px}
.quiz__opts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.quiz__opts--col{grid-template-columns:1fr}
.quiz__opt{text-align:left;padding:16px 18px;border-radius:14px;font:600 1rem var(--font-sub);color:var(--ink);
  background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  border:1px solid var(--line);cursor:pointer;transition:transform .18s var(--ease),border-color .18s,box-shadow .18s}
.quiz__opt:hover{transform:translateY(-2px);border-color:rgba(244,112,11,.5);box-shadow:0 14px 30px -20px rgba(244,112,11,.5)}
.quiz__opt.is-on{border-color:var(--accent);background:rgba(244,112,11,.1);color:var(--accent-ink);box-shadow:0 0 26px -8px rgba(244,112,11,.6)}
.quiz__back{margin-top:20px;background:none;border:none;color:var(--muted);font:500 .95rem var(--font-sub);cursor:pointer;padding:6px 2px}
.quiz__back:hover{color:var(--accent)}
.quiz__calc{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(16px,3vw,32px);
  padding:clamp(20px,2.6vw,28px);border-radius:18px;margin-bottom:22px;position:relative;overflow:hidden;
  background:linear-gradient(135deg,#181410,#241a12);color:#fff}
.quiz__price{display:flex;align-items:baseline;gap:8px}
.quiz__price-k{color:rgba(255,255,255,.6);font-size:1rem}
.quiz__price b{font-family:var(--font-sub);font-weight:700;font-size:clamp(40px,7vw,60px);line-height:1;color:#fff}
.quiz__price-u{color:rgba(255,255,255,.7);font-size:1rem}
.quiz__month{color:rgba(255,255,255,.8);font-size:1rem}
.quiz__month b{color:var(--accent-2);font-family:var(--font-sub);font-weight:600}
.quiz__perks{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:8px;width:100%}
.quiz__perks li{position:relative;padding-left:26px;color:rgba(255,255,255,.86);font-size:.94rem}
.quiz__perks li::before{content:"✓";position:absolute;left:0;color:var(--accent-2);font-weight:700}
.quiz__form-t{font-family:var(--font-sub);font-weight:600;font-size:1.05rem;margin-bottom:14px}
.quiz__form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.quiz__form input{width:100%;padding:14px 16px;border-radius:12px;font:inherit;background:#fff;border:1px solid var(--line);transition:border-color .2s}
.quiz__form input:focus{outline:none;border-color:var(--accent)}
.quiz__form-hint{display:block;text-align:center;color:var(--muted);font-size:.82rem;margin-top:10px}
.quiz-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px}
@media(max-width:560px){.quiz__opts{grid-template-columns:1fr}.quiz__form-row{grid-template-columns:1fr}
  .quiz__calc{flex-direction:column;align-items:flex-start}}


/* ==== КОМПАКТНОСТЬ 28.09: короче по вертикали, карточки и блоки меньше ==== */
.sec{padding:clamp(30px,3.6vw,52px) 0}
.megacta{padding:clamp(26px,3.2vw,40px);gap:clamp(22px,3vw,34px)}
.megacta__num{font-size:clamp(38px,4.6vw,52px)}
.megacta__actions{margin-top:18px}
.stats__in{padding:22px 20px}
.card{padding:20px 20px 38px}
.cards .card--link{padding:20px 18px}
.tariff{padding:22px 20px;padding-top:26px}
.sec--dark .step,.steps .step,.step{padding:18px 18px}
.lptar__item{padding:16px 16px}
.seox__card{padding:clamp(16px,1.8vw,22px)}
.lpwhy__item,.lpstep{padding-top:14px}
.lpfaq__item{padding:14px 0}
.gx{gap:clamp(22px,3vw,40px)}

/* --- компактнее блок «Гарантии» (28.09) --- */
.gx__doc{padding:clamp(22px,3vw,34px)}
.gx__doc h2{font-size:clamp(24px,2.8vw,34px);margin:8px 0 10px}
.gx__doc>p{margin:0 0 18px}
.paper{padding:16px 18px 14px}
.paper__cl{margin:12px 0 12px;gap:10px}
.paper__cl span{font-size:.85rem}
.gtext__lead{font:500 clamp(18px,1.9vw,23px)/1.35 var(--font-sub);margin-bottom:12px}
.gtext p{font-size:.95rem;line-height:1.6}
.gfacts{margin:18px 0 0;padding:16px 0 0}
.gtext__link{margin-top:16px}

/* --- компактнее тёмные блоки: боты и «Четыре шага» (28.09) --- */
.sec__head{margin-bottom:clamp(18px,2.4vw,30px)}
.bots{margin-top:18px}
.sec--dark{padding-top:clamp(46px,5.5vw,70px);padding-bottom:clamp(96px,11vw,138px)}
#how{padding-bottom:clamp(96px,11vw,138px)}