/* Визуальное сближение с макетом из Figma/PDF - 25.08.2026 */

/* Каталог: светлая сцена и овальные орбиты за изделием */
.capabilities-catalog {
  position: relative;
  isolation: isolate;
  overflow-x: clip;
  padding-block: clamp(64px, 8vw, 118px);
}
.capabilities-catalog::before {
  content: "";
  position: absolute;
  inset: 3% -8% auto 45%;
  height: 46%;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 48% 46%, rgba(119, 71, 190, .13), transparent 42%),
    radial-gradient(circle at 78% 58%, rgba(226, 102, 27, .1), transparent 24%);
  filter: blur(34px);
}
.catalog__head { max-width: 760px; }
.catalog__title { margin-bottom: 14px; }
.viz {
  min-height: 510px;
  border-radius: 42% 58% 48% 52% / 58% 44% 56% 42%;
  background: radial-gradient(ellipse at center, rgba(255,255,255,.76), rgba(242,237,251,.24) 52%, transparent 73%);
}
.vorb {
  aspect-ratio: 1.72 / 1;
  border-radius: 50%;
}
.viz__orbits .vorb--inner { width: 68%; transform: translate(-50%, -50%) rotate(18deg); }
.viz__orbits .vorb--mid { width: 106%; transform: translate(-50%, -50%) rotate(-17deg); }
.vorb__ring {
  border-radius: 50%;
  border-color: rgba(83, 49, 135, .2);
  border-width: 2px;
  filter: blur(2.8px);
  box-shadow: 0 0 26px rgba(117, 69, 190, .08);
}
.vorb__orb::before {
  background:
    radial-gradient(circle at 31% 24%, #fff 0 4%, #ff9e48 10%, #e2661b 24%, #7a24bd 56%, #270451 76%, transparent 79%);
  opacity: .88;
  filter: blur(3px) drop-shadow(0 0 16px rgba(104, 34, 178, .58));
}
.viz__img { z-index: 2; max-width: 91%; max-height: 100%; }
.spec { z-index: 4; right:0; }
.viz-col__cta { display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; }
.catalog-detail-link {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:13px 24px;
  border:1px solid rgba(36,7,98,.22);
  border-radius:999px;
  color:#240762;
  font-family:var(--font-ui);
  font-size:.86rem;
  font-weight:600;
  transition:transform .25s ease,background .25s ease,color .25s ease;
}
.catalog-detail-link:hover { transform:translateY(-2px); background:#240762; color:#fff; }

/* Временные фотозаглушки заменены космической картой оборудования. */
.labcore {
  background:
    radial-gradient(70% 42% at 82% 24%, rgba(117,69,190,.12), transparent 64%),
    linear-gradient(180deg, #fff 0%, #faf8ff 72%, #fff 100%);
}
.labcore__shots {
  position: relative;
  display: block;
  min-height: 560px;
  overflow: hidden;
  border-radius: 32px;
  background:
    radial-gradient(circle at 76% 22%, rgba(226,102,27,.42), transparent 8%),
    radial-gradient(circle at 28% 72%, rgba(119,69,190,.72), transparent 13%),
    radial-gradient(110% 100% at 18% 12%, #341074 0%, #180431 67%, #0d021e 100%);
  box-shadow: 0 36px 86px -54px rgba(35, 5, 80, .9);
}
.labcore__shots::before,
.labcore__shots::after {
  content: "";
  position: absolute;
  left: 50%; top: 50%;
  width: 116%; aspect-ratio: 1.75 / 1;
  border: 2px solid rgba(255,255,255,.18);
  border-radius: 50%;
  filter: blur(2px);
}
.labcore__shots::before { transform: translate(-50%,-50%) rotate(24deg); }
.labcore__shots::after { width: 84%; transform: translate(-50%,-50%) rotate(-23deg); border-color: rgba(226,102,27,.25); }
.labcore__shots .shot {
  position: absolute;
  z-index: 2;
  display: block;
  width: auto;
  aspect-ratio: auto;
  overflow: visible;
  border: 0;
  background: transparent;
}
.labcore__shots .shot__ph { display: none; }
.labcore__shots .shot__cap {
  position: static;
  display: block;
  padding: 9px 13px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 999px;
  color: rgba(255,255,255,.88);
  background: rgba(255,255,255,.08);
  backdrop-filter: blur(10px);
  white-space: nowrap;
}
.labcore__shots .shot:nth-child(1) { left: 7%; top: 9%; }
.labcore__shots .shot:nth-child(2) { right: 8%; top: 15%; }
.labcore__shots .shot:nth-child(3) { left: 19%; top: 34%; }
.labcore__shots .shot:nth-child(4) { right: 11%; top: 43%; }
.labcore__shots .shot:nth-child(5) { left: 8%; bottom: 27%; }
.labcore__shots .shot:nth-child(6) { right: 22%; bottom: 19%; }
.labcore__shots .shot:nth-child(7) { left: 17%; bottom: 7%; }
.labcore__shots .shot:nth-child(8) { right: 7%; bottom: 5%; }

/* Pantone-сцена: светлая лаборатория без цветной подложки за колбой. */
.mix {
  position:relative;
  height:auto;
  margin-top:clamp(70px,8vw,120px);
  overflow:hidden;
  background:
    radial-gradient(circle at 18% 56%,rgba(117,69,190,.09),transparent 26%),
    linear-gradient(180deg,rgba(255,255,255,0),#f8f5ff 55%,#fff);
}
.mix::before,
.mix::after {
  content:"";
  position:absolute;
  left:38%; top:54%;
  width:78vw; aspect-ratio:1.9/1;
  border:1.5px solid rgba(91,45,142,.13);
  border-radius:50%;
  transform:translate(-50%,-50%) rotate(17deg);
  filter:blur(1px);
  pointer-events:none;
}
.mix::after { width:55vw; transform:translate(-50%,-50%) rotate(-24deg); border-color:rgba(226,102,27,.16); }
.mix__pin { position:static; height:auto; padding:clamp(72px,8vw,124px) 0; }
.mix__grid { position:relative; z-index:1; grid-template-columns:minmax(380px,1.08fr) minmax(340px,.92fr); }
.mix__visual { order:-1; padding:0; overflow:visible; background:transparent; box-shadow:none; border-radius:0; }
.mix__stage { width:100%; max-width:590px; }
.mix__intro { max-width:620px; margin:-8px 0 24px; color:var(--ink-muted); line-height:1.6; }
.mix__steps {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  max-width: 660px;
}
.mix__step,
.mix__step.is-on,
.mix__step.is-past {
  position: static;
  grid-area: auto;
  opacity: 1 !important;
  transform: none !important;
  padding: 16px 18px;
  border: 1px solid rgba(77,38,127,.1);
  border-radius: 16px;
  background: rgba(255,255,255,.72);
}
.mix__step-name { margin-bottom: 6px; }
.mix__step-text { font-size: .9rem; line-height: 1.5; color: var(--ink-muted); }
.mix__outro { opacity: 1 !important; transform: none !important; pointer-events: auto !important; }
.beaker { display:none; }
.mix__tags { z-index:5; }
.mix__tag,
.mix__tag.is-on {
  color:#35145f;
  border-color:rgba(91,45,142,.17);
  background:rgba(255,255,255,.76);
  box-shadow:0 12px 30px -22px rgba(36,7,98,.7);
  opacity:1 !important;
  transform:translate(var(--tx,0px),0) !important;
}
.mix__tag--a { left:1%; top:32%; }
.mix__tag--b { right:2%; top:43%; }
.mix__tag--c { left:8%; top:69%; }
.mix__tag--d { right:1%; top:20%; }
.mix__tag--e { left:auto; right:10%; top:77%; margin:0; }

.pantone-flask {
  position:relative;
  width:min(100%,540px);
  aspect-ratio:1/1;
  margin:0 auto;
  filter:drop-shadow(0 34px 34px rgba(48,9,89,.14));
}
.pantone-flask__glass {
  position:absolute;
  inset:0;
  z-index:4;
  width:100%; height:100%;
  object-fit:contain;
  pointer-events:none;
}
.pantone-flask__chamber {
  position:absolute;
  z-index:2;
  inset:8% 14% 8%;
  overflow:hidden;
  clip-path:polygon(34% 0,66% 0,69% 15%,82% 42%,96% 78%,100% 91%,96% 100%,4% 100%,0 91%,4% 78%,18% 42%,31% 15%);
}
.pantone-flask__liquid,
.pantone-flask__wave {
  position:absolute;
  left:0; right:0; bottom:0;
  height:0;
  background:linear-gradient(118deg,#240762 4%,#2b08a2 34%,#8f35d6 64%,#e2661b 100%);
  animation:pantoneFill 7.2s cubic-bezier(.35,.05,.24,1) infinite;
}
.pantone-flask__liquid::after {
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 32% 23%,rgba(255,255,255,.5),transparent 18%),linear-gradient(90deg,transparent,rgba(255,255,255,.17),transparent);
  animation:pantoneSheen 3.4s ease-in-out infinite alternate;
}
.pantone-flask__wave {
  z-index:1;
  height:9px;
  bottom:calc(var(--pantone-level,0%) - 4px);
  border-radius:50%;
  background:rgba(210,153,255,.68);
  filter:blur(2px);
  animation:pantoneWave 7.2s cubic-bezier(.35,.05,.24,1) infinite;
}
.pantone-flask__dropper {
  position:absolute;
  z-index:6;
  left:50%; top:-2%;
  width:78px; height:24px;
  border-radius:999px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,#240762,#8f35d6 58%,#e2661b);
  box-shadow:0 8px 22px -12px rgba(36,7,98,.8);
}
.pantone-flask__stream {
  position:absolute;
  z-index:3;
  left:50%; top:0;
  width:10px; height:54%;
  border-radius:999px;
  transform:translateX(-50%) scaleY(0);
  transform-origin:50% 0;
  background:linear-gradient(180deg,#e2661b 0%,#9a39dc 34%,#2b08a2 100%);
  filter:drop-shadow(0 0 7px rgba(108,38,180,.55));
  animation:pantonePour 7.2s ease-in-out infinite;
}
.pantone-flask__bubble {
  position:absolute;
  z-index:4;
  left:var(--bx); bottom:8%;
  width:var(--bs); height:var(--bs);
  border:1px solid rgba(255,255,255,.65);
  border-radius:50%;
  opacity:0;
  animation:pantoneBubble 2.1s ease-in infinite;
  animation-delay:var(--bd);
}
.pantone-flask__bubble--a { --bx:34%; --bs:8px; --bd:-.4s; }
.pantone-flask__bubble--b { --bx:57%; --bs:12px; --bd:-1.2s; }
.pantone-flask__bubble--c { --bx:72%; --bs:6px; --bd:-1.7s; }
@keyframes pantoneFill {
  0%,12% { height:0; }
  62%,88% { height:64%; }
  100% { height:0; }
}
@keyframes pantoneWave {
  0%,12% { bottom:-4px; opacity:0; }
  18% { opacity:1; }
  62%,88% { bottom:calc(64% - 4px); opacity:1; }
  100% { bottom:-4px; opacity:0; }
}
@keyframes pantonePour {
  0%,8% { transform:translateX(-50%) scaleY(0); opacity:0; }
  15%,60% { transform:translateX(-50%) scaleY(1); opacity:1; }
  70%,100% { transform:translateX(-50%) scaleY(0); opacity:0; }
}
@keyframes pantoneSheen { to { transform:translateX(16%); opacity:.55; } }
@keyframes pantoneBubble {
  0%,28% { transform:translateY(0) scale(.6); opacity:0; }
  42% { opacity:.65; }
  100% { transform:translateY(-170px) scale(1.25); opacity:0; }
}

/* Производственная сеть - самостоятельная космическая панель. */
.network {
  position: relative;
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(circle at 82% 18%, rgba(226,102,27,.22), transparent 18%),
    radial-gradient(circle at 16% 86%, rgba(126,67,210,.4), transparent 28%),
    linear-gradient(120deg, #140228, #2b0964 55%, #240762);
}
.network::before {
  content: "";
  position: absolute;
  width: 82vw;
  aspect-ratio: 1.85 / 1;
  left: 42%; top: 52%;
  transform: translate(-50%,-50%) rotate(12deg);
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 50%;
  filter: blur(1.5px);
  pointer-events: none;
}
.network .container { position: relative; z-index: 1; }
.network .section__eyebrow { color: #f0a24a; }
.network .section__title { color: #fff; }
.network__text p { color: rgba(255,255,255,.76); }
.network__takes {
  padding: clamp(24px,3vw,38px);
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 26px;
  background: rgba(255,255,255,.07);
  backdrop-filter: blur(12px);
}
.network__sub { color: #fff; }
.network .takes li { color: rgba(255,255,255,.86); }
.network .takes li::before { background: #f0a24a; opacity: 1; }

/* Убираем сверхдлинные sticky-сцены: весь смысл виден сразу. */
.offer { height: auto; min-height: 0; }
.offer__pin {
  position: static;
  height: auto;
  padding: clamp(120px, 12vw, 178px) 0 clamp(72px, 8vw, 120px);
}
.offer__inner { align-items: center; }
.offer__scene { min-width: 0; }
.dayx { height: auto; text-align: center; }
.dayx__num {
  position: static;
  display: block;
  margin-bottom: 22px;
  transform: none !important;
  opacity: 1 !important;
  color: rgba(255,255,255,.15);
}
.dayx__ring, .dayx__sphere, .dayx__link { display: none; }
.dayx__cards { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.dcard {
  position: static;
  width: auto;
  text-align: left;
  transform: none !important;
  opacity: 1 !important;
}
.dayx__done { margin-top: 18px; opacity: 1 !important; transform: none !important; }

.flow { height: auto; overflow: hidden; background: linear-gradient(180deg,#fff,#f7f2ff); }
.flow__pin { position: static; min-height: 0; padding: clamp(72px,8vw,118px) 0; overflow: visible; }
.flow__stack {
  grid-template-columns: repeat(4,minmax(0,1fr));
  min-height: 0;
  gap: 14px;
}
.fcard {
  position: relative;
  grid-area: auto !important;
  min-height: 210px;
  transform: none !important;
  opacity: 1 !important;
  border-color: rgba(75,30,130,.11);
  background:
    radial-gradient(circle at 92% 9%, rgba(226,102,27,.13), transparent 24%),
    rgba(255,255,255,.92);
}
.fcard::after {
  content: "";
  position: absolute;
  left: 24px; right: 24px; bottom: 16px;
  height: 1px;
  background: linear-gradient(90deg,#7545be,#e2661b,transparent);
}

/* Шоурум и макеты - те же орбитальные карточки, без фото-заглушек. */
.samples {
  color: #fff;
  background:
    radial-gradient(circle at 72% 30%, rgba(226,102,27,.18), transparent 21%),
    linear-gradient(132deg,#21043f,#310b72 58%,#1b0338);
}
.samples .section__eyebrow { color: #f0a24a; }
.samples .section__title { color: #fff; }
.samples .section__lead,
.samples__note { color: rgba(255,255,255,.72); }
.samples__sub { color: #fff; }
.samples .takes li { color: rgba(255,255,255,.87); }
.samples .takes li::before { background: #f0a24a; opacity: 1; }
.samples .visit {
  color: #fff;
  border-color: rgba(255,255,255,.14);
  background: rgba(255,255,255,.08);
  backdrop-filter: blur(14px);
}
.samples .visit__row { border-color: rgba(255,255,255,.12); }
.samples .visit__row span { color: rgba(255,255,255,.6); }
.samples .visit__map {
  color: #fff;
  border: 1px solid rgba(255,255,255,.16);
  background:
    radial-gradient(circle at 70% 30%, rgba(226,102,27,.34), transparent 20%),
    radial-gradient(circle at 30% 70%, rgba(138,75,218,.55), transparent 30%),
    rgba(15,2,34,.48);
}
.artwork {
  background:
    radial-gradient(circle at 8% 18%, rgba(117,69,190,.11),transparent 22%),
    #fff;
}
.artwork__grid { gap: 14px; }
.pane {
  position: relative;
  overflow: hidden;
  min-height: 260px;
  border-radius: 28px;
  background: linear-gradient(145deg,#fff,#f5efff);
}
.pane--accent { color: #fff; background: linear-gradient(135deg,#240762,#4b1692); }
.pane--accent .pane__text,
.pane--accent .takes li { color: rgba(255,255,255,.8); }
.pane--accent .takes li::before { background:#f0a24a; opacity:1; }
.pane::after {
  content:"";
  position:absolute;
  width:72%; aspect-ratio:1.8/1;
  right:-20%; bottom:-26%;
  border:1px solid currentColor;
  border-radius:50%;
  opacity:.12;
  transform:rotate(-18deg);
}

/* FAQ как в макете: фиолетовое поле, две колонки, обычный Manrope. */
.faq {
  color: #fff;
  background:
    radial-gradient(circle at 88% 8%, rgba(226,102,27,.2),transparent 18%),
    linear-gradient(128deg,#260654,#3c0a86 55%,#240762);
}
.faq .section__eyebrow { color:#f0a24a; }
.faq .section__title { color:#fff; }
.faq__wrap {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  max-width:none;
}
.faq__item {
  margin:0;
  align-self:start;
  border-color:rgba(255,255,255,.13);
  background:rgba(255,255,255,.075);
  backdrop-filter:blur(12px);
}
.faq__item[open] { border-color:rgba(240,162,74,.48); }
.faq__q {
  font-family:var(--font-body);
  font-weight:500;
  text-transform:none;
  letter-spacing:0;
  color:#fff;
}
.faq__q::after { color:#f0a24a; }
.faq__a { color:rgba(255,255,255,.74); }
.faq__list li::before { background:#f0a24a; }

.quiz { background:linear-gradient(180deg,#f8f4ff,#fff); }
.quiz__box { border:1px solid rgba(255,255,255,.14); box-shadow:0 34px 90px -48px rgba(40,2,83,.9); }

.visitus {
  color:#fff;
  overflow-x:clip;
  padding:clamp(78px,9vw,138px) 0;
  background:
    radial-gradient(circle at 12% 72%,rgba(122,53,207,.36),transparent 26%),
    radial-gradient(circle at 84% 18%,rgba(226,102,27,.16),transparent 20%),
    linear-gradient(135deg,#210547,#2d0964 56%,#180331);
}
.visitus__eyebrow { color:#f0a24a; }
.visitus__title { color:#fff; }
.visitus__sub { color:rgba(255,255,255,.7); }
.visitus__grid { grid-template-columns:minmax(420px,1.18fr) minmax(320px,.82fr); }
.visitus__cosmos {
  position:relative;
  min-height:500px;
  overflow:hidden;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.15);
  border-radius:30px;
  background:
    radial-gradient(circle at 65% 31%,rgba(226,102,27,.2),transparent 19%),
    radial-gradient(circle at 35% 68%,rgba(126,61,211,.42),transparent 28%),
    rgba(10,1,27,.28);
}
.visitus__orbit {
  position:absolute;
  left:50%; top:50%;
  width:112%; aspect-ratio:1.85/1;
  border:1.5px solid rgba(255,255,255,.2);
  border-radius:50%;
  transform:translate(-50%,-50%) rotate(17deg);
  filter:blur(1.4px);
}
.visitus__orbit--b { width:76%; transform:translate(-50%,-50%) rotate(-24deg); border-color:rgba(226,102,27,.22); }
.visitus__core {
  position:absolute;
  inset:0;
  z-index:2;
  animation:orbitCoreCW 16s linear infinite;
}
.visitus__core::before {
  content:"";
  position:absolute;
  left:50%; top:0;
  width:var(--core-size,28px); height:var(--core-size,28px);
  margin:calc(var(--core-size,28px) / -2) 0 0 calc(var(--core-size,28px) / -2);
  border-radius:50%;
  background:radial-gradient(circle at 30% 25%,#fff 0 4%,#ffa34f 12%,#e2661b 30%,#7a24bd 60%,#240762 79%);
  filter:blur(2px) drop-shadow(0 0 15px rgba(139,51,211,.65));
}
.visitus__core--a { --core-size:28px; animation-duration:18s; }
.visitus__core--b { --core-size:21px; animation-name:orbitCoreCCW; animation-duration:13s; }
@keyframes orbitCoreCW { to { transform:rotate(360deg); } }
@keyframes orbitCoreCCW { to { transform:rotate(-360deg); } }
.visitus__cosmos > img {
  position:relative;
  z-index:3;
  width:auto;
  max-width:70%;
  max-height:460px;
  object-fit:contain;
  filter:drop-shadow(0 28px 36px rgba(0,0,0,.35));
  animation:showroomFloat 7s ease-in-out infinite;
}
@keyframes showroomFloat { 50% { transform:translateY(-9px) scale(1.01); } }
.visitus__samples {
  position:absolute;
  z-index:4;
  left:22px; right:22px; bottom:20px;
  display:flex;
  justify-content:center;
  gap:8px;
  flex-wrap:wrap;
}
.visitus__samples span {
  padding:8px 12px;
  border:1px solid rgba(255,255,255,.17);
  border-radius:999px;
  color:rgba(255,255,255,.82);
  background:rgba(255,255,255,.08);
  backdrop-filter:blur(8px);
  font-size:.72rem;
}
.visitus .vcard {
  color:#fff;
  border-color:rgba(255,255,255,.15);
  background:rgba(255,255,255,.08);
  backdrop-filter:blur(14px);
}
.visitus .vcard__row { border-color:rgba(255,255,255,.13); }
.visitus .vcard__row span { color:rgba(255,255,255,.58); }
.visitus .vcard__social a { color:#fff; background:rgba(255,255,255,.09); border-color:rgba(255,255,255,.17); }
.vcard__actions { display:grid; gap:10px; margin-top:20px; }
.visitus .vcard__route { margin:0; }
.vcard__map {
  display:flex;
  min-height:52px;
  align-items:center;
  justify-content:center;
  padding:13px 20px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:999px;
  color:#fff;
  font-family:var(--font-ui);
  font-size:.86rem;
  font-weight:600;
}
.visitus__shots { display:none; }

/* Мобильный каталог-аккордеон. */
.mobile-tech-preview { display:none; }
.mobile-network-toggle { display:none; }
@media (max-width: 900px) {
  .capabilities-catalog { padding-block: 58px 78px; }
  .segmented {
    width:100%;
    grid-template-columns:1fr;
    border-radius:24px;
    padding:5px;
  }
  .segmented__btn { white-space:normal; min-height:44px; }
  .catalog__cols { display:block; padding-bottom:18px; }
  .catalog__cols > .viz-col { display:none; }
  .tech-list { gap:6px; }
  .tech__btn {
    grid-template-columns:auto auto 1fr auto;
    gap:9px;
    padding:12px 13px;
  }
  .tech__arrow { grid-column:4; }
  .tech__meta { grid-column:3 / 5; justify-self:start; }
  .tech__desc { grid-column:3 / 5; }
  .tech:hover .tech__btn { transform:none; }
  .mobile-tech-preview {
    display:block;
    margin:8px 0 24px;
    overflow:visible;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    animation:catalogReveal .42s cubic-bezier(.22,.8,.24,1) both;
  }
  @keyframes catalogReveal { from { opacity:0; transform:translateY(-8px); } }
  .mobile-tech-preview__stage {
    position:relative;
    min-height:clamp(330px,104vw,520px);
    display:grid;
    place-items:center;
    overflow:visible;
    isolation:isolate;
    background:radial-gradient(ellipse at center,rgba(var(--mobile-tint,117,69,190),.15),transparent 58%);
  }
  .mobile-tech-preview__orbit {
    position:absolute;
    left:50%; top:50%;
    width:124%; aspect-ratio:1.78/1;
    transform:translate(-50%,-50%) rotate(-17deg);
    border:2px solid rgba(70,32,118,.2);
    border-radius:50%;
    filter:blur(1.5px);
  }
  .mobile-tech-preview__orbit--inner {
    width:80%;
    transform:translate(-50%,-50%) rotate(24deg);
  }
  .mobile-tech-preview__core {
    position:absolute;
    inset:0;
    animation:orbitCoreCW 15s linear infinite;
  }
  .mobile-tech-preview__core::before {
    content:"";
    position:absolute;
    left:50%; top:0;
    width:var(--core-size,28px); height:var(--core-size,28px);
    margin:calc(var(--core-size,28px) / -2) 0 0 calc(var(--core-size,28px) / -2);
    border-radius:50%;
    background:radial-gradient(circle at 28% 23%,#fff 0 4%,#ffa34f 12%,#e2661b 28%,#7a24bd 58%,#240762 76%);
    filter:blur(2.5px) drop-shadow(0 0 14px rgba(117,45,190,.7));
  }
  .mobile-tech-preview__core--a { --core-size:30px; animation-duration:17s; }
  .mobile-tech-preview__core--b { --core-size:23px; animation-name:orbitCoreCCW; animation-duration:12s; }
  .mobile-tech-preview__img {
    position:relative;
    z-index:2;
    width:min(112%,520px);
    height:auto;
    max-width:none;
    max-height:none;
    object-fit:contain;
    filter:drop-shadow(0 24px 30px rgba(38,10,76,.2));
    animation:mobileMerchFloat 6s ease-in-out infinite;
  }
  .mobile-tech-preview__img--tall { width:min(82%,390px); }
  .mobile-tech-preview__img--small { width:min(96%,440px); }
  @keyframes mobileMerchFloat { 50% { transform:translateY(-8px) scale(1.015); } }
  .mobile-tech-preview__info { padding:8px 4px 0; }
  .mobile-tech-preview__info .spec {
    position:static;
    width:auto;
    padding:0;
    border:0;
    background:transparent;
    box-shadow:none;
    opacity:1;
    transform:none;
    backdrop-filter:none;
  }
  .mobile-tech-preview__info .spec__title { font-size:1.05rem; }
  .mobile-tech-preview__info .spec__list li { font-size:.82rem; }
  .mobile-tech-preview__actions { display:flex; gap:8px; margin-top:18px; }
  .mobile-tech-preview__link,
  .mobile-tech-preview__quote {
    flex:1;
    display:inline-flex;
    justify-content:center;
    align-items:center;
    min-height:46px;
    padding:11px 13px;
    border-radius:999px;
    font-family:var(--font-ui);
    font-size:.78rem;
    font-weight:600;
    text-align:center;
  }
  .mobile-tech-preview__link { color:#fff; background:linear-gradient(100deg,#240762,#45118c); }
  .mobile-tech-preview__quote { color:#240762; border:1px solid rgba(36,7,98,.22); }

  .mobile-network-toggle {
    display:block;
    margin:8px 0 4px;
  }
  .mobile-network-toggle__btn {
    width:100%;
    min-height:48px;
    border:1px solid rgba(36,7,98,.18);
    border-radius:999px;
    background:rgba(255,255,255,.72);
    color:#240762;
    font-family:var(--font-ui);
    font-size:.82rem;
    font-weight:600;
  }
  .mobile-network-toggle__btn::after { content:" +"; color:#e2661b; }
  .tech-list.is-network-expanded .mobile-network-toggle__btn::after { content:" −"; }
  .tech-list:not(.is-network-expanded) > .is-mobile-network-item { display:none; }

  .promo { align-items:stretch; }
  .promo__body { width:100%; max-width:100%; min-width:0; }
  .promo__title { overflow-wrap:anywhere; }
  .promo__btn {
    width:100%;
    justify-content:center;
    padding:15px 18px;
    white-space:normal;
    text-align:center;
  }

  .labcore__shots { min-height:auto; display:grid; grid-template-columns:1fr 1fr; gap:8px; padding:20px; }
  .labcore__shots::before,.labcore__shots::after { width:130%; }
  .labcore__shots .shot { position:static; }
  .labcore__shots .shot__cap { white-space:normal; text-align:center; height:100%; display:grid; place-items:center; }
  .mix__grid { grid-template-columns:1fr; }
  .mix__visual { order:-1; }
  .mix__stage { max-width:520px; margin:0 auto; }
  .mix__steps { grid-template-columns:1fr; }
  .mix__tag--a { left:1%; top:33%; }
  .mix__tag--b { right:0; top:47%; }
  .mix__tag--c { left:4%; top:72%; }
  .mix__tag--d { right:0; top:18%; }
  .mix__tag--e { right:7%; top:80%; }
  .visitus__grid { grid-template-columns:1fr; }
  .visitus__cosmos { min-height:430px; }
  .network__grid { grid-template-columns:1fr; }
  .offer__pin { padding-top:calc(76px + var(--arc-h) * .45); }
  .flow__stack { grid-template-columns:1fr; }
  .fcard { min-height:auto; }
  .faq__wrap { grid-template-columns:1fr; }
}

@media (max-width: 540px) {
  .mobile-tech-preview__actions { flex-direction:column; }
  .mobile-tech-preview__stage { min-height:clamp(320px,108vw,440px); }
  .labcore__shots { grid-template-columns:1fr; }
  .dayx__cards { grid-template-columns:1fr; }
}

/* Единая мобильная геометрия: орбита и её ядро всегда масштабируются вместе. */
@media (max-width: 900px) {
  .showcase__slogan-main {
    font-size:.78rem;
    font-weight:500;
  }

  .orbits {
    opacity:.84;
    transform:none;
  }
  .orbit--o1 {
    --w:118vw !important;
    --ox:-4vw !important;
    --oy:6svh !important;
  }
  .orbit--o2 {
    --w:132vw !important;
    --ox:4vw !important;
    --oy:3svh !important;
  }
  .orbit__core { scale:.56; }

  /* Переход не оставляет перед следующим блоком два пустых экрана. */
  .transition { height:145svh; }

  /* «Всё, что нужно бренду»: заголовок, живая орбита и этапы идут одним ритмом. */
  .cycle__space {
    display:flex;
    flex-direction:column;
    overflow:visible;
  }
  .cycle__text { order:1; margin-bottom:0; }
  .cycle__sky {
    order:2;
    height:clamp(150px,43vw,190px);
    margin:20px calc(var(--pad) * -1) 30px;
    overflow:hidden;
  }
  .cycle__orbits { display:none; }
  .cycle__sky::before {
    content:"";
    position:absolute;
    left:50%; top:50%;
    width:112%; height:72%;
    border:1.6px solid rgba(91,45,142,.36);
    border-radius:50%;
    transform:translate(-50%,-50%);
    filter:blur(.6px);
    box-shadow:0 0 24px rgba(117,69,190,.08);
  }
  .cycle__chrome {
    left:0; top:0;
    width:36px; height:36px;
    margin:-18px 0 0 -18px;
    transform:none !important;
    opacity:1 !important;
    offset-path:ellipse(56% 36% at 50% 50%);
    offset-rotate:0deg;
    animation:cycleMobileCore 12s linear infinite;
  }
  @keyframes cycleMobileCore { to { offset-distance:100%; } }
  .cstep {
    order:3;
    position:relative !important;
    padding:2px 0 0;
  }
  .cstep::after {
    content:"";
    position:absolute;
    z-index:0;
    left:26px; top:50px;
    width:1.5px;
    height:calc(100% + 24px);
    transform:rotate(-5deg);
    transform-origin:top;
    background:linear-gradient(180deg,rgba(226,102,27,.46),rgba(91,45,142,.28),transparent);
  }
  .cstep:last-child::after { display:none; }
  .cstep__ball,.cstep__name,.cstep__text { position:relative; z-index:1; }

  .visitus__orbit { width:118%; }
  .visitus__orbit--b { width:78%; }
}

@media (prefers-reduced-motion: reduce) {
  .mobile-tech-preview,
  .mobile-tech-preview__core,
  .mobile-tech-preview__img,
  .visitus__core,
  .cycle__chrome { animation:none !important; }
}

/* ==========================================================
   Итерация 26.08 - пользовательские орбиты и реальные фото
   ========================================================== */

/* Второй блок использует готовые прозрачные орбиты из макета. */
.cycle__orbits { opacity:0; }
.cycle__orbit-art {
  position:absolute;
  z-index:0;
  display:block;
  max-width:none;
  height:auto;
  pointer-events:none;
}
.cycle__orbit-art--upper { width:112%; left:-3%; top:-14%; }
.cycle__orbit-art--lower { width:106%; left:-3%; top:48%; }
.cycle__chrome,.cstep { z-index:3; }
.cstep__ball {
  transform:translate3d(var(--ball-dx,0),var(--ball-dy,0),0) scale(var(--bs-scale,.7));
}

/* Каталог: изделие начинается на уровне заголовка, орбиты не обрезаются. */
.capabilities-catalog { overflow:visible; }
.viz,.viz__orbits { overflow:visible; }
.vorb__ring { animation:catalogOrbitGlow 4.8s ease-in-out infinite alternate; }
@keyframes catalogOrbitGlow {
  to { opacity:.62; filter:blur(3.4px) drop-shadow(0 0 12px rgba(117,69,190,.25)); }
}
@media (min-width:1201px) {
  .viz-col { margin-top:clamp(-285px,-16vw,-228px); }
}

/* Реальный фото-слайдер внутри производства. */
.labcore { padding-bottom:0; }
.labcore__grid { display:none; }
.production-slider {
  position:relative;
  display:grid;
  grid-template-columns:minmax(300px,.72fr) minmax(520px,1.28fr);
  gap:clamp(34px,5vw,84px);
  align-items:center;
  margin-top:clamp(40px,5vw,72px);
}
.production-slider__copy { position:relative; min-height:430px; padding:36px 0 84px; }
.production-slide-copy {
  position:absolute;
  inset:36px 0 auto;
  opacity:0;
  transform:translateY(22px);
  pointer-events:none;
  transition:opacity .65s ease,transform .65s ease;
}
.production-slide-copy.is-active { opacity:1; transform:none; pointer-events:auto; }
.production-slide-copy > span {
  color:#7545be;
  font-family:var(--font-ui);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.production-slide-copy h3 {
  margin:24px 0 18px;
  font-family:var(--font-display);
  font-size:clamp(2rem,3.2vw,4rem);
  font-weight:600;
  line-height:1;
  text-transform:uppercase;
}
.production-slide-copy p { margin:0; color:var(--ink-muted); line-height:1.7; }
.production-slider__nav {
  position:absolute;
  left:0; bottom:22px;
  display:flex;
  align-items:center;
  gap:14px;
  color:#5b2d8e;
  font-family:var(--font-ui);
  font-size:.78rem;
  letter-spacing:.1em;
}
.production-slider__nav button {
  width:44px; height:44px;
  border:1px solid rgba(91,45,142,.22);
  border-radius:50%;
  color:#5b2d8e;
  background:#fff;
}
.production-slider__visual {
  position:relative;
  min-height:clamp(460px,47vw,650px);
  overflow:hidden;
  border-radius:32px;
  background:#eeeaf5;
  box-shadow:0 34px 90px -54px rgba(38,7,80,.64);
}
.production-slide {
  position:absolute;
  inset:0;
  margin:0;
  opacity:0;
  background-image:url("../assets/img/production/equipment-board.webp");
  background-repeat:no-repeat;
  transition:opacity .8s ease,transform 1.1s cubic-bezier(.22,.8,.22,1);
  transform:scale(1.035);
}
.production-slide.is-active { opacity:1; transform:scale(1); }
.production-slide img { opacity:0; width:1px; height:1px; }
.production-slide--carousel { background-size:236% auto; background-position:left 58%; }
.production-slide--dtf { background-size:328% auto; background-position:left top; }
.production-slide--dryer { background-size:385% auto; background-position:60% 54%; }
.production-slider__orbit {
  position:absolute;
  z-index:4;
  left:50%; top:50%;
  width:116%; height:56%;
  border:1.5px solid rgba(255,255,255,.42);
  border-radius:50%;
  transform:translate(-50%,-50%) rotate(15deg);
  pointer-events:none;
  filter:blur(1px);
}
.production-slider__orbit i {
  position:absolute;
  inset:0;
  animation:orbitCoreCW 13s linear infinite;
}
.production-slider__orbit i::before {
  content:"";
  position:absolute;
  left:50%; top:-13px;
  width:26px; height:26px;
  margin-left:-13px;
  border-radius:50%;
  background:radial-gradient(circle at 28% 23%,#fff 0 4%,#ffa34f 12%,#e2661b 28%,#7a24bd 58%,#240762 76%);
  filter:blur(2px) drop-shadow(0 0 14px rgba(117,45,190,.7));
}

/* Sticky-раскрытие обязанностей ATOM Lab. */
.lab-takes {
  --takes-progress:0;
  position:relative;
  height:260vh;
  margin-top:clamp(76px,9vw,136px);
  color:#fff;
  background:
    radial-gradient(circle at 84% 18%,rgba(226,102,27,.18),transparent 19%),
    radial-gradient(circle at 12% 82%,rgba(126,62,211,.38),transparent 26%),
    linear-gradient(130deg,#190333,#31096d 58%,#210548);
}
.lab-takes__pin {
  position:sticky;
  top:0;
  min-height:100svh;
  display:grid;
  grid-template-columns:minmax(300px,.72fr) minmax(540px,1.28fr);
  gap:clamp(36px,6vw,90px);
  align-items:center;
  padding-top:clamp(86px,9vh,126px);
  padding-bottom:clamp(54px,7vh,94px);
}
.lab-takes__head h3 {
  margin:0;
  font-family:var(--font-display);
  font-size:clamp(2.8rem,5.2vw,6rem);
  font-weight:600;
  line-height:.96;
  text-transform:uppercase;
}
.lab-takes__head > p:last-child { color:rgba(255,255,255,.68); line-height:1.6; }
.lab-takes__cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.lab-takes__cards article {
  min-height:112px;
  padding:19px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:20px;
  background:rgba(255,255,255,.075);
  backdrop-filter:blur(12px);
  opacity:var(--card-progress,0);
  transform:translateY(calc((1 - var(--card-progress,0)) * 28px)) scale(calc(.94 + var(--card-progress,0) * .06));
}
.lab-takes__cards span { color:#f0a24a; font-size:.68rem; letter-spacing:.15em; }
.lab-takes__cards p { margin:22px 0 0; font-weight:600; line-height:1.4; }

/* Pantone: жидкость остаётся строго внутри колбы и плавно наполняет её один раз. */
.pantone-flask__chamber {
  inset:8% 20% 13%;
  clip-path:polygon(38% 0,62% 0,64% 18%,76% 43%,91% 80%,97% 94%,92% 100%,8% 100%,3% 94%,9% 80%,24% 43%,36% 18%);
}
.pantone-flask__liquid { animation:pantoneFillFixed 6.2s cubic-bezier(.22,.68,.24,1) forwards; }
.pantone-flask__wave { animation:pantoneWaveFixed 6.2s cubic-bezier(.22,.68,.24,1) forwards; }
.pantone-flask__stream { animation:pantonePourFixed 6.2s ease-in-out forwards; }
.pantone-flask__liquid,.pantone-flask__wave,.pantone-flask__stream { animation-play-state:paused; }
.pantone-flask.is-animated .pantone-flask__liquid,
.pantone-flask.is-animated .pantone-flask__wave,
.pantone-flask.is-animated .pantone-flask__stream { animation-play-state:running; }
@keyframes pantoneFillFixed { 0%,10% { height:0; } 72%,100% { height:68%; } }
@keyframes pantoneWaveFixed { 0%,10% { bottom:-4px; opacity:0; } 16% { opacity:1; } 72%,100% { bottom:calc(68% - 4px); opacity:1; } }
@keyframes pantonePourFixed { 0%,7% { transform:translateX(-50%) scaleY(0); opacity:0; } 14%,72% { transform:translateX(-50%) scaleY(1); opacity:1; } 82%,100% { transform:translateX(-50%) scaleY(0); opacity:0; } }

/* После КП - единая космическая подложка без цветовых швов. */
.offer,.visitus,.faq,.quiz {
  background-color:#240762;
  background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.028) 0 54px,transparent 54px 108px);
}
.visitus,.faq,.quiz { border-top:0; }
.quiz { color:#fff; min-height:100svh; display:grid; align-items:center; }
.quiz__eyebrow { color:#f0a24a; }
.quiz__title { max-width:780px; color:#fff; }
.quiz__sub { color:rgba(255,255,255,.7); }
.quiz__box { background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.14); backdrop-filter:blur(14px); }
.quiz__orbit {
  position:absolute;
  z-index:0;
  left:-18%; top:38%;
  width:52vw; aspect-ratio:1.9/1;
  border:1.5px solid rgba(255,255,255,.22);
  border-radius:50%;
  transform:rotate(18deg);
  filter:blur(1px);
}
.quiz__orbit--b { width:34vw; top:18%; transform:rotate(-24deg); border-color:rgba(226,102,27,.3); }
.quiz__orbit i { position:absolute; inset:0; animation:orbitCoreCW 16s linear infinite; }
.quiz__orbit--b i { animation-name:orbitCoreCCW; animation-duration:12s; }
.quiz__orbit i::before {
  content:"";
  position:absolute;
  left:50%; top:-18px;
  width:36px; height:36px;
  margin-left:-18px;
  border-radius:50%;
  background:radial-gradient(circle at 29% 24%,#fff 0 4%,#ffa14b 13%,#e2661b 30%,#7920bd 59%,#23043f 78%);
  filter:blur(2px) drop-shadow(0 0 18px rgba(144,55,219,.74));
}

/* Реальная фотография шоурума, орбиты остаются поверх как фирменный слой. */
.visitus__cosmos { min-height:520px; background:#13032a; }
.visitus__cosmos > img {
  position:absolute;
  inset:0;
  z-index:1;
  width:100%; height:100%;
  max-width:none; max-height:none;
  object-fit:cover;
  opacity:.86;
  filter:saturate(.86) contrast(1.04);
  animation:showroomPhoto 14s ease-in-out infinite alternate;
}
.visitus__cosmos::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  background:linear-gradient(90deg,rgba(23,3,54,.12),rgba(36,7,98,.28));
  pointer-events:none;
}
.visitus__orbit { z-index:3; }
@keyframes showroomPhoto { to { transform:scale(1.045); } }

@media (max-width:1000px) {
  .production-slider { grid-template-columns:1fr; }
  .production-slider__visual { order:-1; min-height:clamp(390px,68vw,570px); }
  .production-slider__copy { min-height:360px; }
  .lab-takes { height:auto; }
  .lab-takes__pin { position:static; min-height:auto; grid-template-columns:1fr; }
  .lab-takes__cards article { opacity:1; transform:none; }
}
@media (max-width:900px) {
  .capabilities-catalog { overflow-x:clip; }
  .cycle__orbit-art--upper { width:148%; left:-28%; top:-20%; }
  .cycle__orbit-art--lower { width:150%; left:-24%; top:54%; }
  .cycle__sky::before { display:none; }
  .cycle__chrome { offset-path:ellipse(56% 35% at 50% 50%); }
  .visitus__cosmos { min-height:430px; }
  .quiz__orbit { width:110vw; left:-70%; }
  .quiz__orbit--b { width:76vw; }
}

html,body { max-width:100%; overflow-x:clip; }
@media (max-width:620px) {
  .production-slider__visual { min-height:360px; border-radius:22px; }
  .production-slider__copy { min-height:430px; }
  .production-slide--carousel { background-size:270% auto; }
  .production-slide--dtf { background-size:365% auto; }
  .production-slide--dryer { background-size:430% auto; }
  .lab-takes__cards { grid-template-columns:1fr; }
  .lab-takes__head h3 { font-size:2.8rem; }
}