/* ============================================================
   TOVIAN — blog-fx · передовые контент-блоки (kinetic / editorial)
   Слой поверх pv-styles.css. Тёмная база + lime. Перф-дружелюбно:
   только transform/opacity, всё уважает prefers-reduced-motion.
   Блоки: .fxmarq · .fxbig · .fxmanifest · .fxsteps
   ============================================================ */

/* ---------- 1. KINETIC MARQUEE — бегущая смысловая лента ---------- */
.fxmarq{position:relative;z-index:1;margin:clamp(40px,6vw,88px) 0;padding:clamp(18px,2.4vw,30px) 0;
  border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2);overflow:hidden;
  -webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);}
.fxmarq__row{display:flex;width:max-content;gap:0;will-change:transform;animation:fxmarq 34s linear infinite;}
.fxmarq:hover .fxmarq__row{animation-play-state:paused;}
.fxmarq__row span{display:inline-flex;align-items:center;gap:clamp(20px,3vw,48px);padding-right:clamp(20px,3vw,48px);
  font-family:'Space Grotesk',sans-serif;font-weight:600;letter-spacing:-.03em;text-transform:lowercase;
  font-size:clamp(28px,5vw,64px);line-height:1;color:var(--ink);white-space:nowrap;}
.fxmarq__row b{color:var(--lime-ink);font-weight:600;}
.fxmarq__row i{font-style:normal;color:var(--faint);font-size:.5em;transform:translateY(-.12em);}
@keyframes fxmarq{to{transform:translateX(-50%);}}
@media(prefers-reduced-motion:reduce){.fxmarq__row{animation:none;transform:translateX(-12%);}}

/* fxsteps: progressive reveal of each step (like homepage timeline) */
@media(prefers-reduced-motion:no-preference){
  .fxstep{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease,cubic-bezier(.4,0,.2,1)),transform .7s var(--ease,cubic-bezier(.4,0,.2,1));}
  .fxstep.tv-in{opacity:1;transform:none;}
  /* article flow timeline — each step fully fades up on scroll (driven by .on from pv-interactions) */
  .art .flow__step{opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease,cubic-bezier(.4,0,.2,1)),transform .6s var(--ease,cubic-bezier(.4,0,.2,1));}
  .art .flow__step.on{opacity:1;transform:none;}

  /* ---- award-grade reveal choreography (staggered children) ---- */
  /* big-stats: cells rise in sequence */
  .fxbig .fxbig__c{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);}
  .fxbig.tv-in .fxbig__c{opacity:1;transform:none;}
  .fxbig.tv-in .fxbig__c:nth-child(2){transition-delay:.09s;}
  .fxbig.tv-in .fxbig__c:nth-child(3){transition-delay:.18s;}
  /* split: columns slide in from their sides */
  .fxsplit .fxsplit__c--solo{opacity:0;transform:translateX(-18px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);}
  .fxsplit .fxsplit__c--pro{opacity:0;transform:translateX(18px);transition:opacity .7s cubic-bezier(.16,1,.3,1) .08s,transform .7s cubic-bezier(.16,1,.3,1) .08s;}
  .fxsplit.tv-in .fxsplit__c--solo,.fxsplit.tv-in .fxsplit__c--pro{opacity:1;transform:none;}
  /* manifest: keyword lights up after the line settles */
  .fxmanifest .fxmanifest__t b{transition:color .6s ease .35s, text-shadow .6s ease .35s;}
  .fxmanifest:not(.tv-in) .fxmanifest__t b{color:var(--ink);text-shadow:none;}
  .fxmanifest.tv-in .fxmanifest__t b{text-shadow:0 0 28px rgba(168,232,12,.35);}
}

/* big-stats number: subtle weight-shift on hover (Apple-grade micro-detail) */
.fxbig__n{transition:transform .5s cubic-bezier(.16,1,.3,1);transform-origin:left;}
.fxbig__c:hover .fxbig__n{transform:scale(1.03);}
.fxbig__c:hover .fxbig__n em{color:var(--lime-2,#bdf52e);}

/* final CTA on blog article — dark band so the card corners don't show light bleed */
.art .lead2{background:#070809;}
.art .lead2__card{margin-top:clamp(8px,1.6vw,24px);}

/* ============================================================
   EDITORIAL PROSE POLISH — .art__body (award-grade typography)
   ============================================================ */
/* selectable designed text block */
.art__flowblock{position:relative;margin:clamp(26px,3vw,40px) 0;padding:clamp(24px,2.8vw,38px) clamp(22px,2.6vw,36px);border:1px solid var(--line-2);border-radius:clamp(16px,1.8vw,22px);background:linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,.004) 70%),rgba(11,13,15,.4);box-shadow:0 20px 54px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04);}
.art__flowblock{position:relative;margin:clamp(26px,3vw,40px) 0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;}
.art__flowblock > h2{margin-top:0;padding-top:0;border-top:0;}
/* premium step rows inside the flow block */
.art__flowblock .flow__timeline{margin-top:clamp(8px,1.2vw,16px);}
.art__flowblock .flow__step > div{position:relative;padding:clamp(2px,0.4vw,6px) 0;}
.art__flowblock .flow__step h3,.art__flowblock .flow__step p,.art__flowblock .flow__step .flow__n{position:relative;z-index:1;}

/* platform comparison (1688 / Alibaba / Taobao) */
.platcmp__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,1.2vw,16px);margin:clamp(20px,2.4vw,30px) 0 clamp(16px,1.8vw,22px);}
.platcmp__c{position:relative;display:flex;flex-direction:column;padding:clamp(18px,2vw,24px);border:1px solid var(--line-2);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.026),rgba(255,255,255,.004) 70%),rgba(11,13,15,.5);transition:border-color .4s ease,transform .4s var(--ease);}
.platcmp__c:hover{transform:translateY(-4px);border-color:rgba(168,232,12,.3);}
.platcmp__c--lead{border-color:rgba(168,232,12,.34);background:linear-gradient(180deg,rgba(168,232,12,.07),rgba(255,255,255,.004) 64%),rgba(11,13,15,.5);box-shadow:0 0 0 1px rgba(168,232,12,.08),0 22px 56px rgba(0,0,0,.32);}
.platcmp__tag{align-self:flex-start;font-family:'Space Grotesk',sans-serif;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);border:1px solid var(--line-2);border-radius:999px;padding:5px 10px;margin-bottom:clamp(14px,1.6vw,20px);}
.platcmp__c--lead .platcmp__tag{color:var(--lime-ink);border-color:rgba(168,232,12,.4);background:rgba(168,232,12,.08);}
.platcmp__name{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:clamp(24px,2.4vw,34px);letter-spacing:-.04em;line-height:1;color:var(--ink);}
.platcmp__c--lead .platcmp__name{color:var(--lime-ink);}
.platcmp__role{margin-top:6px;font-family:'Space Grotesk',sans-serif;font-size:13px;letter-spacing:-.01em;text-transform:lowercase;color:var(--muted);}
.platcmp__list{list-style:none;margin:clamp(14px,1.6vw,18px) 0 0;padding:clamp(14px,1.6vw,18px) 0 0;border-top:1px solid var(--line-2);display:flex;flex-direction:column;gap:9px;}
.platcmp__list li{position:relative;padding-left:18px;font-size:13.5px;line-height:1.42;color:var(--muted);text-wrap:pretty;}
.platcmp__list li::before{content:"";position:absolute;left:0;top:8px;width:5px;height:5px;border-radius:50%;background:var(--line);}
.platcmp__c--lead .platcmp__list li::before{background:var(--lime);box-shadow:0 0 8px rgba(168,232,12,.5);}
.platcmp__foot{margin:0!important;font-size:clamp(14px,1.05vw,16px)!important;color:var(--ink)!important;}
@media(max-width:760px){.platcmp__grid{grid-template-columns:1fr;}}

/* signal cards (seller-check checklist) */
/* light theme: light card, dark text, dark-lime number (blends into the article) */
.sigcards{display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,1.2vw,14px);margin:clamp(16px,1.8vw,22px) 0 clamp(18px,2vw,24px);}
.sigcards__c{position:relative;overflow:hidden;padding:clamp(20px,2vw,26px);border:1px solid var(--line-2);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.024),rgba(255,255,255,.004) 70%),rgba(11,13,15,.5);transition:border-color .4s var(--ease),transform .4s var(--ease),box-shadow .4s ease;}
.sigcards__c::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(120px 120px at calc(100% - 34px) 30px,rgba(168,232,12,.18),transparent 72%);opacity:0;transition:opacity .45s ease;pointer-events:none;}
.sigcards__c:hover{transform:translateY(-3px);border-color:rgba(168,232,12,.32);box-shadow:0 22px 50px rgba(0,0,0,.34);}
.sigcards__c:hover::after{opacity:1;}
/* fxcost legend — inline dark swatches → readable olive-tone on light */
.sigcards__n{position:absolute;top:clamp(8px,1.1vw,14px);right:clamp(14px,1.6vw,20px);z-index:0;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:clamp(34px,4.4vw,54px);line-height:1;letter-spacing:-.04em;color:rgba(168,232,12,.16);font-variant-numeric:tabular-nums;transition:color .4s ease;pointer-events:none;}
.sigcards__c:hover .sigcards__n{color:rgba(168,232,12,.34);}
.sigcards__c b{position:relative;z-index:1;display:block;margin:8px 0 7px;padding-right:clamp(40px,5vw,58px);font-family:'Space Grotesk',sans-serif;font-weight:500;text-transform:lowercase;letter-spacing:-.025em;font-size:clamp(16px,1.4vw,20px);line-height:1.05;color:var(--ink);}
.sigcards__c p{position:relative;z-index:1;margin:0!important;font-size:13.5px!important;line-height:1.5!important;color:var(--muted)!important;}
@media(max-width:600px){.sigcards{grid-template-columns:1fr;}}
/* trio variant: 3 равные карточки в один ряд (для блоков с нечётными 3 — без пробела и без растягивания) */
.sigcards--3{grid-template-columns:repeat(3,1fr);}
@media(max-width:820px){.sigcards--3{grid-template-columns:1fr;}}

/* numbered error rows */
.errlist{display:flex;flex-direction:column;margin-top:clamp(8px,1vw,14px);}
.errlist__r{display:flex;gap:clamp(14px,1.8vw,22px);align-items:baseline;padding:clamp(13px,1.5vw,17px) 0;border-top:1px solid var(--line-2);}
.errlist__r:first-child{border-top:0;}
.errlist__n{flex:0 0 auto;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:clamp(15px,1.3vw,18px);letter-spacing:.02em;color:var(--lime-ink);font-variant-numeric:tabular-nums;}
.errlist__r p{margin:0!important;font-size:clamp(14.5px,1.1vw,16.5px)!important;line-height:1.5!important;color:var(--muted)!important;text-wrap:pretty;}

/* payment → delivery 3-step flow */
.payflow{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,1.2vw,16px);margin-top:clamp(16px,1.8vw,22px);}
.payflow__c{position:relative;padding:clamp(18px,2vw,24px);border:1px solid var(--line-2);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.024),rgba(255,255,255,.004) 70%),rgba(11,13,15,.5);transition:border-color .4s ease,transform .4s var(--ease);}
.payflow__c:hover{transform:translateY(-3px);border-color:rgba(168,232,12,.3);}
.payflow__n{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:13px;letter-spacing:.02em;color:var(--lime-ink);}
.payflow__c b{display:block;margin:8px 0 8px;font-family:'Space Grotesk',sans-serif;font-weight:500;text-transform:lowercase;letter-spacing:-.025em;font-size:clamp(16px,1.35vw,19px);line-height:1.05;color:var(--ink);}
.payflow__c p{margin:0!important;font-size:13.5px!important;line-height:1.5!important;color:var(--muted)!important;text-wrap:pretty;}
@media(max-width:760px){.payflow{grid-template-columns:1fr;}}
.art__textblock{position:relative;margin:clamp(34px,4.4vw,64px) 0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;}
.art__textblock > h2{margin:0 0 clamp(14px,1.6vw,20px);}
.art__textblock > p{margin:0 0 clamp(12px,1.3vw,16px);}
.art__textblock > p:last-child{margin-bottom:0;}

/* lead paragraph: первый абзац крупнее и ярче — задаёт ритм */
.art__body > p:first-of-type{font-size:clamp(17px,1.45vw,21px);line-height:1.6;color:var(--ink);letter-spacing:-.012em;margin-bottom:clamp(24px,2.6vw,34px);}
.art__body > p:first-of-type::after{content:none;}
.art__body > p:first-of-type::first-letter{font-weight:inherit;font-size:inherit;color:inherit;float:none;padding:0;}

/* H2: без засечки */
.art__body h2{border-top:0!important;padding-top:clamp(30px,3.6vw,48px)!important;}

/* strong: «маркерная» подсветка ключевых слов */
.art__body p strong{position:relative;color:var(--ink);font-weight:600;
  background:linear-gradient(180deg,transparent 62%,rgba(168,232,12,.22) 62%);padding:0 .04em;}

/* links: подчёркивание растёт по толщине при наведении */
.art__body a:not([class]){position:relative;border-bottom:0!important;background-image:linear-gradient(var(--lime-line),var(--lime-line));background-size:100% 1px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .35s cubic-bezier(.16,1,.3,1);padding-bottom:1px;}
.art__body a:not([class]):hover{background-size:100% 2px;background-image:linear-gradient(var(--lime-ink),var(--lime-ink));}
.art__body a.artrel2__all,.art__body a.herotool__alt{background-image:linear-gradient(var(--lime-line),var(--lime-line));background-size:100% 1px;background-position:0 100%;background-repeat:no-repeat;border-bottom:0;}

/* list markers: нейтральные */
.art__body li{color:var(--ink);}

/* pull-quote: крупная кавычка-акцент */
.art__pull{position:relative;}
.art__pull::before{content:"“";position:absolute;top:-.32em;left:.4em;font-family:'Space Grotesk',sans-serif;font-size:clamp(56px,7vw,96px);line-height:1;color:rgba(168,232,12,.22);pointer-events:none;}
@media(prefers-reduced-motion:reduce){.art__body a:not([class]){transition:none;}}

/* lists → designed panel cards (не «текст на фоне», а оформленный блок) */
.art__body ul{position:relative;gap:0!important;margin:clamp(20px,2.4vw,30px) 0!important;
  padding:clamp(20px,2.4vw,30px) clamp(22px,2.6vw,32px)!important;
  border:1px solid var(--line-2);border-radius:clamp(16px,1.8vw,22px);
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.006) 70%),rgba(11,13,15,.5);
  box-shadow:0 24px 60px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04);overflow:hidden;}
.art__body ul li{padding:13px 0!important;margin:0;font-size:clamp(14.5px,1.05vw,16.5px);}
.art__body ul li + li{border-top:1px solid var(--line-2);}
.art__body ul li::before{display:none!important;}
.art__body ul li{padding-left:0!important;}
/* light theme: панель-список светлая, не тёмная (фикс для всех KB-страниц) */

/* h3 — без маркера */




/* ---------- 5. COST-REVEAL — цена товара → полная себестоимость ---------- */
.fxcost{margin:clamp(28px,3.4vw,48px) 0;border:1px solid rgba(168,232,12,.16);border-radius:clamp(20px,2.4vw,30px);overflow:hidden;position:relative;
  background:radial-gradient(120% 90% at 100% 0%,rgba(168,232,12,.07),transparent 56%),linear-gradient(180deg,rgba(255,255,255,.022),transparent 60%),#0a0c0a;
  box-shadow:0 30px 80px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.05);}
.fxcost__head{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:clamp(20px,2.2vw,28px) clamp(22px,3vw,40px) 0;position:relative;}
.fxcost__head::before{content:none;}
.fxcost__k{display:inline-flex;align-items:center;gap:8px;font-family:'Space Grotesk',sans-serif;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--lime-ink);margin-bottom:0;line-height:1;}
.fxcost__k::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 8px rgba(168,232,12,.6);flex:0 0 auto;}
.fxcost__h{margin:0;font-family:'Space Grotesk',sans-serif;font-weight:500;letter-spacing:-.03em;font-size:clamp(22px,2.8vw,34px);line-height:1.05;color:var(--ink);max-width:18ch;text-wrap:balance;}
.fxcost .fxcost__h{margin:0;padding-top:0;border-top:0;}
.art__body .btn--lime{color:#0a0b0a;}
.art__fine{margin-top:clamp(16px,2vw,22px);}
.prepcta{margin-top:clamp(18px,2.2vw,26px);}
@media(max-width:600px){.prepcta{flex-direction:column;align-items:stretch;}.prepcta .btn{width:100%;justify-content:space-between;}}
.fxcost__bar{box-shadow:0 14px 36px rgba(0,0,0,.35);}
.fxcost__seg{position:relative;}
.fxcost__seg::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 55%);pointer-events:none;}
.fxcost__bar{display:flex;height:clamp(54px,7vw,74px);margin:clamp(22px,2.6vw,34px) clamp(22px,3vw,40px) 0;border-radius:14px;overflow:hidden;border:1px solid var(--line-2);}
.fxcost__intro{padding:clamp(16px,2vw,24px) clamp(22px,3vw,40px) 0;display:flex;flex-direction:column;gap:clamp(12px,1.4vw,16px);}
.fxcost__intro p{margin:0;font-size:clamp(15px,1.15vw,18px);line-height:1.62;color:var(--muted);text-wrap:pretty;}
.fxcost__seg{display:flex;align-items:center;padding-left:clamp(12px,1.4vw,18px);min-width:0;width:0;
  font-family:'Space Grotesk',sans-serif;font-size:11.5px;letter-spacing:-.01em;color:#0a0b0a;white-space:nowrap;overflow:hidden;
  transition:width 1.1s cubic-bezier(.5,0,.15,1);}
.fxcost.tv-in .fxcost__seg{width:var(--w);}
.fxcost__seg b{font-weight:600;text-shadow:0 1px 0 rgba(0,0,0,.15);}
.fxcost__seg{position:relative;}
.fxcost__seg + .fxcost__seg{box-shadow:-1px 0 0 rgba(0,0,0,.25);}
/* sheen sweep across the bar on reveal */
.fxcost__bar{position:relative;}
.fxcost__bar::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.18) 48%,transparent 66%);transform:translateX(-120%);}
.fxcost.tv-in .fxcost__bar::after{animation:fxSheen 1.5s cubic-bezier(.4,0,.2,1) .7s;}
@keyframes fxSheen{to{transform:translateX(120%);}}
.fxcost__seg b{opacity:0;transition:opacity .4s ease .6s;}
.fxcost.tv-in .fxcost__seg b{opacity:1;}
@media(prefers-reduced-motion:reduce){.fxcost__bar::after{display:none;}.fxcost__seg b{opacity:1;}}
.fxcost__seg--goods{background:var(--lime);}
.fxcost__seg--log{background:#6fbf4a;color:#0a0b0a;}
.fxcost__seg--duty{background:#2f8f5b;color:#eef7ee;}
.fxcost__seg--svc{background:#1f5e46;color:#d7e8de;}
.fxcost__legend{display:flex;flex-wrap:wrap;gap:10px 22px;padding:clamp(18px,2.2vw,26px) clamp(22px,3vw,40px) clamp(24px,3vw,38px);}
.fxcost__li{display:inline-flex;align-items:center;gap:9px;font-size:13px;color:var(--muted);}
.fxcost__li i{width:11px;height:11px;border-radius:3px;flex:0 0 auto;}
.fxcost__li b{color:var(--ink);font-weight:500;}
.fxcost__note{margin:0;padding:0 clamp(22px,3vw,40px) clamp(24px,3vw,38px)!important;font-size:13px;line-height:1.55;color:var(--faint);text-wrap:pretty;}
@media(max-width:560px){.fxcost__seg{font-size:0;padding-left:0;}.fxcost__seg b{display:none;}.fxcost__bar{height:22px;margin-top:clamp(26px,7vw,34px);margin-bottom:clamp(22px,6vw,30px);box-shadow:0 8px 20px rgba(0,0,0,.26);}.fxcost__legend{padding-top:clamp(16px,4.5vw,22px);gap:12px 18px;}.fxcost{box-shadow:0 18px 44px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.05);}}
@media(prefers-reduced-motion:reduce){.fxcost__seg{transition:none;width:var(--w);}}

/* ---------- 6. SPLIT — самостоятельно / с Tovian (editorial-контраст) ---------- */
.fxsplit{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2px,0.2vw,3px);margin:clamp(40px,6vw,88px) 0;
  border:1px solid var(--line-2);border-radius:clamp(20px,2.4vw,30px);overflow:hidden;background:var(--line-2);}
.fxsplit__c{padding:clamp(26px,3.4vw,46px) clamp(22px,2.8vw,38px);background:#0a0c0a;}
@media(max-width:600px){
  /* avoid plate-in-plate: outer wrapper goes flat, inner panels become clean stacked cards */
  .fxsplit{grid-template-columns:1fr;gap:12px;border:0;border-radius:0;background:none;overflow:visible;}
  .fxsplit__c{border:1px solid var(--line-2);border-radius:16px;}
}
.fxsplit__c--pro{background:radial-gradient(120% 110% at 100% 0%,rgba(168,232,12,.1),transparent 52%),#0b0d0a;}
.fxsplit__c--pro::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(168,232,12,.55),transparent);}
.fxsplit__c{position:relative;}
@media(prefers-reduced-motion:no-preference){
  .fxsplit__list li{opacity:0;transform:translateY(10px);transition:opacity .55s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1);}
  .fxsplit.tv-in .fxsplit__list li{opacity:1;transform:none;}
  .fxsplit.tv-in .fxsplit__list li:nth-child(2){transition-delay:.06s;}
  .fxsplit.tv-in .fxsplit__list li:nth-child(3){transition-delay:.12s;}
  .fxsplit.tv-in .fxsplit__list li:nth-child(4){transition-delay:.18s;}
  .fxsplit.tv-in .fxsplit__list li:nth-child(5){transition-delay:.24s;}
}
.fxsplit__c--pro .fxsplit__list li::before{transition:transform .3s ease;}
.fxsplit__c--pro .fxsplit__list li:hover::before{transform:scale(1.3) rotate(15deg);}
.fxsplit__k{display:inline-flex;align-items:center;gap:9px;font-family:'Space Grotesk',sans-serif;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-bottom:clamp(18px,2.2vw,26px);}
.fxsplit__c--pro .fxsplit__k{color:var(--lime-ink);}
.fxsplit__c--pro .fxsplit__k::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 11px 1px rgba(168,232,12,.7);}
.fxsplit__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:13px;}
.fxsplit__list li{position:relative;padding-left:26px;font-size:14.5px;line-height:1.5;color:var(--muted);text-wrap:pretty;}
.fxsplit__list li::before{position:absolute;left:0;top:1px;font-size:14px;}
.fxsplit__list li{min-height:2.9em;}
.fxsplit__c--solo .fxsplit__list li::before{content:"–";color:var(--lime-ink);font-weight:600;}
.fxsplit__c--pro .fxsplit__list li{color:var(--ink);}
.fxsplit__c--pro .fxsplit__list li::before{content:"";left:0;top:3px;width:13px;height:13px;background:var(--lime);-webkit-mask: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='%23000'/%3E%3C/svg%3E") center/contain no-repeat;mask: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='%23000'/%3E%3C/svg%3E") center/contain no-repeat;}
@media(max-width:720px){.fxsplit{grid-template-columns:1fr;}}
/* light theme: force cards fully visible — skip all scroll-reveal start-states */


/* ---------- 2. EDITORIAL BIG-STATS — гигантские цифры ---------- */
.fxbig{margin:clamp(40px,6vw,88px) 0;}
.fxbig__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(2px,0.2vw,4px);
  border:1px solid var(--line-2);border-radius:clamp(18px,2vw,26px);overflow:hidden;background:var(--line-2);}
.fxbig__c{position:relative;padding:clamp(26px,3.4vw,48px) clamp(20px,2.4vw,34px);background:#0b0d0a;overflow:hidden;}
.fxbig__c::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 0% 0%,rgba(168,232,12,.07),transparent 55%);opacity:0;transition:opacity .5s ease;}
.fxbig__c:hover::before{opacity:1;}
.fxbig__n{position:relative;display:block;font-family:'Space Grotesk',sans-serif;font-weight:600;letter-spacing:-.05em;line-height:.9;
  font-size:clamp(52px,8vw,104px);color:var(--ink);}
.fxbig__n em{font-style:normal;font-size:.42em;letter-spacing:-.02em;color:var(--lime-ink);vertical-align:.42em;margin-left:.05em;}
.fxbig__k{position:relative;display:block;margin-top:clamp(12px,1.4vw,18px);font-size:14.5px;line-height:1.5;color:var(--muted);text-wrap:pretty;}
@media(max-width:720px){.fxbig__grid{grid-template-columns:1fr;}}

/* ---------- 3. MANIFEST — крупный editorial-тезис с подсветкой слова ---------- */
.fxmanifest{position:relative;margin:clamp(40px,6vw,88px) 0;padding:clamp(34px,5vw,72px) clamp(26px,4vw,64px);
  border:1px solid rgba(168,232,12,.2);border-radius:clamp(20px,2.4vw,30px);overflow:hidden;
  background:radial-gradient(130% 130% at 100% 0%,rgba(168,232,12,.08),transparent 52%),linear-gradient(180deg,rgba(255,255,255,.025),transparent 60%),#0a0c0a;
  box-shadow:0 40px 120px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.05);}
.fxmanifest__k{display:inline-flex;align-items:center;gap:9px;margin-bottom:clamp(18px,2.4vw,30px);
  font-family:'Space Grotesk',sans-serif;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--lime-ink);}
.fxmanifest__k::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px 1px rgba(168,232,12,.7);}
.fxmanifest__t{margin:0;font-family:'Space Grotesk',sans-serif;font-weight:500;letter-spacing:-.035em;line-height:1.05;
  font-size:clamp(26px,4.4vw,52px);color:var(--ink);text-wrap:balance;}
.fxmanifest__t b{color:var(--lime-ink);font-weight:500;}
.fxmanifest__t .mut{color:var(--faint);}
.fxmanifest__foot{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:clamp(24px,3vw,40px);padding-top:clamp(18px,2.2vw,28px);border-top:1px solid var(--line-2);}
.fxmanifest__sig{font-family:'Space Grotesk',sans-serif;font-size:13px;letter-spacing:-.01em;color:var(--muted);}
.fxmanifest__sig b{color:var(--ink);font-weight:600;}

/* FAQ on blog article — award-grade polish */
.art .faq__item{transition:border-color .35s ease,background .35s ease;}
.art .faq__item:hover{border-color:rgba(168,232,12,.28);}
@media(min-width:861px){ .art .faq__head{position:sticky;top:104px;} }
@media(max-width:860px){ .art .faq__head{position:static;} }
@media(prefers-reduced-motion:no-preference){
  .art .faq__head .eyebrow,.art .faq__head .faq__title,.art .faq__head .faq__sub{opacity:0;transform:translateY(14px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);}
  .art .faq__head.tv-in .eyebrow{transition-delay:.04s;}
  .art .faq__head.tv-in .faq__title{transition-delay:.12s;}
  .art .faq__head.tv-in .faq__sub{transition-delay:.2s;}
  .art .faq__head.tv-in .eyebrow,.art .faq__head.tv-in .faq__title,.art .faq__head.tv-in .faq__sub{opacity:1;transform:none;}
}

/* ---- 4b. MANIFEST · PRO — award-grade upgrade ---- */
.fxmanifest--pro{padding:clamp(40px,5.6vw,82px) clamp(28px,4.4vw,72px);
  background:radial-gradient(140% 140% at 100% 0%,rgba(168,232,12,.1),transparent 50%),linear-gradient(180deg,rgba(255,255,255,.03),transparent 60%),#090b08;}
.fxmanifest--pro .fxmanifest__grid{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
  background-size:48px 48px;
  -webkit-mask:radial-gradient(120% 100% at 100% 0%,#000,transparent 72%);mask:radial-gradient(120% 100% at 100% 0%,#000,transparent 72%);}
.fxmanifest--pro>*{position:relative;z-index:1;}
.fxmanifest--pro .fxmanifest__t{font-size:clamp(27px,4.6vw,56px);line-height:1.04;}
/* keyword gets a soft underline sheen on reveal */
.fxmanifest--pro .fxmanifest__t b{position:relative;background:linear-gradient(180deg,transparent 64%,rgba(168,232,12,.2) 64%);padding:0 .04em;}
.fxmanifest--pro .fxmanifest__foot{justify-content:space-between;align-items:flex-end;}
.fxmanifest__n{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:clamp(44px,6vw,84px);line-height:.8;letter-spacing:-.05em;
  color:transparent;-webkit-text-stroke:1px rgba(168,232,12,.35);opacity:.6;}
/* headline rises in once, with the keyword igniting after settle */
@media(prefers-reduced-motion:no-preference){
  .fxmanifest--pro .fxmanifest__t{opacity:0;transform:translateY(16px);transition:opacity .8s cubic-bezier(.16,1,.3,1) .05s,transform .8s cubic-bezier(.16,1,.3,1) .05s;}
  .fxmanifest--pro.tv-in .fxmanifest__t{opacity:1;transform:none;}
  .fxmanifest--pro .fxmanifest__foot{opacity:0;transform:translateY(12px);transition:opacity .7s cubic-bezier(.16,1,.3,1) .35s,transform .7s cubic-bezier(.16,1,.3,1) .35s;}
  .fxmanifest--pro.tv-in .fxmanifest__foot{opacity:1;transform:none;}
  .fxmanifest--pro.tv-in .fxmanifest__t b{animation:fxKey .7s ease .5s both;}
}
@keyframes fxKey{0%{background-size:100% 0;}100%{background-size:100% 100%;}}

/* ---------- 4. SCROLL-STEP RAIL — нумерованная цепочка с прогресс-линией ---------- */
.fxsteps{position:relative;margin:clamp(40px,6vw,80px) 0;padding-left:clamp(30px,4vw,54px);}
.fxsteps::before{content:"";position:absolute;left:clamp(6px,0.8vw,11px);top:6px;bottom:6px;width:2px;border-radius:2px;
  background:linear-gradient(180deg,var(--lime),rgba(168,232,12,.12));}
.fxstep{position:relative;padding:clamp(16px,2vw,26px) 0;}
.fxstep+.fxstep{border-top:1px solid var(--line-2);}
.fxstep::before{content:"";position:absolute;left:calc(-1*clamp(30px,4vw,54px) + clamp(2px,0.4vw,5px));top:clamp(22px,2.6vw,32px);
  width:12px;height:12px;border-radius:50%;background:#0a0c0a;border:2px solid var(--lime);box-shadow:0 0 0 4px #070809;}
.fxstep__n{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--lime-ink);}
.fxstep__t{margin:8px 0 6px;font-family:'Space Grotesk',sans-serif;font-weight:500;letter-spacing:-.02em;font-size:clamp(18px,1.8vw,24px);color:var(--ink);}
.fxstep__p{margin:0;font-size:14.5px;line-height:1.6;color:var(--muted);text-wrap:pretty;}

/* ---------- WAY TIERS — 3 способа заказа (pricing-tier rhythm) ---------- */
.waytiers{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.3vw,18px);margin-top:clamp(22px,2.6vw,34px);align-items:stretch;}
.waytier{position:relative;display:flex;flex-direction:column;border:1px solid var(--line-2);border-radius:var(--r,20px);
  background:var(--card);padding:clamp(22px,2.2vw,30px);transition:border-color .4s var(--ease),transform .4s var(--ease);}
.waytier:hover{transform:translateY(-4px);border-color:var(--line);}
.waytier--reco{border-color:rgba(168,232,12,.45);background:radial-gradient(120% 120% at 100% 0%,rgba(168,232,12,.12),transparent 55%),var(--card);box-shadow:0 30px 70px rgba(0,0,0,.32);}
.waytier--reco:hover{border-color:var(--lime);}
.waytier__badge{position:absolute;top:-11px;left:clamp(22px,2.2vw,30px);display:inline-flex;align-items:center;gap:7px;
  font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:lowercase;
  color:var(--ink-on-lime,#0a0b0a);background:var(--lime);padding:5px 12px;border-radius:999px;}
.waytier__n{font-family:'Space Grotesk',sans-serif;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);}
.waytier__t{margin:12px 0 0;font-family:'Space Grotesk',sans-serif;font-weight:500;text-transform:lowercase;letter-spacing:-.03em;
  font-size:clamp(20px,1.9vw,27px);line-height:1.02;color:var(--ink);}
.waytier__p{margin:12px 0 18px;font-size:13.5px;line-height:1.55;color:var(--muted);text-wrap:pretty;}
.waytier__meta{margin-top:auto;display:flex;flex-direction:column;gap:9px;padding-top:16px;border-top:1px solid var(--line-2);}
.waytier__row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:12.5px;}
.waytier__row b{font-family:'Space Grotesk',sans-serif;font-weight:500;color:var(--ink);text-transform:lowercase;}
.waytier__row span{color:var(--muted);text-align:right;}
@media(max-width:820px){.waytiers{grid-template-columns:1fr;}.waytier__badge{left:clamp(20px,5vw,30px);}}

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