/* ============================================================
   TOVIAN — Доставка из Китая (страница услуги)
   Delivery-specific blocks layered on top of pv-styles.css:
   killer feature + preview, route ribbon, ways grid, cost
   statuses, source-data columns, confirmed-calc lists, sticky CTA.
   ============================================================ */

/* ---------- HERO media: strategist sits right, clean left ---------- */
.dz-hero__media img{object-position:78% 16%;}
@media(max-width:600px){ .dz-hero__media img{object-position:72% 12%;} }

/* ---------- hard guard: never let the page pan horizontally ---------- */
html{overflow-x:clip;}
body{overflow-x:clip;max-width:100%;}

/* expert SEO section: pin the left title while the right column scrolls */
@media(min-width:901px){
  .ctx__aside{position:sticky;top:clamp(88px,11vh,120px);align-self:start;}
}

/* ---------- hero overlay tags on mobile: stack + keep the tag on ONE line ---------- */
@media(max-width:600px){
  .dz-hero__media .hero__tags{flex-direction:column;align-items:flex-start;gap:10px;padding:15px;}
  .dz-hero__media .hero__tag{white-space:nowrap;font-size:clamp(10px,3vw,12.5px);padding:9px 13px;gap:7px;}
  .dz-hero__media .hero__tag .star{font-size:11px;}
  .dz-hero__media .hero__bigstat{text-align:left;max-width:none;}
}

/* ---------- mobile/tablet nav: drop the CTA so the token chip stays
   visible next to the burger (matches the tool pages). The CTA still
   lives in the burger menu + every in-page button. ---------- */
@media(max-width:1080px){
  .nav__cta{display:none!important;}
  .nav__in > .tac-wrap{margin-left:auto;}
}

/* ============================================================
   KILLER FEATURE — digital tool band right after hero
   ============================================================ */
.kf{position:relative;padding:clamp(20px,3vw,46px) 0 clamp(64px,8vw,120px);}
.seg--1{background:var(--lime);}
.seg--2{background:rgba(168,232,12,.5);}
.seg--3{background:rgba(168,232,12,.22);}
@media(max-width:600px){
  #killer{overflow-x:clip;}
  .kf{padding:8px 0 56px;}
}

/* ============================================================
   ROUTE RIBBON — compact "factory → warehouse" strip in flow note
   ============================================================ */
.dz-ribbon{display:flex;flex-wrap:wrap;align-items:center;gap:10px 6px;margin-top:clamp(18px,2vw,24px);}
.dz-ribbon span{font-family:'Space Grotesk',sans-serif;font-size:13px;letter-spacing:-.01em;text-transform:lowercase;
  color:var(--ink);padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.03);white-space:nowrap;}
.dz-ribbon b{color:var(--lime-ink);opacity:.6;font-weight:400;}
@media(min-width:761px){
  .dz-ribbon{flex-wrap:nowrap;gap:6px;}
  .dz-ribbon span{padding:7px 11px;font-size:clamp(11px,1.05vw,13px);}
  .dz-ribbon b{flex:0 0 auto;}
}

/* ============================================================
   WAYS — four delivery modes (distinct cards, not a table)
   ============================================================ */
.ways{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.2vw,18px);}
.way{position:relative;display:flex;flex-direction:column;overflow:hidden;
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0)),var(--card);
  border:1px solid var(--line);border-radius:20px;padding:clamp(24px,2.1vw,32px);
  transition:transform .5s var(--ease),border-color .4s ease,box-shadow .5s ease;}
.way::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;border-radius:2px;
  background:linear-gradient(90deg,var(--lime),rgba(168,232,12,0));transform:scaleX(0);transform-origin:left;
  transition:transform .55s var(--ease);}
@media(hover:hover){.way:hover{transform:translateY(-4px);border-color:rgba(168,232,12,.4);box-shadow:0 24px 60px rgba(0,0,0,.4);}
  .way:hover::after{transform:scaleX(1);}
  .way:hover .way__ic{color:var(--lime-ink);border-color:rgba(168,232,12,.35);background:rgba(168,232,12,.08);}
  .way:hover .way__more-ic{background:rgba(168,232,12,.14);border-color:rgba(168,232,12,.5);}
  .way:hover .way__more-ic svg{transform:translate(1.5px,-1.5px);}}
.way__hd{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px;}
.way__ic{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:13px;flex:0 0 auto;
  background:rgba(255,255,255,.03);border:1px solid var(--line-2);color:var(--muted);
  transition:color .35s ease,border-color .35s ease,background .35s ease;}
.way__ic svg{width:22px;height:22px;}
.way__days{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right;}
.way__days b{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:clamp(20px,1.7vw,26px);line-height:1;
  letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums;}
.way__days i{font-family:'Space Grotesk',sans-serif;font-style:normal;font-size:10.5px;letter-spacing:.02em;
  text-transform:lowercase;color:var(--faint);}
.way__k{font-family:'Space Grotesk',sans-serif;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin-bottom:8px;}
.way__t{margin:0;font-family:'Space Grotesk',sans-serif;font-weight:600;text-transform:lowercase;letter-spacing:-.03em;
  font-size:clamp(21px,1.7vw,26px);line-height:1.05;color:var(--ink);}
.way__p{margin:11px 0 0;font-size:13.5px;line-height:1.55;color:var(--muted);text-wrap:pretty;flex:0 0 auto;min-height:calc(1.55em * 4);}
.way__meta{margin-top:clamp(16px,1.8vw,20px);margin-bottom:auto;display:flex;flex-direction:column;gap:9px;}
.way__line{display:flex;align-items:flex-start;gap:9px;font-family:'Space Grotesk',sans-serif;font-size:12.5px;
  letter-spacing:-.01em;text-transform:lowercase;color:var(--muted);line-height:1.35;}
.way__line b{flex:0 0 auto;width:54px;color:var(--faint);font-weight:400;}
.way__line span{color:var(--ink);}
@media(max-width:980px){.ways{grid-template-columns:1fr 1fr;}}
@media(min-width:981px){@supports(grid-template-rows:subgrid){
  .ways{grid-template-rows:auto auto auto auto auto 1fr auto;row-gap:0;}
  .way{display:grid;grid-template-rows:subgrid;grid-row:span 7;}
  .way__p{min-height:0;}
  .way__meta{margin-bottom:0;}
  .way__more{margin-top:0;align-self:start;}
}}
@media(max-width:560px){.ways{grid-template-columns:1fr;}}

/* ============================================================
   COST — disclosure rows carry a status pill (зависит/проверка)
   ============================================================ */
.disc__st{flex:0 0 auto;margin-left:auto;font-family:'Space Grotesk',sans-serif;font-size:10.5px;
  letter-spacing:.03em;text-transform:uppercase;color:var(--faint);
  border:1px solid var(--line);border-radius:999px;padding:4px 9px;line-height:1;white-space:nowrap;}
.disc__st--base{color:var(--lime-ink);border-color:rgba(168,232,12,.4);}
.disc__st--var{color:var(--warn);border-color:rgba(230,162,60,.4);}
@media(min-width:901px){.disc[data-disc-style="panel"] .disc__st{display:none;}}

.dz-costlegend{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:clamp(28px,3vw,40px);}
.dz-costlegend span{display:inline-flex;align-items:center;gap:9px;font-family:'Space Grotesk',sans-serif;
  font-size:12.5px;letter-spacing:-.01em;text-transform:lowercase;color:var(--muted);}
.dz-costlegend i{width:9px;height:9px;border-radius:50%;flex:0 0 auto;}
.dz-costlegend .i-base{background:var(--lime);}
.dz-costlegend .i-var{background:var(--warn);}
.dz-costlegend .i-chk{background:rgba(238,241,232,.4);}

/* always-visible cost grid (better for SEO than an accordion) */
.costs{display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,1vw,14px);margin-top:clamp(8px,1vw,14px);}
.cost{position:relative;display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:start;
  border:1px solid var(--line-2);border-radius:16px;background:var(--card);padding:clamp(18px,1.7vw,24px) clamp(20px,1.9vw,26px);
  transition:border-color .4s ease,transform .4s var(--ease);}
.cost:hover{border-color:rgba(168,232,12,.3);transform:translateY(-3px);}
.cost__n{grid-row:1 / span 2;align-self:center;font-family:'Space Grotesk',sans-serif;font-size:12px;
  color:var(--lime-ink);font-variant-numeric:tabular-nums;letter-spacing:.02em;opacity:.85;}
.cost__t{margin:0;font-family:'Space Grotesk',sans-serif;font-weight:500;text-transform:lowercase;letter-spacing:-.02em;
  font-size:clamp(16px,1.25vw,19px);line-height:1.1;color:var(--ink);display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.cost__st{font-family:'Space Grotesk',sans-serif;font-size:10px;letter-spacing:.04em;text-transform:uppercase;
  border:1px solid var(--line);border-radius:999px;padding:3px 8px;line-height:1;color:var(--faint);white-space:nowrap;}
.cost__st--base{color:var(--lime-ink);border-color:rgba(168,232,12,.4);}
.cost__st--var{color:var(--warn);border-color:rgba(230,162,60,.4);}
.cost__p{margin:7px 0 0;font-size:13px;line-height:1.5;color:var(--muted);text-wrap:pretty;}
@media(max-width:680px){.costs{grid-template-columns:1fr;}}

/* ============================================================
   SOURCE DATA — two levels side by side
   ============================================================ */
.src{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,1.6vw,22px);align-items:stretch;}
.src__col{position:relative;border:1px solid var(--line-2);border-radius:var(--r);background:var(--card);
  padding:clamp(28px,2.6vw,40px);overflow:hidden;}
.src__col--lead{border-color:rgba(168,232,12,.3);
  background:linear-gradient(160deg,rgba(168,232,12,.06),transparent 56%),var(--card);}
.src__tag{display:inline-flex;align-items:center;gap:8px;font-family:'Space Grotesk',sans-serif;font-size:11.5px;
  letter-spacing:.04em;text-transform:uppercase;color:var(--faint);margin-bottom:14px;}
.src__col--lead .src__tag{color:var(--lime-ink);}
.src__tag i{width:6px;height:6px;border-radius:50%;background:currentColor;}
.src__t{margin:0;font-family:'Space Grotesk',sans-serif;font-weight:500;text-transform:lowercase;letter-spacing:-.03em;
  font-size:clamp(20px,1.7vw,27px);line-height:1.06;color:var(--ink);}
.src__p{margin:11px 0 0;font-size:14px;line-height:1.55;color:var(--muted);text-wrap:pretty;}
.src__list{list-style:none;margin:clamp(20px,2vw,26px) 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;}
.src__list li{position:relative;padding-left:20px;font-size:13.5px;line-height:1.4;color:var(--ink);letter-spacing:-.01em;}
.src__list li::before{content:"";position:absolute;left:0;top:7px;width:6px;height:6px;border-radius:50%;background:var(--lime);opacity:.7;}
.src__col:not(.src__col--lead) .src__list li::before{background:var(--muted);opacity:.5;}
.src__note{margin-top:clamp(26px,3vw,38px);padding:clamp(20px,2.2vw,28px) clamp(22px,2.4vw,32px);border-radius:var(--r);
  border:1px solid rgba(168,232,12,.2);background:linear-gradient(120deg,rgba(168,232,12,.06),rgba(168,232,12,.015));
  font-size:clamp(15px,1.1vw,17px);line-height:1.6;color:var(--ink);text-wrap:pretty;max-width:88ch;}
.src__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(24px,2.6vw,32px);}
@media(max-width:760px){
  .src{grid-template-columns:1fr;}
  .src__list{grid-template-columns:1fr;}
  .src__conn{flex-direction:row;justify-self:center;margin:4px auto;max-width:none;width:max-content;padding:8px 14px;border-radius:999px;}
  .src__conn svg{order:0;transform:rotate(90deg);}
}
@media(max-width:600px){
  .src__actions{flex-direction:column;}
  .src__actions .btn{width:100%;justify-content:space-between;}
}

/* ============================================================
   CONFIRMED CALC — what is verified / what business receives
   ============================================================ */
.conf{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,1.6vw,22px);margin-top:clamp(36px,4vw,56px);}
.conf__col{border:1px solid var(--line-2);border-radius:var(--r);background:var(--card);padding:clamp(28px,2.6vw,40px);}
.conf__h{display:flex;align-items:baseline;gap:11px;margin-bottom:clamp(18px,2vw,24px);}
.conf__h b{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:clamp(22px,1.8vw,28px);letter-spacing:-.04em;color:var(--lime-ink);line-height:.9;}
.conf__h span{font-family:'Space Grotesk',sans-serif;font-size:13px;text-transform:lowercase;letter-spacing:-.01em;color:var(--muted);}
.conf__list{list-style:none;margin:0;padding:0;display:grid;gap:2px;}
.conf__list li{position:relative;display:grid;grid-template-columns:16px 1fr;gap:11px;align-items:center;
  padding:12px 2px;border-bottom:1px solid var(--line-2);font-size:14.5px;line-height:1.4;color:var(--ink);letter-spacing:-.01em;}
.conf__list li:last-child{border-bottom:0;}
.conf__list li::before{content:"";width:14px;height:2px;border-radius:2px;flex:0 0 auto;justify-self:start;
  background:var(--lime);opacity:.55;}
@media(max-width:760px){.conf{grid-template-columns:1fr;}}

/* ============================================================
   CATEGORY CHIPS — shipment types + regulated note
   ============================================================ */
.dz-cats{display:flex;flex-wrap:wrap;gap:9px;margin-top:clamp(28px,3vw,40px);}
.dz-cats span{font-family:'Space Grotesk',sans-serif;font-size:13px;letter-spacing:-.01em;text-transform:lowercase;
  color:var(--ink);padding:10px 16px 10px 28px;border-radius:999px;border:1px solid var(--line-2);background:rgba(255,255,255,.02);
  transition:border-color .35s ease;position:relative;}
.dz-cats span::before{content:"";position:absolute;left:13px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--lime);}
.dz-cats span:hover{border-color:rgba(168,232,12,.34);}
@media(max-width:760px){
  /* mobile: a tidy edge-to-edge scroll rail instead of ragged wrapped pills */
  .dz-cats{flex-wrap:nowrap;overflow-x:auto;gap:8px;margin-left:calc(-1*var(--side));margin-right:calc(-1*var(--side));
    padding:2px var(--side) 14px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;
    -ms-overflow-style:none;scrollbar-width:none;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
    mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);}
  .dz-cats::-webkit-scrollbar{display:none;}
  .dz-cats span{flex:0 0 auto;scroll-snap-align:start;font-size:12.5px;padding:9px 14px 9px 26px;
    background:rgba(168,232,12,.05);border-color:rgba(168,232,12,.18);color:var(--ink);}
}
.dz-reg{margin-top:clamp(24px,2.6vw,32px);display:grid;grid-template-columns:auto 1fr;gap:clamp(18px,2vw,26px);align-items:center;
  padding:clamp(24px,2.6vw,34px) clamp(26px,2.8vw,38px);border-radius:var(--r);
  border:1px solid rgba(230,162,60,.28);background:linear-gradient(120deg,rgba(230,162,60,.07),rgba(230,162,60,.015));}
.dz-reg__mark{width:46px;height:46px;border-radius:13px;flex:0 0 auto;display:grid;place-items:center;color:var(--warn);
  background:rgba(230,162,60,.12);border:1px solid rgba(230,162,60,.32);}
.dz-reg__mark svg{width:24px;height:24px;}
.dz-reg h3{margin:0 0 6px;font-family:'Space Grotesk',sans-serif;font-weight:500;text-transform:lowercase;letter-spacing:-.03em;
  font-size:clamp(18px,1.4vw,23px);line-height:1.1;color:var(--ink);}
.dz-reg p{margin:0;font-size:14.5px;line-height:1.55;color:var(--muted);text-wrap:pretty;max-width:74ch;}
@media(max-width:560px){.dz-reg{grid-template-columns:1fr;gap:14px;}}

/* dz-sticky (мёртвый mobile sticky CTA) удалён — P2, 17.07.2026 */

/* ============================================================
   SECTION-INTRO helper (eyebrow + h2 + lead) reusing disc head
   adds a route micro-line under the lead where useful
   ============================================================ */
.dz-microline{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:clamp(16px,1.8vw,22px);
  font-family:'Space Grotesk',sans-serif;font-size:13px;letter-spacing:-.01em;text-transform:lowercase;color:var(--faint);}
.dz-microline b{color:var(--lime-ink);font-weight:400;opacity:.7;}

/* ============================================================
   CONTROL LOOP — connected stepper of related services
   (custom, not the flow timeline — avoids flow__big injection
   and gives the page visual variety vs the route block)
   ============================================================ */
.loop{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(14px,1.6vw,24px);margin-top:clamp(8px,1vw,16px);}
.loop__rail{position:absolute;left:8px;right:8px;top:7px;height:2px;z-index:0;
  background:repeating-linear-gradient(90deg,var(--line) 0 6px,transparent 6px 13px);}
.loop__node{position:relative;z-index:1;display:flex;flex-direction:column;text-decoration:none;color:inherit;}
.loop__dot{width:16px;height:16px;border-radius:50%;background:var(--bg-2);border:2px solid var(--line);
  transition:background .4s var(--ease),border-color .4s var(--ease),box-shadow .4s var(--ease);}
.loop__node:hover .loop__dot{background:var(--lime);border-color:var(--lime-ink);box-shadow:0 0 0 5px rgba(168,232,12,.14),0 0 16px rgba(168,232,12,.5);}
.loop__stage{margin-top:clamp(16px,1.8vw,22px);font-family:'Space Grotesk',sans-serif;font-size:11px;letter-spacing:.05em;
  text-transform:uppercase;color:var(--lime-ink);}
.loop__t{margin:10px 0 0;font-family:'Space Grotesk',sans-serif;font-weight:500;text-transform:lowercase;letter-spacing:-.03em;
  font-size:clamp(18px,1.45vw,23px);line-height:1.1;color:var(--ink);transition:color .35s ease;}
.loop__node:hover .loop__t{color:var(--lime-ink);}
.loop__t::after{content:"";display:inline-block;width:13px;height:13px;margin-left:7px;vertical-align:-1px;opacity:.5;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 12L12 4M12 4H5M12 4V11' stroke='%23a8e80c' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  transition:transform .35s var(--ease),opacity .35s ease;}
.loop__node:hover .loop__t::after{opacity:1;transform:translate(3px,-3px);}
.loop__node--now{cursor:default;}
.loop__node--now .loop__dot{background:var(--lime);border-color:var(--lime);box-shadow:0 0 0 5px rgba(168,232,12,.14),0 0 16px rgba(168,232,12,.45);}
.loop__node--now .loop__stage{color:#0a0b0a;background:var(--lime);border-radius:999px;padding:3px 9px;align-self:flex-start;margin-top:calc(clamp(16px,1.8vw,22px) - 3px);}
.loop__node--now .loop__t{margin-top:7px;}
.loop__node--now .loop__t::after{display:none;}
.exec__list a{color:inherit;text-decoration:none;border-bottom:1px solid var(--lime-line);transition:color .25s var(--ease),border-color .25s var(--ease);}
.exec__list a:hover{color:var(--lime-ink);border-color:var(--lime-ink);}
.exec__role a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--lime-line);}
.exec__role a:hover{color:var(--lime-ink);border-color:var(--lime-ink);}
.disc__seo a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--lime-line);}
.disc__seo a:hover{color:var(--lime-ink);border-color:var(--lime-ink);}
.loop__p{margin:11px 0 0;font-size:13.5px;line-height:1.55;color:var(--muted);text-wrap:pretty;}
@media(max-width:980px){
  .loop{grid-template-columns:repeat(2,1fr);gap:0 clamp(20px,3vw,34px);}
  .loop__rail{left:7px;right:auto;top:10px;bottom:10px;width:2px;height:auto;display:none;}
  .loop__node{padding:16px 0 16px 0;}
  .loop__dot{display:none;}
  .loop__stage{margin-top:0;}
}
@media(max-width:560px){
  .loop{grid-template-columns:1fr;}
  .loop__node{border-top:1px solid var(--line-2);padding:20px 0;}
}

/* ============================================================
   HERO trust line
   ============================================================ */
.dz-trust{display:inline-flex;align-items:center;gap:9px;margin:clamp(14px,1.6vw,20px) 0 0;
  font-family:'Space Grotesk',sans-serif;font-size:13px;letter-spacing:-.01em;text-transform:lowercase;color:var(--muted);}
.dz-trust::before{content:"";width:16px;height:16px;border-radius:50%;flex:0 0 auto;background:rgba(168,232,12,.12);
  border:1px solid rgba(168,232,12,.4);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.2l2.4 2.4L12 5' stroke='%23a8e80c' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size:11px;background-position:center;background-repeat:no-repeat;}

/* hero result strip — what the client receives */
.dz-result{display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(16px,1.8vw,22px);}
.dz-result span{position:relative;font-family:'Space Grotesk',sans-serif;font-size:12.5px;letter-spacing:-.01em;
  text-transform:lowercase;color:var(--ink);padding:7px 13px 7px 26px;border-radius:999px;
  border:1px solid var(--line-2);background:rgba(255,255,255,.02);}
.dz-result span::before{content:"";position:absolute;left:11px;top:50%;transform:translateY(-50%);width:7px;height:7px;
  border-radius:50%;background:var(--lime);}
@media(max-width:760px){.dz-result{gap:7px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;}.dz-result span{font-size:11px;padding:6px 9px 6px 22px;white-space:nowrap;flex:0 0 auto;}.dz-result span::before{left:9px;width:7px;height:7px;}}

/* category tags (.cat) — dot bullet, olive on light, mobile single-line */
.cat__tag{position:relative;padding-left:30px;}
.cat__tag::before{content:"";position:absolute;left:13px;top:50%;transform:translateY(-50%);width:7px;height:7px;border-radius:50%;background:var(--lime);}
@media(max-width:600px){.cat{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;}.cat__tag{white-space:nowrap;flex:0 0 auto;}}

/* three levels of engagement: расчёт → проверка → организация */
.levels{display:grid;grid-template-columns:repeat(3,1fr);margin-top:clamp(22px,2.8vw,38px);
  border:1px solid var(--line-2);border-radius:18px;overflow:hidden;background:var(--card);}
.levels__step{position:relative;display:flex;flex-direction:column;gap:10px;text-decoration:none;color:inherit;
  padding:clamp(22px,2.3vw,30px) clamp(22px,2.3vw,30px) clamp(20px,2vw,26px);
  border-left:1px solid var(--line-2);transition:background .4s ease;}
.levels__step:first-child{border-left:0;}
.levels__step::before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:2px;background:transparent;transition:background .45s var(--ease);}
a.levels__step:hover{background:rgba(168,232,12,.035);}
a.levels__step:hover::before{background:var(--lime);}
.levels__top{display:flex;align-items:center;gap:10px;}
.levels__dot{width:9px;height:9px;border-radius:50%;background:var(--line);flex:0 0 auto;
  transition:background .4s var(--ease),box-shadow .4s var(--ease);}
a.levels__step:hover .levels__dot{background:var(--lime);box-shadow:0 0 10px rgba(168,232,12,.6);}
.levels__step:nth-child(2) .levels__dot{background:rgba(168,232,12,.4);}
.levels__n{font-family:'Space Grotesk',sans-serif;font-size:12px;letter-spacing:.05em;color:var(--lime-ink);font-variant-numeric:tabular-nums;}
.levels__t{font-family:'Space Grotesk',sans-serif;font-weight:500;text-transform:lowercase;letter-spacing:-.03em;
  font-size:clamp(18px,1.5vw,22px);line-height:1.08;color:var(--ink);transition:color .35s ease;}
a.levels__step:hover .levels__t{color:var(--lime-ink);}
.levels__d{font-size:13.5px;line-height:1.5;color:var(--muted);text-wrap:pretty;}
.levels__go{margin-top:clamp(8px,1vw,12px);display:inline-flex;align-items:center;gap:6px;
  font-family:'Space Grotesk',sans-serif;font-size:12px;text-transform:lowercase;letter-spacing:-.01em;color:var(--lime-ink);}
.levels__go::after{content:"→";transition:transform .35s var(--ease);}
a.levels__step:hover .levels__go::after{transform:translateX(3px);}
.levels__go--mute{color:var(--faint);}
.levels__go--mute::after{content:"";}
@media(max-width:820px){
  .levels{grid-template-columns:1fr;}
  .levels__step{border-left:0;border-top:1px solid var(--line-2);}
  .levels__step:first-child{border-top:0;}
  .levels__step::before{left:-1px;right:-1px;top:-1px;width:auto;height:2px;}
}

/* quiet inline calc link (demotes secondary calculator CTAs) */
.dz-cta-row{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center;margin-top:clamp(26px,3vw,40px);}
.dz-cta-row .linkq{font-size:16px;}
.dz-cta-row__hint{font-family:'Space Grotesk',sans-serif;font-size:13px;text-transform:lowercase;letter-spacing:-.01em;color:var(--faint);}

/* freight-only block (for clients who do their own customs) */
.frt{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(20px,3vw,48px);align-items:center;
  border:1px solid var(--line-2);border-radius:var(--r);padding:clamp(26px,3vw,44px);
  background:radial-gradient(120% 140% at 100% 0%,rgba(168,232,12,.06),transparent 56%),var(--card);}
.frt__k{display:inline-flex;align-items:center;gap:8px;font-family:'Space Grotesk',sans-serif;font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--faint);}
.frt__t{margin:clamp(12px,1.4vw,16px) 0 0;font-family:'Space Grotesk',sans-serif;font-weight:500;text-transform:lowercase;letter-spacing:-.03em;font-size:clamp(24px,2.6vw,36px);line-height:1.04;color:var(--ink);}
.frt__p{margin:clamp(12px,1.4vw,16px) 0 0;max-width:54ch;font-size:clamp(14.5px,1.05vw,16px);line-height:1.55;color:var(--muted);text-wrap:pretty;}
.frt__r{display:flex;flex-direction:column;align-items:flex-start;gap:12px;}
.frt__r .btn{min-height:56px;}
.frt__hint{font-family:'Space Grotesk',sans-serif;font-size:12.5px;text-transform:lowercase;letter-spacing:-.01em;color:var(--faint);}
@media(max-width:760px){.frt{grid-template-columns:1fr;gap:22px;}.frt__r{align-items:stretch;}.frt__r .btn{width:100%;justify-content:space-between;}.frt__hint{text-align:center;}}
@media(max-width:760px){
  .dz-cta-row{gap:12px;}
  .dz-cta-row .btn{width:100%;justify-content:space-between;}
  .dz-cta-row .linkq{flex:1 1 calc(50% - 6px);justify-content:space-between;min-height:46px;padding:0 14px;
    border:1px solid var(--line-2);border-radius:12px;background:rgba(255,255,255,.02);font-size:13px;}
  .dz-cta-row__hint{flex:1 1 100%;text-align:center;}
}

/* ============================================================
   WORKING MODEL EXAMPLE — demo supply model (no fake prices)
   ============================================================ */
.model{position:relative;overflow:hidden;border:1px solid var(--line-2);border-radius:var(--r);background:var(--card);}
.model__head{display:flex;flex-wrap:wrap;align-items:center;gap:14px clamp(20px,3vw,44px);
  padding:clamp(22px,2.4vw,30px) clamp(24px,2.8vw,40px);border-bottom:1px solid var(--line-2);
  background:linear-gradient(120deg,rgba(168,232,12,.05),transparent 60%);}
.model__tag{font-family:'Space Grotesk',sans-serif;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--lime-ink);border:1px solid rgba(168,232,12,.35);border-radius:999px;padding:5px 11px;line-height:1;flex:0 0 auto;}
.model__params{display:grid;grid-template-columns:repeat(4,auto);gap:10px clamp(20px,3vw,44px);}
.model__p{display:flex;flex-direction:column;gap:3px;min-width:0;}
.model__pk{font-family:'Space Grotesk',sans-serif;font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--faint);}
.model__pv{font-family:'Space Grotesk',sans-serif;font-size:clamp(14px,1.15vw,16px);letter-spacing:-.02em;color:var(--ink);}
.model__body{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,2.6vw,40px);
  padding:clamp(24px,2.8vw,40px);}
.model__cost-h,.model__gets-h{display:flex;align-items:center;justify-content:space-between;gap:12px;
  font-family:'Space Grotesk',sans-serif;font-size:12.5px;text-transform:lowercase;letter-spacing:-.01em;color:var(--muted);margin-bottom:16px;}
.model__cost-tag{font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--faint);
  border:1px solid var(--line);border-radius:999px;padding:3px 8px;line-height:1;}
.model__bar{display:flex;gap:3px;height:14px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.04);margin-bottom:18px;}
.model__bar .mseg{width:0;height:100%;border-radius:999px;transition:width 1.1s var(--ease);}
.model.tv-in .mseg--1{width:64%;transition-delay:.15s;}
.model.tv-in .mseg--2{width:18%;transition-delay:.35s;}
.model.tv-in .mseg--3{width:13%;transition-delay:.55s;}
.model.tv-in .mseg--4{width:5%;transition-delay:.75s;}
.mseg--1{background:var(--lime);}
.mseg--2{background:rgba(168,232,12,.55);}
.mseg--3{background:rgba(168,232,12,.32);}
.mseg--4{background:rgba(168,232,12,.18);}
.model__legend{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:9px 18px;}
.model__legend li{display:flex;align-items:center;gap:9px;font-family:'Space Grotesk',sans-serif;font-size:13px;
  text-transform:lowercase;letter-spacing:-.01em;color:var(--muted);}
.model__legend i{width:9px;height:9px;border-radius:2px;flex:0 0 auto;}
.model__legend b{margin-left:auto;font-weight:500;color:var(--ink);font-variant-numeric:tabular-nums;}
.model__gets{border-left:1px solid var(--line-2);padding-left:clamp(20px,2.6vw,40px);}
.model__list{list-style:none;margin:0;padding:0;display:grid;gap:2px;}
.model__list li{position:relative;padding:9px 0 9px 26px;border-bottom:1px solid var(--line-2);
  font-size:14px;line-height:1.4;color:var(--ink);letter-spacing:-.01em;}
.model__list li:last-child{border-bottom:0;}
.model__list a{color:inherit;text-decoration:none;border-bottom:1px solid var(--lime-line);transition:color .25s var(--ease),border-color .25s var(--ease);}
.model__list a:hover{color:var(--lime-ink);border-color:var(--lime-ink);}
.model__note a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--lime-line);}
.model__note a:hover{border-color:var(--lime-ink);color:var(--lime-ink);}
.model__list li::before{content:"";position:absolute;left:0;top:11px;width:14px;height:14px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.5c.6 5.6 2.4 7.4 9 9-6.6 1.6-8.4 3.4-9 9-.6-5.6-2.4-7.4-9-9 6.6-1.6 8.4-3.4 9-9z' fill='%23a8e80c'/%3E%3C/svg%3E") center/contain no-repeat;}
.model__note{margin:0;padding:clamp(18px,2vw,22px) clamp(24px,2.8vw,40px);border-top:1px solid var(--line-2);
  font-size:13.5px;line-height:1.55;color:var(--faint);text-wrap:pretty;}
.model__cta{padding:0 clamp(24px,2.8vw,40px) clamp(24px,2.8vw,36px);}
.model__cta .btn{width:auto;}
@media(max-width:760px){
  .model__params{grid-template-columns:1fr 1fr;}
  .model__body{grid-template-columns:1fr;gap:26px;}
  .model__gets{border-left:0;border-top:1px solid var(--line-2);padding-left:0;padding-top:24px;}
  .model__legend{grid-template-columns:1fr;}
  .model__cta .btn{width:100%;justify-content:space-between;}
}
@media(max-width:420px){.model__params{grid-template-columns:1fr;}}

/* ============================================================
   FORMS — multi-field final CTA + modal, upload, states
   ============================================================ */
.lead2__form--full{display:block;}
.lead2__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.lead2__form--full .lead2__input{width:100%;min-height:50px;padding:0 16px;border-radius:12px;
  border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--ink);
  font-family:'Inter',sans-serif;font-size:15px;transition:border-color .3s ease;}
.lead2__form--full .lead2__input::placeholder{color:var(--faint);}
.lead2__form--full .lead2__input:focus{outline:none;border-color:rgba(168,232,12,.55);}
.lead2__input--wide{grid-column:1 / -1;}
.lead2__file{display:flex;align-items:center;gap:11px;margin-top:10px;padding:13px 16px;border-radius:12px;cursor:pointer;
  border:1px dashed var(--line);background:rgba(255,255,255,.015);transition:border-color .3s ease,background .3s ease;}
.lead2__file:hover{border-color:rgba(168,232,12,.45);background:rgba(168,232,12,.03);}
.lead2__file-ic,.cta-form__file-ic{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;flex:0 0 auto;
  background:rgba(168,232,12,.1);border:1px solid rgba(168,232,12,.34);color:var(--lime-ink);font-size:17px;line-height:1;}
.lead2__file-tx{font-family:'Space Grotesk',sans-serif;font-size:12.5px;text-transform:lowercase;letter-spacing:-.01em;color:var(--muted);}
.lead2__file-tx em,.cta-form__file em{font-style:normal;color:var(--faint);}
.lead2__form--full .lead2__btn{width:100%;margin-top:12px;}
.lead2__note{margin:12px 0 0;font-size:12.5px;line-height:1.5;color:var(--faint);text-wrap:pretty;}
.lead2__status:empty,.cta-form__status:empty{display:none;}
.lead2__status,.cta-form__status{margin:10px 0 0;font-family:'Space Grotesk',sans-serif;font-size:13px;letter-spacing:-.01em;color:var(--lime-ink);}
.lead2__status[data-err],.cta-form__status[data-err]{color:var(--warn);}
.fform__btn[data-loading]{opacity:.7;pointer-events:none;position:relative;}
.fform__btn[data-loading]::after{content:"";position:absolute;right:16px;top:50%;width:14px;height:14px;margin-top:-7px;
  border:2px solid rgba(10,11,10,.35);border-top-color:#0a0b0a;border-radius:50%;animation:fbtnspin .7s linear infinite;}
@keyframes fbtnspin{to{transform:rotate(360deg);}}
.cta-form__file{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:11px;cursor:pointer;
  border:1px dashed var(--line);background:rgba(255,255,255,.015);transition:border-color .3s ease;
  font-family:'Space Grotesk',sans-serif;font-size:12px;text-transform:lowercase;letter-spacing:-.01em;color:var(--muted);}
.cta-form__file:hover{border-color:rgba(168,232,12,.45);}
@media(max-width:560px){.lead2__grid{grid-template-columns:1fr;}}

/* ============================================================
   EXECUTION CONTOUR — staged operations panel (not 6 equal cards)
   ============================================================ */
.exec{position:relative;display:grid;gap:clamp(14px,1.6vw,22px);}
.exec__rail{position:absolute;left:19px;top:18px;bottom:18px;width:2px;z-index:0;
  background:repeating-linear-gradient(180deg,var(--line) 0 6px,transparent 6px 12px);}
.exec__stage{position:relative;z-index:1;display:grid;grid-template-columns:40px 1fr;gap:clamp(16px,2vw,28px);align-items:start;}
.exec__dot{width:40px;height:40px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;
  background:var(--bg);border:1px solid rgba(168,232,12,.3);}
.exec__dot::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px rgba(168,232,12,.5);}
.exec__c{border:1px solid var(--line-2);border-radius:var(--r);background:var(--card);
  padding:clamp(22px,2.4vw,32px) clamp(24px,2.6vw,36px);min-width:0;}
.exec__h{display:flex;align-items:baseline;gap:13px;margin-bottom:clamp(16px,1.8vw,20px);}
.exec__n{font-family:'Space Grotesk',sans-serif;font-size:12px;letter-spacing:.04em;color:var(--lime-ink);font-variant-numeric:tabular-nums;}
.exec__t{margin:0;font-family:'Space Grotesk',sans-serif;font-weight:500;text-transform:lowercase;letter-spacing:-.03em;
  font-size:clamp(19px,1.6vw,25px);line-height:1.05;color:var(--ink);}
.exec__p{margin:0 0 14px;font-size:14px;line-height:1.5;color:var(--muted);}
.exec__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:9px 26px;}
.exec__list li{position:relative;padding-left:20px;font-size:14px;line-height:1.45;color:var(--ink);letter-spacing:-.01em;text-wrap:pretty;}
.exec__list li::before{content:"";position:absolute;left:0;top:8px;width:7px;height:7px;border-radius:2px;background:rgba(168,232,12,.6);}
.exec__roles{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.exec__role{border:1px solid var(--line-2);border-radius:14px;padding:16px 18px;background:rgba(255,255,255,.015);}
.exec__role b{display:block;font-family:'Space Grotesk',sans-serif;font-weight:500;text-transform:lowercase;letter-spacing:-.02em;
  font-size:15px;color:var(--ink);margin-bottom:6px;}
.exec__role span{font-size:13px;line-height:1.45;color:var(--muted);text-wrap:pretty;}
.exec__role--tv{border-color:rgba(168,232,12,.34);background:linear-gradient(140deg,rgba(168,232,12,.07),transparent 60%);}
.exec__role--tv b{color:var(--lime-ink);}
@media(min-width:681px){
  /* desktop: header left, content right — fills width instead of empty wide cards */
  .exec__c{display:grid;grid-template-columns:minmax(170px,206px) 1fr;column-gap:clamp(26px,3vw,52px);row-gap:13px;align-items:start;}
  .exec__h{grid-column:1;grid-row:1;flex-direction:column;align-items:flex-start;gap:9px;margin-bottom:0;}
  .exec__p,.exec__list,.exec__roles{grid-column:2;}
}
@media(max-width:680px){
  .exec__rail{left:15px;}
  .exec__stage{grid-template-columns:32px 1fr;gap:14px;}
  .exec__dot{width:32px;height:32px;}
  .exec__c{padding:20px 18px;}
  .exec__list{grid-template-columns:1fr;gap:8px;}
  .exec__roles{grid-template-columns:1fr;}
}

/* ============================================================
   ROUTE SUMMARY — stat + animated route map (after the timeline)
   ============================================================ */
.routesum{margin-top:clamp(38px,4.5vw,64px);border:1px solid rgba(168,232,12,.2);border-radius:var(--r);overflow:hidden;
  background:linear-gradient(120deg,rgba(168,232,12,.06),rgba(168,232,12,.015));}
.routesum__lead{display:grid;grid-template-columns:auto 1fr;gap:clamp(24px,3vw,48px);align-items:center;
  padding:clamp(26px,2.8vw,38px) clamp(28px,3.2vw,46px);}
.routesum__stat{display:flex;align-items:center;gap:15px;padding-right:clamp(24px,3vw,48px);border-right:1px solid var(--line);}
.routesum__stat b{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:clamp(48px,4.4vw,76px);line-height:.78;letter-spacing:-.05em;color:var(--lime-ink);}
.routesum__stat span{font-family:'Space Grotesk',sans-serif;text-transform:lowercase;font-size:clamp(14px,1vw,16px);line-height:1.15;letter-spacing:-.01em;color:var(--ink);}
.routesum__p{margin:0;color:var(--muted);font-size:clamp(15px,1.1vw,17px);line-height:1.55;max-width:64ch;text-wrap:pretty;}
.routesum__map{padding:clamp(26px,2.8vw,36px) clamp(28px,3.2vw,46px) clamp(28px,3vw,40px);
  border-top:1px solid var(--line-2);background:rgba(0,0,0,.18);}
.routemap{position:relative;display:grid;grid-template-columns:repeat(6,1fr);}
.routemap__line{position:absolute;left:calc(100%/12);right:calc(100%/12);top:6px;height:2px;border-radius:2px;
  background:repeating-linear-gradient(90deg,var(--line) 0 6px,transparent 6px 12px);}
.routemap__stop{position:relative;display:flex;flex-direction:column;align-items:center;gap:11px;text-align:center;}
.routemap__dot{width:14px;height:14px;border-radius:50%;background:var(--bg-2);border:2px solid var(--line);
  position:relative;z-index:1;transition:background .45s var(--ease),border-color .45s var(--ease),box-shadow .45s var(--ease);}
.routesum.tv-in .routemap__dot{background:var(--lime);border-color:var(--lime-ink);box-shadow:0 0 0 4px rgba(168,232,12,.12),0 0 12px rgba(168,232,12,.45);}
.routemap__stop:nth-child(2) .routemap__dot{transition-delay:.15s;}
.routemap__stop:nth-child(3) .routemap__dot{transition-delay:.65s;}
.routemap__stop:nth-child(4) .routemap__dot{transition-delay:1.15s;}
.routemap__stop:nth-child(5) .routemap__dot{transition-delay:1.65s;}
.routemap__stop:nth-child(6) .routemap__dot{transition-delay:2.15s;}
.routemap__stop:nth-child(7) .routemap__dot{transition-delay:2.65s;}
.routemap__lbl{font-family:'Space Grotesk',sans-serif;font-size:12px;text-transform:lowercase;letter-spacing:-.01em;
  color:var(--muted);line-height:1.2;max-width:11ch;}
.routemap__stop:last-child .routemap__lbl{color:var(--ink);}
@media (prefers-reduced-motion:reduce){
  .routesum .routemap__dot{transition:none;}
}
@media(max-width:760px){
  .routesum__lead{grid-template-columns:1fr;gap:16px;}
  .routesum__stat{border-right:0;border-bottom:1px solid var(--line);padding:0 0 16px;}
}
@media(max-width:560px){
  /* vertical route line on phones */
  .routemap{grid-template-columns:1fr;}
  .routemap__line{left:6px;right:auto;top:5px;bottom:5px;width:2px;height:auto;}
  .routemap__stop{flex-direction:row;align-items:center;gap:14px;padding:8px 0;text-align:left;}
  .routemap__lbl{max-width:none;font-size:13.5px;color:var(--ink);}
}

/* ============================================================
   WAYS — comparison meters (скорость / экономия)
   ============================================================ */
.way__meters{display:flex;flex-direction:column;gap:11px;margin-top:clamp(18px,2vw,22px);
  padding-top:clamp(18px,2vw,22px);border-top:1px solid var(--line-2);}
.way__meter{display:grid;grid-template-columns:60px 1fr 26px;align-items:center;gap:12px;}
.way__meter-k{font-family:'Space Grotesk',sans-serif;font-size:11.5px;text-transform:lowercase;letter-spacing:-.01em;color:var(--faint);}
.way__meter-v{font-family:'Space Grotesk',sans-serif;font-size:11px;color:var(--faint);text-align:right;font-variant-numeric:tabular-nums;}
.way__bar{position:relative;height:4px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden;}
.way__bar i{display:block;height:100%;width:var(--v,50%);border-radius:999px;
  background:linear-gradient(90deg,rgba(168,232,12,.55),var(--lime));
  transform:scaleX(0);transform-origin:left;transition:transform .95s cubic-bezier(.16,1,.3,1);}
.ways.tv-in .way__bar i{transform:scaleX(1);}
.ways.tv-in .way:nth-child(2) .way__bar i{transition-delay:.09s;}
.ways.tv-in .way:nth-child(3) .way__bar i{transition-delay:.18s;}
.ways.tv-in .way:nth-child(4) .way__bar i{transition-delay:.27s;}
.way:hover .way__bar i{background:linear-gradient(90deg,var(--lime-2,rgba(168,232,12,.8)),var(--lime));}
@media(prefers-reduced-motion:reduce){.way__bar i{transform:scaleX(1);transition:none;}}
.way__more{display:inline-flex;align-items:center;justify-content:space-between;gap:9px;margin-top:clamp(16px,1.8vw,20px);
  padding-top:clamp(15px,1.6vw,18px);border-top:1px solid var(--line-2);
  font-family:'Space Grotesk',sans-serif;font-size:12.5px;text-transform:lowercase;
  letter-spacing:-.01em;color:var(--ink);text-decoration:none;transition:color .3s ease;}
.way__more:hover{color:var(--lime-ink);}
.way__more-ic{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex:0 0 auto;
  border-radius:50%;border:1px solid rgba(168,232,12,.28);background:rgba(168,232,12,.06);color:var(--lime-ink);
  transition:background .35s ease,border-color .35s ease;}
.way__more-ic svg{width:13px;height:13px;transition:transform .35s var(--ease);}


/* ============================================================
   COST — "supplier price → landed cost" headline flow
   ============================================================ */
.costflow{display:flex;align-items:stretch;gap:clamp(8px,1vw,14px);margin-bottom:clamp(30px,3.4vw,48px);}
.costflow__node{flex:1 1 0;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:7px;
  border:1px solid var(--line-2);border-radius:16px;padding:clamp(18px,1.9vw,26px) clamp(18px,1.9vw,24px);background:var(--card);}
.costflow__node--end{border-color:rgba(168,232,12,.42);
  background:linear-gradient(140deg,rgba(168,232,12,.1),transparent 62%),var(--card);}
.costflow__k{font-family:'Space Grotesk',sans-serif;font-weight:500;text-transform:lowercase;letter-spacing:-.025em;
  font-size:clamp(17px,1.4vw,22px);line-height:1.05;color:var(--ink);}
.costflow__node--end .costflow__k{color:var(--lime-ink);}
.costflow__v{font-size:12.5px;color:var(--muted);line-height:1.4;text-wrap:pretty;}
.costflow__ops{flex:0 0 auto;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:0 clamp(4px,.6vw,10px);}
.costflow__op{display:inline-flex;align-items:center;gap:6px;font-family:'Space Grotesk',sans-serif;font-size:12px;
  text-transform:lowercase;letter-spacing:-.01em;color:var(--muted);white-space:nowrap;}
.costflow__op::before{content:"+";color:var(--lime-ink);font-weight:600;}
.costflow__arrow{flex:0 0 auto;align-self:center;color:rgba(168,232,12,.6);display:inline-flex;}
.costflow__arrow svg{width:20px;height:20px;}
@media(max-width:760px){
  .costflow{flex-direction:column;gap:10px;}
  .costflow__ops{flex-direction:row;flex-wrap:wrap;gap:6px 14px;padding:2px 4px;}
  .costflow__arrow{transform:rotate(90deg);}
}

/* ============================================================
   SOURCE DATA — two levels with a progression connector
   ============================================================ */
.src{position:relative;}
.src__step{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;flex:0 0 auto;
  font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:600;letter-spacing:.02em;
  background:rgba(168,232,12,.1);border:1px solid rgba(168,232,12,.3);color:var(--lime-ink);}
.src__col:not(.src__col--lead) .src__step{background:rgba(255,255,255,.04);border-color:var(--line);color:var(--muted);}
.src__head{display:flex;align-items:center;gap:11px;margin-bottom:14px;}
.src__head .src__tag{margin:0;}
.src__conn{align-self:center;z-index:2;
  display:inline-flex;flex-direction:column;align-items:center;gap:7px;padding:12px 13px;border-radius:14px;
  background:var(--bg);border:1px solid rgba(168,232,12,.3);box-shadow:0 8px 24px rgba(0,0,0,.4);
  font-family:'Space Grotesk',sans-serif;font-size:11px;text-transform:lowercase;letter-spacing:.01em;color:var(--lime-ink);
  text-align:center;line-height:1.2;max-width:96px;}
.src__conn svg{width:16px;height:16px;flex:0 0 auto;order:-1;}

/* ============================================================
   CONFIRMED — "проверяем → получаете" two-step
   ============================================================ */
.conf__hd{display:flex;align-items:center;gap:13px;margin-bottom:clamp(18px,2vw,24px);
  padding-bottom:clamp(16px,1.8vw,20px);border-bottom:1px solid var(--line-2);}
.conf__hd-ic{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;flex:0 0 auto;
  background:rgba(168,232,12,.08);border:1px solid rgba(168,232,12,.24);color:var(--lime-ink);}
.conf__hd-ic svg{width:21px;height:21px;}
.conf__hd-tx b{display:block;font-family:'Space Grotesk',sans-serif;font-weight:500;text-transform:lowercase;letter-spacing:-.02em;
  font-size:clamp(18px,1.5vw,23px);line-height:1.05;color:var(--ink);}
.conf__hd-tx span{font-family:'Space Grotesk',sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--faint);}
.conf__col--out{border-color:rgba(168,232,12,.28);
  background:linear-gradient(160deg,rgba(168,232,12,.05),transparent 56%),var(--card);}
.conf__col--out .conf__hd-tx b{color:var(--lime-ink);}

/* ============================================================
   MOBILE APP POLISH (≤600px)
   tighter vertical rhythm, grouped app-style lists, swipe rails,
   full-width tap targets — kills the "длинная простыня" feel
   ============================================================ */
@media(max-width:600px){
  html{scroll-behavior:smooth;}
  [id]{scroll-margin-top:74px;}

  /* 1 — compress the global section rhythm (~72px → 48px) */
  .section{padding:48px 0;}
  .kf{padding:4px 0 40px;}
  #killer{scroll-margin-top:0;}

  /* tighten every section head */
  .disc__head,.flow__head,.faq__head{margin-bottom:26px;}
  .disc__sub,.flow__lead,.faq__sub{font-size:15px;line-height:1.55;}

  /* 2 — hero: shorter slab + full-width buttons (app tap targets) */
  .hero__media{height:clamp(248px,62vw,300px);margin-top:22px;}
  .hero__row{gap:20px;margin-top:22px;}
  .hero__actions{width:100%;gap:10px;}
  .hero__actions .btn{flex:1 1 100%;justify-content:space-between;min-height:52px;}
  .hero__micro,.dz-trust{font-size:12.5px;}

  /* 4 — route timeline: tighter steps + thinner rail gutter */
  .flow__step{grid-template-columns:34px 1fr;gap:14px;padding:16px 0;}
  .flow__step h3{font-size:18px;}
  .flow__step p{font-size:14px;line-height:1.5;}
  .flow__note{margin-top:30px;}

  /* 5 — COST: long 12-card stack → one grouped app list */
  .costs{grid-template-columns:1fr;gap:0;border:1px solid var(--line-2);border-radius:18px;overflow:hidden;background:var(--card);margin-top:6px;}
  .cost{grid-template-columns:auto 1fr;gap:2px 12px;border:0;border-bottom:1px solid var(--line-2);border-radius:0;
    padding:13px 16px;transform:none!important;}
  .cost:last-child{border-bottom:0;}
  .cost:hover{transform:none;border-color:transparent;}
  .cost__n{align-self:center;}
  .cost__t{font-size:15px;gap:8px;}
  .cost__p{display:none;}
  .dz-costlegend{margin-top:18px;gap:8px 14px;}
  .dz-costlegend span{font-size:12px;}

  /* 6 — SOURCE & CONFIRMED lists: 2-up compact (short labels) */
  .src__col{padding:22px 18px;}
  .src__list{grid-template-columns:1fr 1fr;gap:7px 14px;}
  .src__list li{font-size:12.5px;}
  .src__note{margin-top:22px;padding:18px 18px;font-size:14.5px;}
  .src__t{font-size:19px;}
  .conf{gap:12px;margin-top:30px;}
  .conf__col{padding:22px 18px;}
  .conf__list{grid-template-columns:1fr 1fr;gap:0 14px;}
  .conf__list li{grid-template-columns:14px 1fr;gap:9px;padding:10px 0;font-size:13px;border-bottom:0;}
  .conf__list li::before{width:11px;}

  /* 7 — WAYS: vertical stacked feed (no horizontal slider) */
  .ways{grid-template-columns:1fr;display:grid;gap:12px;}
  .way{padding:24px 22px;}
  .way:hover{transform:none;}

  /* 8 — banner: compact brand beat */
  .dz-cta-row{margin-top:22px;gap:10px 16px;}
  .dz-cta-row .linkq{font-size:15px;}

  /* 9 — final CTA + footer tidy */
  .lead2__form{margin-top:16px;}
  .src__actions{margin-top:20px;}
}

/* very small phones — single column for the 2-up lists */
@media(max-width:380px){
  .src__list,.conf__list{grid-template-columns:1fr;}
}

/* MOBILE-FIRST КАНОН — волна 2 (02.07.2026): floor интерфейсных тегов/лейблов на мобиле */
@media(max-width:700px){
.disc__st,.cost__st,.model__tag,.model__pk,.model__cost-tag{font-size:11px;}
}

/* MOBILE-FIRST КАНОН — волна 4 «максимально круто» (02.07.2026) */
@media(max-width:760px){
  .lead2__form--full .lead2__input{font-size:16px;}
}

/* аудит 53 (27.07.2026): у полноширинных CTA в .src__actions на ≤374px nowrap-контент (текст+btn__ic) шире кнопки — иконку резал body-клип; разрешаем перенос */
@media(max-width:374px){
  .src__actions .btn{white-space:normal;text-align:left;}
  .src__actions .btn .btn__ic{flex:0 0 auto;}
}