/* Главная: яркая графика и анимация блоков (ноябрь 2026). У каждой итерации — свой раздел, правки только внутри него. */

/* ===== 1. Наш маршрут (#directions) ===== */

.hc-home .hc-directions .hc-route--industrial{--route-a:#8c8fff;--route-b:#2f35c8}
.hc-home .hc-directions .hc-route--engineering{--route-a:#2cc6e4;--route-b:#0b62a8}
.hc-home .hc-directions .hc-route--innovation{--route-a:#ff9a3d;--route-b:#c2410c}
.hc-home .hc-directions .hc-route--registries{--route-a:#22c59b;--route-b:#0a6b6e}
.hc-home .hc-directions .hc-route--certification{--route-a:#4c8dff;--route-b:#00347f}
.hc-home .hc-directions .hc-route--support{--route-a:#ff6fae;--route-b:#7b3cf0}
.hc-home .hc-directions .hc-route{min-width:0;transition:border-color .5s,box-shadow .5s}
.hc-home .hc-directions .hc-route:hover,.hc-home .hc-directions .hc-route:focus-within{border-color:var(--route-b);transform:none;box-shadow:0 15px 30px #173a8110}
.hc-home .hc-directions .hc-route-visual{isolation:isolate;aspect-ratio:1.5;border:0;background:linear-gradient(135deg,var(--route-a),var(--route-b))}
.hc-home .hc-directions .hc-route-visual::before,.hc-home .hc-directions .hc-route-visual::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0}
.hc-home .hc-directions .hc-route-visual::before{background-image:linear-gradient(#ffffff14 1px,transparent 1px),linear-gradient(90deg,#ffffff14 1px,transparent 1px);background-size:28px 28px}
.hc-home .hc-directions .hc-route-visual::after{inset:-25%;background:radial-gradient(ellipse at 80% 20%,#ffffff8c,transparent 48%);transform-origin:80% 20%;animation:hc-route-glow 14s ease-in-out infinite}
.hc-home .hc-directions .hc-route-visual>picture,.hc-home .hc-directions .hc-route-visual>img,.hc-home .hc-directions .hc-route-video{position:absolute;z-index:1;top:12%;left:8.5%;width:83%;height:auto;aspect-ratio:4/3;object-fit:cover;padding:0;background:transparent;overflow:hidden;border-radius:14px 14px 0 0;box-shadow:0 0 0 1px #ffffff80,0 18px 40px rgba(6,18,38,.35);transform:translateY(0) scale(1);transition:transform .5s}
.hc-home .hc-directions .hc-route-visual img{display:block;width:100%;height:100%;object-fit:cover;padding:0;background:transparent;opacity:1}
.hc-home .hc-directions .hc-route-visual>img{width:83%;height:auto}
.hc-home .hc-directions .hc-route-video{z-index:2;pointer-events:none;opacity:0;transition:transform .5s,opacity .4s}
.hc-home .hc-directions .hc-route-video.is-ready{opacity:1}
.hc-home .hc-directions .hc-route:hover .hc-route-visual>picture,.hc-home .hc-directions .hc-route:hover .hc-route-visual>img,.hc-home .hc-directions .hc-route:hover .hc-route-video,.hc-home .hc-directions .hc-route:focus-within .hc-route-visual>picture,.hc-home .hc-directions .hc-route:focus-within .hc-route-visual>img,.hc-home .hc-directions .hc-route:focus-within .hc-route-video{transform:translateY(-6px) scale(1.02)}
.hc-home .hc-directions .hc-route-no{z-index:3;background:#fff;color:var(--route-b);border-color:#ffffff80;box-shadow:0 3px 12px #0612261a}
.hc-home .hc-directions .hc-route .hc-kicker,.hc-home .hc-directions .hc-route-links>a:first-child{color:var(--route-b)}
@keyframes hc-route-glow{0%,100%{transform:scale(1);opacity:.65}50%{transform:scale(1.12);opacity:1}}
@media(max-width:540px){
    .hc-home .hc-directions .hc-route{display:flex;flex-direction:column}
    .hc-home .hc-directions .hc-route-visual{width:100%;height:auto;aspect-ratio:16/9;border-right:0;border-bottom:1px solid var(--hc-line)}
    .hc-home .hc-directions .hc-route-visual>picture,.hc-home .hc-directions .hc-route-visual>img,.hc-home .hc-directions .hc-route-video{top:12%;left:10%;width:80%;height:auto;margin:0;border-radius:12px 12px 0 0;transform:none!important}
    .hc-home .hc-directions .hc-route:hover .hc-route-visual>picture,.hc-home .hc-directions .hc-route:hover .hc-route-visual>img,.hc-home .hc-directions .hc-route:hover .hc-route-video,.hc-home .hc-directions .hc-route:focus-within .hc-route-visual>picture,.hc-home .hc-directions .hc-route:focus-within .hc-route-visual>img,.hc-home .hc-directions .hc-route:focus-within .hc-route-video{transform:none}
    .hc-home .hc-directions .hc-route-no{top:10px;left:10px;width:26px;line-height:24px;font-size:9px}
    .hc-home .hc-directions .hc-route-copy{min-width:0;padding:19px 18px}
    .hc-home .hc-directions .hc-route h3{font-size:18px;line-height:1.3}
    .hc-home .hc-directions .hc-route .hc-kicker{font-size:9px}
    .hc-home .hc-directions .hc-route-links a{font-size:12px;overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){
    .hc-home .hc-directions .hc-route-visual::after{animation:none;transform:none;opacity:.8}
    .hc-home .hc-directions .hc-route-visual>picture,.hc-home .hc-directions .hc-route-visual>img,.hc-home .hc-directions .hc-route-video{transform:none!important;transition:none}
    .hc-home .hc-directions .hc-route-video.is-ready{opacity:0}
}

/* ===== /1 ===== */


/* ===== 2. Инструменты (#tools) ===== */

/* 2.1. Цветовые переменные по группам инструментов */
.hc-home .hc-tool[data-tool-group="check"] {
  --tool-a: #4C8DFF;
  --tool-b: #1F4FD8;
  --tool-b-text: #1F4FD8;
  --tool-tile-from: #d8e7ff;
  --tool-tile-to: #f1f6ff;
  --tool-tile-hover-from: #c0d7ff;
  --tool-tile-hover-to: #b0cdff;
  --tool-border: rgba(76, 141, 255, 0.35);
  --tool-shadow: rgba(31, 79, 216, 0.18);
}
.hc-home .hc-tool[data-tool-group="calculate"] {
  --tool-a: #A08CFF;
  --tool-b: #5B47E0;
  --tool-b-text: #5B47E0;
  --tool-tile-from: #eae5ff;
  --tool-tile-to: #f7f5ff;
  --tool-tile-hover-from: #ded5ff;
  --tool-tile-hover-to: #c5b8ff;
  --tool-border: rgba(160, 140, 255, 0.35);
  --tool-shadow: rgba(91, 71, 224, 0.18);
}
.hc-home .hc-tool[data-tool-group="documents"] {
  --tool-a: #2CC6E4;
  --tool-b: #0B7FA8;
  --tool-b-text: #0B7FA8;
  --tool-tile-from: #d1f3fa;
  --tool-tile-to: #eefafd;
  --tool-tile-hover-from: #b5eaf4;
  --tool-tile-hover-to: #aae0ee;
  --tool-border: rgba(44, 198, 228, 0.35);
  --tool-shadow: rgba(11, 127, 168, 0.18);
}
.hc-home .hc-tool[data-tool-group="support"] {
  --tool-a: #FFB547;
  --tool-b: #E2601B;
  --tool-b-text: #c04c05; /* Контраст 4.91:1 на белом фоне (WCAG AA pass) */
  --tool-tile-from: #ffefd7;
  --tool-tile-to: #fff9f0;
  --tool-tile-hover-from: #ffe5bf;
  --tool-tile-hover-to: #ffd499;
  --tool-border: rgba(255, 181, 71, 0.35);
  --tool-shadow: rgba(226, 96, 27, 0.2);
}

/* 2.2. Карточка инструмента: полоса 3 px сверху, переходы и фокус */
.hc-home .hc-tool {
  position: relative;
  overflow: hidden;
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.hc-home .hc-tool::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--tool-a), var(--tool-b));
  pointer-events: none;
}

.hc-home .hc-tool:hover,
.hc-home .hc-tool:focus-visible {
  border-color: var(--tool-b);
  box-shadow: 0 10px 24px -4px var(--tool-shadow);
  box-shadow: 0 10px 24px -4px color-mix(in srgb, var(--tool-b) 22%, transparent);
}

.hc-home .hc-tool:focus-visible {
  outline: 2px solid var(--tool-b);
  outline-offset: 2px;
}

/* 2.3. Плитка иконки и стрелка */
.hc-home .hc-tool-top img {
  box-sizing: border-box;
  width: 64px;
  height: 52px;
  padding: 9px;
  border-radius: 14px;
  object-fit: contain;
  background: linear-gradient(135deg, var(--tool-tile-from), var(--tool-tile-to));
  background: linear-gradient(135deg, color-mix(in srgb, var(--tool-a) 22%, #fff), color-mix(in srgb, var(--tool-a) 8%, #fff));
  box-shadow: inset 0 0 0 1px var(--tool-border);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--tool-a) 35%, transparent);
  transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
}

.hc-home .hc-tool-top b {
  transition: transform 0.25s ease, color 0.25s ease;
}

.hc-home .hc-tool:hover .hc-tool-top img,
.hc-home .hc-tool:focus-visible .hc-tool-top img {
  background: linear-gradient(135deg, var(--tool-tile-hover-from), var(--tool-tile-hover-to));
  background: linear-gradient(135deg, color-mix(in srgb, var(--tool-a) 35%, #fff), color-mix(in srgb, var(--tool-b) 35%, #fff));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--tool-b) 45%, transparent);
  transform: translateY(-2px) rotate(-1.5deg);
}

.hc-home .hc-tool:hover .hc-tool-top b,
.hc-home .hc-tool:focus-visible .hc-tool-top b {
  transform: translate(2px, -2px);
  color: var(--tool-b);
}

/* 2.4. Заголовок карточки при наведении */
.hc-home .hc-tool h3 {
  transition: color 0.25s ease;
}

.hc-home .hc-tool:hover h3,
.hc-home .hc-tool:focus-visible h3 {
  color: var(--tool-b-text, var(--tool-b));
}

/* 2.5. Фильтры инструментов */
.hc-home .hc-tool-filters button {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  position: relative;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.hc-home .hc-tool-filters button:focus-visible {
  outline: 2px solid #173a81;
  outline-offset: 2px;
}

/* Ненажатые кнопки: точка 8 px слева */
.hc-home .hc-tool-filters button[aria-pressed="false"]::before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
  transition: transform 0.2s ease;
}

.hc-home .hc-tool-filters button[aria-pressed="false"]:hover::before {
  transform: scale(1.2);
}

.hc-home .hc-tool-filters button[data-tool-filter="all"][aria-pressed="false"]::before {
  background: conic-gradient(#4C8DFF 0deg 90deg, #A08CFF 90deg 180deg, #0B7FA8 180deg 270deg, #FFB547 270deg 360deg);
}
.hc-home .hc-tool-filters button[data-tool-filter="check"][aria-pressed="false"]::before {
  background: #1F4FD8;
}
.hc-home .hc-tool-filters button[data-tool-filter="calculate"][aria-pressed="false"]::before {
  background: #5B47E0;
}
.hc-home .hc-tool-filters button[data-tool-filter="documents"][aria-pressed="false"]::before {
  background: #0B7FA8;
}
.hc-home .hc-tool-filters button[data-tool-filter="support"][aria-pressed="false"]::before {
  background: #E2601B;
}

/* Подсветка рамки ненажатых кнопок при наведении */
.hc-home .hc-tool-filters button[data-tool-filter="check"][aria-pressed="false"]:hover {
  border-color: #1F4FD8;
  color: #12213f;
}
.hc-home .hc-tool-filters button[data-tool-filter="calculate"][aria-pressed="false"]:hover {
  border-color: #5B47E0;
  color: #12213f;
}
.hc-home .hc-tool-filters button[data-tool-filter="documents"][aria-pressed="false"]:hover {
  border-color: #0B7FA8;
  color: #12213f;
}
.hc-home .hc-tool-filters button[data-tool-filter="support"][aria-pressed="false"]:hover {
  border-color: #E2601B;
  color: #12213f;
}

/* Нажатые кнопки */
.hc-home .hc-tool-filters button[data-tool-filter="all"][aria-pressed="true"] {
  background: #173a81;
  border-color: #173a81;
  color: #ffffff;
}
.hc-home .hc-tool-filters button[data-tool-filter="check"][aria-pressed="true"] {
  background: #1F4FD8;
  border-color: #1F4FD8;
  color: #ffffff;
}
.hc-home .hc-tool-filters button[data-tool-filter="calculate"][aria-pressed="true"] {
  background: #5B47E0;
  border-color: #5B47E0;
  color: #ffffff;
}
.hc-home .hc-tool-filters button[data-tool-filter="documents"][aria-pressed="true"] {
  background: #0B7FA8;
  border-color: #0B7FA8;
  color: #ffffff;
}
.hc-home .hc-tool-filters button[data-tool-filter="support"][aria-pressed="true"] {
  background: #FFB547;
  border-color: #E2601B;
  color: #3b1d06;
  font-weight: 600;
}

/* 2.6. Тёмная карточка .hc-tools-intro: мягкое цветное свечение за иллюстрацией */
.hc-home .hc-tools-intro {
  position: relative;
  isolation: isolate;
}

.hc-home .hc-tools-intro::before {
  content: '';
  position: absolute;
  top: -25%;
  left: -20%;
  width: 140%;
  height: 110%;
  background:
    radial-gradient(ellipse 260px 220px at 28% 30%, rgba(128, 131, 255, 0.22) 0%, transparent 70%),
    radial-gradient(ellipse 240px 200px at 72% 38%, rgba(25, 182, 210, 0.18) 0%, transparent 68%);
  pointer-events: none;
  z-index: -1;
  animation: hc-tools-glow 18s ease-in-out infinite alternate;
}

@keyframes hc-tools-glow {
  0% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  50% {
    transform: translate3d(18px, 14px, 0) scale(1.06);
  }
  100% {
    transform: translate3d(-14px, 8px, 0) scale(0.96);
  }
}

/* 2.7. Доступность: отключение движения при prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
  .hc-home .hc-tools-intro::before {
    animation: none !important;
    transform: none !important;
  }
  .hc-home .hc-tool,
  .hc-home .hc-tool-top img,
  .hc-home .hc-tool-top b,
  .hc-home .hc-tool-filters button,
  .hc-home .hc-tool-filters button::before {
    transition: none !important;
    transform: none !important;
  }
  .hc-home .hc-tool:hover .hc-tool-top img,
  .hc-home .hc-tool:focus-visible .hc-tool-top img,
  .hc-home .hc-tool:hover .hc-tool-top b,
  .hc-home .hc-tool:focus-visible .hc-tool-top b {
    transform: none !important;
  }
}

/* ===== /2 ===== */


/* ===== 3. Как устроена работа (#process) ===== */

.hc-home .hc-process{overflow-x:clip}
.hc-home .hc-process-track{position:relative;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:linear-gradient(#d9e2ef,#d9e2ef) 28px 27px/75% 1px no-repeat}
.hc-home .hc-process-track::before,.hc-home .hc-process-track::after{content:'';position:absolute;z-index:0;pointer-events:none}
.hc-home .hc-process-track::before{left:28px;right:auto;top:26px;width:75%;height:3px;border-radius:999px;background:linear-gradient(90deg,#8083ff 0%,#19b6d2 33%,#1f6fe0 67%,#10a972 100%);transform-origin:left;transform:scaleX(1)}
.hc-home .hc-process-track::after{left:24px;top:23px;width:75%;height:8px;background:radial-gradient(circle at 4px 4px,#fff 0 2px,#8083ff 3px 5px,#8083ff00 8px);opacity:0}
.hc-home .hc-process-track>li{--step:#8083ff;--step-deep:#5054bd;--step-soft:#eeeeff;--step-ink:#464aa9;padding:0 28px 0 0;z-index:1}
.hc-home .hc-process-track>li:nth-child(2){--step:#19b6d2;--step-deep:#087d98;--step-soft:#e4f8fb;--step-ink:#08738b}
.hc-home .hc-process-track>li:nth-child(3){--step:#1f6fe0;--step-deep:#1254ad;--step-soft:#e8f1ff;--step-ink:#1451a9}
.hc-home .hc-process-track>li:nth-child(4){--step:#10a972;--step-deep:#087653;--step-soft:#e3f7ef;--step-ink:#08734f;padding-right:0}
.hc-home .hc-process-track>li:not(:last-child)::before,.hc-home .hc-process-track>li:not(:last-child)::after{content:none}
.hc-home .hv-step-marker{display:grid;place-items:center;position:relative;z-index:1;width:56px;height:56px;margin-bottom:11px;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--step),var(--step-deep));box-shadow:0 8px 20px color-mix(in srgb,var(--step) 34%,transparent)}
.hc-home .hv-step-marker svg{width:24px;height:24px;overflow:visible}
.hc-home .hc-step-number{display:block;width:auto;height:auto;margin:0 0 11px;padding:0;border:0;border-radius:0;background:transparent;color:var(--step-ink);font:700 10px/1 var(--hub-heading);letter-spacing:.12em}
.hc-home .hc-process-track h3{position:relative}.hc-home .hc-step-output{border:1px solid color-mix(in srgb,var(--step) 28%,white);border-radius:999px;background:var(--step-soft);color:var(--step-ink);font-weight:650}
.hc-home .hc-start-note{margin-top:42px;padding:22px 24px;border:1px solid #d9e3f3;border-radius:14px;background:linear-gradient(110deg,#8083ff17,#19b6d218);gap:17px}
.hc-home .hc-start-note>span{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:50%;color:#fff;background:linear-gradient(135deg,#8083ff,#19b6d2);box-shadow:0 6px 16px #427ac333}
.hc-home .hc-start-note>a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;margin-left:auto;padding:0 15px;border:1px solid #00347f;border-radius:999px;color:#00347f;font-weight:650}
.hc-home .hc-start-note>a:hover{color:#fff;background:#00347f}
.hc-home .hc-process.hv-armed .hc-process-track::before{transform:scaleX(0)}
.hc-home .hc-process.hv-armed .hv-step-marker{opacity:0;transform:scale(.76)}
.hc-home .hc-process.hv-armed.is-drawn .hc-process-track::before{animation:hv-process-draw 1.6s cubic-bezier(.2,.8,.2,1) forwards}
.hc-home .hc-process.hv-armed.is-drawn .hv-step-marker{animation:hv-process-marker .42s cubic-bezier(.2,.85,.3,1.2) forwards}
.hc-home .hc-process.hv-armed.is-drawn li:nth-child(1) .hv-step-marker{animation-delay:.16s}.hc-home .hc-process.hv-armed.is-drawn li:nth-child(2) .hv-step-marker{animation-delay:.46s}.hc-home .hc-process.hv-armed.is-drawn li:nth-child(3) .hv-step-marker{animation-delay:.76s}.hc-home .hc-process.hv-armed.is-drawn li:nth-child(4) .hv-step-marker{animation-delay:1.06s}
.hc-home .hc-process.hv-armed.is-drawn .hc-process-track::after{animation:hv-process-run 7s linear 1.7s infinite}
@keyframes hv-process-draw{to{transform:scaleX(1)}}
@keyframes hv-process-marker{to{opacity:1;transform:scale(1)}}
@keyframes hv-process-run{0%{opacity:0;transform:translateX(0)}4%,90%{opacity:1}96%,100%{opacity:0;transform:translateX(100%)}}
@media(max-width:760px){.hc-home .hc-process-track{display:grid;grid-template-columns:1fr;gap:25px;margin-top:30px;padding-left:76px;background:linear-gradient(#d9e2ef,#d9e2ef) 27px 28px/1px calc(100% - 56px) no-repeat}.hc-home .hc-process-track::before{left:26px;right:auto;top:28px;width:3px;height:calc(100% - 56px);transform-origin:top;transform:scaleY(1);background:linear-gradient(#8083ff 0%,#19b6d2 33%,#1f6fe0 67%,#10a972 100%)}.hc-home .hc-process-track::after{left:23px;top:24px;width:8px;height:calc(100% - 56px);background:radial-gradient(circle at 4px 4px,#fff 0 2px,#8083ff 3px 5px,#8083ff00 8px)}.hc-home .hc-process-track>li,.hc-home .hc-process-track>li:nth-child(4){min-height:94px;padding:0}.hc-home .hv-step-marker{position:absolute;left:-76px;top:0;margin:0}.hc-home .hc-step-number{margin-bottom:9px}.hc-home .hc-start-note{grid-template-columns:38px 1fr}.hc-home .hc-start-note>a{grid-column:2}.hc-home .hc-process.hv-armed .hc-process-track::before{transform:scaleY(0)}.hc-home .hc-process.hv-armed.is-drawn .hc-process-track::before{animation-name:hv-process-draw-vertical}.hc-home .hc-process.hv-armed.is-drawn .hc-process-track::after{animation-name:hv-process-run-vertical}}
@keyframes hv-process-draw-vertical{to{transform:scaleY(1)}}
@keyframes hv-process-run-vertical{0%{opacity:0;transform:translateY(0)}4%,90%{opacity:1}96%,100%{opacity:0;transform:translateY(100%)}}
@media(max-width:540px){.hc-home .hc-process-track{padding-left:68px}.hc-home .hv-step-marker{left:-68px;width:52px;height:52px}.hc-home .hc-start-note{padding:20px;grid-template-columns:38px 1fr}.hc-home .hc-start-note>a{grid-column:2;justify-self:start}}
@media(prefers-reduced-motion:reduce){.hc-home .hc-process-track::before,.hc-home .hc-process.hv-armed .hc-process-track::before{transform:scaleX(1);animation:none}.hc-home .hc-process.hv-armed .hv-step-marker,.hc-home .hc-process.hv-armed.is-drawn .hv-step-marker{opacity:1;transform:scale(1);animation:none}.hc-home .hc-process-track::after{display:none}}
@media(max-width:760px) and (prefers-reduced-motion:reduce){.hc-home .hc-process-track::before,.hc-home .hc-process.hv-armed .hc-process-track::before{transform:scaleY(1)}}

/* ===== /3 ===== */


/* ===== 4. Материалы (#resources) ===== */

.hc-home .hc-materials .hc-editorial-routes>a{--ed:#8083ff;--ed-rgb:128,131,255;--ed-deep:#30358f;position:relative;isolation:isolate;overflow:hidden;transition:background-color .2s ease,transform .2s ease}
.hc-home .hc-materials .hc-editorial-routes>a:nth-child(2){--ed:#19b6d2;--ed-rgb:25,182,210;--ed-deep:#006d82}
.hc-home .hc-materials .hc-editorial-routes>a:nth-child(3){--ed:#ea7a16;--ed-rgb:234,122,22;--ed-deep:#963b00}
.hc-home .hc-materials .hc-editorial-routes>a::before{content:"";width:11px;height:11px;border:2px solid var(--ed);border-radius:50%;box-shadow:0 0 0 5px rgba(var(--ed-rgb),.1);position:absolute;top:24px;left:25px}
.hc-home .hc-materials .hc-editorial-routes>a>span{padding-left:25px;color:var(--ed-deep);font-weight:650}
.hc-home .hc-materials .hc-editorial-routes>a>strong{color:#173a81}
.hc-home .hc-materials .hc-editorial-routes>a>b{color:var(--ed);transition:transform .2s ease}
.hc-home .hc-materials .hc-editorial-routes>a:hover,.hc-home .hc-materials .hc-editorial-routes>a:focus-visible{background-color:rgba(var(--ed-rgb),.1)}
.hc-home .hc-materials .hc-editorial-routes>a:hover>b,.hc-home .hc-materials .hc-editorial-routes>a:focus-visible>b{transform:translate(2px,-2px)}
.hc-home .hc-materials .hc-editorial-routes>a:focus-visible{outline:2px solid var(--ed-deep);outline-offset:-3px}

.hc-home .hc-material-grid .hc-material{--mat:#8083ff;--mat-rgb:128,131,255;--mat-deep:#30358f;position:relative;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.hc-home .hc-material-grid .hc-material:nth-child(6n+2){--mat:#19b6d2;--mat-rgb:25,182,210;--mat-deep:#006d82}
.hc-home .hc-material-grid .hc-material:nth-child(6n+3){--mat:#1f6fe0;--mat-rgb:31,111,224;--mat-deep:#00479e}
.hc-home .hc-material-grid .hc-material:nth-child(6n+4){--mat:#ea7a16;--mat-rgb:234,122,22;--mat-deep:#963b00}
.hc-home .hc-material-grid .hc-material:nth-child(6n+5){--mat:#10a972;--mat-rgb:16,169,114;--mat-deep:#006b46}
.hc-home .hc-material-grid .hc-material:nth-child(6n){--mat:#e0457b;--mat-rgb:224,69,123;--mat-deep:#991645}
.hc-home .hc-material-grid .hc-material::before{content:"";height:3px;position:absolute;inset:0 0 auto;background:linear-gradient(90deg,var(--mat),var(--mat-deep));z-index:2}
.hc-home .hc-material-grid .hc-material>a{position:relative;z-index:1}
.hc-home .hc-material-grid .hc-material .hc-material-top{gap:10px;border-bottom-color:rgba(var(--mat-rgb),.22)}
.hc-home .hc-material-grid .hc-material .hc-material-number{width:34px;height:34px;font-size:13px;line-height:34px;border:0;border-radius:7px;color:#fff;background:linear-gradient(135deg,var(--mat),var(--mat-deep));box-shadow:0 5px 12px rgba(var(--mat-rgb),.25)}
.hc-home .hc-material-grid .hc-material .hc-material-category{max-width:calc(100% - 78px);padding:4px 8px;border-radius:999px;color:var(--mat-deep);background:rgba(var(--mat-rgb),.12);font-weight:650;line-height:1.35;overflow-wrap:anywhere}
.hc-home .hc-material-grid .hc-material .hc-material-arrow{color:var(--mat);transition:transform .2s ease}
.hc-home .hc-material-grid .hc-material:hover,.hc-home .hc-material-grid .hc-material:focus-within{border-color:rgba(var(--mat-rgb),.5)!important;box-shadow:0 14px 28px rgba(var(--mat-rgb),.2);transform:translateY(-3px)}
.hc-home .hc-material-grid .hc-material:hover h3,.hc-home .hc-material-grid .hc-material:focus-within h3{color:var(--mat-deep)}
.hc-home .hc-material-grid .hc-material:hover .hc-material-arrow,.hc-home .hc-material-grid .hc-material:focus-within .hc-material-arrow{transform:translate(2px,-2px)}
.hc-home .hc-material-grid .hc-material>a:focus-visible{outline:2px solid var(--mat-deep);outline-offset:-4px}

.hc-home .hc-materials .hub-sound-bars i{background:linear-gradient(180deg,#8083ff,#19b6d2);transform-origin:center;animation:hc-sound-pulse 1.4s ease-in-out infinite alternate}
.hc-home .hc-materials .hub-sound-bars i:nth-child(2){animation-duration:1.1s;animation-delay:-.5s}
.hc-home .hc-materials .hub-sound-bars i:nth-child(3){animation-duration:1.7s;animation-delay:-1.1s}
.hc-home .hc-materials .hub-sound-bars i:nth-child(4){animation-duration:1.3s;animation-delay:-.8s}
.hc-home .hc-materials .hub-sound-bars i:nth-child(5){animation-duration:1.8s;animation-delay:-.3s}
.hc-home .hc-materials .hub-sound-bars i:nth-child(6){animation-duration:1.2s;animation-delay:-.9s}
.hc-home .hc-materials .hub-sound-bars i:nth-child(7){animation-duration:1.6s;animation-delay:-.6s}
.hc-home .hc-materials .hub-sound-bars i:nth-child(8){animation-duration:1.35s;animation-delay:-1s}
.hc-home .hc-materials .hub-sound-bars i:nth-child(9){animation-duration:1.55s;animation-delay:-.2s}

.hc-home .hc-materials .hc-radar-visual{isolation:isolate}
.hc-home .hc-materials .hc-radar-visual::after{content:"";position:absolute;inset:5px;border-radius:50%;background:conic-gradient(from 30deg,transparent 0 73%,rgba(25,182,210,.38) 84%,transparent 92%);z-index:0;animation:hc-radar-sweep 9s linear infinite}
.hc-home .hc-materials .hc-radar-visual span,.hc-home .hc-materials .hc-radar-visual i,.hc-home .hc-materials .hc-radar-visual b{z-index:1}.hc-home .hc-materials .hc-radar-visual i,.hc-home .hc-materials .hc-radar-visual b{box-shadow:0 0 0 7px rgba(25,182,210,.14);animation:hc-radar-signal 2.8s ease-in-out infinite alternate}
.hc-home .hc-materials .hc-radar-visual i{background:#46d9ee}
.hc-home .hc-materials .hc-radar-visual b{background:#f4b25d;box-shadow:0 0 0 7px rgba(234,122,22,.14);animation-delay:-1.4s}

@keyframes hc-sound-pulse{from{transform:scaleY(.48)}to{transform:scaleY(1)}}
@keyframes hc-radar-sweep{to{transform:rotate(360deg)}}
@keyframes hc-radar-signal{from{opacity:.6;transform:scale(.82)}to{opacity:1;transform:scale(1)}}

@media(max-width:540px){.hc-home .hc-materials .hc-editorial-routes>a::before{top:20px;left:20px}.hc-home .hc-materials .hc-editorial-routes>a>span{padding-left:24px}.hc-home .hc-material-grid .hc-material .hc-material-top{gap:9px}.hc-home .hc-material-grid .hc-material .hc-material-category{max-width:calc(100% - 72px);padding-inline:7px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.hc-home .hc-materials .hc-editorial-routes>a,.hc-home .hc-materials .hc-editorial-routes>a>b,.hc-home .hc-material-grid .hc-material,.hc-home .hc-material-grid .hc-material .hc-material-arrow{transition:none!important;transform:none!important}.hc-home .hc-materials .hub-sound-bars i,.hc-home .hc-materials .hc-radar-visual::after,.hc-home .hc-materials .hc-radar-visual i,.hc-home .hc-materials .hc-radar-visual b{animation:none;transform:none}}

/* ===== /4 ===== */


/* ===== 5. Финальный призыв и общая полировка ===== */

.hc-home .hc-proof-strip strong{color:#00347f;transition:transform .2s ease}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .hc-home .hc-proof-strip strong{background:linear-gradient(135deg,#8083FF,#1F6FE0);-webkit-background-clip:text;background-clip:text;color:transparent}
}
.hc-home .hc-proof-strip .hc-proof-mark{background:linear-gradient(135deg,#8083FF,#1F6FE0);border-color:transparent;color:#fff}
.hc-home .hc-proof-strip a:hover strong{transform:translateY(-2px)}
.hc-home .hc-proof-strip a:hover b{color:#1F6FE0}

.hc-home .hc-faq-items{display:grid;gap:10px}
.hc-home .hc-faq-items details{position:relative;background:#fff;border:1px solid #dfe6f3;border-radius:12px;padding:18px 20px 19px}
.hc-home .hc-faq-items details:first-child{padding-top:18px}
.hc-home .hc-faq-items details[open]{background:#f5f7ff;border-color:#aeb6ff}
.hc-home .hc-faq-items details[open]::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(#8083FF,#19B6D2);border-radius:12px 0 0 12px}
.hc-home .hc-faq-items summary:focus:not(:focus-visible){outline:none}
.hc-home .hc-faq-items summary:focus-visible{outline:2px solid #5054bd;outline-offset:5px;border-radius:4px}
.hc-home .hc-faq-items summary>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#eef2fa;color:#00347f;font-size:22px;line-height:1;transition:transform .2s ease}
.hc-home .hc-faq-items details[open] summary>span{background:linear-gradient(135deg,#8083FF,#1F6FE0);color:#fff;transform:rotate(45deg)}
.hc-home .hc-faq-items p{padding:18px 34px 0 0}
.hc-home .hc-faq-items details>a{padding:14px 0 0}
.hc-home .hc-faq-items details[open]>p,.hc-home .hc-faq-items details[open]>a{animation:hv-faq-answer .3s ease-out both}
@keyframes hv-faq-answer{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}

.hc-home .hub-final{position:relative;overflow:hidden;background:linear-gradient(120deg,#061226 0%,#00347f 52%,#3A3FC9 100%);border-top:0;color:#fff}
.hc-home .hub-final-inner{position:relative;isolation:isolate}
.hc-home .hub-final-inner>div{position:relative;z-index:1}
.hc-home .hub-final h2{color:#fff}
.hc-home .hub-final .hub-eyebrow,.hc-home .hub-final p:not(.hub-eyebrow){color:#c9d4ff}
.hc-home .hub-final-actions .hub-button--primary{background:#fff;color:#061226}
.hc-home .hub-final-actions .hub-button--primary:hover{background:#e7e8ff}
.hc-home .hub-final-phone{color:#fff}
.hc-home .hub-final-actions>span{color:#b9c6ea}
.hc-home .hub-final a:focus-visible,.hc-home .hub-final button:focus-visible{outline:3px solid #fff;outline-offset:4px}
.hc-home .hv-final-route{position:absolute;z-index:0;inset:0;width:100%;height:100%;overflow:visible;opacity:.44;pointer-events:none}
.hc-home .hv-final-route path{fill:none;stroke:#c9d4ff;stroke-width:3;stroke-dasharray:10 13;animation:hv-route-dash 12s linear infinite}
.hc-home .hv-final-route circle{transform-box:fill-box;transform-origin:center;animation:hv-route-node 3.6s ease-in-out infinite}
.hc-home .hv-final-route circle:nth-of-type(1){fill:#8083FF}.hc-home .hv-final-route circle:nth-of-type(2){fill:#19B6D2;animation-delay:-.9s}.hc-home .hv-final-route circle:nth-of-type(3){fill:#EA7A16;animation-delay:-1.8s}.hc-home .hv-final-route circle:nth-of-type(4){fill:#10A972;animation-delay:-2.7s}
@keyframes hv-route-dash{to{stroke-dashoffset:-92}}
@keyframes hv-route-node{50%{transform:scale(1.28)}}

@media(max-width:760px){.hc-home .hub-final{overflow:hidden}.hc-home .hub-final-actions .hub-button--primary{width:100%}.hc-home .hv-final-route{width:100%;left:0;top:auto;bottom:0;height:150px;opacity:.32}}
@media(prefers-reduced-motion:reduce){.hc-home .hc-proof-strip strong,.hc-home .hc-faq-items details[open]>p,.hc-home .hc-faq-items details[open]>a,.hc-home .hv-final-route path,.hc-home .hv-final-route circle{transition:none;animation:none}.hc-home .hc-proof-strip a:hover strong{transform:none}}
.hc-home .hv-offscreen,.hc-home .hv-offscreen::before,.hc-home .hv-offscreen::after,.hc-home .hv-offscreen *,.hc-home .hv-offscreen *::before,.hc-home .hv-offscreen *::after{animation-play-state:paused!important}

/* ===== /5 ===== */